.reader-body *{box-sizing:border-box}
.reader-body{background:#f4f2ec;color:#172e36;font:18px/1.6 system-ui,sans-serif}
.reader-body{margin:0}
.reader-body main{max-width:1060px;margin:auto;padding:clamp(18px,4vw,54px)}
.reader-body a{color:#155665;text-underline-offset:.15em;overflow-wrap:anywhere}
.reader-body a:focus-visible{outline:3px solid #a64b1f;outline-offset:4px}
.reader-body .skip{position:absolute;left:10px;top:-100px}
.reader-body .skip:focus{top:10px;background:white;padding:12px;z-index:3}
.reader-body header{border-bottom:3px solid #1c5c64;padding-bottom:24px;margin-bottom:30px}
.reader-body h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;max-width:850px}
.reader-body h2{font-size:1.45rem;margin-top:2.2em}
.reader-body h3{font-size:1.12rem;line-height:1.4}
.reader-body .eyebrow{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.reader-body .lede{font-size:1.12rem}
.reader-body .identity{padding:18px;background:#e8e9df;border-left:5px solid #6d7728}
.reader-body .identity p{overflow-wrap:anywhere}
.reader-body .original{font-size:1.25rem}
.reader-body figure{margin:35px 0;background:white;border:1px solid #c7d2cf;border-radius:14px;padding:clamp(14px,3vw,28px)}
.reader-body figure h3{margin-top:0}
.reader-body figcaption{margin-top:22px;font-size:.92rem;color:#38494d}
.reader-body .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.reader-body .cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}
.reader-body .card{padding:18px;background:#eaf2ef;border-top:5px solid #1b666b;min-width:0}
.reader-body .card strong{display:block}
.reader-body .card p{margin:.5em 0 0;font-size:.95rem}
.reader-body .step{display:inline-grid;place-items:center;border-radius:50%;background:#1b666b;color:white;width:30px;height:30px;margin-bottom:10px}
.reader-body .ledger{list-style:none;padding:0;display:grid;gap:12px}
.reader-body .ledger li{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,.45fr);gap:10px;border-bottom:1px solid #c7d2cf;padding:12px 0}
.reader-body .amount{font-size:1.25rem;font-weight:750;justify-self:end}
.reader-body .explain{grid-column:1/-1;font-size:.9rem}
.reader-body .bar-row{margin:20px 0}
.reader-body .bar-label{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.reader-body .bar-track{height:27px;background:#edf1ea;border:1px solid #a6b5b5;margin-top:6px}
.reader-body .bar{height:100%;background:#1b666b}
.reader-body .bar-note{font-size:.9rem;margin-top:3px}
.reader-body .text-alt{border-top:1px solid #ccd8d4;padding-top:12px;font-size:.88rem}
.reader-body li{margin-bottom:.5em}
.reader-body .source{padding:14px 0;border-bottom:1px solid #ccd8d4;font-size:.88rem;overflow-wrap:anywhere}
.reader-body .badge{background:#e4ebdb;padding:.3em .7em;display:inline-block}
.reader-body .links{padding-left:1.2em}
.reader-body footer{font-size:.85rem;margin-top:40px;border-top:2px solid #1b666b;padding-top:20px}
@media(max-width:650px){.reader-body .cards,.reader-body .cards.four{grid-template-columns:1fr}
.reader-body .ledger li{grid-template-columns:1fr}
.reader-body .amount{justify-self:start}
.reader-body .explain{grid-column:auto}
}
@media print{.reader-body{background:white;font-size:11pt}
.reader-body figure{break-inside:avoid}
.reader-body .skip{display:none}
}
