/* Inner pages (pricing, agents, blog). Loaded after styles.css; uses only its tokens. */
.page-section { padding: var(--space-8) 0 var(--space-9); }
@media (max-width: 767px) { .page-section { padding: var(--space-7) 0 var(--space-8); } }
.page-title { font-size: var(--fs-display); line-height: 1.05; max-width: 20ch; }
.plan-h { font-family: var(--font-body); font-size: var(--fs-body); font-weight: 600; line-height: 1.3; letter-spacing: 0; max-width: none; }
.facts .plan-h { margin-bottom: var(--space-2); }
.page-next { margin-top: var(--space-7); padding-top: var(--space-5); border-top: 1px solid var(--border); }
.nav-links a[aria-current="page"] { text-decoration: underline; text-decoration-thickness: 2px; }

.post-list { list-style: none; padding: 0; margin-top: var(--space-6); max-width: 760px; }
.post-list li { padding: var(--space-5) 0; border-top: 1px solid var(--border); max-width: none; }
.post-list li:last-child { border-bottom: 1px solid var(--border); }
.post-list h2 { font-size: var(--fs-h2); max-width: none; }
.post-list p { margin-top: var(--space-2); color: var(--text-muted); }

.post .wrap { max-width: calc(var(--measure) + 2 * var(--space-5)); }
.post-meta { margin-bottom: var(--space-4); }
.post h1 { font-size: var(--fs-display); line-height: 1.08; max-width: 22ch; }
/* Article subheads use the body face (600) like the homepage h3s; Bricolage stays for the page title. */
.post h2 { margin-top: var(--space-7); font-family: var(--font-body); font-weight: 600; letter-spacing: 0; }
.post h3 { margin-top: var(--space-6); }
.post p, .post ul, .post ol, .post .qa { margin-top: var(--space-4); }
.post ul, .post ol { padding-left: var(--space-5); }
.post li + li { margin-top: var(--space-2); }
.post hr { margin: var(--space-7) 0 0; border: 0; border-top: 1px solid var(--border); }
.post .qa { max-width: none; }
.post a { overflow-wrap: anywhere; }
.post code { background: var(--surface-sunk); padding: 0.1em 0.3em; border-radius: 4px; }

/* v3: /pricing has two fact columns after the refund copy was held back. */
@media (min-width: 1024px) { .facts.facts-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* v3: markdown tables in posts render as real tables (same look as the homepage .data table). */
.post .table-scroll { margin-top: var(--space-4); overflow-x: auto; }
.post .table-scroll:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.post .table-scroll table { min-width: 560px; }
.post .table-scroll code { white-space: nowrap; }