/* Services page only. Classes prefixed services- and scoped under .page-services. */
@layer pages {
  /* Hero: white “jump to a service” panel */
  .page-services .services-panel { --panel-gap: 14px; }
  .page-services .services-jump { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); gap: 0 24px; padding: 0; list-style: none; }

  /* Long service card: icon tile + (text | what's included) */
  .page-services .services-list { display: flex; flex-direction: column; gap: 22px; }
  .page-services .services-item { flex-wrap: wrap; gap: 22px; padding: 30px 32px; border-radius: 20px; }
  .page-services .services-item__body { flex: 1 1 520px; display: grid; gap: 16px 44px; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); }
  .page-services .services-item__main,
  .page-services .services-item__aside { display: flex; flex-direction: column; gap: 10px; }
  .page-services .services-item__main p { font-size: var(--fs-list); }
  .page-services .services-item__main .t-link { font-size: 16px; }
  .page-services .services-item__label { font-weight: 800; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--muted); }
  .page-services .services-item__list { display: flex; flex-direction: column; gap: 6px; padding: 0; list-style: none; font-size: var(--fs-card); color: var(--body); }
  .page-services .services-item__list li::before { content: "· "; }

  /* Two-column guide table (c-table--narrow): tighter cells */
  .page-services .services-guide :is(th, td) { padding: 14px 18px; }
}