:root{--doc-max:780px}
  *{box-sizing:border-box;margin:0;padding:0}
  body{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.65;-webkit-font-smoothing:antialiased}
  a{color:var(--accent)}
  header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--header-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  .brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--text);text-decoration:none}
  .brand svg{width:24px;height:24px}
  header nav a{margin-left:18px;font-size:14px;font-weight:600;color:var(--text-muted);text-decoration:none}
  header nav a:hover{color:var(--accent)}
  main{max-width:var(--doc-max);margin:0 auto;padding:48px 22px 72px}
  .back{margin-top:36px}
  h1{font-size:clamp(30px,5vw,44px);line-height:1.1;letter-spacing:-.02em;margin-bottom:14px}
  h2{font-size:clamp(21px,3vw,26px);margin:40px 0 12px;padding-top:8px;border-top:1px solid var(--line)}
  h3{font-size:17px;margin:22px 0 8px}
  p{margin:0 0 12px;color:var(--text-muted)}
  p strong,li strong{color:var(--text)}
  ul,ol{margin:0 0 14px;padding-left:22px;color:var(--text-muted)}
  li{margin-bottom:6px}
  code{font-family:var(--font-mono);font-size:.9em;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--text)}
  pre{background:var(--code-bg);border:1px solid var(--line);border-radius:10px;padding:14px 16px;overflow:auto;margin:0 0 16px}
  pre code{background:none;border:0;padding:0;color:var(--pre-text)}
  table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14.5px}
  th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--text-muted)}
  th{color:var(--text);font-size:13px}
  .lead{font-size:17px;color:var(--text-muted)}
  .note{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:10px;padding:12px 16px;margin:0 0 16px}
  .toc{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 22px;margin:24px 0}
  .toc h2{border:0;margin:0 0 8px;padding:0;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}
  .toc ol{margin:0;columns:2;column-gap:28px}
  footer{border-top:1px solid var(--line);padding:28px 22px;text-align:center;color:var(--text-muted);font-size:13px}
  @media(max-width:640px){.toc ol{columns:1}}