.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:12px;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:21px;margin-top:36px;padding-top:8px;}
  .doc h2:first-child{margin-top:0;}
  .doc p, .doc li{color:#3B4C5C;font-size:15px;}
  .allow-deny{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;}
  .allow-deny .col h4{font-family:'JetBrains Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;}
  .allow-deny .col.allow h4{color:#2b7a6c;}
  .allow-deny .col.deny h4{color:var(--danger);}
  .allow-deny ul{list-style:none;padding:0;margin:0;font-size:14px;color:#3B4C5C;}
  .allow-deny li{display:flex;gap:10px;margin-bottom:10px;}
  .allow-deny .col.allow li::before{content:"✓";color:var(--teal);font-weight:700;}
  .allow-deny .col.deny li::before{content:"✕";color:var(--danger);font-weight:700;}
  .review-example{border:1px solid var(--cloud-dim);border-radius:10px;padding:18px 20px;margin:14px 0;background:var(--cloud);}
  .review-example .stars{color:var(--amber);font-size:14px;margin-bottom:6px;}
  @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;}
    .allow-deny{grid-template-columns:1fr;}
  }