/* Documentation layout: intentionally separate from the landing page sections. */
.docs-page { min-height: 100vh; }
.docs-nav { position: sticky; top: 0; z-index: 10; }
.docs-product-name { margin-left: .75rem; padding-left: .75rem; border-left: 1px solid var(--ink-20); color: var(--ink-60); font-size: .875rem; }
.docs-layout { display: grid; grid-template-columns: 13rem minmax(0, 44rem) 11rem; gap: 3rem; padding-top: 4rem; padding-bottom: 6rem; }
.docs-sidebar, .docs-toc { position: sticky; align-self: start; top: 6rem; font-size: .875rem; }
.docs-sidebar-label, .docs-toc p { margin: 0 0 .75rem; color: var(--ink-60); font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.docs-sidebar-link, .docs-toc a { display: block; margin: .45rem 0; color: var(--ink-60); text-decoration: none; }
.docs-sidebar-link.active, .docs-sidebar-link:hover, .docs-toc a:hover { color: var(--accent); }
.docs-content { min-width: 0; }
.docs-breadcrumb { display: flex; gap: .5rem; color: var(--ink-60); font-size: .875rem; }
.docs-breadcrumb a { color: inherit; }
.docs-content h1 { margin: 1rem 0; font-size: clamp(2.5rem, 5vw, 3.75rem); letter-spacing: -.055em; }
.docs-lede { max-width: 42rem; color: var(--ink-60); font-size: 1.15rem; line-height: 1.65; }
.docs-content section { margin-top: 3.5rem; scroll-margin-top: 7rem; }
.docs-content h2 { margin-bottom: .8rem; font-size: 1.55rem; letter-spacing: -.03em; }
.docs-content p { line-height: 1.7; }
.docs-content code { padding: .1em .32em; border-radius: .25rem; background: var(--ink-08); font-family: "Geist Mono", ui-monospace, monospace; font-size: .88em; }
.docs-content pre { overflow-x: auto; margin: 1.25rem 0; padding: 1.25rem; border: 1px solid var(--ink-20); border-radius: .65rem; background: var(--ink-04); line-height: 1.55; }
.docs-content pre code { padding: 0; background: transparent; }
.docs-callout { margin-top: 2rem; padding: 1rem 1.15rem; border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--ink-20)); border-radius: .65rem; background: color-mix(in srgb, var(--accent) 7%, transparent); }
.docs-callout p { margin: .3rem 0 0; }
@media (max-width: 900px) { .docs-layout { grid-template-columns: minmax(0, 44rem); padding-top: 2.5rem; } .docs-sidebar, .docs-toc { display: none; } }