/* MOGUL — legal/support pages. Matches the main site's gold/navy identity. */
:root{
  --gold:#c9a23a; --gold-2:#e8ba46; --gold-hi:#f6d879; --gold-glow:rgba(232,186,70,.45);
  --navy:#080c14; --navy-1:#0a0f18; --navy-2:#0d1420; --panel:#111a29; --panel-2:#152135;
  --line:rgba(232,186,70,.16); --line-2:rgba(232,186,70,.28);
  --teal:#3e8e9e; --red:#e5544f; --green:#5fbf7a;
  --text:#eef2f7; --muted:#8a97ab; --muted-2:#5c6a7d;
  --dsp:'Oswald',system-ui,sans-serif; --body:'Inter',system-ui,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1); --maxw:820px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--text);background:var(--navy-1);line-height:1.7;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(900px 500px at 80% -10%,rgba(201,162,58,.10),transparent 60%);}
a{color:var(--gold-hi);text-decoration:underline;text-underline-offset:3px}
img{max-width:100%;display:block}
h1,h2,h3,.dsp{font-family:var(--dsp);text-transform:uppercase;letter-spacing:.02em;line-height:1.05}
::selection{background:var(--gold);color:#10141c}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}

/* header */
.head{position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);background:rgba(10,15,24,.78);border-bottom:1px solid transparent;transition:.3s}
.head.on{border-bottom-color:var(--line)}
.head .wrap{max-width:1180px;display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}
.brand svg{width:30px;height:30px}
.brand span{font-family:var(--dsp);font-weight:700;font-size:20px;letter-spacing:.02em}
.brand b{color:var(--gold-2)}
.nav{display:flex;gap:22px;align-items:center}
.nav a{color:var(--muted);text-decoration:none;font-size:14px;transition:.2s}
.nav a:hover{color:var(--gold-hi)}
.btn-ghost{border:1px solid var(--line-2);border-radius:999px;padding:8px 16px;color:var(--text)!important;font-family:var(--dsp);font-size:13px;letter-spacing:.05em}

/* doc body */
.doc{padding:54px 0 90px}
.backlink{display:inline-flex;gap:6px;color:var(--muted);text-decoration:none;font-family:var(--dsp);font-size:13px;letter-spacing:.06em;margin-bottom:20px;transition:.2s}
.backlink:hover{color:var(--gold-hi)}
.doc h1{font-size:clamp(30px,6vw,46px);color:var(--text);margin-bottom:6px}
.updated{color:var(--muted-2);font-size:14px;margin-bottom:34px}
.doc h2{font-size:22px;color:var(--gold-hi);margin:38px 0 4px}
.doc h3{font-size:17px;color:var(--text);margin:26px 0 2px;font-family:var(--dsp);letter-spacing:.02em}
.doc p,.doc li{color:#c7d0dd}
.doc p{margin:10px 0}
.doc ul{padding-left:22px;margin:10px 0}
.doc li{margin-bottom:7px}
.doc strong{color:var(--text)}
.eyebrow{font-family:var(--dsp);font-weight:600;letter-spacing:.36em;font-size:11px;color:var(--gold-2);text-transform:uppercase}

/* toc */
.toc{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px 26px;margin:26px 0 34px}
.toc h4{font-family:var(--dsp);font-size:12px;letter-spacing:.16em;color:var(--muted);margin-bottom:10px;text-transform:uppercase}
.toc ol{margin:0;padding-left:20px;columns:2;column-gap:30px}
.toc a{color:#c7d0dd;text-decoration:none;font-size:14px}
.toc a:hover{color:var(--gold-hi)}
@media(max-width:600px){.toc ol{columns:1}}

/* support cta card */
.cta{background:linear-gradient(160deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:30px 30px 34px;margin:20px 0 30px}
.cta h2{margin-top:0}
.btn-gold{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f6d879,#c9a23a);color:#1a1408;font-family:var(--dsp);font-weight:600;letter-spacing:.04em;padding:13px 24px;border-radius:12px;text-decoration:none;margin-top:8px;transition:.25s}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 12px 30px -10px var(--gold-glow)}

/* footer */
.foot{border-top:1px solid var(--line);padding:40px 0;background:var(--navy)}
.foot .wrap{max-width:1180px;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center}
.foot-links{display:flex;gap:20px;flex-wrap:wrap}
.foot-links a{color:var(--muted);text-decoration:none;font-size:14px}
.foot-links a:hover{color:var(--gold-hi)}
.foot .studio{color:var(--muted);font-size:14px}
.foot .studio a{color:var(--gold-hi)}
.foot .copy{color:var(--muted-2);font-size:13px;width:100%;margin-top:14px}

/* scrollbar */
*{scrollbar-width:thin;scrollbar-color:var(--gold) transparent}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--gold),var(--gold-2));border-radius:999px;border:3px solid var(--navy-1)}