.docs-layout { display: grid; grid-template-columns: minmax(220px, 280px) minmax(0, 1fr); align-items: start; gap: 1.5rem; }
.modern-app .docs-page .docs-navigation { position: sticky; top: calc(var(--nav-height, 64px) + 1rem); max-height: calc(100dvh - var(--nav-height, 64px) - 2rem); overflow: auto; }
.docs-page .action-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.docs-page .docs-section .card-title { text-transform: none; }
.docs-topics { min-width: 0; }
.docs-section { scroll-margin-top: calc(var(--nav-height, 64px) + 1rem); }
.docs-section + .docs-section { margin-top: 1.5rem; }
.docs-section .card-body { padding: clamp(1rem, 3vw, 2rem); }
.docs-section .card-body > .d-flex { flex-wrap: wrap; gap: .25rem 1rem; }
.docs-reviewed { flex-shrink: 0; margin-bottom: 1rem; }
.docs-page .docs-navigation .docs-group-title { font-size: .75rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; margin: 1.4rem .75rem .4rem; color: var(--ws-muted, #64748b); }
.docs-overview-link { display: block; padding: .5rem .75rem; }
.docs-navigation .list-group-item { font-size: .9rem; padding: .6rem .75rem; border-radius: .4rem; }
.docs-navigation a[aria-current="location"] { background: var(--bs-primary, #3154a7); color: #fff; }
.docs-page a:focus-visible, .docs-page button:focus-visible { outline: 2px solid var(--bs-primary, #3154a7); outline-offset: 3px; }
.docs-audience { display: flex; flex-wrap: wrap; gap: .3rem; font-size: .875rem; }
.docs-permalink { margin-left: auto; white-space: nowrap; }
.docs-guide { margin-top: 1.5rem; max-width: 80ch; }
.docs-guide li { padding-left: .25rem; margin-bottom: .6rem; }
.docs-note { border-left: 3px solid var(--bs-primary, #3154a7); background: rgba(100, 125, 180, .08); padding: .8rem 1rem; border-radius: 0 .4rem .4rem 0; }
.docs-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.docs-glossary dt { margin-top: .8rem; }
.docs-glossary dd { margin-left: 0; }
.docs-alias { display: block; scroll-margin-top: calc(var(--nav-height, 64px) + 1rem); }
.docs-page [hidden] { display: none !important; }
.docs-page mark[data-docs-mark] { color: #322300; background: #ffe6a3; padding: 0 .05em; }
[data-bs-theme="dark"] .docs-page mark[data-docs-mark] { color: #fff1c2; background: #634700; }
@media (max-width: 991px) {
    .docs-layout { grid-template-columns: minmax(0, 1fr); }
    .modern-app .docs-page .docs-navigation { position: static; max-height: none; }
    #docs-toc { max-height: 15rem; overflow: auto; }
}
@media (max-width: 1100px) { .docs-page .action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 360px) { .docs-page .action-grid { grid-template-columns: minmax(0, 1fr); } }
@media print {
    .docs-navigation, .docs-page .action-grid, .docs-actions, .docs-permalink, .navbar, .footer { display: none !important; }
    .docs-layout { display: block; }
    .docs-page .docs-section[hidden] { display: block !important; }
    .docs-section { border: 0; box-shadow: none; }
    .docs-guide { break-inside: avoid; }
}
