/* Styles apply only to the health hub and new editorial articles. */
.blog-hub .page-intro{max-width:1100px;padding-bottom:34px}
.blog-hub .page-intro h1{max-width:1000px}
.blog-hub .dek{max-width:720px}
.blog-topics{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.blog-topics a{display:inline-flex;align-items:center;min-height:46px;border:1px solid var(--line);padding:10px 17px;font-size:.9375rem}
.blog-topics a:hover{background:var(--ice);border-color:var(--blue)}
.blog-category{border-top:2px solid var(--ink);padding:32px 0 52px;scroll-margin-top:25px}
.blog-section-heading{margin-bottom:26px}
.blog-section-heading h2{max-width:850px;margin-bottom:0}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.blog-card{border:1px solid var(--line);border-top:4px solid var(--blue);padding:28px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.blog-card h3{font-size:clamp(1.4rem,2.1vw,1.85rem);line-height:1.22;margin-bottom:16px}
.blog-card p{color:var(--muted);font-size:1rem}
.blog-card .eyebrow{color:var(--blue);font-size:.875rem;margin-bottom:17px}
.blog-card .text-link{margin-top:auto;min-height:44px;display:inline-flex;align-items:center;padding:10px 0 5px;gap:8px;font-size:.9375rem}
.blog-foundations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}
.blog-foundation{border-bottom:1px solid var(--line);padding:24px 0}
.blog-foundation h3{font-size:1.35rem}
.blog-foundation p{color:var(--muted)}
.blog-foundation .eyebrow{font-size:.875rem}
.blog-article-layout{display:grid;grid-template-columns:minmax(0,760px) 230px;gap:64px;justify-content:center;padding-bottom:48px}
.blog-post .article{min-width:0}
.blog-post .article h1{font-size:clamp(2.2rem,4.3vw,3.9rem);line-height:1.08;letter-spacing:-.045em;overflow-wrap:break-word}
.blog-post .byline{font-size:.875rem}
.blog-post .article p,.blog-post .article li{font-size:1.0625rem;line-height:1.85}
.blog-post .blog-takeaway{margin-top:20px}
.blog-post .blog-toc{margin-bottom:28px;border-bottom:1px solid var(--line)}
.blog-toc summary{font-size:1rem;min-height:36px}
.blog-toc ol{padding-left:24px;margin-bottom:0}
.blog-post .blog-toc li{font-size:1rem;margin:10px 0}
.blog-post h2{scroll-margin-top:24px}
.blog-post .blog-cite{font-size:.875rem;line-height:1.65;overflow-wrap:anywhere}
.blog-table-wrap{overflow-x:auto;margin:24px 0;border:1px solid var(--line)}
.blog-table-wrap table{width:100%;border-collapse:collapse;table-layout:fixed}
.blog-table-wrap caption{text-align:left;padding:15px 17px;background:var(--ink);color:#fff;font-size:.9375rem;line-height:1.5;font-weight:600}
.blog-table-wrap th,.blog-table-wrap td{padding:14px 16px;text-align:left;vertical-align:top;font-size:.9375rem;line-height:1.6;border-bottom:1px solid var(--line);overflow-wrap:break-word}
.blog-table-wrap thead{background:var(--ice)}
.blog-table-wrap tbody th{font-weight:500;background:var(--wash)}
.blog-table-wrap tr:last-child td,.blog-table-wrap tr:last-child th{border-bottom:0}
.blog-post .blog-sources{margin-top:38px;padding-top:5px;border-top:2px solid var(--ink)}
.blog-post .blog-sources p{font-size:.9375rem;color:var(--muted)}
.blog-post .blog-sources h2{font-size:1.4rem}
.blog-related{border-top:2px solid var(--ink);padding:34px 0 60px;max-width:1054px;margin:auto}
@media(max-width:1000px){.blog-article-layout{grid-template-columns:minmax(0,1fr) 190px;gap:32px}.blog-foundations{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.blog-article-layout{display:block;max-width:760px;margin:auto}.blog-post .article-aside{border-top:1px solid var(--line);margin-top:30px}.blog-post .article-aside a{display:block;margin:15px 0}.blog-grid{gap:18px}.blog-card{padding:23px}}
@media(max-width:600px){.blog-grid,.blog-foundations{grid-template-columns:1fr}.blog-hub .page-intro h1{font-size:2.8rem}.blog-card{padding:24px}.blog-category{padding-bottom:36px}.blog-section-heading h2{font-size:2rem}.blog-post .article h1{font-size:2.35rem}.blog-table-wrap th,.blog-table-wrap td{font-size:.875rem;padding:11px 9px}.blog-post .callout{padding:20px}.blog-post .article h2{font-size:1.55rem}}

/* Keep new category comparisons readable inside a scrollable mobile region. */
.category-article-table table{min-width:32rem}