/* Docs layout */
.doc-grid{ display:grid; grid-template-columns: 260px 1fr; gap: 1.2rem; }
.doc-toc{ position:sticky; top:80px; height: calc(100vh - 100px); overflow:auto; padding:.8rem; border:1px solid var(--border); border-radius: var(--radius); background: var(--card); }
.doc-toc .toc-link{ display:block; padding:.3rem .4rem; margin:.1rem 0; border-radius: 8px; color: var(--text); }
.doc-toc .toc-link.level-3{ padding-left: 1.2rem; opacity:.9; }
.doc-toc .toc-link.active{ background: color-mix(in srgb, var(--accent), transparent 85%); color: var(--accent); font-weight:800; }
.doc-content{ background: var(--card); border:1px solid var(--border); border-radius: var(--radius); padding: 1.2rem; box-shadow: var(--shadow-1); }
.doc-content h2{ margin-top: 1.2rem }
.doc-content h3{ margin-top: .8rem }

.doc-list .toc-link{ border:1px solid transparent; }
.doc-list .toc-link:hover{ border-color: var(--border); background: color-mix(in srgb, var(--accent), transparent 90%); }

@media (max-width: 980px){ .doc-grid{ grid-template-columns: 1fr } .doc-toc{ position:static; height:auto; } }