/* Blog — the same quiet canvas as the rest of the public site. Pairs with /styles.css and /tools/tools.css. */
.post-card .post-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}
.post-card .post-date{font-size:10px;color:var(--muted);white-space:nowrap}
.post-hero{padding-bottom:44px}
.post-hero h1{font-size:clamp(32px,4.2vw,50px);line-height:1.14;letter-spacing:-.035em;margin:18px 0 16px;max-width:820px}
.post-hero .lede{font-size:15px;line-height:1.85;max-width:660px}
.post-byline{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:11px;color:var(--muted)}
.post-byline .byline-mark{display:grid;place-items:center;width:28px;height:28px;background:var(--surface-2);border:1px solid var(--line);border-radius:50%;font-size:13px;color:var(--ink)}
.post-byline b{color:var(--ink);font-weight:600}
.prose{max-width:720px;padding-bottom:8px}
.prose h2{font-size:25px;letter-spacing:-.02em;line-height:1.3;margin:46px 0 14px}
.prose h3{font-size:15.5px;letter-spacing:-.01em;margin:30px 0 8px}
.prose p{font-size:14px;line-height:1.95;color:#383838;margin-bottom:16px}
.prose ul,.prose ol{margin:0 0 16px;padding-left:22px;font-size:14px;line-height:1.9;color:#383838}
.prose li{margin-bottom:7px}
.prose li::marker{color:var(--muted)}
.prose strong{font-weight:600;color:var(--ink)}
.prose a{text-decoration:underline;text-underline-offset:3px}
.prose hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.prose .small-note{font-size:11px;color:var(--muted);line-height:1.7;margin-top:-6px}
.prose table.cmp{min-width:0;width:100%;margin-block:6px 20px}
.prose table.cmp td,.prose table.cmp th{white-space:normal}
.prose .copy-block{margin-block:26px}
.related{padding-block:8px 40px}
.related .tool-cards{margin-top:28px}
/* Hub sections breathe; the hero and the final CTA carry their own spacing. */
main>section.wrap:not(.tool-hero):not(.post-hero):not(.final-cta){padding-bottom:72px}
@media(max-width:600px){.prose h2{font-size:22px;margin:38px 0 12px}.prose p,.prose ul,.prose ol{font-size:13.5px}.post-hero h1{letter-spacing:-.02em}main>section.wrap:not(.tool-hero):not(.post-hero):not(.final-cta){padding-bottom:48px}}