.article-page{background:#f7f3ec;color:#252820}

/* Article headers are content headers, not the sticky site navigation. */
.article-page .article-header{height:auto;min-height:0;position:static;top:auto;z-index:auto;display:block;align-items:initial;justify-content:initial;max-width:1080px;margin:0 auto;padding:82px 24px 42px;background:transparent;border:0;backdrop-filter:none}
.article-page .article-header .eyebrow{display:block;margin-bottom:20px;color:#687565}
.article-page .article-header h1{display:block;max-width:940px;font:400 clamp(3rem,6vw,5.35rem)/.98 Georgia,serif;letter-spacing:-.045em;margin:0 0 28px;text-wrap:balance}
.article-dek{max-width:760px;font:1.18rem/1.72 Georgia,serif;color:#5d6258;margin:0}
.article-meta{display:flex;gap:10px 24px;flex-wrap:wrap;margin-top:26px;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;color:#73776f}
.article-meta span{padding-right:24px;border-right:1px solid #c9c5bc}
.article-meta span:last-child{border-right:0;padding-right:0}
.article-hero-visual{max-width:1080px;margin:0 auto 44px;padding:0 24px;display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:14px}
.article-hero-visual figure{margin:0;background:#fff;border:1px solid #e2dcd1;min-height:280px;display:grid;place-items:center;overflow:hidden}
.article-hero-visual figure:first-child{min-height:390px;grid-row:span 2}
.article-hero-visual img{width:100%;height:100%;object-fit:contain;padding:20px}

.article-shell{max-width:1080px;margin:0 auto;padding:0 24px 96px}
.article-note{border-top:1px solid #c9c5bc;border-bottom:1px solid #c9c5bc;padding:17px 0;margin:18px 0 48px;font-size:.82rem;line-height:1.6;color:#70746b}
.article-intro{max-width:790px;font:1.08rem/1.9 Georgia,serif;margin-bottom:58px;color:#454a42}
.article-intro p{margin:0 0 18px}
.article-grid{display:grid;grid-template-columns:1fr;gap:0;border-bottom:1px solid #d5d0c6}
.article-pick{display:grid;grid-template-columns:72px minmax(0,1fr) 210px;gap:28px;align-items:start;padding:34px 0;border-top:1px solid #d5d0c6}
.article-number{font:400 2rem/1 Georgia,serif;color:#8a8e82}
.article-pick h2{font:400 1.62rem/1.15 Georgia,serif;letter-spacing:-.02em;margin:0 0 12px}
.article-pick p{margin:0;color:#5f645a;line-height:1.75}
.article-why{background:#ebe8df;padding:18px 19px;border-radius:2px}
.article-why strong{display:block;font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;margin-bottom:9px;color:#42483f}
.article-why p{font-size:.88rem;line-height:1.55}
.article-cta{display:inline-flex;margin-top:17px;text-decoration:none;font-size:.83rem;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:3px;color:#2f382f}
.article-cta:hover{opacity:.65}
.article-close{margin-top:60px;padding:44px 46px;background:#26362e;color:#f7f3ec}
.article-close h2{font:400 2.15rem/1.1 Georgia,serif;margin:0 0 14px}
.article-close p{max-width:780px;line-height:1.75;margin:0;color:#e3e7df}
.article-close p+p{margin-top:16px}
.related-guides{margin-top:72px;padding-top:38px;border-top:1px solid #d5d0c6}
.related-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}
.related-heading .eyebrow{color:#687565}
.related-heading h2{font:400 clamp(2rem,4vw,3rem)/1.05 Georgia,serif;letter-spacing:-.03em;margin:8px 0 0}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.related-card{min-height:210px;padding:24px;background:#eee9df;border:1px solid #ded7cc;display:flex;flex-direction:column;transition:transform .18s ease,background .18s ease}
.related-card:hover{transform:translateY(-2px);background:#e7e0d4}
.related-card small{font-size:.68rem;letter-spacing:.11em;color:#697267}
.related-card h3{font:400 1.3rem/1.25 Georgia,serif;margin:12px 0 22px;letter-spacing:-.015em}
.related-card b{margin-top:auto;font-size:.75rem}
.related-all{display:inline-block;margin-top:22px;font-size:.82rem;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:3px}
.guide-hub{max-width:1080px;margin:0 auto;padding:82px 24px 100px}
.guide-hub>.eyebrow{color:#687565}
.guide-hub h1{font:400 clamp(3rem,6vw,5.2rem)/1 Georgia,serif;letter-spacing:-.04em;margin:.2em 0 .25em}
.guide-hub>.article-dek{margin-bottom:54px}
.guide-card{display:grid;grid-template-columns:74px 1fr auto;gap:26px;align-items:center;padding:32px 0;border-top:1px solid #d2cec5;text-decoration:none;color:inherit}
a.guide-card:hover h2{text-decoration:underline;text-underline-offset:5px}
.guide-card span{font:400 1.8rem Georgia,serif;color:#898d82}
.guide-card small{font-size:.7rem;letter-spacing:.11em;color:#747b70}
.guide-card h2{font:400 1.55rem/1.2 Georgia,serif;margin:7px 0 8px;letter-spacing:-.015em}
.guide-card p{margin:0;color:#666b61;line-height:1.6}
.guide-card b{white-space:nowrap;font-size:.78rem}
@media(max-width:760px){.article-page .article-header{padding:56px 20px 32px}.article-page .article-header h1{font-size:clamp(2.65rem,12vw,4rem);line-height:1}.article-meta{display:grid;grid-template-columns:1fr 1fr}.article-meta span{border-right:0;padding-right:0}.article-hero-visual{padding:0 20px;grid-template-columns:1fr 1fr}.article-hero-visual figure:first-child{grid-column:1/-1;grid-row:auto;min-height:330px}.article-hero-visual figure{min-height:220px}.article-shell{padding:0 20px 72px}.article-intro{font-size:1.02rem}.article-pick{grid-template-columns:42px 1fr;gap:18px;padding:28px 0}.article-number{font-size:1.5rem}.article-pick h2{font-size:1.42rem}.article-why{grid-column:2}.article-close{padding:30px 26px}.related-heading{display:block}.related-grid{grid-template-columns:1fr}.related-card{min-height:0}.guide-hub{padding:58px 20px 75px}.guide-card{grid-template-columns:42px 1fr;gap:18px}.guide-card b{grid-column:2}}
@media(max-width:460px){.article-page .article-header h1{font-size:2.55rem}.article-meta{grid-template-columns:1fr}.article-hero-visual{grid-template-columns:1fr}.article-hero-visual figure:first-child{grid-column:1;min-height:280px}.article-hero-visual figure{min-height:210px}.article-pick{grid-template-columns:1fr;gap:10px}.article-number,.article-why{grid-column:1}.article-why{margin-top:6px}.guide-card{grid-template-columns:1fr}.guide-card b{grid-column:1}}