/* Shared styling for OnePage legal pages — matches the landing page brand. */
:root{
  --canvas:#F4F5F8;--surface:#FFFFFF;--ink:#14161D;--ink-2:#2A2E3A;
  --muted:#5C6373;--muted-2:#8A91A0;--line:#E6E8EE;--brand:#5B47E6;
  --brand-ink:#4634C9;--brand-soft:#EEEBFD;--max:760px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--canvas);color:var(--ink-2);font-family:'Manrope',system-ui,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--brand-ink);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}

header{border-bottom:1px solid var(--line);background:var(--surface)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:var(--max);margin:0 auto;padding:0 24px}
.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.15rem;color:var(--ink);letter-spacing:-.02em}
.brand .glyph{width:24px;height:24px;border-radius:7px;background:var(--brand);position:relative;flex:none;box-shadow:0 4px 12px rgba(91,71,230,.35)}
.brand .glyph::before{content:"";position:absolute;inset:6px 6px auto 6px;height:3px;border-radius:2px;background:#fff}
.brand .glyph::after{content:"";position:absolute;inset:11px 6px 6px 6px;border-radius:3px;background:rgba(255,255,255,.45)}
.nav .back{font-size:.9rem;color:var(--muted)}

main{padding:56px 0 80px}
h1{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:2rem;color:var(--ink);letter-spacing:-.02em;line-height:1.15}
.updated{color:var(--muted-2);font-size:.86rem;margin-top:10px}
.intro{margin-top:22px;font-size:1.05rem;color:var(--ink-2)}
h2{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.25rem;color:var(--ink);margin:40px 0 12px;letter-spacing:-.01em}
h3{font-weight:700;font-size:1rem;color:var(--ink);margin:22px 0 6px}
p{margin:12px 0}
ul{margin:12px 0 12px 22px}
li{margin:7px 0}
strong{color:var(--ink);font-weight:700}
.callout{background:var(--brand-soft);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:22px 0;font-size:.95rem}
.note{background:#FFF7ED;border:1px solid #F2D9B8;border-radius:12px;padding:14px 16px;margin:22px 0;font-size:.9rem;color:#7A4A12}
.toc{display:flex;flex-wrap:wrap;gap:8px 16px;margin:24px 0 8px}
.toc a{font-size:.9rem}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted-2);font-size:.82rem}
.footrow{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.footrow nav{display:flex;gap:16px;flex-wrap:wrap}
.tm{margin-top:14px;font-size:.74rem;color:var(--muted-2);max-width:60ch}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}