/* retoor <retoor@molodetz.nl> */
.docs-layout { display: grid; grid-template-columns: 14rem minmax(0, 1fr); gap: var(--space-xl); }

.docs-sidebar { font-family: var(--font-sans); font-size: var(--text-sm); display: grid; gap: var(--space-lg); align-content: start; }
.docs-sidebar h4 { margin: 0 0 var(--space-xs); font-size: var(--text-xs); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--accent); font-weight: 500; }
.docs-sidebar ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-xs); }
.docs-sidebar a { color: var(--muted); text-decoration: none; }
.docs-sidebar a.active, .docs-sidebar a:hover { color: var(--ink); }

.docs-content { min-width: 0; }
.docs-content .permalink { text-decoration: none; color: inherit; }
.docs-content .permalink:hover::after { content: " #"; color: var(--faint); }

.endpoint { border-top: var(--border); padding: var(--space-lg) 0; display: grid; gap: var(--space-sm); min-width: 0; }
.endpoint .signature { font-family: var(--font-mono); font-size: var(--text-sm); display: flex; gap: var(--space-sm); flex-wrap: wrap; }
.endpoint .method { color: var(--accent); }
.endpoint .auth { font-family: var(--font-sans); font-size: var(--text-xs); color: var(--muted); letter-spacing: 0.08em; text-transform: uppercase; }
.endpoint pre { background: var(--code-bg); border: var(--border); padding: var(--space-sm) var(--space-md); overflow-x: auto; font-size: var(--text-xs); margin: 0; }
.endpoint .tester { display: grid; gap: var(--space-sm); }
.endpoint .allowed { font-family: var(--font-sans); font-size: var(--text-xs); color: var(--faint); }

.search-hit { border-top: var(--border); padding: var(--space-md) 0; }
.search-hit mark { background: rgba(var(--accent-rgb), 0.3); color: var(--ink); }

@media (max-width: 768px) {
  .docs-layout { grid-template-columns: minmax(0, 1fr); }
}