/* brightpage.ca/docs: help, AI apps, API and command line. On top of site.css. */
.docs { max-width: 820px; padding-top: 16px; padding-bottom: 72px; display: flex; flex-direction: column; gap: 18px; }
.docs h1 { font-size: clamp(34px, 5vw, 46px); }
.docs h2 { font-size: 28px; margin-top: 28px; scroll-margin-top: 16px; }
.docs h3 { font-size: 19px; margin-top: 8px; }
.docs ul, .docs ol { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 6px; }
.docs pre { background: var(--sunk); border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; overflow-x: auto; margin: 0; font-size: 14px; line-height: 1.5; }
.docs code { font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace; font-size: 0.92em; overflow-wrap: anywhere; }
.doc-index { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 15px; }
.doc-action { border-top: 1px solid var(--line); padding-top: 16px; display: flex; flex-direction: column; gap: 8px; scroll-margin-top: 16px; }
.doc-action h3 code { font-size: 15px; }
.doc-action .tag { font-size: 11px; }