/* Vitaldoria — shared styles for legal / policy pages */
:root{
  --navy:#0a0e1a;--navy-2:#0b1120;--panel:#10182b;--line:rgba(180,200,255,.10);
  --teal:#34e3c0;--violet:#9b7bff;--gold:#f4c95d;--ink:#eef2f8;--muted:#9aa6bf;--muted-2:#6c7793;
  --grad:linear-gradient(100deg,var(--teal),var(--violet) 55%,var(--gold));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--navy);color:var(--ink);font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}
h1,h2{font-family:"Fraunces",Georgia,serif;font-weight:600;line-height:1.1;letter-spacing:-.01em}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:6px}
.wrap{max-width:820px;margin:0 auto;padding:0 24px}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

.topbar{position:sticky;top:0;z-index:10;background:rgba(8,11,20,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;height:68px}
.brand{display:flex;align-items:center;gap:10px;font-family:"Fraunces",serif;font-weight:600;font-size:1.2rem;color:var(--ink);text-decoration:none}
.brand svg{width:30px;height:30px}
.back{margin-left:auto;font-size:.92rem;font-weight:500}

.hero{position:relative;overflow:hidden;padding:64px 0 40px;border-bottom:1px solid var(--line)}
.hero .glow{position:absolute;inset:-40% -10% auto -10%;height:80%;z-index:0;filter:blur(80px);opacity:.4;
  background:radial-gradient(40% 60% at 30% 40%,var(--violet),transparent 70%),radial-gradient(40% 60% at 70% 30%,var(--teal),transparent 70%)}
.hero .wrap{position:relative;z-index:1}
.hero h1{font-size:clamp(2.1rem,5vw,3rem);margin:10px 0 8px}
.eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.updated{color:var(--muted-2);font-size:.9rem;margin-top:6px}

main{padding:48px 0 72px}
main h2{font-size:1.4rem;margin:42px 0 12px;padding-top:8px}
main h2:first-child{margin-top:0}
main p{color:#cdd5e6;margin:0 0 14px}
main ul{color:#cdd5e6;margin:0 0 14px;padding-left:22px}
main li{margin-bottom:8px}
main strong{color:var(--ink)}
.note{border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:12px;background:rgba(255,255,255,.03);padding:18px 20px;margin:20px 0;color:#cdd5e6}
.note.teal{border-left-color:var(--teal)}
.toc{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02);padding:20px 24px;margin:28px 0}
.toc h3{margin:0 0 10px;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);font-weight:700}
.toc ol{margin:0;padding-left:20px;columns:2;column-gap:30px}
.toc a{color:var(--muted)}.toc a:hover{color:var(--ink)}
.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}
.help{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02);padding:16px 18px}
.help b{display:block;color:var(--ink);margin-bottom:3px}
.help span{font-size:.92rem;color:var(--muted)}

footer{border-top:1px solid var(--line);background:var(--navy-2);padding:30px 0;color:var(--muted-2);font-size:.85rem}
.legalnav{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:14px}
.legalnav a{color:var(--muted);text-decoration:none}.legalnav a:hover{color:var(--ink)}
.legal-foot__row{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;align-items:center}

@media(max-width:560px){.toc ol{columns:1}.help-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}