/* Legal pages, cookie notice and small legal links. Uses the site's existing colour tokens from style.css. */
.legal{max-width:880px}
.legal p,.legal li{color:var(--text)}
.legal ul{padding-left:20px}
.legal-updated{color:var(--muted);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 10px}
.legal-toc{background:var(--panel);border:1px solid var(--line);padding:18px 22px;margin:22px 0 30px}
.legal-toc h2{margin:0 0 10px;font-family:Cinzel,serif;font-size:14px;letter-spacing:1.2px;color:var(--gold)}
.legal-toc ol{margin:0;padding-left:20px;columns:2;column-gap:28px}
.legal-toc li{break-inside:avoid;margin:0 0 4px}
.legal-toc a,.legal-section a,.legal-small a,.legal-line a,.cookie-bar a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.legal-section{margin:0 0 28px;scroll-margin-top:90px}
.legal-section h2{margin:0 0 8px;font-family:Cinzel,serif;font-size:18px;color:var(--gold)}
.legal table{width:100%;border-collapse:collapse;font-size:13px;margin:12px 0 4px}
.legal th,.legal td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.legal th{background:var(--panel);color:var(--gold);font-weight:600}
.legal code{font-size:12px;color:#e9d7ad;word-break:break-word}
.legal-link{background:none;border:0;padding:0;color:var(--gold);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit}
.legal-small{color:var(--muted);font-size:13px}
.legal-line{color:var(--muted);font-size:13px;margin:14px 0 0}
.placeholder{background:#4a3d14;color:#ffe9a6;padding:0 .35em;border:1px dashed var(--gold);font-weight:600}
.cookie-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--panel);border-top:1px solid var(--gold);box-shadow:0 -8px 24px #0008}
.cookie-bar p{margin:0;max-width:720px;font-size:13px;color:var(--text)}
.cookie-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cookie-bar .button{width:auto;padding:10px 20px}
@media (max-width:700px){
  .legal-toc ol{columns:1}
  .cookie-bar{padding:12px 16px}
}
.legal-section h3{margin:20px 0 6px;font-family:Cinzel,serif;font-size:15px;letter-spacing:.4px;color:var(--gold)}
.legal ol{padding-left:20px}
.legal ol li{margin:0 0 8px}