/* ============================================================================
   .p-cookies - Cookie Policy (legal utility page; the 4th REQUIRED legal page).
   REGENERATED (cycle 6): hero, section head and closing CTA are consumed from
   components.css (c-hero*/c-center/c-head__title/c-cta*/c-btn-row). What is
   left here is (a) genuine per-page deltas and (b) the numbered rail, which
   stays page-scoped deliberately - it is the legal-page signature, not a
   sitewide component.
   ========================================================================== */

/* ---- deltas ---- */
/* the legal hero sits under the fixed nav with more air than a marketing hero */
.p-cookies .ck-hero{
  padding-top:clamp(120px,16vw,168px);
  padding-bottom:clamp(40px,5vw,56px);
}
/* two-word headline: one step tighter than the component default (19ch) */
.p-cookies .c-hero__title{ max-width:16ch; }

.p-cookies .ck-body{ padding-top:clamp(56px,7vw,88px); }
.p-cookies .c-head__title{ max-width:18ch; }

/* one axis (ledger #ck-body): the policy head left-aligns to the rail's marker
   column instead of floating centred over a left-anchored rail. */
.p-cookies .ck-body .c-center{ margin-inline:0; text-align:left; }
.p-cookies .ck-body .c-head__title{ margin-inline:0; }

/* c-btn-row carries no top offset of its own; the CTA band needs one */
.p-cookies .c-btn-row{ margin-top:var(--gap-body-cta); }

/* ---- numbered rail (page-scoped: the legal-page signature) ---- */
.p-cookies .ck-rail{
  margin-top:clamp(40px,5vw,60px);
  position:relative;
  padding-left:clamp(52px,6vw,72px);
}
.p-cookies .ck-rail::before{
  content:""; position:absolute; left:15px; top:6px; bottom:6px; width:2px;
  background:var(--ink-40); border-radius:var(--r-btn);
}
.p-cookies .ck-item{ position:relative; padding-bottom:clamp(30px,3.6vw,44px); scroll-margin-top:100px; }
.p-cookies .ck-item:last-child{ padding-bottom:0; }
.p-cookies .ck-item__marker{
  position:absolute; left:calc(-1 * clamp(52px,6vw,72px)); top:2px; width:32px; height:32px;
  border-radius:var(--r-btn); border:2px solid var(--ink-40); background:var(--ink-0);
  display:flex; align-items:center; justify-content:center;
}
.p-cookies .ck-item__num{
  font-family:var(--f-mono); font-size:var(--t-label); font-weight:600; color:var(--ink-60);
}
.p-cookies .ck-item__title{ font-size:var(--t-h4); max-width:34ch; }
.p-cookies .ck-item__text{ margin-top:var(--s-3); max-width:70ch; color:var(--paper); font-size:var(--t-body); line-height:1.65; }

/* ---- responsive ---- */
@media (max-width:767px){
  .p-cookies .ck-rail{ padding-left:44px; }
  .p-cookies .ck-rail::before{ left:9px; }
  .p-cookies .ck-item__marker{ left:-44px; width:26px; height:26px; }
}