.reader-body *{box-sizing:border-box}
.reader-body{font:18px/1.65 system-ui,sans-serif;color:#173535;background:#f5f4ee}
.reader-body{margin:0}
.reader-body main{max-width:1050px;margin:auto;padding:1.6rem}
.reader-body header{border-bottom:4px solid #16726a;padding:1rem 0}
.reader-body h1{font-size:clamp(1.8rem,5vw,3rem);line-height:1.15}
.reader-body h2{line-height:1.25;margin-top:2rem}
.reader-body h3{line-height:1.35}
.reader-body a{color:#07594f;text-decoration-thickness:2px;overflow-wrap:anywhere}
.reader-body a:focus-visible{outline:3px solid #a35213;outline-offset:4px}
.reader-body .skip{position:absolute;top:-100px;left:1rem;background:white;padding:.6rem}
.reader-body .skip:focus{top:0}
.reader-body .notice{padding:1rem;background:#fff3d4;border-left:5px solid #9a5f16}
.reader-body .lead{font-size:1.18rem}
.reader-body figure{margin:1.8rem 0;padding:1.2rem;background:#fff;border:1px solid #98bdb7;border-radius:12px}
.reader-body figure h2{margin-top:0;font-size:1.4rem}
.reader-body .timeline{list-style:none;margin:0;padding:0 0 0 1.1rem;border-left:4px solid #16726a}
.reader-body .timeline li{position:relative;margin:.8rem 0;padding:1rem;background:#edf5f2}
.reader-body .timeline li:before{content:'';position:absolute;left:-1.65rem;top:1.3rem;width:.85rem;height:.85rem;background:#16726a;border-radius:50%}
.reader-body .tag{display:block;color:#654a1c;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}
.reader-body .hub{padding:1rem;border:2px solid #16726a;background:#edf5f2;font-weight:700;text-align:center}
.reader-body .branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem 0;margin:0;list-style:none}
.reader-body .branches li{padding:1rem;border-left:4px solid #16726a;background:#eef1f7}
.reader-body .branches strong{display:block}
.reader-body .arrow{text-align:center;font-size:1.5rem;margin:0;color:#16726a}
.reader-body .caption{font-size:.95rem}
.reader-body .text-alt{border-top:1px solid #bdd0ca;margin-top:1rem;padding-top:.8rem}
.reader-body .source{border-top:1px solid #b9c7be;padding:1rem 0;font-size:.9rem}
.reader-body .source p{margin:.4rem 0}
.reader-body nav{display:flex;gap:1rem;flex-wrap:wrap}
.reader-body .meta{font-size:.9rem;color:#475b56}
.reader-body li{margin:.4rem 0}
.reader-body p,.reader-body li{overflow-wrap:anywhere}
@media(max-width:600px){.reader-body main{padding:1rem}
.reader-body .branches{grid-template-columns:1fr}
.reader-body figure{padding:.8rem}
}
@media print{.reader-body .skip{display:none}
.reader-body main{max-width:none}
.reader-body figure{break-inside:avoid}
.reader-body a{color:inherit}
}