/* Reading pages and calculators */
.reading{color-scheme:light;--bg:#f6f5ef;--panel:#fff;--line:#d4dcda;--text:#172426;--muted:#526164;--link:var(--brand);--accent:var(--brand)}
.reading .wrap{width:min(100% - 40px,860px);padding-top:0}
.reading .top{padding:20px 0;flex-wrap:wrap;align-items:center}
.reading .top nav{display:flex;flex-wrap:wrap;gap:8px 22px}
.reading .top a{min-height:44px;display:inline-flex;align-items:center}
.reading .brand{font-size:1.3rem;letter-spacing:-.03em}
.reading .page-header{padding:38px 0 24px}
.reading .page-header h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.12;max-width:24ch}
.reading .page-header p:not(.eyebrow){color:var(--muted);max-width:68ch}
.reading article p,.reading article li{max-width:72ch}
.reading article h2,.reading main>h2{margin-top:2rem;scroll-margin-top:24px}
.reading p{margin-block:1em}
.reading li+li{margin-top:.5em}
.reading .card{margin-block:20px;border-radius:12px;padding:24px}
.reading .card h2{font-size:1.35rem;margin-top:0}
.reading .notice{background:var(--tint);color:var(--text)}
.reading .toc{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin:0 0 32px}
.reading .toc h2{font-size:1rem;margin:0 0 8px}
.reading .toc ol{margin:0;padding:0;list-style:none}
.reading .toc a{display:inline-block;padding-block:8px}
.reading .toc li+li{margin-top:0}
.reading nav[aria-label="Breadcrumb"]{font-size:.9rem;color:var(--muted)}
.reading nav[aria-label="Breadcrumb"] a{display:inline-block;padding-block:8px}
.reading button,.reading .button{background:var(--brand);border:2px solid var(--brand);color:white;border-radius:8px;min-height:48px;padding:12px 18px}
.reading button:hover,.reading .button:hover{filter:brightness(.9)}
.reading input[type=number]{background:white;min-height:50px;border-radius:8px;font-size:1rem}
.reading form[data-planner]{max-width:none;gap:8px}
.reading form label{font-weight:650;margin-top:12px}
.reading .input-note{color:var(--muted);font-size:.88rem;margin:0 0 4px;max-width:65ch}
.reading #result{background:var(--tint);border-left:4px solid var(--brand);padding:18px;border-radius:0 8px 8px 0;line-height:1.65;margin:24px 0}
.reading .checklist{gap:4px}
.reading .checklist label{background:white;padding:14px;border:1px solid var(--line);border-radius:8px}
.reading input[type=checkbox]{accent-color:var(--brand)}
.reading footer a,.reading nav[aria-label="Guide navigation"] a{display:inline-block;padding:10px 0;min-height:44px}
.reading .skip{position:absolute;top:-120px;background:white;padding:12px;z-index:10}
.reading .skip:focus{top:8px}
@media(max-width:600px){.reading .wrap{width:calc(100% - 32px)}.reading .top{align-items:flex-start}.reading .card{padding:18px}.reading .page-header{padding-top:28px}.reading .page-header h1{font-size:2.15rem}.reading .toc{padding:16px}.reading button,.reading .button{width:100%;text-align:center}.reading .top nav{gap:24px}}
@media print{.reading{--bg:#fff;--panel:#fff;--text:#000;--muted:#333;--link:#000;--tint:#fff}.reading .wrap{width:100%;padding:0}.reading .skip,.reading .toc,.reading .top nav{display:none}.reading .page-header{padding:10pt 0}.reading .page-header h1{font-size:24pt}.reading #result,.reading .checklist label{background:#fff;border-color:#777}.reading .card{padding:10pt}}