/* Prose styles for content pages (guides, legal, methodology). Uses tokens from site.css. No inline styles anywhere (CSP style-src 'self'). */
.prose{max-width:46rem;padding-top:28px;padding-bottom:48px;font-size:1.0625rem;line-height:1.65}
.prose h1{font-size:clamp(1.8rem,5.5vw,2.6rem);margin:.2em 0 .6em}
.prose h2{margin:1.9em 0 .5em}
.prose h3{margin:1.5em 0 .4em}
.prose .lead{font-size:1.2rem;color:var(--muted)}
.prose p,.prose li{max-width:none}
.prose code,.prose pre{font-family:var(--mono);font-size:.9em}
.prose code{background:var(--surface-2);padding:.1em .35em;border-radius:4px;overflow-wrap:anywhere}
.prose pre{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;overflow-x:auto}
.prose pre code{background:none;padding:0;overflow-wrap:normal}
.prose table{width:100%;border-collapse:collapse;margin:1em 0;display:block;overflow-x:auto}
.prose th,.prose td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.prose th{background:var(--surface-2)}
.prose .plans{display:grid;gap:16px;margin:24px 0}
@media(min-width:760px){.prose .plans{grid-template-columns:repeat(3,1fr)}}
.prose .plan{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.prose .plan.featured{border:2px solid var(--signal)}
.prose .plan h2{margin-top:0;font-size:1.2rem}
.prose .plan ul{padding-left:1.1em}
.prose .note{background:var(--surface);border-left:4px solid var(--signal);padding:10px 14px;border-radius:4px}
.prose .faq details{border-bottom:1px solid var(--line)}
.prose .cards{list-style:none;padding:0}
.prose .cards li{padding:14px 0;border-bottom:1px solid var(--line)}
.prose .cta{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:4px 16px 8px;margin:2em 0}
.prose .cta h2{margin-top:.6em}
.prose .btn.small{padding:8px 14px}