.reader-body *{box-sizing:border-box}
.reader-body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20332e;background:#f5f3ec;line-height:1.65}
.reader-body{margin:0}
.reader-body a{color:#075f55;text-decoration-thickness:.1em;text-underline-offset:.15em;overflow-wrap:anywhere}
.reader-body a:focus-visible,.reader-body summary:focus-visible{outline:3px solid #c24c1b;outline-offset:4px}
.reader-body .skip{position:absolute;top:-5em;background:#fff;padding:1em;z-index:10}
.reader-body .skip:focus{top:0}
.reader-body header,.reader-body main,.reader-body footer{max-width:1000px;margin:auto;padding:1.2rem clamp(1rem,4vw,3rem)}
.reader-body header{padding-top:2.5rem}
.reader-body .eyebrow{font-size:.86rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase;color:#42635a}
.reader-body h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(2rem,5vw,3.7rem);line-height:1.12;max-width:900px;margin:.4em 0}
.reader-body h2{font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.3;margin-top:2rem}
.reader-body h3{font-size:1.1rem;line-height:1.4}
.reader-body p,.reader-body li{max-width:78ch}
.reader-body nav{display:flex;gap:1rem;flex-wrap:wrap}
.reader-body .lead{font-size:1.17rem}
.reader-body .note{border-left:4px solid #be6d24;background:#fff6e5;padding:.9rem 1rem}
.reader-body .identity{display:grid;grid-template-columns:minmax(10rem,1fr) minmax(0,3fr);background:#fff;border:1px solid #cbd8cf;padding:1rem;gap:.5rem 1rem}
.reader-body .identity dt{font-weight:700}
.reader-body .identity dd{margin:0;overflow-wrap:anywhere}
.reader-body figure{margin:2rem 0;background:#fff;border:1px solid #bdcfc4;border-radius:1rem;padding:clamp(1rem,3vw,1.7rem);box-shadow:0 4px 12px #17392b08}
.reader-body figure h3{margin-top:0;font-size:1.25rem;color:#0b5448}
.reader-body .graphic{list-style:none;padding:0;margin:1rem 0;display:grid;gap:1rem;counter-reset:steps}
.reader-body .graphic li{position:relative;margin:0;padding:1rem 1rem 1rem 3.8rem;border:1px solid #a6c4b5;background:#e9f2ec;min-width:0;overflow-wrap:anywhere;max-width:none}
.reader-body .graphic li:before{counter-increment:steps;content:counter(steps);position:absolute;left:1rem;top:1rem;background:#14604e;color:#fff;width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:50%;font-weight:700}
.reader-body .flow li:not(:last-child):after{content:"↓";position:absolute;bottom:-1.25rem;left:1.3rem;z-index:1;background:#fff;color:#0b5448;font-weight:800;padding:0 .3rem}
.reader-body .branch{grid-template-columns:repeat(2,minmax(0,1fr))}
.reader-body .branch li:first-child,.reader-body .branch li:last-child{grid-column:1/-1}
.reader-body .branch li:last-child{background:#fff3dd;border-color:#bf914b}
.reader-body .scope{grid-template-columns:repeat(2,minmax(0,1fr))}
.reader-body .scope li:nth-child(4){background:#fff3dd;border-color:#bf914b}
.reader-body .timeline li{border-left:5px solid #14604e}
.reader-body .timeline li:last-child{background:#fff3dd;border-color:#bf914b}
.reader-body .layers li:nth-child(1),.reader-body .layers li:nth-child(2){font-weight:700;background:#dceee2}
.reader-body .layers li:nth-child(3){background:#f3efdf}
.reader-body .layers li:nth-child(4){background:#e7edf3}
.reader-body .caption{font-size:.94rem;color:#394d44}
.reader-body details{margin-top:.8rem;border-top:1px solid #d0dbd2;padding-top:.6rem}
.reader-body summary{cursor:pointer;min-height:44px;display:list-item;padding:.4rem 0;color:#075f55;font-weight:650}
.reader-body details p{font-size:.95rem}
.reader-body .cite{font-size:.85rem;display:inline-block;margin-left:.35rem}
.reader-body footer{border-top:1px solid #b8c9be}
.reader-body .source-list li{margin-bottom:1.2rem}
.reader-body .source-data{font-size:.87rem;color:#405a50}
.reader-body .related li{margin:.6em 0}
.reader-body .badge{display:inline-block;background:#e1eadf;padding:.3rem .6rem;border-radius:.3rem;font-size:.85rem}
.reader-body .original{font-family:Georgia,serif;font-size:1.1rem}
.reader-body .toc{padding:.4rem 0;border-block:1px solid #b5c7bc;margin:1.2rem 0}
.reader-body .toc a{padding:.2rem 0}
@media(max-width:600px){.reader-body .identity{grid-template-columns:1fr}
.reader-body .identity dd{margin-bottom:.7rem}
.reader-body .branch,.reader-body .scope{grid-template-columns:1fr}
.reader-body .branch li:first-child,.reader-body .branch li:last-child{grid-column:auto}
.reader-body header,.reader-body main,.reader-body footer{padding-inline:1rem}
.reader-body .graphic li{padding-left:3.4rem}
.reader-body figure{border-radius:.6rem}
.reader-body h1{overflow-wrap:anywhere}
}
@media print{.reader-body{background:#fff}
.reader-body .skip,.reader-body nav{display:none}
.reader-body figure{box-shadow:none;break-inside:avoid}
.reader-body details{display:block}
.reader-body details p{display:block}
.reader-body a{color:#000}
.reader-body header,.reader-body main,.reader-body footer{max-width:none}
}