/* Shared styling for the documentation pages. Builds on ../css/style.css. */
.doc { max-width: 900px; margin: 0 auto; padding: 0 20px 48px; line-height: 1.6; }
.doc h2 { margin-top: 36px; border-bottom: 1px solid var(--border, #334); padding-bottom: 4px; }
.doc h3 { margin-top: 24px; }
.doc table { border-collapse: collapse; width: 100%; margin: 12px 0; font-size: 14px; }
.doc th, .doc td { border: 1px solid var(--border, #334); padding: 6px 8px; text-align: left; vertical-align: top; }
.doc th { background: rgba(255, 255, 255, .04); }
.doc code { background: rgba(255, 255, 255, .07); padding: 1px 4px; border-radius: 3px; font-size: .92em; }
.doc pre { background: rgba(255, 255, 255, .05); padding: 12px; border-radius: 6px; overflow-x: auto; font-size: 13px; line-height: 1.35; }
.doc .toc { background: rgba(255, 255, 255, .03); border: 1px solid var(--border, #334); border-radius: 6px; padding: 8px 20px; }
.doc .toc ol { margin: 6px 0; }
.doc .note { background: rgba(102, 204, 255, .08); border-left: 3px solid var(--accent, #6cf); padding: 8px 12px; margin: 12px 0; border-radius: 4px; }
.doc-nav { display: flex; gap: 16px; justify-content: center; padding: 12px; font-size: 14px; }
/* Highlight the source row a Step 1 link jumps to */
.doc tr:target td { background: rgba(124, 199, 255, .12); }
.doc tr[id], .doc h2[id] { scroll-margin-top: 16px; }