.cmp{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .cmp>div{min-width:0}
  .cmp .lbl{margin:0 0 .4rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .cmp .lbl.next{color:var(--html)}
  .cmp pre.code{margin:0;font-size:.78rem;white-space:pre;word-break:normal;overflow-x:auto}
  .map{width:100%;border-collapse:collapse;font-size:.9rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
  .map th,.map td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}
  .map th{font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--bg-alt)}
  .map tr:last-child td{border-bottom:0}
  .map code{background:var(--bg-alt);padding:.1rem .35rem;border-radius:4px;font-size:.84em;white-space:nowrap}
  .note{border-left:4px solid var(--html);background:#F1F7FD;padding:14px 16px;border-radius:0 8px 8px 0;font-size:.93rem;color:var(--ink-soft);margin-top:1rem}
  .toc{display:flex;flex-wrap:wrap;gap:.4rem .9rem;font-size:.9rem;margin-top:1rem}
  @media (max-width:960px){.cmp{grid-template-columns:1fr}}
  
  @media (max-width:480px){.install code{word-break:break-all;font-size:.78rem}}
  .card .fineprint{overflow-wrap:anywhere}
  .card code{overflow-wrap:anywhere}