.privacy-controls { display:flex; align-items:center; gap:16px; margin-inline-start:auto; font-size:inherit; color:inherit; white-space:nowrap; }
.privacy-controls button { background:none; border:0; padding:0; color:inherit; font:inherit; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.privacy-choice { position:fixed; z-index:60; left:max(20px, env(safe-area-inset-left)); bottom:20px; width:min(320px, calc(100vw - 40px)); padding:16px; border:1px solid var(--line); border-radius:16px; background:var(--raised); color:var(--ink, #202824); box-shadow:0 8px 32px #0003; animation:privacy-appear .25s ease-out; }
.privacy-choice[hidden] { display:none; }
.privacy-choice h2 { margin:0 0 6px; font-size:20px; line-height:1.1; }
.privacy-choice p { margin:0; font-size:13px; line-height:1.5; }
.privacy-choice a { font-size:inherit; }
.privacy-choice-actions { display:flex; gap:8px; margin-top:12px; }
.privacy-choice-actions button { flex:1; min-height:44px; padding:8px 10px; border:1px solid currentColor; border-radius:24px; font:inherit; font-size:13px; color:inherit; background:transparent; cursor:pointer; }
.privacy-choice-actions .privacy-accept { color:var(--bg); background:var(--ink, #202824); }
.privacy-choice-actions button:disabled { opacity:.45; cursor:default; }
.privacy-choice :focus-visible, .privacy-controls :focus-visible { outline:3px solid #76b4d0; outline-offset:4px; }
.privacy-page { max-width:850px; padding-block:64px; }
.privacy-page h1 { margin-bottom:32px; }
.privacy-page section { margin-block:40px; }
.privacy-page h2 { font-size:30px; margin-bottom:16px; }
.privacy-page p + p { margin-top:12px; }
.privacy-page .privacy-credit { font-size:12px; color:var(--muted); }
.privacy-page li { margin-block:12px; }
@keyframes privacy-appear { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
@media(max-width:760px) { .privacy-choice { bottom:calc(100px + env(safe-area-inset-bottom)); } }
/* Privacy controls are screen-only, including legacy footers outside <footer>. */
@media print { .privacy-controls, .privacy-choice { display:none !important; } }
@media(prefers-reduced-motion:reduce) { .privacy-choice { animation:none; } }