.reader-body .skip{position:absolute;left:12px;top:-80px}
.reader-body .skip:focus{top:12px;background:white;padding:10px;z-index:2}
.reader-body .visual{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}
.reader-body .flow li{background:var(--soft);padding:14px;border-radius:6px}
.reader-body .contents a,.reader-body .language a{min-height:44px;display:inline-flex;align-items:center}
.reader-body{--ink:#172d33;--muted:#496069;--paper:#fbfaf6;--teal:#00695f;--gold:#9e571a;--line:#bdcbc7;--soft:#e9f2ee;--warm:#fae7d4}
.reader-body *{box-sizing:border-box}
.reader-body{scroll-behavior:smooth}
.reader-body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.reader-body main{max-width:1000px;margin:auto;padding:32px 28px 70px}
.reader-body header{border-top:6px solid var(--teal);padding-top:20px}
.reader-body h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.1;letter-spacing:-.035em;max-width:900px}
.reader-body h2{font-size:1.7rem;line-height:1.25;margin:50px 0 18px}
.reader-body h3{font-size:1.22rem;line-height:1.3;margin:0 0 20px}
.reader-body p{max-width:78ch}
.reader-body a{color:var(--teal);text-underline-offset:3px;overflow-wrap:anywhere}
.reader-body a:focus-visible,.reader-body input:focus-visible,.reader-body button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.reader-body .eyebrow,.reader-body .meta{font-size:.85rem;color:var(--muted)}
.reader-body .lead{font-size:1.24rem;line-height:1.55}
.reader-body .answer{padding:20px 0;border-block:1px solid var(--line)}
.reader-body .status{font-weight:650}
.reader-body .language{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.reader-body .contents{display:flex;gap:12px 24px;flex-wrap:wrap;margin:26px 0;font-size:.95rem}
.reader-body figure{margin:30px 0;padding:26px 0;border-block:2px solid var(--line)}
.reader-body figcaption,.reader-body .cite{font-size:.82rem;line-height:1.6;color:var(--muted)}
.reader-body .cite{display:block;margin-top:8px}
.reader-body .lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.reader-body .lane h4{margin:0 0 15px}
.reader-body .flow{padding:0;list-style:none;display:grid;gap:14px;counter-reset:step}
.reader-body .flow li{display:flex;gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line);position:relative}
.reader-body .flow li:last-child{border-bottom:0}
.reader-body .step-number{font-size:.8rem;font-weight:700;color:var(--teal);flex:0 0 24px}
.reader-body .flow li strong{display:block}
.reader-body .branch{margin:8px 0 0 36px;padding:10px 16px;background:var(--soft)}
.reader-body .notice{border-left:4px solid var(--gold);padding:10px 20px;margin:24px 0;background:var(--warm)}
.reader-body .notice h3{margin-bottom:12px}
.reader-body .notice p:last-child{margin-bottom:0}
.reader-body .compare{width:100%;border-collapse:collapse;font-size:.95rem;table-layout:fixed}
.reader-body th,.reader-body td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.reader-body th{font-weight:650}
.reader-body caption{text-align:left;margin-bottom:12px}
.reader-body .bar{display:flex;height:26px;gap:3px;margin:14px 0}
.reader-body .bar span{display:block;min-width:0}
.reader-body .participant{background:var(--gold)}
.reader-body .operator{background:var(--teal)}
.reader-body .bar-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.reader-body .bar-labels strong{display:block;font-size:1.65rem;line-height:1.3}
.reader-body .key{display:inline-block;width:12px;height:12px;margin-right:6px}
.reader-body .scenario{margin:22px 0}
.reader-body .scenario h4{margin:0}
.reader-body .scenario p{margin:6px 0;font-size:.92rem}
.reader-body .price{height:12px;background:var(--teal);max-width:100%;margin:10px 0}
.reader-body .splitter{margin-top:24px}
.reader-body .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.reader-body .fields label{font-size:.93rem;display:block}
.reader-body .fields input{display:block;width:100%;font:inherit;font-size:1rem;padding:10px;border:1px solid var(--muted);border-radius:3px;color:var(--ink);background:white}
.reader-body .fields small{display:block;color:var(--muted)}
.reader-body button{font:inherit;color:white;background:var(--teal);border:0;padding:12px 22px;margin-top:18px;min-height:44px;cursor:pointer}
.reader-body .result{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.reader-body .result dl{display:grid;grid-template-columns:1fr auto;gap:8px 15px}
.reader-body .result dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600}
.reader-body .error{color:#8b2916;font-weight:650}
.reader-body .sources{font-size:.88rem}
.reader-body .sources li{margin-bottom:14px}
.reader-body footer{margin-top:55px;padding-top:22px;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}
@media(max-width:640px){.reader-body{font-size:17px}
.reader-body main{padding:20px 18px 50px}
.reader-body .visual{padding:16px}
.reader-body .lanes,.reader-body .fields{grid-template-columns:1fr;gap:18px}
.reader-body h2{font-size:1.5rem}
.reader-body figure{padding:20px 0}
.reader-body .compare{font-size:.8rem}
.reader-body th,.reader-body td{padding:10px 5px}
.reader-body .result dl{grid-template-columns:1fr}
.reader-body .result dd{margin-bottom:8px}
.reader-body .bar-labels strong{font-size:1.4rem}
.reader-body .notice{padding:12px 15px}
.reader-body .contents{gap:10px 16px}
}
@media print{.reader-body{background:white;color:black;font-size:11pt}
.reader-body main{max-width:none;padding:0}
.reader-body .splitter,.reader-body .contents,.reader-body .language{display:none}
.reader-body figure{break-inside:avoid}
.reader-body a{color:inherit}
.reader-body .cite{font-size:9pt}
}