/* Grandelivo — shared styles for legal / policy pages */
:root{
  --emerald:#131011;--emerald-2:#0b0809;--panel:#1c1719;--line:rgba(217,160,138,.14);
  --gold:#d9a08a;--gold-2:#ecc9bb;--brass:#b07c68;--oxblood:#b0707a;
  --cream:#f4efe9;--ink:#f4efe9;--muted:#b3a8a4;--muted-2:#8a807c;
  --grad:linear-gradient(105deg,var(--gold-2),var(--gold) 52%,var(--brass));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--emerald);color:var(--ink);font-family:"Inter",system-ui,sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}
h1,h2{font-family:"Playfair Display",Georgia,serif;font-weight:600;line-height:1.1;letter-spacing:-.005em}
:focus-visible{outline:2px solid var(--gold);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(19,16,17,.86);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:"Playfair Display",serif;font-weight:700;font-size:1.2rem;color:var(--cream);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:.32;
  background:radial-gradient(40% 60% at 30% 40%,var(--gold),transparent 70%),radial-gradient(40% 60% at 70% 30%,var(--oxblood),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:.74rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.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:#e3dad5;margin:0 0 14px}
main ul{color:#e3dad5;margin:0 0 14px;padding-left:22px}
main li{margin-bottom:8px}
main strong{color:var(--cream)}
.note{border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;background:rgba(217,160,138,.04);padding:18px 20px;margin:20px 0;color:#e3dad5}
.note.teal{border-left-color:var(--gold-2)}
.toc{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02);padding:20px 24px;margin:28px 0}
.toc h3{margin:0 0 10px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);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(--cream)}
.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}
.help{border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02);padding:16px 18px}
.help b{display:block;color:var(--cream);margin-bottom:3px}
.help span{font-size:.92rem;color:var(--muted)}

footer{border-top:1px solid var(--line);background:var(--emerald-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(--cream)}
.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}}