/* Shared styles for every Integral Life page. Keep base rules before book refinements. */

/* Chapter 3 only: atlas pages and small, explicitly illustrative experiments. */
.chapter-three { --ch-ink:#263c35; --ch-muted:#52675e; --ch-green:#176959; --ch-paper:#f7f6f0; --ch-line:#d5ddd3; background:var(--ch-paper); color:var(--ch-ink); line-height:1.7; }
.chapter-three header { position:relative; background:#f7f6f0; border-bottom:1px solid var(--ch-line); backdrop-filter:none; }
.chapter-three .chapter-top { max-width:1220px; margin:auto; padding:22px 30px; display:flex; flex-wrap:wrap; gap:20px; align-items:center; font-size:.83rem; }
.chapter-three .brand { color:var(--ch-green); font-weight:800; letter-spacing:.12em; text-decoration:none; }
.chapter-three .chapter-top>span { color:var(--ch-muted); border-left:1px solid var(--ch-line); padding-left:20px; }
.chapter-three nav { margin-left:auto; }
.chapter-three nav a { border:0; background:transparent; font-size:.86rem; padding:7px 8px; color:var(--ch-ink); }
.chapter-three a { color:#146557; text-underline-offset:3px; }
.chapter-three a:hover { text-decoration:underline; }
.chapter-three main { max-width:1180px; padding:0 28px; margin:auto; }
.chapter-three .hero { display:grid; grid-template-columns:1.3fr 1fr; align-items:center; gap:30px; padding:65px 0 45px; }
.chapter-three h1 { font-family:Georgia,serif; font-weight:400; font-size:clamp(2.5rem,4.5vw,4.7rem); line-height:1.08; letter-spacing:-.04em; margin:12px 0 24px; }
.chapter-three h2 { font-family:Georgia,serif; font-size:clamp(1.65rem,3vw,2.3rem); font-weight:400; line-height:1.2; margin:0 0 14px; letter-spacing:-.02em; }
.chapter-three h3 { font-size:1.1rem; line-height:1.4; margin:0 0 12px; color:var(--ch-ink); }
.chapter-three p { color:var(--ch-ink); margin:0 0 16px; }
.chapter-three .hero-intro { font-size:1.22rem; max-width:580px; }
.chapter-three .hero>div>p:not(.eyebrow):not(.hero-intro) { color:var(--ch-muted); }
.chapter-three .eyebrow { font-size:.74rem; font-weight:800; color:var(--ch-green); letter-spacing:.17em; }
.chapter-three .primary { display:inline-block; margin-top:12px; background:var(--ch-green); color:white; border-radius:5px; padding:12px 20px; font-weight:650; text-decoration:none; }
.chapter-three .hero-art { border-radius:50% 50% 8px 8px; background:#e9eee4; padding:25px 16px 20px; }
.chapter-three .art-caption { display:block; text-align:center; font-size:.78rem; color:var(--ch-muted); }
.chapter-three .reading-route { display:flex; flex-wrap:wrap; gap:8px 24px; padding:20px 0; border-top:1px solid var(--ch-line); border-bottom:1px solid var(--ch-line); font-size:.84rem; }
.chapter-three .reading-route a { text-decoration:none; }
.chapter-three .chapter-section { border:0; border-bottom:1px solid var(--ch-line); border-radius:0; box-shadow:none; background:transparent; margin:0; padding:54px 0; overflow:visible; scroll-margin-top:20px; }
.chapter-three .section-heading { display:flex; align-items:flex-start; gap:20px; margin-bottom:28px; }
.chapter-three .step { flex:0 0 44px; display:grid; place-items:center; height:44px; background:#e2eadd; border-radius:50%; font-size:.85rem; color:var(--ch-green); font-weight:750; }
.chapter-three .lead { max-width:880px; color:var(--ch-muted); font-size:1.08rem; margin-bottom:0; }
.chapter-three .two { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:start; }
.chapter-three .three { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin:22px 0; }
.chapter-three .two>*, .chapter-three .three>* { min-width:0; }
.chapter-three figure { margin:0; min-width:0; }
.chapter-three figcaption { font-size:.83rem; line-height:1.6; color:var(--ch-muted); margin:12px 0; }
.chapter-three .diagram { display:block; width:100%; height:auto; border-radius:8px; background:#fff; }
.chapter-three .hero-art .diagram { background:transparent; }
.chapter-three .diagram text { font-family:system-ui,sans-serif; font-size:17px; fill:#334c40; }
.chapter-three .diagram text.small { font-size:13px; }
.chapter-three .diagram text.emphasis { font-weight:800; fill:#986518; }
.chapter-three .diagram .leader { stroke:#7c9183; stroke-width:1.5; fill:none; }
.chapter-three .diagram .bone { fill:#dce5dc; stroke:#788d7c; stroke-width:2; }
.chapter-three .diagram .axis { fill:none; stroke:#647f70; stroke-width:2; }
.chapter-three .wide-figure { background:white; border:1px solid var(--ch-line); border-radius:8px; padding:22px; margin-bottom:30px; }
.chapter-three .wide-figure .diagram { max-width:720px; margin:auto; }
.chapter-three .locator { display:flex; align-items:center; gap:12px; margin:0 0 22px; color:var(--ch-muted); font-size:.85rem; }
.chapter-three .locator .diagram { width:34px; flex:none; background:transparent; }
.chapter-three .takeaway { border-left:4px solid var(--ch-green); border-radius:0 6px 6px 0; background:#eaf0e5; padding:20px 24px; margin:25px 0; font-size:1.04rem; }
.chapter-three .anatomy-list { padding-left:26px; margin:0; }
.chapter-three .anatomy-list li { padding-left:8px; margin-bottom:16px; }
.chapter-three .anatomy-list li::marker { color:var(--ch-green); font-weight:800; }
.chapter-three #segment>.atlas { margin-top:32px; max-width:620px; }
.chapter-three .caption-key { max-width:620px; font-size:.9rem; }
.chapter-three .atlas { background:white; border:1px solid var(--ch-line); border-radius:9px; padding:24px; }
.chapter-three .atlas-svg { max-height:600px; }
.chapter-three .atlas-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:20px 0 30px; align-items:start; }
.chapter-three .atlas-grid .atlas { height:100%; display:flex; flex-direction:column; }
.chapter-three .atlas-grid figcaption { margin-top:auto; padding-top:14px; }
.chapter-three .atlas-marker circle { fill:#125f53; stroke:white; stroke-width:3; }
.chapter-three .atlas-marker text { fill:white; font-size:18px; font-weight:800; }
.chapter-three .atlas-marker.active circle { fill:#a55a16; stroke:#f8d388; stroke-width:7; }
.chapter-three .structure-buttons, .chapter-three .actions { display:flex; gap:8px; flex-wrap:wrap; margin:15px 0; }
.chapter-three button { border:1px solid #9caf9f; border-radius:5px; padding:10px 14px; background:#fff; color:var(--ch-ink); min-height:44px; line-height:1.4; font-weight:550; }
.chapter-three button:hover { background:#edf2e8; }
.chapter-three button[aria-pressed="true"] { background:var(--ch-green); border-color:var(--ch-green); color:white; }
.chapter-three button:focus-visible, .chapter-three a:focus-visible, .chapter-three input:focus-visible, .chapter-three summary:focus-visible { outline:3px solid #b96b17; outline-offset:4px; }
.chapter-three .zoom { align-self:flex-start; font-size:.86rem; margin-top:6px; }
.chapter-three .muscle-cards { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.chapter-three .muscle-card { padding:24px; border:1px solid var(--ch-line); border-radius:6px; scroll-margin-top:20px; }
.chapter-three .muscle-card.active { background:#fff5e4; border-color:#b98636; }
.chapter-three .number { display:inline-grid; place-items:center; background:#166959; color:white; border-radius:50%; width:29px; height:29px; margin-right:9px; font:700 .86rem system-ui,sans-serif; }
.chapter-three .experiment { border:1px solid var(--ch-line); padding:28px; border-radius:10px; background:#fff; margin:26px 0; }
.chapter-three .slider { margin:22px 0; }
.chapter-three .slider label { display:flex; justify-content:space-between; gap:15px; font-weight:650; line-height:1.4; }
.chapter-three output { white-space:nowrap; font-variant-numeric:tabular-nums; color:var(--ch-green); }
.chapter-three input[type="range"] { display:block; width:100%; height:32px; margin:10px 0 3px; accent-color:var(--ch-green); cursor:pointer; }
.chapter-three .hint { font-size:.84rem; line-height:1.5; color:var(--ch-muted); margin-bottom:12px; }
.chapter-three .result { padding:17px 19px; border-radius:5px; border:1px solid #c9dccd; background:#eff5ec; font-size:.97rem; line-height:1.7; min-height:80px; margin-top:18px; }
.chapter-three details { border:1px solid var(--ch-line); border-radius:5px; padding:14px 18px; margin:18px 0; background:#fafbf7; }
.chapter-three details p:last-child { margin-bottom:0; }
.chapter-three summary { cursor:pointer; font-weight:600; }
.chapter-three details[open]>summary { margin-bottom:16px; }
.chapter-three .quiz { background:#eef1e6; border:1px solid var(--ch-line); border-radius:8px; padding:24px; margin-top:28px; }
.chapter-three .answers { display:flex; flex-direction:column; gap:10px; margin:15px 0; }
.chapter-three .answers button { text-align:left; background:#fff; }
.chapter-three .answers button[data-selected="true"] { border-width:2px; border-color:#245e4d; background:#e1eddd; }
.chapter-three .answers button[data-selected="true"][data-correct="false"] { border-color:#a46122; background:#fff1df; }
.chapter-three .feedback { min-height:28px; margin:0; font-size:.94rem; }
.chapter-three .study { border-left:2px solid #b8c9b8; padding:0 0 0 22px; margin:30px 0; }
.chapter-three .study a { font-size:.9rem; }
.chapter-three .checklist { margin-top:24px; padding:24px; background:white; border-radius:8px; }
.chapter-three .checklist ul { padding-left:22px; margin-bottom:0; }
.chapter-three .glossary { display:grid; grid-template-columns:1fr 1fr; gap:20px 30px; }
.chapter-three .glossary>div { border-bottom:1px solid var(--ch-line); padding-bottom:14px; }
.chapter-three dt { font-weight:700; }
.chapter-three dd { margin:5px 0 0; color:var(--ch-muted); }
.chapter-three .credits { padding:35px 0; border:0; border-radius:0; box-shadow:none; background:transparent; font-size:.85rem; }
.chapter-three .credits h2 { font-size:1.4rem; }
.chapter-three .chapter-bottom { display:flex; justify-content:space-between; margin:0 0 40px; gap:10px; }
.chapter-three footer { border-top:1px solid var(--ch-line); background:transparent; text-align:center; color:var(--ch-muted); padding:20px; font-size:.8rem; }
.chapter-three .vertebra-level { fill:#dce5dc; stroke:#809780; stroke-width:1.5; }
.chapter-three .vertebra-level text { fill:#314d39; stroke:none; font-weight:650; }
.chapter-three .vertebra-level.active { fill:#eccf91; stroke:#ae7921; stroke-width:3; }
.chapter-three .skip { position:absolute; left:15px; top:-100px; z-index:30; background:white; padding:12px; }
.chapter-three .skip:focus { top:10px; }
.chapter-three dialog { width:min(96vw,1080px); max-height:94vh; border:1px solid var(--ch-line); border-radius:10px; padding:22px; color:var(--ch-ink); background:#fff; }
.chapter-three dialog::backdrop { background:#173228b8; }
.chapter-three .dialog-bar { display:flex; gap:15px; justify-content:space-between; align-items:center; position:sticky; top:-22px; padding:12px 0; background:white; z-index:1; }
.chapter-three .dialog-bar h2 { font:600 1.1rem system-ui,sans-serif; margin:0; }
.chapter-three #dialog-content .atlas-svg { max-height:none; width:100%; min-width:550px; }
.chapter-three #dialog-content { overflow:auto; }
.chapter-three #dialog-content .atlas { border:0; padding:0; }
.chapter-three #dialog-content figcaption { max-width:800px; }
@media (max-width:760px) {
 .chapter-three main { padding:0 18px; }
 .chapter-three .chapter-top { padding:14px 18px; gap:8px 14px; }
 .chapter-three .chapter-top nav { width:100%; justify-content:flex-start; margin:0; gap:6px; }
 .chapter-three nav a { padding:6px 0; margin-right:12px; }
 .chapter-three .hero { grid-template-columns:1fr; padding-top:36px; }
 .chapter-three .hero-art { max-width:420px; width:100%; margin:auto; }
 .chapter-three .two, .chapter-three .three, .chapter-three .atlas-grid, .chapter-three .muscle-cards, .chapter-three .glossary { grid-template-columns:1fr; }
 .chapter-three .two { gap:22px; }
 .chapter-three .section-heading { gap:12px; }
 .chapter-three .step { flex-basis:34px; height:34px; font-size:.75rem; }
 .chapter-three .chapter-section { padding:36px 0; }
 .chapter-three .experiment { padding:18px 12px; }
 .chapter-three .atlas { padding:18px 12px; }
 .chapter-three .diagram text { font-size:18px; }
 .chapter-three .takeaway { padding:16px; }
 .chapter-three .structure-buttons button { font-size:.85rem; }
 .chapter-three .chapter-bottom { flex-wrap:wrap; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .chapter-three * { animation:none!important; transition:none!important; } }
@media print {
 .chapter-three header, .chapter-three .actions, .chapter-three .zoom, .chapter-three .structure-buttons, .chapter-three .skip, .chapter-three .chapter-bottom { display:none; }
 .chapter-three main { max-width:none; padding:0; }
 .chapter-three .hero { padding:10px 0; }
 .chapter-three .chapter-section { break-inside:auto; padding:20px 0; }
 .chapter-three figure, .chapter-three .muscle-card, .chapter-three .study { break-inside:avoid; }
 .chapter-three .atlas-grid { grid-template-columns:1fr 1fr; }
 .chapter-three .atlas-svg { max-height:430px; }
}
.chapter-three #dialog-content .diagram { max-height:none; width:100%; min-width:550px; }
.chapter-three .training-source, .chapter-three .training-examples { margin:32px 0; }
.chapter-three .source-note { font-size:.85rem; color:var(--ch-muted); }
.chapter-three .training-examples>.two { margin:22px 0; }


/* Integral Life layout, interactions, responsive and print refinements. */
/* Base and book-specific additions to the physiotherapy Chapter 3 editorial layout. */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.7 Arial,"Liberation Sans",system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{overflow-wrap:anywhere}h1,h2,h3,p{overflow-wrap:break-word}.integral .hero{grid-template-columns:1.45fr 1fr;gap:60px}.integral .hero-art{padding:30px;min-height:320px;display:flex;flex-direction:column;justify-content:center;text-align:center}.chapter-numeral{font:150px/.95 Georgia,serif;color:#a9bca6}.integral .hero-question{font:24px/1.4 Georgia,serif;margin:22px auto;max-width:320px}.integral .art-caption{color:#465c50}.integral .prose{max-width:890px;margin-left:64px}.integral .prose>p{max-width:780px}.integral strong{font-weight:650}.integral .section-heading h2{padding-top:5px;max-width:820px}.integral .chapter-section{padding:52px 0}.integral details{max-width:850px}.integral .experiment{margin-top:0}.case-map{display:grid;grid-template-columns:1fr 1fr;gap:14px}.case-card{border:1px solid #c9d3c5;border-top:4px solid #c9d3c5;border-radius:5px;padding:22px;background:#f7f8f3}.case-card.active{background:#fff5df;border-color:#97661b}.case-card .case-label{display:block;color:#52675e;text-transform:uppercase;font-size:.75rem;font-weight:750;letter-spacing:.08em;margin-bottom:13px}.case-card.active .case-label{color:#72500f}.case-card p{font-size:.94rem}.integral .case-card h3{font:1.2rem/1.4 Georgia,serif}.integral .case-card p:last-child{margin-bottom:0}.integral .sequence .case-card{counter-increment:case}.integral .sequence .case-label:before{content:"";color:#87611d}.sequence{counter-reset:case}.enhanced-only{display:none!important}.js .enhanced-only{display:flex!important}.js p.enhanced-only{display:block!important}.integral .result{min-height:0}.integral .answers{align-items:stretch}.integral .quiz .answers button[aria-pressed=true]{background:#176959;color:#fff}.table-wrap{overflow-x:auto;width:100%;border:1px solid #d5ddd3;border-radius:6px}table{width:100%;border-collapse:collapse;font-size:.93rem;text-align:left}th,td{padding:14px 18px;vertical-align:top;border-bottom:1px solid #d5ddd3}th{background:#e9eee4;color:#263c35}tbody tr:last-child td{border-bottom:0}.reading-list{padding-left:23px}.reading-list li{padding:10px 0}.reading-list a{font-weight:650}.reading-list p{font-size:.94rem;margin:6px 0 0}.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.integral .chapter-link{display:flex;flex-direction:column;text-decoration:none;border:1px solid #c5d2c3;border-radius:8px;padding:28px;background:#fafbf6}.integral .chapter-link:hover{background:#eef3e8;border-color:#176959;text-decoration:none}.integral .chapter-link h3{font:1.65rem/1.2 Georgia,serif;margin-top:14px}.integral .chapter-link p{font-size:.97rem;color:#52675e}.read-label{margin-top:auto;font-size:.88rem;font-weight:700}.book-symbol{font:54px/1.25 Georgia,serif;color:#42694b}.book-symbol span{font-size:36px}.integral .home-art{background:#e5ecdd}.integral .source-note{font-size:.83rem}.integral footer{line-height:1.8}.integral .credits{max-width:880px}.integral .chapter-bottom{padding-top:30px}.integral .chapter-top nav{display:flex;flex-wrap:wrap}.integral .chapter-top a{min-height:40px;display:inline-flex;align-items:center}.integral .reading-route a{padding:8px 0}.integral .glossary-term{font-weight:650}.integral .quiz{margin-top:30px}@media(max-width:760px){body{font-size:16px}.integral .hero{grid-template-columns:1fr;gap:25px}.integral .hero-art{min-height:240px;padding:25px}.chapter-numeral{font-size:96px}.integral .prose{margin-left:0}.integral .case-map,.chapter-grid{grid-template-columns:1fr}.integral .case-card{padding:18px}.integral .hero-question{font-size:22px}.integral .section-heading{gap:12px}.integral .experiment{padding:18px 12px}.integral .chapter-link{padding:22px}th,td{padding:12px;min-width:120px}table{font-size:.88rem}.integral .hero-intro{font-size:1.1rem}.integral .chapter-section{padding:36px 0}.integral .chapter-top>span{border:0;padding-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.enhanced-only{display:none!important}.integral .hero{grid-template-columns:1fr 1fr}.integral .prose{margin:0}.integral .case-map{grid-template-columns:1fr 1fr}.integral .hero-art{min-height:0}.chapter-numeral{font-size:60px}.integral details{break-inside:avoid}}
/* Standalone learning: objectives, chapter contents, and printable practice prompts. */
.integral .aims-title{font-size:1.4rem;margin-bottom:12px}.integral .takeaway ul{padding-left:24px;margin:0 0 18px}.integral .takeaway p:last-child{font-size:.92rem;margin:0}.integral .chapter-outline{max-width:none;margin:24px 0}.integral .chapter-outline nav{margin:0}.integral .chapter-outline nav a{padding:4px 0;line-height:1.5}.integral .chapter-outline ol{columns:2;column-gap:32px;padding-left:25px}.integral .chapter-outline li{break-inside:avoid;margin:6px 0}.integral .practice-steps{padding-left:28px;max-width:820px}.integral .practice-steps li{padding-left:8px;margin:0 0 19px}.integral .practice-steps li::marker{font-weight:700;color:#176959}.integral .prose>h3{font-size:1.2rem;margin:30px 0 15px}.integral .prose>.table-wrap{margin:24px 0}.integral .worksheet{padding-left:26px}.integral .worksheet li{margin-bottom:24px;padding-left:8px}.writing-space{height:65px;border-bottom:1px solid #cad5c6}.integral .review-case summary{line-height:1.55}@media(max-width:760px){.integral .chapter-outline ol{columns:1}.integral .practice-steps{padding-left:22px}.integral .takeaway h2{font-size:1.3rem}}@media print{.integral .worksheet li{break-inside:avoid}.integral .worksheet .writing-space{height:95px}.integral .chapter-outline{display:none}.integral .table-wrap{overflow:visible}.integral .table-wrap table{font-size:10pt}a{overflow-wrap:anywhere}}