/* v5 layer: hand-written, loaded after the precompiled Tailwind site.css. Uses its color tokens. */
.prose p,.prose li{max-width:68ch}
.prose h2{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgb(var(--line))}
.prose>h2:first-of-type{border-top:0;padding-top:0}
/* Sidebar groups */
.nav-groups>li+li{margin-top:1.25rem}
.nav-group{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--muted));margin:0 0 .35rem .5rem}
/* Callouts (jekyll-md-kit) */
.md-callout{margin:1.5rem 0;padding:1rem 1.25rem;border:1px solid rgb(var(--line));border-left:4px solid rgb(var(--brand));border-radius:.75rem;background:rgb(var(--card))}
.md-callout p{margin:.25rem 0}
.md-callout-title{font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--brand))}
.md-callout-warning,.md-callout-caution{border-left-color:rgb(var(--accent))}
.md-callout-warning .md-callout-title,.md-callout-caution .md-callout-title{color:rgb(var(--accent))}
/* Summary box: the first tip on a doc page */
.md-tldr{background:linear-gradient(135deg,rgb(var(--brand)/.10),rgb(var(--card)) 60%);border-left-width:1px;border-color:rgb(var(--brand)/.45);font-size:1.05rem}
.md-tldr .md-callout-title{font-size:.72rem}
/* Stepper: a top-level ordered list */
.prose>ol{list-style:none;padding-left:0;counter-reset:step;display:grid;gap:.75rem}
.prose>ol>li{counter-increment:step;position:relative;padding:.85rem 1rem .85rem 3.5rem;border:1px solid rgb(var(--line));border-radius:.75rem;background:rgb(var(--card));max-width:none}
.prose>ol>li::before{content:counter(step);position:absolute;left:1rem;top:.8rem;width:1.75rem;height:1.75rem;border-radius:999px;display:grid;place-items:center;font:600 .85rem ui-monospace,monospace;background:rgb(var(--brand));color:rgb(var(--brand-fg))}
/* Console fences: prompt in brand, output muted */
.highlight .gp{color:rgb(var(--brand));user-select:none}
.highlight .go{color:rgb(var(--muted))}
.language-console pre,.language-sh pre{border-left:3px solid rgb(var(--brand)/.6)}
/* Pager */
.pager{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem}
.pager a{display:flex;flex-direction:column;gap:.25rem;padding:1rem;border:1px solid rgb(var(--line));border-radius:.75rem;text-decoration:none;color:rgb(var(--fg));min-height:44px}
.pager a:hover{border-color:rgb(var(--brand))}
.pager-next{grid-column:2;text-align:right}
@media (max-width:480px){.pager{grid-template-columns:1fr}.pager-next{grid-column:1}}
/* Home */
.hero-copy h1{font-size:clamp(2.25rem,6vw,3.75rem);line-height:1.05;font-weight:600;letter-spacing:-.025em}
.hero-copy p{margin-top:1.5rem;font-size:1.125rem;color:rgb(var(--muted));max-width:28rem}
.hero-copy p strong{color:rgb(var(--fg))}
.hero-copy p:last-child a{display:inline-flex;min-height:44px;align-items:center;padding:0 1.25rem;border-radius:.5rem;background:rgb(var(--brand));color:rgb(var(--brand-fg));font-weight:500}
.home-prose h2{font-size:clamp(1.75rem,4vw,2.25rem);letter-spacing:-.02em;border-top:0;padding-top:0;margin-top:0}
.home-prose>p{color:rgb(var(--muted))}
[data-section=install] [role=tablist]{display:flex;gap:.5rem;margin-top:1.5rem;flex-wrap:wrap}
[data-section=install] [role=tab]{min-height:44px;padding:0 1rem;border:1px solid rgb(var(--line));border-radius:.5rem;color:rgb(var(--muted))}
[data-section=install] [role=tab][aria-selected=true]{border-color:rgb(var(--brand));color:rgb(var(--brand))}
[data-section=glance] ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem}
[data-section=glance] li{max-width:none;padding:1.25rem;border:1px solid rgb(var(--line));border-radius:1rem;background:rgb(var(--card));color:rgb(var(--muted))}
[data-section=glance] li strong{display:block;font-size:2.75rem;line-height:1;color:rgb(var(--brand));font-weight:700;margin-bottom:.5rem}
[data-section=next] ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem}
[data-section=next] li{max-width:none;padding:1.25rem;border:1px solid rgb(var(--line));border-radius:1rem;background:rgb(var(--card));color:rgb(var(--muted))}
[data-section=next] li strong{display:block;font-size:1.15rem;margin-bottom:.25rem}
[data-section=faq] p{border-bottom:1px solid rgb(var(--line));padding-bottom:1rem}
/* Mermaid diagrams fit their column */
.diagram svg{max-width:100%;height:auto;margin:0 auto}
/* Touch targets: at least 44px (copy buttons, doc nav, footer links, pager) */
.copy{min-height:44px;min-width:44px}
.side{display:flex;align-items:center;min-height:44px;padding:.25rem .5rem}
footer .navlink,.crumbs a{display:inline-flex;align-items:center;min-height:44px}
footer ul.space-y-2>li+li{margin-top:0}
/* Copy button sits in a band above the code so it never covers the first line */
pre:has(> .copy){padding-top:3.5rem}
pre>.copy{top:.375rem;right:.375rem}
header nav>a:first-child{display:flex;align-items:center;min-height:44px}
summary{min-height:44px;padding-top:.6rem;padding-bottom:.6rem;box-sizing:border-box}
header .navlink{display:inline-flex;align-items:center;min-height:44px}
.crumbs ol{align-items:center}