.layout{display:grid;grid-template-columns:220px 1fr;gap:48px;padding-top:48px;}
  .toc{position:sticky;top:96px;}
  .toc h4{font-family:'JetBrains Mono',monospace;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:#8496A6;margin-bottom:14px;}
  .toc a{display:block;font-size:14px;color:#3B4C5C;margin-bottom:10px;padding-left:12px;border-left:2px solid var(--cloud-dim);}
  .toc a:hover, .toc a.active{color:var(--sky);border-left-color:var(--sky);}
  .doc{background:#fff;border:1px solid var(--cloud-dim);border-radius:14px;padding:44px;}
  .doc h2{font-size:19px;margin-top:34px;padding-top:8px;}
  .doc h2:first-child{margin-top:0;}
  .doc h3{font-size:15.5px;margin-top:20px;}
  .doc p, .doc li{color:#3B4C5C;font-size:14.5px;}
  .doc ol, .doc ul{padding-left:20px;}
  .meta-bar{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;color:#8496A6;margin-bottom:8px;font-family:'JetBrains Mono',monospace;}
  .placeholder{background:rgba(242,169,59,.14);color:var(--amber-dim);padding:1px 6px;border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:13px;}
  @media(max-width:800px){
    .layout{grid-template-columns:1fr;}
    .toc{position:static;display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;}
    .toc a{border-left:none;border-bottom:2px solid var(--cloud-dim);padding:0 0 6px;white-space:nowrap;}
    .doc{padding:26px;}
  }