.explainers,.explainer{max-width:1100px;margin:0 auto;padding:8px 0 56px;color:var(--text)}
.explainers-eyebrow{margin:0 0 10px;color:var(--gold);font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.explainers-head{max-width:680px;margin:0 0 38px}
.explainers h1,.explainer h1{margin:0;font-family:'Newsreader',Georgia,serif;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:500;letter-spacing:-.03em;line-height:1.05}
.explainers-intro{margin:16px 0 0;color:var(--muted);font-family:'Newsreader',Georgia,serif;font-size:1.2rem;line-height:1.5}
.explainer-chart{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--navy)}
.explainer-chart thead th{padding:11px 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.11em;text-align:left;text-transform:uppercase}
.explainer-chart tbody tr{position:relative;border-bottom:1px solid var(--line);transition:background .12s}
.explainer-chart tbody tr:last-child{border-bottom:0}
.explainer-chart tbody tr:hover{background:rgba(163,120,47,.08)}
.explainer-chart td,.explainer-chart tbody th{padding:15px 16px;vertical-align:baseline;text-align:left}
.explainer-chart .ex-num{width:56px;color:var(--gold);font-size:.74rem;font-weight:800;letter-spacing:.1em}
.explainer-chart tbody th{font-family:'Newsreader',Georgia,serif;font-size:1.3rem;font-weight:500;letter-spacing:-.02em;white-space:nowrap}
.explainer-chart tbody th a{color:inherit;text-decoration:none}
.explainer-chart tbody th a::after{content:"";position:absolute;inset:0}
.explainer-chart tbody th a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.explainer-chart .ex-full{width:22%;color:var(--muted);font-size:.84rem}
.explainer-chart .ex-short{font-size:.93rem;line-height:1.5}
.explainer-chart .ex-go{width:64px;color:var(--gold);font-size:.74rem;font-weight:700;letter-spacing:.04em;text-align:right}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.explainers-note{margin:30px 0 0;color:var(--muted);font-size:.78rem}

.explainer{max-width:720px}
.explainer-back{display:inline-block;margin-bottom:26px;color:var(--gold);font-size:.8rem;font-weight:700;text-decoration:none}
.explainer-back::before{content:"\2190\00a0"}
.explainer-back:hover{text-decoration:underline;text-underline-offset:3px}
.explainer-full{margin:10px 0 0;color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.explainer-lede{margin:22px 0 0;font-family:'Newsreader',Georgia,serif;font-size:1.45rem;line-height:1.4}
.explainer-body{margin:30px 0 0}
.explainer-body p{margin:0 0 18px;font-size:1.04rem;line-height:1.75}
.explainer-example,.explainer-takeaway{margin:26px 0 0;padding:20px 24px}
.explainer-example{background:var(--paper);border:1px solid var(--line)}
.explainer-takeaway{background:var(--navy);color:#fff}
.explainer-example h2,.explainer-takeaway h2,.explainer-related h2{margin:0 0 8px;font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.explainer-example h2{color:var(--gold)}
.explainer-takeaway h2{color:#d7bb7d}
.explainer-example p,.explainer-takeaway p{margin:0;font-size:1rem;line-height:1.6}
.explainer-takeaway p{font-family:'Newsreader',Georgia,serif;font-size:1.2rem}
.explainer-related{margin:34px 0 0}
.explainer-related h2{color:var(--muted)}
.explainer-related div{display:flex;flex-wrap:wrap;gap:10px}
.explainer-related a{padding:8px 14px;border:1px solid var(--line);color:inherit;font-size:.86rem;font-weight:600;text-decoration:none}
.explainer-related a:hover,.explainer-related a:focus-visible{border-color:var(--gold);color:var(--gold)}

@media(max-width:900px){.explainer-chart .ex-full{display:none}.explainer-chart thead th:nth-child(3){display:none}}
@media(max-width:560px){.explainer-chart thead{display:none}.explainer-chart tbody tr{display:grid;grid-template-columns:36px 1fr;padding:12px 6px}.explainer-chart td,.explainer-chart tbody th{padding:2px 10px}.explainer-chart .ex-num{width:auto;grid-row:1/3}.explainer-chart .ex-short{grid-column:2}.explainer-chart .ex-go{display:none}}