.insights-index .insight-card,.article-related .insight-card{display:flex;flex-direction:column;min-width:0}
.insights-index .insight-card h2,.article-related .insight-card h2{font-size:23px;line-height:1.65;margin:18px 0 14px;letter-spacing:-.025em}
.insights-index .insight-card>p,.article-related .insight-card>p{font-size:14px;line-height:1.95}
.insight-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:25px}
.insight-card-bottom time{font-size:11px;color:var(--muted)}
.insight-card-bottom .text-link{margin:0;font-size:12px}
.article-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:35px;color:var(--muted);font-size:12px}
.article-breadcrumb a:hover{color:var(--brand-blue)}
.insight-byline{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:27px;color:var(--muted);font-size:12px;line-height:1.8}
.insight-byline>a{color:var(--ink)}
.article-toc{border:1px solid var(--line);border-radius:14px;padding:26px 30px;margin:32px 0 52px;background:var(--surface)}
.article-body .article-toc h2{font-size:16px;margin:0 0 14px}
.article-toc ol{list-style:decimal;padding-left:22px;margin:0;display:grid;gap:10px;font-size:14px;line-height:1.85}
.article-toc a:hover{text-decoration:underline;text-underline-offset:4px}
/* site.css already reserves the fixed header via html scroll-padding-top. */
.insight-detail .article-body>section{scroll-margin-top:16px;margin-top:52px}
.insight-detail .article-body>section>p+p{margin-top:18px}
.article-checklist{padding:21px 25px 21px 43px;border:1px solid var(--line);border-radius:12px;margin:25px 0 0;background:var(--surface-soft);font-size:15px;line-height:2}
.article-checklist li+li{margin-top:8px}
.article-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:26px 0 0}
.article-table-scroll:focus-visible{outline:2px solid var(--brand-blue);outline-offset:4px}
.article-table-scroll table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.9;text-align:left}
.article-table-scroll th,.article-table-scroll td{padding:17px 19px;vertical-align:top;border-bottom:1px solid var(--line)}
.article-table-scroll thead{background:var(--surface-soft)}
.article-table-scroll tbody th{font-weight:600;min-width:112px;width:23%}
.article-table-scroll tr:last-child>*{border-bottom:0}
.article-resources{padding-top:36px;border-top:1px solid var(--line)}
.article-resources>div{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.article-resources a{display:block;padding:23px;border:1px solid var(--line);border-radius:12px}
.article-resources a:hover{border-color:var(--brand-blue)}
.article-resources h3{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;font-size:17px;line-height:1.6;margin:0 0 12px}
.article-resources .icon{flex-shrink:0;width:18px;margin-top:3px}
.article-resources p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}
.insight-detail .article-next{align-items:flex-start;gap:28px;margin-top:42px}
.insight-detail .article-next h2{font-size:23px;margin:0 0 12px;line-height:1.6}
.insight-detail .article-next p{font-size:14px;line-height:1.9;margin:0}
.insight-detail .article-next .button{flex-shrink:0;font-size:13px;white-space:nowrap}
.article-related{background:var(--surface-soft)}
.article-related .section-heading{margin-bottom:30px}
.article-related .section-heading h2{font-size:32px;line-height:1.55}
@media(max-width:767px){
 .article-breadcrumb{font-size:11px;gap:8px;margin-bottom:26px}
 .article-hero h1{font-size:31px;line-height:1.55}
 .insight-byline{font-size:11px;gap:7px 16px;margin-top:22px}
 .article-toc{padding:21px 22px;margin-bottom:35px}
 .article-toc ol{font-size:13px}
 .insight-detail .article-body>section{margin-top:38px}
 .insight-detail .article-body h2{font-size:24px;line-height:1.6}
 .article-checklist{padding:17px 20px 17px 35px;font-size:14px;line-height:1.95}
 .article-table-scroll table{font-size:12px;min-width:315px}
 .article-table-scroll th,.article-table-scroll td{padding:13px 12px}
 .article-table-scroll tbody th{min-width:86px}
 .article-resources>div{grid-template-columns:1fr}
 .article-resources a{padding:20px}
 .insight-detail .article-next h2{font-size:23px}
 .insight-detail .article-next .button{margin-top:22px}
 .article-related .section-heading h2{font-size:26px}
 .insights-index .insight-card h2,.article-related .insight-card h2{font-size:22px}
}
@media print{.article-toc,.article-related,.article-next{display:none}.article-table-scroll{overflow:visible}.article-table-scroll tr{break-inside:avoid}.insight-byline{color:#333}}