.privacy-links { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; padding: 1.25rem 5vw; background: var(--night); color: var(--ivory); font-size: .85rem; position: relative; z-index: 2; }
.privacy-links a, .privacy-links button { text-decoration: underline; text-underline-offset: .2em; }
.privacy-links button { background: none; border: 0; padding: 0; color: inherit; font: inherit; cursor: pointer; }
.cookie-banner { position: fixed; z-index: 100; bottom: 1rem; left: 1rem; width: min(620px, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); overflow: auto; background: #f7f4ee; color: #111; border: 1px solid #bbcbd6; padding: clamp(1.1rem, 3vw, 1.75rem); box-shadow: 0 8px 40px #06102a40; line-height: 1.55; }
.cookie-banner[hidden] { display: none; }
.cookie-banner h2 { font-family: var(--sans); font-size: 1.15rem; margin: 0 0 .65rem; }
.cookie-banner p { font-size: .88rem; margin-bottom: .75rem; }
.cookie-banner a { color: #0a3f96; text-decoration: underline; }
.cookie-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1rem; }
.cookie-actions button { flex: 1 1 140px; min-height: 44px; border: 1px solid #0a3f96; background: #0a3f96; color: white; font: 600 .85rem var(--sans); padding: .7rem; cursor: pointer; }
.cookie-actions button:hover { background: #082f70; }
.cookie-banner summary { font-family: var(--sans); cursor: pointer; padding: .5rem 0; font-weight: 600; font-size: .9rem; }
.cookie-banner label { display: flex; gap: .75rem; align-items: start; padding: .65rem 0; font-size: .88rem; }
.cookie-banner input { width: 20px; height: 20px; flex-shrink: 0; accent-color: #0a3f96; margin-top: .1rem; }
.cookie-banner :focus-visible, .privacy-links :focus-visible { outline: 3px solid #0a3f96; outline-offset: 3px; }
.legal-main { max-width: 850px; margin: auto; padding: 8rem 1.25rem 4rem; }
.legal-main h1 { font-size: clamp(2.25rem, 6vw, 3.5rem); }
.legal-main h2 { font-size: 1.65rem; margin-top: 2rem; }
.legal-main a, .privacy span a { text-decoration: underline; text-underline-offset: .2em; }
.legal-draft { padding: 1rem; border-left: 3px solid var(--gold); background: var(--moon); }
.legal-main table { width: 100%; border-collapse: collapse; font-size: .85rem; }
.legal-main td, .legal-main th { text-align: left; padding: .65rem; border-bottom: 1px solid #bbcbd6; overflow-wrap: anywhere; }
@media(max-width: 680px) { .privacy-links { padding-bottom: 5rem; } }