.docs-layout { display: grid; grid-template-columns: minmax(210px, 250px) minmax(0, 1fr); align-items: start; gap: var(--space-6); min-width: 0; }
.docs-sidebar, .docs-article { min-width: 0; }
.docs-menu { position: sticky; top: 96px; max-height: calc(100dvh - 112px); overflow-y: auto; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-lg); background: var(--color-surface); }
.docs-menu > summary { display: none; }
.docs-menu nav { display: grid; gap: var(--space-5); padding: var(--space-4); }
.docs-nav-section { display: grid; gap: var(--space-1); min-width: 0; }
.docs-nav-section + .docs-nav-section { border-top: 1px solid var(--color-border-subtle); padding-top: var(--space-4); }
.docs-nav-section h2 { margin: 0 0 var(--space-2); color: var(--color-text-muted); font-size: .75rem; letter-spacing: .09em; text-transform: uppercase; }
.docs-nav-section a { display: flex; min-height: 44px; align-items: center; border-radius: var(--radius-sm); padding: var(--space-2) var(--space-3); color: var(--color-text-secondary); text-decoration: none; overflow-wrap: anywhere; }
.docs-nav-section a:hover, .docs-nav-section a:focus-visible { background: var(--color-surface-hover); color: var(--color-text); }
.docs-nav-section a[aria-current="page"] { background: var(--color-surface-active); color: var(--color-text); box-shadow: inset 3px 0 var(--color-primary); font-weight: 750; }
.docs-article { width: 100%; max-width: 100%; padding: clamp(var(--space-5), 3vw, var(--space-10)); }
.docs-content { min-width: 0; overflow-wrap: anywhere; color: var(--color-text-secondary); line-height: 1.7; }
.docs-content > :first-child { margin-top: 0; }
.docs-content > * + * { margin-top: var(--space-4); }
.docs-content h1, .docs-content h2, .docs-content h3, .docs-content h4, .docs-content h5, .docs-content h6 { color: var(--color-text); line-height: 1.3; overflow-wrap: anywhere; }
.docs-content h1 { font-size: clamp(1.65rem, 2.5vw, 2.35rem); }
.docs-content h2 { margin-top: var(--space-8); padding-bottom: var(--space-2); border-bottom: 1px solid var(--color-border-subtle); font-size: clamp(1.2rem, 1.7vw, 1.55rem); }
.docs-content h3 { margin-top: var(--space-6); font-size: 1.14rem; }
.docs-content h4, .docs-content h5, .docs-content h6 { margin-top: var(--space-5); font-size: 1rem; }
.docs-content p, .docs-content li { max-width: 85ch; }
.docs-content ul, .docs-content ol { padding-left: 1.5rem; }
.docs-content li + li { margin-top: var(--space-2); }
.docs-content li > ul, .docs-content li > ol { margin-top: var(--space-2); }
.docs-content a { color: var(--color-primary-hover); overflow-wrap: anywhere; }
.docs-content strong { color: var(--color-text); }
.docs-content code { border-radius: 4px; padding: .1em .35em; background: var(--color-background-elevated); color: var(--color-text); font-size: .9em; overflow-wrap: anywhere; }
.docs-content pre { max-width: 100%; overflow-x: auto; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-md); padding: var(--space-4); background: var(--color-background-elevated); scrollbar-width: thin; }
.docs-content pre code { display: block; width: max-content; min-width: 100%; border: 0; padding: 0; background: transparent; font-size: .88rem; line-height: 1.55; overflow-wrap: normal; }
.docs-content blockquote { margin-left: 0; border-left: 3px solid var(--color-primary); padding: var(--space-2) var(--space-4); background: var(--color-background-elevated); }
.docs-content blockquote > * + * { margin-top: var(--space-3); }
.docs-content hr { border: 0; border-top: 1px solid var(--color-border); }
.docs-content img { max-width: 100%; height: auto; }
.docs-table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-md); scrollbar-width: thin; }
.docs-table-wrap table { width: 100%; min-width: 620px; border-collapse: collapse; text-align: left; }
.docs-table-wrap th, .docs-table-wrap td { border-bottom: 1px solid var(--color-border-subtle); padding: var(--space-2) var(--space-3); vertical-align: top; }
.docs-table-wrap th { background: var(--color-background-elevated); color: var(--color-text); }
.docs-table-wrap tr:last-child td { border-bottom: 0; }
@media (max-width: 900px) {
  .docs-layout { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
  .docs-menu { position: static; max-height: none; overflow: visible; }
  .docs-menu > summary { display: list-item; min-height: 44px; padding: var(--space-3) var(--space-4); color: var(--color-text); font-weight: 750; cursor: pointer; }
  .docs-menu nav { grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--color-border-subtle); }
  .docs-nav-section + .docs-nav-section { border-top: 0; border-left: 1px solid var(--color-border-subtle); padding-top: 0; padding-left: var(--space-4); }
}
@media (max-width: 600px) {
  .docs-menu nav { grid-template-columns: minmax(0, 1fr); }
  .docs-nav-section + .docs-nav-section { border-top: 1px solid var(--color-border-subtle); border-left: 0; padding-top: var(--space-4); padding-left: 0; }
  .docs-article { padding: var(--space-4); }
}