/* ═══════════════════════════════════════════════════════════
   COOKIE POLICY — page-specific layer (tokens/.tt-wrap/.tt-sec/
   .tt-body/.tt-eyebrow inherited from chrome/layer.css)
   ═══════════════════════════════════════════════════════════ */
.cp-hero{padding-top:clamp(40px,6vw,72px)}
.cp-h1{font-family:var(--dsp);font-weight:900;color:var(--ink);text-transform:uppercase;
  font-size:clamp(2rem,4.6vw,3rem);line-height:1.08;letter-spacing:-.015em;margin:.5rem 0 .2rem}
.cp-updated{font-size:.85rem;font-weight:700;color:var(--muted);margin:0 0 1.3rem}
.cp-h2{font-family:var(--dsp);font-weight:800;color:var(--ink);
  font-size:clamp(1.25rem,2.3vw,1.7rem);line-height:1.15;margin:0 0 1rem}
.cp-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.92em;background:#FBF1D6;border:1px solid var(--line);border-radius:4px;
  padding:.12em .4em;color:var(--ink-2)}
.tt-body a{color:var(--turq-dk);text-decoration:underline;text-underline-offset:2px}
.tt-body a:hover{color:var(--sky-dk)}