/* Helpful article pages. Only written for sites that have articles. */
.article-body{font-size:1.06rem;color:var(--body);}
.article-body h2{font-size:clamp(1.4rem,2.6vw,1.8rem);margin:40px 0 14px;}
.article-body h3{margin:28px 0 10px;}
.article-body p{margin:0 0 18px;}
.article-body ul,.article-body ol{margin:0 0 20px 22px;}
.article-body li{margin-bottom:8px;}
.article-body strong{color:var(--ink);}
.article-meta{font-size:.9rem;color:var(--muted);margin-bottom:26px;}
.callout{background:var(--bg-alt);border-left:4px solid var(--brand);padding:16px 20px;border-radius:0 var(--radius) var(--radius) 0;color:var(--ink);}
.calc{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;margin:10px 0 28px;box-shadow:var(--shadow-sm);}
.calc h3{margin:0 0 14px;}
.calc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.calc label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;font-weight:600;color:var(--ink);}
.calc input{font:inherit;padding:11px 12px;border:1px solid var(--line);border-radius:8px;}
.calc-out{margin:18px 0 6px;font-size:1.1rem;color:var(--ink);}
.calc-note{font-size:.88rem;color:var(--muted);margin:0;}
.article-cta{margin-top:40px;padding:26px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-alt);display:flex;flex-direction:column;gap:12px;align-items:flex-start;}
.article-cta h3{margin:0;}
.related-reading{margin-top:30px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;}
.related-reading h3{margin-bottom:8px;}
.related-reading ul{margin-left:20px;}
@media (max-width:640px){.calc-grid{grid-template-columns:1fr;}}