.article-header { grid-template-columns: 1fr auto 1fr; }
.article-header__home { justify-self: end; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.article-header__home span, .article-more a span { color: var(--orange); margin-left: 8px; }
.article-intro { max-width: 1100px; padding-top: 75px; }
.breadcrumbs { display: flex; gap: 12px; align-items: center; color: var(--muted); font-size: 11px; margin-bottom: 62px; }
.breadcrumbs a:hover { color: var(--orange-dark); }
.article-intro h1 { font: 800 clamp(48px, 7vw, 94px)/.98 "Manrope",sans-serif; letter-spacing: -.075em; max-width: 1050px; margin: 0 0 28px; }
.article-dek { font-size: clamp(18px,2vw,23px); line-height: 1.5; color: #555551; max-width: 820px; margin: 0 0 33px; }
.article-byline { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); font-weight: 700; }
.article-byline strong { color: var(--ink); }
.article-byline i { width: 3px; height: 3px; background: var(--orange); border-radius: 50%; }
.article-figure { margin-top: 62px; margin-bottom: 85px; }
.article-figure img { aspect-ratio: 1200/630; object-fit: cover; background: var(--ink); }
.article-figure figcaption { color: var(--muted); font-size: 10px; padding-top: 12px; }
.article-ad--leaderboard { margin-top: -45px; margin-bottom: 55px; }
.article-layout { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(0, 760px) minmax(0, 1fr); gap: 44px; }
.article-aside { align-self: start; position: sticky; top: 120px; border-top: 2px solid var(--orange); padding-top: 18px; }
.article-aside > span { color: var(--orange-dark); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.article-aside p { font: 700 18px/1.4 "Manrope",sans-serif; letter-spacing: -.03em; }
.article-aside a { font-size: 10px; text-transform: uppercase; letter-spacing: .07em; font-weight: 800; border-bottom: 1px solid var(--ink); padding-bottom: 8px; }
.article-aside a span { color: var(--orange); }
.article-smartlink { grid-column: 3; align-self: start; position: sticky; top: 120px; padding: 25px; background: var(--ink); color: white; }
.article-smartlink > span { color: var(--orange); font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.article-smartlink h2 { margin: 18px 0 12px; font: 700 21px/1.18 "Manrope",sans-serif; letter-spacing: -.04em; }
.article-smartlink p { margin: 0 0 24px; color: rgba(255,255,255,.58); font-size: 12px; line-height: 1.55; }
.article-smartlink a { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 0; border-top: 1px solid rgba(255,255,255,.22); border-bottom: 1px solid rgba(255,255,255,.22); color: white; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.article-smartlink a:hover { color: var(--orange); }
.article-smartlink a b { color: var(--orange); font-size: 16px; }
.article-smartlink small { display: block; margin-top: 12px; color: rgba(255,255,255,.32); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.article-body { grid-column: 2; font-size: 16px; line-height: 1.85; color: #33342f; }
.article-body p { margin: 0 0 26px; }
.article-body .article-lead { font-size: 19px; line-height: 1.7; color: var(--ink); }
.article-body h2 { font: 800 clamp(27px,3vw,37px)/1.14 "Manrope",sans-serif; letter-spacing: -.05em; margin: 54px 0 21px; color: var(--ink); }
.article-body a { color: #c73b17; text-decoration: underline; text-underline-offset: 3px; }
.article-body a:hover { color: var(--ink); }
.article-body code { background: #e5e1d5; padding: 2px 5px; font-size: .9em; }
.article-table-wrap { overflow-x: auto; margin: 32px 0; }
.article-body table { width: 100%; border-collapse: collapse; min-width: 500px; font-size: 13px; }
.article-body caption { text-align: left; color: var(--muted); font-size: 11px; margin-bottom: 9px; }
.article-body th, .article-body td { padding: 17px 12px; text-align: left; border-bottom: 1px solid var(--line); }
.article-body thead { background: var(--ink); color: white; }
.article-body tbody th { color: var(--ink); }
.article-ad--inline { margin: 44px auto 52px; }
.article-ad--native { margin-top: 10px; margin-bottom: 55px; }
.article-sources { border-top: 1px solid var(--line); margin-top: 75px; padding-bottom: 90px; }
.article-sources h2 { font-size: 22px; margin-top: 28px; }
.article-sources ul { padding-left: 20px; font-size: 13px; }
.article-sources li { margin-bottom: 8px; }
.article-more { border-top: 1px solid var(--ink); padding-block: 55px 95px; display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 20px; }
.article-more .eyebrow { width: 100%; margin: 0; }
.article-more h2 { font: 800 clamp(32px,4vw,55px)/1.05 "Manrope",sans-serif; letter-spacing: -.06em; margin: 0; }
.article-more a { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; padding-bottom: 8px; border-bottom: 1px solid var(--ink); }
@media (max-width: 950px) { .article-layout { grid-template-columns: 1fr; } .article-aside { position: static; max-width: 650px; } .article-body { grid-column: 1; max-width: 760px; } .article-smartlink { grid-column: 1; position: static; width: min(100%, 760px); } }
@media (max-width: 700px) { .article-header { grid-template-columns: 1fr auto; padding: 0 20px; } .article-header .main-nav { display: none; } .article-intro { padding-top: 42px; } .breadcrumbs { margin-bottom: 42px; } .article-figure { margin-top: 42px; margin-bottom: 55px; } .article-ad--leaderboard { margin-top: -25px; margin-bottom: 38px; } .article-body { font-size: 15px; } .article-body .article-lead { font-size: 17px; } }