/* Docs and changelog pages (src/docs.ts). Uses the tokens from hobbycoders.css. */
.docs-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;align-items:start}
.docs-toc{position:sticky;top:calc(var(--bar) + 24px);padding-top:62px}
.docs-toc ul{list-style:none;padding:0;margin:12px 0 0;font-size:13px;line-height:1.5}
.docs-toc li{margin:0 0 8px}
.docs-toc a{color:var(--muted)}
.docs-toc a:hover,.docs-toc a[aria-current=page]{color:var(--ink)}
.docs-toc a[aria-current=page]{font-weight:600}
.prose.docs{margin:0;max-width:760px}
.prose.docs h2{margin-top:44px;scroll-margin-top:calc(var(--bar) + 24px)}
.prose.docs h3{scroll-margin-top:calc(var(--bar) + 24px)}
.prose.docs pre{background:var(--night);color:#dfe3da;border-radius:16px;padding:16px 18px;overflow-x:auto;margin:0 0 20px;line-height:1.55}
.prose.docs pre code{background:none;color:inherit;padding:0;font-size:12px;overflow-wrap:normal;white-space:pre}
.prose.docs td code{white-space:nowrap}
.docs-pager{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:56px;padding-top:24px}
.prose .docs-pager a{display:flex;flex-direction:column;gap:6px;text-decoration:none;font-size:15px}
.docs-pager a[rel=next]{text-align:right;margin-left:auto}
/* One column on narrow screens. minmax(0,1fr), not 1fr: a 1fr track never shrinks below its content's
   minimum width, so a long code line would widen the page instead of scrolling inside its block (#1567). */
@media(max-width:900px){.docs-layout{grid-template-columns:minmax(0,1fr);gap:0}.docs-toc{position:static;order:2;padding-top:24px;border-top:1px solid var(--line);margin-top:40px}}