/* Legal pages (Privacy, Terms, Cookies). Uses the tokens from app.css. */
.legal{position:relative;z-index:1;max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:22px}
.legal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.legal-brand{color:var(--fg);text-decoration:none}
.legal-brand span{font-family:var(--f-display);font-size:1.4rem;font-weight:700}
.legal-top .btn{text-decoration:none;color:var(--fg)}
.legal-card{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--cyan);border-radius:var(--r);padding:26px 22px;display:flex;flex-direction:column;gap:22px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.legal h1{font-size:clamp(1.8rem,5vw,2.3rem);margin-top:6px}
.legal .updated{color:var(--muted);font-size:.9rem;margin-top:6px}
.legal section{display:flex;flex-direction:column;gap:8px}
.legal h2{font-size:1.15rem}
.legal p,.legal li{color:var(--dim)}
.legal strong{color:var(--fg);font-weight:600}
.legal ul{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px}
.legal-note{border-left:3px solid var(--cyan);background:rgba(62,201,224,.08);border-radius:0 12px 12px 0;padding:12px 14px}
.legal-note p{color:var(--fg)}
.legal-foot{display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:space-between;color:var(--muted);font-size:.85rem}
.legal-foot nav{display:flex;flex-wrap:wrap;gap:8px 16px}
.legal-foot a{color:var(--dim)}
.legal-foot a[aria-current="page"]{color:var(--fg);text-decoration:none;font-weight:600}