:root[data-theme="dark"]{--bg:#0A0A0F;--bg-2:#14141B;--text:#FAFAFA;--text-2:#C9C9D4;--muted:#8B8B98;--rule:#2A2A35;--accent:#3B82F6;--grid:rgba(255,255,255,.022)}
  :root[data-theme="light"]{--bg:#FAFAF7;--bg-2:#FFF;--text:#0A0A0F;--text-2:#2C2C36;--muted:#6B6B78;--rule:#E5E3DD;--accent:#2563EB;--grid:rgba(0,0,0,.025)}
  *{box-sizing:border-box;margin:0;padding:0}
  body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);
       line-height:1.65;-webkit-font-smoothing:antialiased;font-size:16px}
  .grid{position:fixed;inset:0;background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:64px 64px;pointer-events:none;z-index:0}
  .wrap{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:56px 32px 96px}
  header.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:56px;
             padding-bottom:20px;border-bottom:1px solid var(--rule)}
  .brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:18px;letter-spacing:-.02em;
         color:var(--text);text-decoration:none}
  .brand svg{width:26px;height:26px;display:block}
  .back{font-size:14px;color:var(--muted);text-decoration:none}
  .back:hover{color:var(--text)}
  .kicker{font-family:ui-monospace,'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;
          text-transform:uppercase;color:var(--accent);margin-bottom:14px}
  h1{font-size:clamp(28px,4.5vw,40px);line-height:1.15;letter-spacing:-.03em;font-weight:700;margin-bottom:10px}
  .maj{color:var(--muted);font-size:13px;margin-bottom:44px}
  h2{font-size:19px;font-weight:600;letter-spacing:-.01em;margin:38px 0 14px;padding-top:22px;
     border-top:1px solid var(--rule)}
  h2:first-of-type{border-top:none;padding-top:0}
  p{color:var(--text-2);margin-bottom:14px}
  ul{color:var(--text-2);margin:0 0 14px 20px}
  li{margin-bottom:7px}
  a{color:var(--accent)}
  a:focus-visible,.back:focus-visible,.brand:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
  dl{margin-bottom:14px}
  dt{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin-top:14px}
  dd{color:var(--text-2);margin-left:0}
  .note{background:var(--bg-2);border:1px solid var(--rule);border-radius:10px;padding:18px 20px;margin:22px 0}
  .note p:last-child{margin-bottom:0}
  footer.bot{margin-top:64px;padding-top:22px;border-top:1px solid var(--rule);
             color:var(--muted);font-size:13px;display:flex;gap:18px;flex-wrap:wrap}
  footer.bot a{color:var(--muted);text-decoration:none}
  footer.bot a:hover{color:var(--text)}