:root{
    --canvas:#131110; --canvas-2:#1a1715; --surface:#201c19; --surface-2:#2a2521;
    --line:rgba(245,239,232,.10); --line-2:rgba(245,239,232,.18);
    --ink:#f5efe8; --read:#cbc4ba; --ink-dim:#aba49b; --ink-faint:#6f685f;
    --orange:#ff4500; --orange-2:#ff6a33; --orange-lo:#c0360a;
    --display:"Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --ui:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    --mono:ui-monospace,"SFMono-Regular","Cascadia Code",Menlo,Consolas,monospace;
    --max:1180px; --ease:cubic-bezier(.22,.61,.36,1);
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--canvas);color:var(--read);font-family:var(--ui);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{color:var(--orange-2);text-decoration:none}
  a:hover{text-decoration:underline}
  h1,h2,h3{font-family:var(--display);color:var(--ink);line-height:1.15;margin:0;letter-spacing:-.01em}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 1.6rem}

  /* Nav */
  header.nav{position:sticky;top:0;z-index:40;background:rgba(19,17,16,.82);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line)}
  .nav-inner{max-width:var(--max);margin:0 auto;padding:.85rem 1.6rem;display:flex;align-items:center;gap:1rem}
  .brand{display:flex;align-items:center;gap:.7rem}
  .brand img{height:26px;width:auto;display:block}
  .brand .by{font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);border-left:1px solid var(--line-2);padding-left:.7rem}
  .nav-right{margin-left:auto;display:flex;align-items:center;gap:.4rem}
  .nav-right a.back{font-size:.92rem;color:var(--ink-dim);padding:.5rem .8rem;border-radius:9px}
  .nav-right a.back:hover{color:var(--ink);background:var(--surface);text-decoration:none}
  .btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--ui);font-weight:600;font-size:.95rem;padding:.7rem 1.2rem;border-radius:11px;border:1px solid transparent;background:var(--orange);color:#fff;transition:background .15s}
  .btn:hover{background:var(--orange-lo);text-decoration:none}

  /* Header block */
  .legal-head{padding:3.5rem 0 1.5rem;background:radial-gradient(120% 120% at 80% -20%,rgba(255,69,0,.10),transparent 55%)}
  .eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--orange-2)}
  h1{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;margin:.8rem 0 .6rem}
  .updated{font-family:var(--mono);font-size:.8rem;color:var(--ink-faint);letter-spacing:.02em}

  /* Layout */
  .legal{max-width:840px;margin:0 auto;padding:1rem 1.6rem 5rem}
  .intro p{margin:1.05rem 0}
  .legal p{margin:1.05rem 0}
  .legal h2{font-size:1.5rem;font-weight:700;margin:3rem 0 1rem;padding-top:1.8rem;border-top:1px solid var(--line);scroll-margin-top:80px}
  .legal h3{font-size:1.12rem;font-weight:600;color:var(--ink);margin:1.8rem 0 .6rem;scroll-margin-top:80px}
  .legal ol,.legal ul{margin:1rem 0;padding-left:1.4rem}
  .legal li{margin:.55rem 0}
  .legal strong{color:var(--ink);font-weight:700}
  .def{margin:.9rem 0}
  .def dfn{font-style:normal;color:var(--ink);font-weight:600}

  /* Table */
  .table-scroll{overflow-x:auto;margin:1.3rem 0;border:1px solid var(--line);border-radius:12px}
  table{border-collapse:collapse;width:100%;min-width:560px;font-size:.92rem}
  th,td{text-align:left;padding:.8rem 1rem;border-bottom:1px solid var(--line);vertical-align:top}
  th{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);background:var(--surface)}
  tr:last-child td{border-bottom:0}
  td strong{color:var(--ink)}

  /* TOC */
  .toc{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.4rem 1.6rem;margin:0 0 2.5rem}
  .toc h2{font-family:var(--display);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 .9rem;font-weight:600}
  .toc ol{list-style:none;margin:0;padding:0;columns:2;column-gap:2rem}
  .toc li{margin:.32rem 0;break-inside:avoid}
  .toc a{color:var(--ink-dim);font-size:.9rem}
  .toc a:hover{color:var(--orange-2)}
  .toc a .n{font-family:var(--mono);color:var(--orange);margin-right:.5rem;font-size:.82rem}

  /* Footer */
  footer{border-top:1px solid var(--line);padding:3rem 0;background:var(--canvas-2)}
  .foot-inner{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;justify-content:space-between}
  .foot-inner img.wm{width:150px;height:34px;display:block}
  .foot-links{display:flex;gap:1.4rem;flex-wrap:wrap;font-size:.92rem}
  .foot-links a{color:var(--ink-dim)}
  .foot-links a:hover{color:var(--ink);text-decoration:none}
  .foot-note{width:100%;color:var(--ink-faint);font-size:.82rem;font-family:var(--mono);letter-spacing:.02em}

  .toplink{display:inline-block;margin-top:2.5rem;font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;color:var(--ink-faint)}
  .toplink:hover{color:var(--orange-2);text-decoration:none}

  @media (max-width:640px){
    body{font-size:16px}
    .nav-right a.back{display:none}
    .toc ol{columns:1}
  }
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}