/* ═══════════════════════════════════════════════════════
   CricBun — Cookie Policy
   Extracted from html/cricbun-cookie-policy.html
   Body-content styles only. Chrome (root vars, body, links,
   masthead, nav, footer, focus ring) owned by global-shell.css.

   Prototype var names remapped to the global-shell scheme so
   dark theme applies:
     --p -> --paper   --m -> --muted   --c -> --cyan
     --cd -> --cyan-d --cp -> --cyan-p
   Selectors renamed to avoid clobbering global chrome:
     .meta -> .cookiemeta   .status -> .savestatus
   .toggle and .pref are intentionally OMITTED — global-shell.css
   already defines them identically; the panel reuses those rules.
   ═══════════════════════════════════════════════════════ */

.hero{background:var(--navy);color:var(--paper);padding:48px 0}
.hero h1{font-size:clamp(2.5rem,7vw,4.8rem);line-height:.94;letter-spacing:-.075em}
.hero p{font-size:.63rem;color:oklch(76% .015 230);margin-top:11px}
.cookiemeta{font-size:.5rem;color:oklch(70% .015 230);margin-top:17px}
.layout{display:grid;grid-template-columns:minmax(0,680px) 280px;gap:38px;padding:38px 0 80px}
.content{font:400 1rem/1.72 "Source Serif 4",serif}
.content section{margin-bottom:40px}
.content h2{font:700 1.55rem/1.2 Inter,sans-serif;letter-spacing:-.035em;margin-bottom:13px}
.content p+p{margin-top:15px}
.table{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:17px}
.row{display:grid;grid-template-columns:130px 1fr 90px;border-bottom:1px solid var(--line)}
.row:last-child{border:0}
.row>*{padding:11px;font:500 .53rem/1.5 Inter,sans-serif}
.row.head{background:var(--cyan-p);font-weight:800}
.prefs{position:sticky;top:16px;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;height:max-content;box-shadow:0 7px 22px oklch(24% .02 235/.07)}
.prefhead{padding:15px;border-bottom:1px solid var(--line)}
.prefhead h2{font-size:.76rem}
.prefhead p{font-size:.5rem;color:var(--muted);margin-top:4px}
.prefbody{padding:0 14px}
.save{width:calc(100% - 28px);height:40px;margin:14px;border:0;border-radius:8px;background:var(--cyan-d);color:var(--paper);font-size:.55rem;font-weight:700}
.savestatus{display:none;margin:0 14px 14px;color:var(--green);font-size:.5rem}
.callout{padding:15px;background:var(--cyan-p);border-radius:9px;font:500 .55rem/1.6 Inter,sans-serif;margin-top:18px}
@media(max-width:760px){.layout{grid-template-columns:1fr}.prefs{position:static;order:-1}}
@media(max-width:520px){.hero h1{font-size:2.7rem}.row{grid-template-columns:90px 1fr}.row>*:last-child{display:none}}