.article-page{max-width:1120px;margin:0 auto;padding:56px 24px 80px}
.article-hero{padding:52px;border:1px solid #dfe8dc;border-radius:28px;background:linear-gradient(135deg,#f5fbf0,#fff)}
.article-hero h1{max-width:900px;margin:8px 0 18px;font-size:clamp(36px,5vw,64px);line-height:1.05;white-space:normal;overflow-wrap:anywhere}
.article-hero .hero-lede{max-width:820px}
.article-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;color:#526050;font-size:14px}
.article-meta span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #dce7d8}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:42px;margin-top:42px}
.article-body{min-width:0}.article-body section{margin-bottom:46px;scroll-margin-top:110px}
.article-body h2{margin:0 0 16px;font-size:clamp(28px,3vw,40px);line-height:1.15}
.article-body h3{margin:26px 0 10px;font-size:22px}
.article-body p,.article-body li{font-size:17px;line-height:1.78;color:#283128}
.article-body ul,.article-body ol{padding-left:24px}.article-body li+li{margin-top:9px}
.toc{position:sticky;top:110px;align-self:start;padding:24px;border:1px solid #dfe8dc;border-radius:18px;background:#fff}
.toc strong{display:block;margin-bottom:12px}.toc a{display:block;padding:7px 0;color:#25491f;text-decoration:none}.toc a:hover{text-decoration:underline}
.callout{padding:22px 24px;border-left:5px solid #58c72d;border-radius:12px;background:#f2faee}
.check-grid,.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.info-card{padding:22px;border:1px solid #dfe8dc;border-radius:16px;background:#fff}.info-card h3{margin-top:0}
.responsive-table{overflow-x:auto}.article-body table{width:100%;border-collapse:collapse;background:#fff}
.article-body th,.article-body td{padding:14px;text-align:left;vertical-align:top;border:1px solid #dfe8dc}.article-body th{background:#f2faee}
.related-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.related-guides a{display:block;padding:18px;border:1px solid #dfe8dc;border-radius:14px;color:#193a17;font-weight:750;text-decoration:none;background:#fff}.related-guides a:hover{border-color:#58c72d}
.article-disclosure{font-size:14px!important;color:#5d675d!important}.compact-footer{max-width:1120px}.compact-footer p{max-width:850px}
@media(max-width:850px){.article-hero{padding:32px 24px}.article-layout{grid-template-columns:1fr}.toc{position:static;order:-1}.check-grid,.compare-grid,.related-guides{grid-template-columns:1fr}.article-page{padding-inline:16px}}