.documentation-page { background: var(--white); }
.documentation-intro, .documentation-section { padding: clamp(44px, 6vw, 82px) clamp(18px, 4vw, 56px); }
.documentation-intro, .documentation-section:nth-of-type(odd) { background: var(--paper); }
.documentation-page .section-inner { max-width: 1060px; }
.documentation-intro h1 { font-size: clamp(40px, 6vw, 76px); line-height: 1.04; margin: 0 0 24px; max-width: 850px; }
.documentation-section h2 { font-size: clamp(30px, 4vw, 48px); line-height: 1.1; margin: 0 0 28px; }
.documentation-page p, .document-facts { font-size: clamp(17px, 1.5vw, 20px); line-height: 1.55; }
.documentation-page p { max-width: 900px; }
.documentation-nav { display: flex; flex-wrap: wrap; gap: 12px 26px; margin-top: 28px; }
.documentation-nav a, .documentation-secondary { color: var(--brand); font-weight: 750; text-decoration: underline; text-underline-offset: 4px; }
.document-facts { margin: 0 0 28px; }
.document-facts div { padding: 12px 0; border-bottom: 1px solid var(--line); }
.document-facts dt { font-weight: 800; }
.document-facts dd { margin: 4px 0 0; overflow-wrap: anywhere; }
.documentation-page .document-scope { border-left: 3px solid var(--brand); padding-left: 18px; margin: 24px 0; }
.documentation-page .primary-action { display: inline-flex; text-align: center; max-width: 100%; white-space: normal; }
.documentation-secondary { display: inline-block; margin: 18px 0 0 24px; }
.documentation-section { scroll-margin-top: 90px; }
@media (max-width: 640px) { .documentation-secondary { display: block; margin-left: 0; } }