@layer base, composition, preferences;
@layer composition {
 .privacy-banner{position:fixed;z-index:80;inset:auto 1rem 1rem;max-width:70rem;max-height:65vh;overflow:auto;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.2rem;align-items:center;padding:1rem 1.2rem;border:1px solid var(--ink);background:var(--sheet);color:var(--ink);box-shadow:0 10px 40px #0003}
 body .privacy-settings[open]{position:fixed;z-index:81;inset:auto 1rem 1rem;max-width:50rem;max-height:75vh;overflow:auto;margin:0 auto;padding:1.25rem;border:1px solid var(--ink);background:var(--sheet);color:var(--ink);box-shadow:0 10px 40px #0004}
 .privacy-banner h2{font-size:1rem;line-height:1.4;letter-spacing:0;margin:0 0 .3rem}
 .privacy-banner p{font-size:.82rem;line-height:1.55;margin:0;max-width:85ch;overflow-wrap:anywhere}
 .privacy-banner-actions{display:flex;flex-wrap:wrap;gap:.6rem;max-width:26rem}
 .privacy-banner-actions button{flex:1 1 9rem;font-size:.82rem;min-height:44px;padding:.65rem .85rem;border-color:var(--ink);background:var(--sheet);color:var(--ink)}
 .privacy-banner-actions button:hover{color:var(--accent);border-color:var(--accent)}
 @media(max-width:680px){.privacy-banner{display:block}.privacy-banner-actions{margin-top:1rem;max-width:none}}
 @media print{.privacy-banner{display:none}}
}