/* Brand tokens — kept identical to index.html so the legal pages are the same
site, not a lookalike. Light mode included: the theme toggle sets
data-theme on , and these pages must follow it like every other page. */
:root{
--bg:#0d0b09; --bg2:#141110; --panel:#1b1714;
--ink:#f6f1e7; --dim:#b6ac9d; --line:rgba(243,237,226,.11);
--gold:#d2a35d;
--serif:'Cormorant Garamond',Georgia,serif;
--sans:'Manrope',-apple-system,sans-serif;
}
html[data-theme="light"]{
--bg:#faf7f0; --bg2:#f2ece0; --panel:#fffdf9;
--ink:#221d17; --dim:#655a4c; --line:rgba(44,38,32,.14);
--gold:#926731;
}
/* SVS legal pages — dark theme, matches index.html design system */
:root{--bg:var(--bg);--bg-soft:var(--bg2);--panel:var(--panel);--ink:var(--ink);--soft:var(--dim);--line:rgba(255,255,255,.09);--gold:var(--gold)}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans),-apple-system,sans-serif;background:var(--bg);color:var(--ink);line-height:1.75;font-weight:300;font-size:16px}
a{color:var(--gold)}
.bar{position:sticky;top:0;background:rgba(12,11,9,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:10}
.bar-in{max-width:820px;margin:0 auto;padding:16px 26px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:11px}
.brand img{height:26px}
.brand span{font-family:'Cormorant Garamond',serif;letter-spacing:3px;font-size:15px;color:var(--ink)}
.bar a.home{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink);text-decoration:none}
.bar a.home:hover{color:var(--gold)}
.doc{max-width:820px;margin:0 auto;padding:64px 26px 90px}
.eyebrow{font-size:11px;letter-spacing:5px;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(34px,6vw,52px);line-height:1.05;margin-bottom:10px}
.updated{color:var(--soft);font-size:13px;letter-spacing:.5px;margin-bottom:8px}
.lead{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:21px;color:var(--ink);margin:22px 0 10px;line-height:1.5}
h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:25px;margin:40px 0 10px;padding-top:22px;border-top:1px solid var(--line)}
p{color:var(--soft);margin:12px 0}
ul{margin:12px 0 12px 22px;color:var(--soft)}
li{margin:7px 0}
strong{font-weight:500;color:var(--ink)}
.note{background:var(--bg-soft);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:4px;padding:16px 20px;margin:24px 0;font-size:14.5px;color:var(--soft)}
footer{background:var(--bg-soft);border-top:1px solid var(--line);text-align:center;padding:40px 20px;color:var(--soft);font-size:12px;letter-spacing:.5px}
footer a{color:var(--ink);text-transform:uppercase;letter-spacing:1.5px;font-size:11px;margin:0 10px;text-decoration:none}
footer a:hover{color:var(--gold)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Same film grain and focus treatment as the rest of the site. */
body::after{content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;
opacity:.038;mix-blend-mode:overlay;background-repeat:repeat;background-size:170px 170px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
html[data-theme="light"] body::after{opacity:.030;mix-blend-mode:multiply}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}}