/* Shared documentation navigation; page and wireframe layouts live separately. */
:root { --docs-background: #101827; --docs-text: #e7edf7; --docs-link: #88d9ed; --docs-border: #34445c; --docs-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.docs-nav { box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; padding: 18px max(24px, calc((100vw - 1160px) / 2)); border-bottom: 1px solid var(--docs-border); background: var(--docs-background); color: var(--docs-text); font: 14px/1.5 var(--docs-font); }
.docs-nav a { color: var(--docs-link); text-decoration: none; }
.docs-nav a:first-child { color: var(--docs-text); font-weight: 750; margin-right: auto; }
.docs-nav a:hover { text-decoration: underline; }
.docs-nav a:focus-visible { outline: 2px solid var(--docs-link); outline-offset: 5px; }
.docs-home { margin: 0; background: var(--docs-background); color: var(--docs-text); font: 16px/1.65 var(--docs-font); }
.docs-home main { max-width: 1000px; padding: 60px 24px; margin: auto; }
.docs-home h1 { font-size: clamp(32px, 6vw, 54px); line-height: 1.15; }
.docs-home a { color: var(--docs-link); }
.docs-home .docs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 20px; margin: 32px 0; }
.docs-home article { border: 1px solid var(--docs-border); border-radius: 12px; padding: 24px; }
.docs-home h2 { margin-top: 0; }
.docs-home .docs-note { color: #b3c1d5; }