
/* UVs V22 — editorial article system */
.article-page{background:#f7f4ed;color:#172033}
.article-page .site-header{background:#fffdf8}
.article-hero{background:#0d192d;color:#fff;border-bottom:1px solid #2f3a4c}
.article-hero-inner{padding:62px 0 56px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;align-items:end}
.article-hero .breadcrumb{grid-column:1/-1;margin:0 0 -12px;color:#aeb9ca}
.article-hero .breadcrumb a{color:#d8c08f}
.article-kicker{display:flex;gap:12px;align-items:center;color:#d4ad69;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:20px}
.article-kicker:before{content:'';width:34px;height:1px;background:#d4ad69}
.article-hero h1{font-size:clamp(2.6rem,5vw,5.25rem);line-height:.99;letter-spacing:-.052em;max-width:920px;text-wrap:balance}
.article-dek{max-width:760px;color:#c5cfde;font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.65;margin-top:28px}
.article-facts{border-top:1px solid #506078;padding-top:18px;display:grid;gap:13px;align-self:end}
.article-facts div{display:flex;justify-content:space-between;gap:18px;padding-bottom:11px;border-bottom:1px solid #344258;font-size:12px;line-height:1.35}
.article-facts span:first-child{color:#93a1b6;text-transform:uppercase;letter-spacing:.12em;font-size:10px}
.article-facts span:last-child{text-align:right;color:#fff;font-weight:700}
.article-reading{padding:58px 0 82px}
.article-layout{display:grid;grid-template-columns:minmax(0,790px) 280px;gap:80px;align-items:start;justify-content:center}
.article-main{min-width:0}
.article-intro{font-size:1.18rem!important;line-height:1.8!important;color:#344258!important;margin:0 0 26px!important}
.article-key-takeaway{border:1px solid #b9b1a2;border-left:5px solid #c9a263;background:#fffdf8;padding:24px 26px;margin:30px 0 42px}
.article-key-takeaway strong{display:block;color:#8a6428;text-transform:uppercase;letter-spacing:.12em;font-size:11px;margin-bottom:9px}
.article-key-takeaway p{margin:0!important;color:#172033!important;font-size:16px!important;line-height:1.7!important}
.article-main h2{font-size:clamp(2rem,3.2vw,3.1rem);line-height:1.04;letter-spacing:-.045em;margin:64px 0 22px;padding:0;border:0;color:#172033;text-wrap:balance;counter-increment:uvssection}
.article-main h2:before{content:counter(uvssection,decimal-leading-zero);display:block;color:#a07836;font-size:11px;letter-spacing:.18em;margin-bottom:10px;font-weight:800}
.article-main{counter-reset:uvssection}
.article-main h3{font-size:1.28rem;letter-spacing:-.025em;margin:32px 0 12px;color:#172033}
.article-main p,.article-main li{font-size:17px;line-height:1.84;color:#536174}
.article-main p{margin:0 0 20px}
.article-main ul,.article-main ol{margin:20px 0 26px;padding-left:25px}
.article-main li{padding-left:5px;margin:0 0 12px}
.article-main strong{color:#172033}
.article-main a:not(.button){color:#7d5a22;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.article-main a:hover{color:#172033}
.article-main blockquote{margin:34px 0;padding:0 0 0 24px;border-left:3px solid #c9a263;font-size:1.2rem;line-height:1.65;color:#25344a;font-weight:650}
.article-media{margin:34px 0 42px;border:1px solid #bfc2c5;background:#fff;padding:10px}
.article-media img{display:block;width:100%;max-height:560px;object-fit:cover;object-position:top}
.article-media figcaption{font-size:12px;line-height:1.55;color:#6b7482;padding:11px 4px 2px}
.article-work-note{margin:34px 0;padding:26px 28px;background:#172033;color:#fff;border-left:5px solid #c9a263}
.article-work-note strong{color:#e2c181;display:block;text-transform:uppercase;font-size:11px;letter-spacing:.14em;margin-bottom:9px}
.article-work-note p{color:#d3d9e2!important;margin:0!important;font-size:15px!important;line-height:1.75!important}
.article-work-note a{color:#f1d59b!important}
.article-checklist{margin:28px 0;border-top:1px solid #b7b5af}
.article-checklist li{list-style:none;padding:15px 0 15px 32px;margin:0!important;border-bottom:1px solid #d8d4cb;position:relative}
.article-checklist li:before{content:'✓';position:absolute;left:0;top:15px;color:#936b2a;font-weight:900}
.article-table{width:100%;border-collapse:collapse;margin:28px 0;font-size:15px;background:#fff}
.article-table th,.article-table td{border:1px solid #d4d0c7;padding:14px 15px;text-align:left;vertical-align:top;line-height:1.55}
.article-table th{background:#172033;color:#fff;font-size:12px;letter-spacing:.04em}
.article-table td{color:#536174}
.article-table strong{color:#172033}
.article-sources{margin-top:58px;padding-top:28px;border-top:1px solid #aaa79f}
.article-sources h2{font-size:1.35rem;margin:0 0 15px;counter-increment:none}
.article-sources h2:before{display:none}
.article-sources ul{padding-left:20px;margin:0}
.article-sources li{font-size:14px;line-height:1.6;margin-bottom:8px}
.article-author{margin-top:52px;padding:28px;border:1px solid #c7c2b7;background:#fff;display:grid;grid-template-columns:64px 1fr;gap:20px;align-items:start}
.article-author-mark{width:64px;height:64px;display:grid;place-items:center;background:#172033;color:#d9b66f;font-weight:900;font-size:18px}
.article-author h2{font-size:1.28rem;margin:0 0 8px;counter-increment:none}
.article-author h2:before{display:none}
.article-author p{font-size:14px;line-height:1.65;margin:0;color:#687383}
.article-related{margin-top:52px}
.article-related>h2{font-size:1.35rem;margin:0 0 18px;counter-increment:none}
.article-related>h2:before{display:none}
.article-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.article-related a{display:block;background:#fff;border:1px solid #cbc7be;padding:18px;text-decoration:none!important;color:#172033!important}
.article-related small{display:block;color:#9a7131;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.article-related strong{display:block;font-size:16px;line-height:1.35}
.article-rail{position:sticky;top:112px;display:grid;gap:18px}
.article-rail-box{border-top:3px solid #172033;background:#fff;padding:21px 22px;border-left:1px solid #d1cec7;border-right:1px solid #d1cec7;border-bottom:1px solid #d1cec7}
.article-rail-title{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:850;color:#8a6428;margin-bottom:14px}
.article-toc{list-style:none;padding:0;margin:0;display:grid;gap:0}
.article-toc li{margin:0;border-top:1px solid #e2dfd8}
.article-toc li:first-child{border-top:0}
.article-toc a{display:block;padding:10px 0;color:#566174;font-size:12px;line-height:1.45}
.article-toc a:hover{color:#172033}
.article-rail .button{width:100%;border-radius:0;text-transform:uppercase;font-size:11px;letter-spacing:.06em}
.article-rail p{font-size:12px;line-height:1.6;color:#657083;margin:0}
.article-mobile-toc{display:none;margin:0 0 32px;border:1px solid #c7c3ba;background:#fff}
.article-mobile-toc summary{padding:16px 18px;font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.article-mobile-toc .article-toc{padding:0 18px 14px}
.article-faq{margin-top:44px}
.article-faq details{border-top:1px solid #cbc7be;padding:18px 0}
.article-faq details:last-child{border-bottom:1px solid #cbc7be}
.article-faq summary{cursor:pointer;font-size:17px;font-weight:750;color:#172033;padding-right:30px;position:relative}
.article-faq summary:after{content:'+';position:absolute;right:4px;top:0;color:#9a7131;font-size:20px}
.article-faq details[open] summary:after{content:'−'}
.article-faq p{font-size:15px;margin:12px 0 0!important}
.article-page .cta-band{background:#dcc08c}
.article-page .footer-logo{max-width:210px}
@media(max-width:980px){
  .article-hero-inner{grid-template-columns:1fr;gap:32px;padding:48px 0}
  .article-facts{grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #3b4a61;padding:0}
  .article-facts div{display:block;padding:14px;border:0;border-right:1px solid #3b4a61}
  .article-facts div:last-child{border-right:0}.article-facts span{display:block;text-align:left!important}.article-facts span:last-child{margin-top:6px}
  .article-layout{grid-template-columns:1fr;gap:0;max-width:800px;margin:auto}.article-rail{display:none}.article-mobile-toc{display:block}
}
@media(max-width:600px){
  .article-hero-inner{padding:34px 0 38px}.article-hero h1{font-size:clamp(2.35rem,11vw,3.45rem)}.article-dek{font-size:1rem;margin-top:20px}
  .article-facts{grid-template-columns:1fr}.article-facts div{border-right:0;border-bottom:1px solid #3b4a61;display:grid;grid-template-columns:100px 1fr;align-items:center}.article-facts div:last-child{border-bottom:0}.article-facts span:last-child{margin-top:0}
  .article-reading{padding:36px 0 58px}.article-main p,.article-main li{font-size:16px;line-height:1.78}.article-main h2{font-size:2rem;margin-top:50px}.article-intro{font-size:1.08rem!important}.article-key-takeaway{padding:20px;margin:24px 0 34px}.article-media{margin:28px -16px 34px;padding:0;border-left:0;border-right:0}.article-media figcaption{padding:10px 16px 12px}.article-table{font-size:13px;display:block;overflow-x:auto}.article-related-grid{grid-template-columns:1fr}.article-author{grid-template-columns:48px 1fr;padding:22px}.article-author-mark{width:48px;height:48px;font-size:14px}
}

.article-card-meta{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#936b2a;font-weight:800;margin:11px 0 10px}
