/* Articles use the site's existing colors, typography and navigation. */
.article-skip{position:absolute;top:-80px;left:20px;z-index:100;background:var(--amber);color:var(--ink);padding:12px 18px;font-weight:800}
.article-skip:focus{top:12px}
.article-hero{background:var(--ink);color:#fff;padding:44px 0 70px}
.article-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px 12px;margin-bottom:36px;font-size:.85rem;color:#bdc8ce}
.article-breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.article-breadcrumbs a:hover{color:var(--amber)}
.article-hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.7fr);gap:70px;align-items:center}
.article-hero h1{font-size:clamp(2.25rem,4.1vw,3.7rem);max-width:850px;letter-spacing:-.045em;margin-bottom:24px;line-height:1.12}
.article-hero .article-lead{font-size:1.1rem;line-height:1.75;color:#c8d3d9;max-width:760px;margin-bottom:24px}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.82rem;color:#aabac4;margin:0}
.article-meta span+span{border-left:1px solid #53636d;padding-left:20px}
.article-visual{margin:0;max-width:320px;width:100%;justify-self:end}
.article-visual img{width:100%;height:auto;border-top:4px solid var(--amber)}
.article-visual figcaption{font-size:.78rem;line-height:1.5;color:#aabac4;margin-top:12px}
.articles-page .article-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:64px;align-items:start;padding-top:60px;padding-bottom:80px}
.article-toc{position:sticky;top:102px;padding:24px;background:#e7edef;max-height:calc(100vh - 126px);overflow:auto;border-top:3px solid var(--amber)}
.article-toc h2{font-size:1.1rem;line-height:1.3;margin:0 0 16px}
.article-toc ol{padding:0;margin:0;list-style:none;display:grid;gap:0;counter-reset:article-toc}
.article-toc li{counter-increment:article-toc}
.article-toc a{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #ccd6db;font-size:.88rem;line-height:1.45}
.article-toc a:before{content:counter(article-toc,decimal-leading-zero);color:#687b88;font-size:.75rem;padding-top:2px;flex:0 0 20px}
.article-toc a:hover{color:#865400}
.article-toc .article-toc-cta{margin:20px 0 0;border:0;padding:12px 14px;background:var(--ink);color:#fff;display:block;font-weight:750;text-align:center}
.article-toc .article-toc-cta:before{content:none}
.article-content{min-width:0;max-width:840px;font-size:1.06rem;line-height:1.85;color:#364954}
.article-content section{margin:0 0 46px;scroll-margin-top:106px}
.article-content h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.25;letter-spacing:-.025em;margin:0 0 22px;color:var(--ink)}
.article-content h2[id]{scroll-margin-top:106px}
.article-content h3{font-size:1.17rem;line-height:1.4;margin:24px 0 12px;color:var(--ink)}
.article-content p{margin:0 0 20px}
.article-content ul,.article-content ol{padding-left:24px;margin:0 0 24px}
.article-content li{padding:4px 0}
.article-content a{color:#875100;text-decoration:underline;text-underline-offset:4px}
.article-summary{background:#fff;padding:28px 32px;border-left:4px solid var(--amber);margin-bottom:42px}
.article-summary p:last-child{margin-bottom:0}
.article-note{background:#e7edef;padding:20px 24px;border-left:3px solid #647c8a;font-size:.96rem;margin:24px 0}
.article-note p:last-child{margin-bottom:0}
.article-table-wrap{overflow-x:auto;background:#fff;border:1px solid #d3dde2;margin:24px 0}
.article-table{border-collapse:collapse;width:100%;min-width:520px;font-size:.94rem;line-height:1.65;text-align:left}
.article-table caption{text-align:left;padding:18px 20px;font-weight:800;color:var(--ink);background:#e7edef}
.article-table th{background:#f0f4f5;color:var(--ink);font-weight:800}
.article-table th,.article-table td{padding:15px 20px;border-bottom:1px solid #dce4e8;vertical-align:top}
.article-table tr:last-child td{border-bottom:0}
.article-table th:first-child{width:31%}
.article-checklist{list-style:none!important;padding-left:0!important}
.article-checklist li{position:relative;padding:11px 0 11px 31px;border-bottom:1px solid #d5dfe4}
.article-checklist li:before{content:"✓";position:absolute;left:0;top:11px;color:#875100;font-weight:900}
.article-consultation{background:var(--ink);color:#d1dce1;padding:34px 36px;border-top:4px solid var(--amber)}
.article-consultation h2{color:#fff}
.article-consultation a{color:var(--amber2)}
.article-consultation p:last-child{margin-bottom:0}
.article-consultation .article-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.article-consultation .button{text-decoration:none;color:var(--ink);font-size:.97rem;line-height:1.4}
.article-consultation .button.ghost{color:#fff}
.article-sources{font-size:.9rem;color:#5b6f7c}
.article-sources h2{font-size:1.25rem}
.article-sources ol{margin-bottom:16px}
.article-back{display:inline-block;font-weight:750;margin-top:16px}
.article-list{padding-top:65px;padding-bottom:80px}
.article-list-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}
.article-list-heading h2{font-size:1.7rem;margin:0}
.article-list-heading p{margin:0;color:var(--muted);font-size:.9rem}
.article-card{display:grid;grid-template-columns:minmax(220px,.62fr) minmax(0,1fr);background:#fff;border:1px solid #d3dde2;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.article-card:hover{border-color:#b97709;box-shadow:0 14px 30px rgba(17,27,36,.08)}
.article-card-media{min-height:290px;overflow:hidden;background:#243440}
.article-card-media img{width:100%;height:100%;max-height:400px;object-fit:cover;object-position:center 42%}
.article-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:34px 38px}
.article-card-category{text-transform:uppercase;letter-spacing:.1em;font-size:.73rem;font-weight:800;color:#875100;margin-bottom:13px}
.article-card h2,.article-card h3{font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.3;letter-spacing:-.025em;margin:0 0 16px;color:var(--ink)}
.article-card p{color:#576d7a;line-height:1.75;margin:0 0 20px}
.article-card-meta{font-size:.8rem;color:#697e89;margin-bottom:22px}
.article-card-link{color:#875100;font-weight:800;margin-top:auto}
.article-card-link span{margin-left:12px}
.article-teaser{padding:78px 0;background:#e9eff1}
.article-teaser .section-kicker{margin-bottom:14px}
.article-teaser-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
.article-teaser-head h2{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.2;letter-spacing:-.035em;margin:0;max-width:700px}
.article-all-link{font-weight:750;color:#875100;white-space:nowrap;text-decoration:underline;text-underline-offset:5px}
.article-teaser .article-card-media{min-height:260px}
.article-hero a:focus-visible,.article-toc a:focus-visible,.article-content a:focus-visible,.article-card:focus-visible,.article-all-link:focus-visible,.article-table-wrap:focus-visible{outline:3px solid var(--amber);outline-offset:4px}
@media(max-width:980px){
 .article-hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(200px,.7fr);gap:32px}
 .articles-page .article-layout{grid-template-columns:1fr;gap:34px;padding-top:38px}
 .article-toc{position:static;max-height:none}
 .article-toc ol{grid-template-columns:1fr 1fr;gap:0 25px}
 .article-toc .article-toc-cta{max-width:340px}
 .article-content{max-width:none}
 .article-card{grid-template-columns:minmax(180px,.6fr) minmax(0,1fr)}
 .article-card-body{padding:28px}
}
@media(max-width:600px){
 .article-hero{padding:28px 0 42px}
 .article-breadcrumbs{font-size:.78rem;margin-bottom:28px}
 .article-hero-grid{grid-template-columns:1fr;gap:28px}
 .article-hero h1{font-size:2.12rem;line-height:1.18}
 .article-hero .article-lead{font-size:1rem}
 .article-meta{display:grid;gap:6px}
 .article-meta span+span{border:0;padding:0}
 .article-visual{max-width:none;justify-self:stretch}
 .article-visual img{height:250px;object-fit:cover;object-position:center 42%}
 .articles-page .article-layout{padding-bottom:40px}
 .article-toc{padding:20px}
 .article-toc ol{grid-template-columns:1fr}
 .article-content{font-size:1rem;line-height:1.8}
 .article-summary{padding:22px}
 .article-note{padding:18px 20px}
 .article-consultation{padding:26px 22px}
 .article-consultation .article-actions{display:grid}
 .article-consultation .button{width:100%;text-align:center}
 .article-card{grid-template-columns:1fr}
 .article-card-media,.article-teaser .article-card-media{min-height:0;height:230px}
 .article-card-body{padding:25px 22px}
 .article-card h2,.article-card h3{font-size:1.45rem}
 .article-teaser{padding:52px 0}
 .article-teaser-head,.article-list-heading{align-items:start;flex-direction:column;gap:16px}
 .article-list{padding-top:38px;padding-bottom:52px}
}
@media(prefers-reduced-motion:reduce){.article-card{transition:none}}

.article-list .article-card + .article-card,.article-teaser .article-card + .article-card{margin-top:24px}

/* Keep both warehouses visible in the comparison image at every card size. */
.article-card--comparison .article-card-media{display:grid;place-items:center;background:#0c151c}
.article-card--comparison .article-card-media img{height:auto;max-height:100%;object-fit:contain;object-position:center}
.article-inline-figure{margin:0 0 28px}
.article-inline-figure img{display:block;width:100%;height:auto}
.article-inline-figure figcaption{font-size:.86rem;line-height:1.5;color:#647884;margin-top:12px}