/* Long-form guide pages (about, hosting options, self-hosting, agent
   workflow) as benmore.tech's .prose: a readable column of copy-size text,
   light-weight headings with a hairline above each section, near-black
   code panels and white callout cards on the warm-grey ground. */
.manual{max-width:880px;margin:0 auto;padding:clamp(40px,5vw,72px) var(--gutter) 96px;color:var(--fg-muted);font-size:var(--type-copy);line-height:1.7}
.manual h1,.manual h2,.manual h3{color:var(--fg);font-weight:var(--weight-regular);text-wrap:balance}
.manual h1{font-size:clamp(2.4rem,5vw,4.25rem);line-height:1.04;letter-spacing:var(--tracking-hero);margin:18px 0 24px;max-width:18ch}
.manual h2{font-size:var(--type-feature);line-height:1.2;letter-spacing:-.03em;margin:2.2em 0 .7em;padding-top:.8em;border-top:1px solid var(--border);scroll-margin-top:90px}
.manual h3{font-size:1.3rem;line-height:1.3;letter-spacing:-.02em;margin:1.8em 0 .6em}
.manual .lede{font-size:var(--type-lead);line-height:1.55;letter-spacing:var(--tracking-snug);max-width:760px;color:var(--fg)}
.manual .meta{font-size:var(--type-meta);color:var(--fg-subtle)}
.manual .meta a{color:var(--fg-muted)}
.manual strong{color:var(--fg);font-weight:var(--weight-medium)}
.manual a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.manual a:hover{color:var(--link-hover)}
.manual a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:4px}
.manual p,.manual ul,.manual ol{margin:0 0 1.2em}
.manual ul{list-style:disc;padding-left:22px}
.manual ol{list-style:decimal;padding-left:22px}
.manual li{margin-bottom:.45em}
.manual code{font-family:var(--font-mono);font-size:.88em;color:var(--fg);background:var(--bg-inset);padding:2px 6px;border-radius:4px;overflow-wrap:anywhere}
.manual pre{max-width:100%;overflow-x:auto;padding:18px 20px;border-radius:var(--radius-inner);background:var(--dark);color:var(--dark-fg);line-height:1.7;font-size:13px}
.manual pre code{padding:0;background:none;color:inherit;overflow-wrap:normal;font-size:inherit}
.manual .note,.manual .contents{border:1px solid var(--border);border-radius:var(--radius-card);padding:24px 28px;background:var(--bg-elevated);margin:28px 0}
.manual .contents strong{display:block;margin-bottom:8px;font-size:var(--type-label);font-weight:var(--weight-regular);color:var(--fg-subtle)}
.manual .contents ul{padding-left:20px}
.manual .note p:last-child,.manual .contents ul{margin-bottom:0}
.manual .table-scroll{overflow-x:auto;margin:24px 0;border:1px solid var(--border);border-radius:var(--radius-inner);background:var(--bg-elevated)}
.manual table{width:100%;border-collapse:collapse;font-size:var(--type-label)}
.manual th,.manual td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}
.manual tr:last-child td{border-bottom:0}
.manual th{color:var(--fg);font-weight:var(--weight-medium);background:var(--bg-subtle)}
.manual .related{margin-top:56px;padding-top:28px;border-top:1px solid var(--border)}
@media(max-width:600px){.manual{padding:32px 16px 64px}.manual pre{padding:14px}.manual .note,.manual .contents{padding:18px;border-radius:18px}}