/* Documentation uses the existing site chrome and support sidebar. */
.documentation-copy { min-width: 0; max-width: 760px; font-size: 17px; line-height: 1.65; overflow-wrap: anywhere; }
.documentation-copy > * + * { margin-top: 16px; }
.documentation-copy h1 { font-size: clamp(40px, 5vw, 64px); line-height: 1.04; margin-bottom: 18px; }
.documentation-copy h2 { font-size: clamp(26px, 2.6vw, 32px); line-height: 1.15; margin-top: 40px; }
.documentation-copy h3 { font-size: 21px; margin-top: 28px; }
.documentation-copy p, .documentation-copy li { color: var(--ink-2); }
.documentation-copy a { color: var(--dusk); text-underline-offset: 3px; }
.documentation-copy ul, .documentation-copy ol { padding-left: 1.2em; display: grid; gap: 10px; }
.documentation-copy li::marker { color: var(--dusk); }
.documentation-copy code { font-family: var(--f-mono); font-size: .88em; background: var(--dusk-wash); padding: 2px 6px; border-radius: 6px; overflow-wrap: anywhere; }
.documentation-copy pre { max-width: 100%; overflow: auto; padding: 18px; border-radius: 12px; background: #172339; color: #f6f8fb; font-size: .88rem; }
.documentation-copy pre code { background: transparent; color: inherit; padding: 0; border-radius: 0; overflow-wrap: normal; }
.documentation-copy .documentation-lede { font-size: 20px; color: var(--ink-2); }
.documentation-nav-label { display: block; margin: 16px 12px 4px; color: var(--ink-3); font: 600 11px/1.4 var(--f-mono); letter-spacing: .04em; text-transform: uppercase; }
.documentation-copy .api-intro { display: grid; gap: 14px; }
.documentation-copy .api-intro .label { color: var(--dusk); font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.documentation-copy .callout { padding: 18px 20px; border: 1px solid var(--hairline); border-left: 3px solid var(--dusk); border-radius: 8px; background: var(--sheet); }
.documentation-copy .routes { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 8px 18px; align-items: baseline; }
.documentation-copy .routes code { width: max-content; }
.documentation-copy .notice { padding: 18px 20px; border: 1px solid var(--hairline); border-left: 3px solid var(--dusk); border-radius: 8px; background: var(--sheet); }
.documentation-page .legal-nav a[aria-current="location"] { background: var(--sheet); color: var(--ink); box-shadow: inset 0 0 0 1px var(--hairline); font-weight: 600; }
@media (max-width: 860px) { .documentation-nav-label, .documentation-nav-child { display: none !important; } }
@media (max-width: 560px) { .documentation-copy .routes { grid-template-columns: 1fr; gap: 0; } .documentation-copy .routes code { margin-top: 12px; } }
.documentation-copy :is(h2, h3)[id] { scroll-margin-top: 112px; }

.documentation-copy .documentation-guide-list { list-style: none; padding: 0; display: grid; gap: 16px; }
.documentation-copy .documentation-guide-list li { display: grid; gap: 2px; }
.documentation-copy .documentation-guide-list li::marker { content: ""; }
.documentation-copy .documentation-guide-list a { width: fit-content; color: var(--ink); font-weight: 600; text-decoration: none; }
.documentation-copy .documentation-guide-list a:hover { color: var(--dusk); text-decoration: underline; text-underline-offset: 3px; }
.documentation-copy .documentation-guide-list span { color: var(--ink-2); font-size: 15px; line-height: 1.5; }