/* Reuse the Chapter 3 editorial layout, as Chapter 4 does. */
.chapter-five .anatomy-block { margin:38px 0 48px; }
.chapter-five .anatomy-block h3 { max-width:34ch; }
.chapter-five .anatomical-figure h4 { margin:0 0 20px; font:600 1.15rem Georgia,serif; }
.chapter-five .anatomy-plate { max-height:620px; object-fit:contain; margin:auto; }
.chapter-five .plate-number circle { fill:#176959; stroke:#fff; stroke-width:3px; }
.chapter-five .plate-number text { fill:#fff; font:700 24px system-ui,sans-serif; }
.chapter-five .plate-key { padding-left:24px; margin:15px 0; font-size:.95rem; }
.chapter-five .plate-key li { padding:4px 0 4px 4px; }
.chapter-five .plate-key li::marker { color:#176959; font-weight:750; }
.chapter-five .anatomical-figure button { margin-top:14px; align-self:flex-start; }
.chapter-five #dialog-content .anatomy-plate { min-width:0; max-width:100%; max-height:none; width:auto; max-inline-size:none; height:900px; }
.chapter-five #dialog-content .anatomical-figure { display:block; }
.chapter-five main { width:100%; grid-template-columns:minmax(0,1fr); }
.chapter-five main, .chapter-five .hero>*, .chapter-five .section-heading>div { min-width:0; }
.chapter-five p, .chapter-five h1, .chapter-five h2, .chapter-five a { overflow-wrap:anywhere; }
.chapter-five select { display:block; width:100%; max-width:100%; padding:12px; margin:12px 0; font:inherit; color:var(--ch-ink); background:#fff; border:1px solid #829783; border-radius:5px; }
.chapter-five label { font-weight:650; }
.chapter-five .muscle-route.dimmed { opacity:.16; }
.chapter-five .muscle-route.selected { filter:drop-shadow(0 0 2px #85651c); }
.chapter-five .hero .diagram { max-height:400px; }
.chapter-five .table-scroll { overflow:auto; margin:24px 0; }
.chapter-five table { width:100%; border-collapse:collapse; font-size:.94rem; }
.chapter-five th, .chapter-five td { padding:15px; border-bottom:1px solid var(--ch-line); text-align:left; vertical-align:top; }
.chapter-five thead { background:#e7ede1; }
.chapter-five caption { text-align:left; color:var(--ch-muted); margin-bottom:12px; }
.chapter-five .feedback-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding-left:24px; }
.chapter-five .feedback-steps li { padding:14px; border:1px solid var(--ch-line); border-radius:5px; }
.chapter-five .feedback-steps li.active { background:#e2edda; border-color:var(--ch-green); font-weight:650; }
.chapter-five :focus-visible { outline:3px solid #b96b17; outline-offset:4px; }
.chapter-five dialog #dialog-content .diagram { min-width:560px; }
@media(max-width:760px) {
 .chapter-five .hero { grid-template-columns:minmax(0,1fr); }
 .chapter-five .feedback-steps { grid-template-columns:1fr; }
 .chapter-five th, .chapter-five td { padding:8px; font-size:.84rem; }
 .chapter-five .glossary { grid-template-columns:1fr; }
}
