.reader-body{--ink:#173e3c;--teal:#006865;--paper:#f7f5ef;--line:#c8d6ce;--gold:#f0cf72}
.reader-body *{box-sizing:border-box}
.reader-body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 system-ui,-apple-system,sans-serif}
.reader-body main{max-width:1060px;margin:auto;padding:40px 28px}
.reader-body nav,.reader-body footer{max-width:1060px;margin:auto;padding:18px 28px;font-size:.9rem}
.reader-body header{border-bottom:2px solid var(--ink);padding-bottom:25px;margin-bottom:30px}
.reader-body h1{font:700 clamp(2.1rem,4.6vw,3.6rem)/1.15 Georgia,serif;max-width:930px;margin:12px 0 25px}
.reader-body h2{font-size:1.5rem;line-height:1.35;margin-top:44px}
.reader-body h3{font-size:1.15rem;line-height:1.4;margin:0 0 15px}
.reader-body p,.reader-body li{max-width:83ch}
.reader-body li{margin:12px 0}
.reader-body a{color:#005d60;text-underline-offset:3px;overflow-wrap:anywhere}
.reader-body a:focus-visible{outline:3px solid #ad510a;outline-offset:4px}
.reader-body .eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:.8rem;font-weight:700}
.reader-body .date{font-size:.9rem}
.reader-body .skip{position:absolute;top:-90px;left:15px;background:white;padding:10px;z-index:2}
.reader-body .skip:focus{top:10px}
.reader-body figure{margin:36px 0;padding:26px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 0 #e3e9e0}
.reader-body figure p{font-size:.98rem}
.reader-body .figure-head>span{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.reader-body .figure-head h2{margin:8px 0 18px}
.reader-body .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.reader-body .card{padding:20px;border:1px solid var(--line);border-top:5px solid var(--teal);background:#f1f6f2;min-width:0}
.reader-body .card p{margin:10px 0}
.reader-body .card strong{display:block}
.reader-body dl{margin:0}
.reader-body dl>div{border-top:1px solid var(--line);padding:10px 0}
.reader-body dt{font-size:.88rem}
.reader-body dd{margin:0;font-size:1.12rem;font-weight:700}
.reader-body .ledger{border:1px solid var(--line)}
.reader-body .ledger>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding:14px 18px;border-bottom:1px solid var(--line)}
.reader-body .ledger>div:last-child{background:var(--ink);color:white}
.reader-body .ledger strong{white-space:nowrap}
.reader-body .equation{padding:18px;background:#fff4d5;font-weight:650}
.reader-body .steps{list-style:none;counter-reset:step;padding:0;display:grid;gap:12px}
.reader-body .steps li{counter-increment:step;display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:14px;background:#eef5f1;padding:18px;max-width:none;margin:0}
.reader-body .steps li:before{content:counter(step);border:2px solid var(--teal);border-radius:50%;width:34px;height:34px;text-align:center;grid-row:1/3;font-weight:700}
.reader-body .steps strong{line-height:1.4}
.reader-body .steps span{grid-column:2}
.reader-body .bar{height:12px;background:#e3c785;margin-top:14px;border:1px solid #718b7a}
.reader-body .bar span{display:block;height:100%;background:var(--teal)}
.reader-body figcaption{font-size:.85rem;line-height:1.65;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}
.reader-body .sources li{font-size:.9rem}
.reader-body .sources span{display:block;font-size:.82rem}
.reader-body footer{border-top:1px solid var(--line)}
.reader-body .notice{border-left:4px solid #a35317;background:#fff2db;padding:16px}
.reader-body main:focus{outline:none}
@media(max-width:720px){.reader-body main{padding:24px 18px}
.reader-body .cards{grid-template-columns:1fr}
.reader-body figure{padding:18px}
.reader-body nav,.reader-body footer{padding:16px 18px}
.reader-body .ledger>div{display:block}
.reader-body .ledger strong{display:block}
.reader-body h2{font-size:1.35rem}
.reader-body .card{padding:18px}
}
@media print{.reader-body{background:white}
.reader-body main{max-width:none}
.reader-body figure{box-shadow:none;break-inside:avoid}
.reader-body nav,.reader-body .skip{display:none}
}
