/* Docs page tweaks layered on shellproof.css.
   The three-column grid, .docs-nav and .docs-toc all come from shellproof.css;
   this file only adds anchor offset, prose spacing and output styling. */

.docs-hero { padding: 40px 0 8px; }
.docs-hero .h1 { font-size: clamp(30px, 4.5vw, 42px); }

/* Sticky nav sits above the page, so anchored headings need breathing room. */
.docs-content :target,
.docs-content h2[id],
.docs-content h3[id] { scroll-margin-top: calc(var(--nav-h) + 24px); }

.docs-content { min-width: 0; }
.docs-content > section { margin-bottom: 8px; }
.docs-content > section + section { margin-top: 12px; }

/* First heading in a section should not inherit the big prose top margin. */
.docs-content > section > h2:first-child { margin-top: 48px; }
.docs-content > section:first-child > h2:first-child { margin-top: 8px; }

.docs-content pre { white-space: pre; }
/* Long command output wraps rather than forcing horizontal page scroll on phones. */
.code.out pre { white-space: pre-wrap; word-break: break-word; }

.docs-nav .label:first-child { margin-top: 0; }
.docs-toc .label { display: block; margin-bottom: 8px; }
.docs-toc a.active { color: var(--fg); font-weight: 500; }

.flag-name { font-family: var(--font-mono); font-size: 13px; color: var(--fg); white-space: nowrap; }

.lede-sources { font-size: 13px; color: var(--fg-muted); margin-top: 10px; }
.lede-sources a { color: inherit; }

@media (max-width: 760px) {
  .docs-hero { padding: 24px 0 0; }
}