/* Documentation page layout */
.docs-layout { display: grid; grid-template-columns: 232px 1fr; gap: 48px; max-width: 1180px; margin: 0 auto; padding: 36px 24px 96px; }

.docs-nav { position: sticky; top: 88px; align-self: start; max-height: calc(100vh - 108px); overflow-y: auto; font-size: .92rem; }
.docs-nav h5 { text-transform: uppercase; letter-spacing: .1em; font-size: .72rem; color: var(--muted2); margin: 20px 0 8px; }
.docs-nav h5:first-child { margin-top: 0; }
.docs-nav a { display: block; color: var(--muted); padding: 4px 0; border: none; }
.docs-nav a:hover { color: var(--gold); text-decoration: none; }

.docs-content { min-width: 0; }
.docs-content > h1 { font-size: 2.2rem; margin: 0 0 8px; }
.docs-content .lead { color: var(--muted); font-size: 1.1rem; margin: 0 0 20px; }
.docs-content h2 { font-size: 1.55rem; margin: 52px 0 14px; padding-top: 10px; border-top: 1px solid var(--line); scroll-margin-top: 88px; }
.docs-content h3 { font-size: 1.12rem; margin: 28px 0 8px; color: var(--cream); scroll-margin-top: 88px; }
.docs-content p, .docs-content li { color: var(--muted); }
.docs-content ul, .docs-content ol { padding-left: 22px; }
.docs-content li { margin-bottom: 6px; }
.docs-content a { color: var(--gold); }

.docs-content table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: .92rem; }
.docs-content th, .docs-content td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
.docs-content th { color: var(--cream); font-weight: 600; }
.docs-content td code { white-space: nowrap; }

.callout { border-left: 3px solid var(--gold); background: rgba(240,178,62,.06); padding: 12px 16px; border-radius: 0 10px 10px 0; margin: 18px 0; color: var(--cream); font-size: .95rem; }
.callout.warn { border-color: #E5675A; background: rgba(229,103,90,.08); }
.callout code { background: rgba(0,0,0,.25); }

@media (max-width: 860px) {
  .docs-layout { grid-template-columns: 1fr; gap: 0; }
  .docs-nav { position: static; max-height: none; margin-bottom: 28px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
}