/* Shared with index.html's inline tokens — kept in sync manually since the
   site is a single static page with its own inline <style>. */
:root{
  --cream:#F2EBDB;--tan:#A6927A;--tan-l:#C4B09A;--tan-d:#7A6B58;
  --gold:#C9A96E;--gold-l:#E0C98A;
  --bg:#0A0806;--bg2:#101008;--bg3:#181410;--bg4:#221C14;
  --text:#F2EBDB;--text-m:#C4B09A;--text-d:#8A7A68;
  --border:rgba(166,146,122,.12);
}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Montserrat',sans-serif;font-weight:300;}
a{color:inherit;}
::-webkit-scrollbar{width:2px;}::-webkit-scrollbar-track{background:var(--bg);}::-webkit-scrollbar-thumb{background:var(--tan);}

nav{position:sticky;top:0;z-index:20;background:rgba(10,8,6,.92);backdrop-filter:blur(24px);padding:18px 60px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;}
nav .brand{display:flex;align-items:center;gap:12px;text-decoration:none;}
nav .brand img{height:26px;width:auto;filter:brightness(0) invert(79%) sepia(15%) saturate(350%) hue-rotate(5deg) brightness(115%);}
nav .brand span{font-size:11px;letter-spacing:.28em;color:var(--text-m);text-transform:uppercase;}
nav .back{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-m);text-decoration:none;transition:color .3s;}
nav .back:hover{color:var(--text);}

.legal-hero{padding:64px 24px 24px;max-width:760px;margin:0 auto;}
.legal-tag{font-size:8px;letter-spacing:.45em;text-transform:uppercase;color:var(--text-d);margin-bottom:18px;}
.legal-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(34px,4.5vw,54px);font-weight:300;color:#fff;line-height:1.08;margin:0 0 14px;}
.legal-updated{font-size:10.5px;letter-spacing:.08em;color:var(--text-d);}

.legal-body{max-width:760px;margin:0 auto;padding:8px 24px 100px;font-size:13.5px;line-height:1.9;color:var(--text-m);}
.legal-body h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-style:italic;color:var(--tan-l);font-size:24px;margin:48px 0 14px;}
.legal-body h2:first-of-type{margin-top:12px;}
.legal-body h3{color:var(--cream);font-weight:400;font-size:13.5px;letter-spacing:.04em;margin:26px 0 8px;}
.legal-body p{margin:0 0 16px;}
.legal-body ul,.legal-body ol{margin:0 0 16px;padding-left:22px;}
.legal-body li{margin-bottom:8px;}
.legal-body a.inline{color:var(--gold-l);text-decoration:underline;text-underline-offset:2px;}
.legal-body strong{color:var(--cream);font-weight:500;}
.legal-note{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:18px 20px;font-size:12px;line-height:1.8;color:var(--text-d);margin:28px 0;}
.legal-note strong{color:var(--text-m);}
.legal-toc{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:22px 24px;margin:32px 0 8px;}
.legal-toc p{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-d);margin:0 0 12px;}
.legal-toc ol{margin:0;padding-left:18px;columns:2;column-gap:28px;}
.legal-toc li{font-size:11.5px;margin-bottom:8px;}
.legal-toc a{color:var(--text-m);text-decoration:none;}
.legal-toc a:hover{color:var(--gold-l);}

footer{background:var(--bg);padding:40px 60px 32px;border-top:1px solid var(--border);}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;}
.footer-logo img{height:36px;width:auto;filter:brightness(0) invert(79%) sepia(15%) saturate(350%) hue-rotate(5deg) brightness(115%);display:block;margin-bottom:14px;}
.footer-bottom{border-top:1px solid rgba(166,146,122,.07);padding-top:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.footer-copy{font-size:9px;color:var(--text-d);letter-spacing:.06em;}
.footer-legal{display:flex;gap:22px;}
.footer-legal a{font-size:9px;color:var(--text-d);text-decoration:none;transition:color .3s;}
.footer-legal a:hover{color:var(--text-m);}

@media(max-width:768px){
  nav{padding:16px 20px;}
  .legal-hero{padding:44px 20px 16px;}
  .legal-body{padding:8px 20px 80px;}
  .legal-toc ol{columns:1;}
  footer{padding:40px 20px 24px;}
  .footer-top{flex-direction:column;gap:24px;}
}