:root{
    --ink:#11151c; --ink-soft:#181d27; --ink-soft-2:#222937;
    --brass:#d6a75e; --brass-soft:#b88a45; --slate:#7c93a8; --paper:#f3eee4; --paper-dim:#9aa0ab;
    --line-a: rgba(243,238,228,0.10); --line-b: rgba(243,238,228,0.22);
    --font-display:'Fraunces', serif; --font-body:'Inter', sans-serif; --font-mono:'JetBrains Mono', monospace;
  }
  :root[data-theme="light"]{
    --ink:#f7f9f7; --ink-soft:#ffffff; --ink-soft-2:#eef2ef;
    --brass:#16a085; --brass-soft:#109179; --slate:#3c707a; --paper:#16201d; --paper-dim:#5c6b66;
    --line-a: rgba(18,32,29,0.08); --line-b: rgba(18,32,29,0.16);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0; min-height:100vh; background:var(--ink); color:var(--paper); font-family:var(--font-body); -webkit-font-smoothing:antialiased; transition:background .3s ease, color .3s ease;}
  a{color:var(--brass);}

  .top{position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; padding:18px 6vw; background:var(--ink); border-bottom:1px solid var(--line-a);}
  .top__back{display:flex; align-items:center; gap:8px; color:var(--paper-dim); text-decoration:none; font-size:13px;}
  .top__back:hover{color:var(--paper);}
  .top__back svg{width:15px; height:15px;}
  .top__logo{font-family:var(--font-display); font-weight:600; font-size:17px; color:var(--paper);}

  .wrap{max-width:760px; margin:0 auto; padding:48px 6vw 100px;}
  .doc-title{font-family:var(--font-display); font-weight:600; font-size:34px; margin:0 0 8px;}
  .doc-updated{font-family:var(--font-mono); font-size:11.5px; color:var(--paper-dim); margin:0 0 30px;}

  .doc-nav{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:36px;}
  .doc-nav a{padding:8px 16px; border-radius:999px; border:1px solid var(--line-a); background:var(--ink-soft); color:var(--paper-dim); text-decoration:none; font-size:12.5px;}
  .doc-nav a:hover{color:var(--paper); border-color:var(--line-b);}

  .disclaimer{background:var(--ink-soft); border:1px dashed var(--line-b); border-radius:14px; padding:18px 20px; margin-bottom:40px; font-size:13px; color:var(--paper-dim); line-height:1.6;}
  .disclaimer strong{color:var(--paper);}

  section.legal{margin-bottom:52px; scroll-margin-top:90px;}
  .legal h2{font-family:var(--font-display); font-weight:600; font-size:24px; margin:0 0 18px; padding-bottom:12px; border-bottom:1px solid var(--line-a);}
  .legal h3{font-family:var(--font-body); font-weight:700; font-size:14.5px; margin:26px 0 8px; color:var(--paper);}
  .legal p{font-size:14px; line-height:1.75; color:var(--paper-dim); margin:0 0 14px;}
  .legal ul{margin:0 0 14px; padding-left:20px;}
  .legal li{font-size:14px; line-height:1.75; color:var(--paper-dim); margin-bottom:6px;}
  .legal strong{color:var(--paper);}

  footer{border-top:1px solid var(--line-a); padding:26px 6vw; text-align:center; font-size:12px; color:var(--paper-dim);}
  footer a{color:var(--paper-dim); text-decoration:none; margin:0 8px;}
  footer a:hover{color:var(--brass);}

  @media (max-width:600px){ .top{padding:16px 5vw;} .wrap{padding:36px 5vw 80px;} .doc-title{font-size:27px;} }