/* CKMU BODY — calm editorial training atlas */
:root[data-theme="light"]{--bg:#f5f5ef;--surface:#fffefa;--ink:#253d32;--muted:#738075;--line:#dce1d7;--skin:#dce2d9;--skin-line:#bdc9bc;--m:#a3b6a1;--m-dim:#e0e5dc;--m-hot:#708d70;--accent:#355b42;--teal:#4d7158;--teal-soft:#e9eee2;color-scheme:light}
html{scroll-behavior:smooth;scroll-padding-top:24px}body{font-size:14px}.wrap{max-width:1280px}a,button{-webkit-tap-highlight-color:transparent}section{padding-block:40px}header.top{padding:23px 0;align-items:center;border:0}.brand{display:flex;align-items:center;gap:7px;color:var(--ink);font-size:23px;font-weight:700;letter-spacing:-1px;text-decoration:none;position:relative;padding-bottom:17px}.brand>span:not(.brand-symbol){font-weight:400}.brand-symbol{font-size:38px;line-height:1;margin-right:5px}.brand small{position:absolute;bottom:0;left:51px;font:9px var(--f-mono);letter-spacing:2.1px}.jump a{border:0!important;background:none!important;border-radius:0!important;padding:8px 16px!important;font-size:13px!important}.jump a:last-child{border-left:1px solid var(--line)!important}.jump a:hover{color:var(--teal)!important}.eyebrow{font:11px var(--f-mono);letter-spacing:1.8px;margin-bottom:10px}.hero{position:relative;min-height:510px;overflow:hidden;border-radius:12px;padding:0;background:#e6e4d8}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%}.hero-copy{position:relative;padding:56px 48px 30px;width:58%;background:linear-gradient(90deg,rgba(245,243,232,.93),rgba(245,243,232,.5) 75%,transparent)}.hero h1{font-size:clamp(34px,4.4vw,59px);line-height:1.3;letter-spacing:-1.8px;font-weight:500;margin:21px 0}.hero h1 em{font-style:normal;color:#557653}.hero p{color:#61705d;font-size:14px;line-height:1.9}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#537654;margin-right:7px;vertical-align:middle}.hero-cta{display:inline-flex;align-items:center;gap:42px;padding:13px 20px;background:#284c3c;color:#fff;text-decoration:none;border-radius:5px;margin:13px 0 38px;font-size:13px}.hero-cta span{font-size:19px}.hero-caption{display:flex;gap:22px;flex-wrap:wrap;font:9px var(--f-mono);color:#65715c;letter-spacing:.6px}.journey{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:23px 0;gap:26px}.journey a{display:grid;grid-template-columns:28px 1fr 16px;text-decoration:none;color:var(--ink);align-items:center;column-gap:12px;border-right:1px solid var(--line)}.journey a:last-child{border:0}.journey span{grid-row:1/3;font:15px var(--f-display);color:#8b9c82}.journey strong{font-size:13px;font-weight:500}.journey small{grid-column:2;color:var(--muted);font-size:11px}.journey b{grid-column:3;grid-row:1/3;font-weight:400;margin-right:16px}.section-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;gap:20px}.section-intro h2{font-size:28px;font-weight:500;letter-spacing:-.7px}.section-intro p{font-size:12px;color:var(--muted);margin:0}.atlas{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px}.stage{padding:19px 20px;background:radial-gradient(ellipse at 50% 40%,#f6f8ee,#eef1e7);border:1px solid #d8e1d1;border-radius:12px}.stage .bar{padding-bottom:11px;border-bottom:1px solid var(--line)}svg#body{height:540px;background-image:linear-gradient(#b9c5b522 1px,transparent 1px),linear-gradient(90deg,#b9c5b522 1px,transparent 1px);background-size:32px 32px}.mus{stroke-width:.8;transition:fill .2s,filter .2s}.mus:hover{filter:brightness(.9)}.seg{background:#e4eadc;border:0;border-radius:5px;padding:3px;gap:3px}.seg button{padding:5px 14px;border-radius:3px;font-size:11px}.seg button[aria-pressed="true"]{background:#fffefa;color:#355b42;box-shadow:0 1px 5px #233c2420}.atlas-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 17px;font-size:10px;color:var(--muted);padding:12px 0 5px}.atlas-legend i{display:inline-block;width:7px;height:7px;background:#a3b6a1;border-radius:2px;margin-right:5px}.atlas-legend span:nth-child(2) i{background:var(--accent)}.chip{background:transparent;font-size:11px;padding:4px 10px}.hint{font-size:11px;line-height:1.7}.card{border-radius:10px;padding:22px;border-color:#e0e4da;box-shadow:0 3px 14px #263b2703}.panel{gap:18px}.pname h2{font-size:24px;font-weight:500}.pname .en{font:10px var(--f-mono);letter-spacing:1px}.lede{font-size:12px;line-height:1.9}.reglist{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.regbtn{position:relative;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:7px;background:#f6f7f1;padding:13px 9px;border-color:#e5e8de;min-height:92px;border-radius:6px;transition:background .2s,transform .2s}.regbtn:hover{background:#e9eee2;transform:translateY(-2px)}.regbtn img{width:28px;height:48px;grid-row:1/3;object-fit:contain}.regbtn strong{font-size:13px;font-weight:500;line-height:1.5}.regbtn strong small{display:block;font:9px var(--f-display);color:#83917b;letter-spacing:.3px}.regbtn>span{grid-column:2;font-size:9px;line-height:1.4;color:#87917f}.regbtn>b{position:absolute;right:6px;top:5px;font:11px var(--f-body);color:#899b80}.card h3{font-size:15px;font-weight:500;margin-bottom:16px}.principles{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pr{border-top:1px solid var(--line);padding-top:12px}.pr .k{font-size:30px;color:#4e6c45}.pr .k small{font:10px var(--f-body)}.pr p{font-size:11px;line-height:1.8}.refmini{font-size:10px;line-height:1.8}.head h2{font-size:28px;font-weight:500;letter-spacing:-.8px}.head p{font-size:12px!important;max-width:68ch;line-height:1.8}#calc,#rank,#refs{border-top:1px solid var(--line)}.calc{grid-template-columns:340px 1fr}.cf.card{background:#edf0e5}form.cf select,form.cf input{background:#fffefa;border-color:#d4dccb;border-radius:4px;font-size:13px;padding:10px}form.cf label{font-size:11px}.btn{border-radius:4px;padding:8px 14px}.exbody{padding-left:14px}.day{border:1px solid var(--line);border-radius:9px;padding:21px;background:#eeefe4;margin-bottom:13px}.day h3{font-size:15px}.day li{font-size:12px;line-height:1.9}.rrow .nm{font-size:13px}.rrow .no{color:#95a58b}.rrow .hits{padding-bottom:6px}.hit{font-size:10px}.refs{gap:12px}.ref{padding:16px;background:#fffefa;border:1px solid var(--line);border-radius:6px}.ref .ci{font-size:11px}footer{padding:28px 0 35px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);line-height:1.9}.footer-brand{display:flex;justify-content:space-between;gap:15px;font:20px var(--f-display);color:var(--ink);margin-bottom:16px}.footer-brand span{font:9px var(--f-mono);letter-spacing:1px;align-self:center}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:var(--ink);color:white;padding:10px}.skip-link:focus{top:10px}.calc-photo{width:100%;height:125px;object-fit:cover;border-radius:6px;grid-column:1/-1}.calc-photo-caption{grid-column:1/-1;font-size:9px;color:var(--muted);margin:-8px 0 3px}
@media(min-width:1400px){body{padding-left:40px;padding-right:40px}}
@media(max-width:960px){.hero-copy{width:65%;padding:40px 30px}.hero{min-height:470px}.atlas{grid-template-columns:.9fr 1.1fr;gap:16px}.reglist{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:17px}.regbtn{min-height:80px}.calc{grid-template-columns:300px 1fr}}
@media(max-width:760px){header.top{padding:17px 0;gap:17px}.brand{font-size:20px}.brand small{font-size:8px}.jump{width:100%;justify-content:space-between;gap:0!important}.jump a{padding:5px 7px!important;font-size:11px!important}.hero{min-height:490px}.hero-image{object-position:62% center}.hero-copy{width:100%;min-height:490px;padding:28px 22px;background:linear-gradient(90deg,#f3f1e7ed,#f3f1e7bf 42%,#f3f1e722 75%)}.hero h1{font-size:37px;line-height:1.35;letter-spacing:-1px;margin:28px 0 19px}.hero p{font-size:12px}.hero .eyebrow{font-size:9px}.hero-caption{font-size:8px;max-width:190px;gap:5px}.hero-cta{margin-bottom:28px;font-size:12px;padding:10px 15px;gap:26px}.journey{gap:12px;padding:19px 0}.journey a{grid-template-columns:1fr;gap:3px;border:0}.journey span{grid-row:auto;font-size:13px}.journey strong{font-size:12px}.journey small{grid-column:auto;font-size:9px}.journey b{display:none}section{padding-block:30px}.section-intro{display:block}.section-intro h2,.head h2{font-size:24px}.section-intro p{font-size:11px;margin-top:10px}.section-intro p br{display:none}.atlas,.calc,.rank{grid-template-columns:1fr}.stage{position:relative;top:0;padding:15px}svg#body{height:440px}.reglist{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:18px}.regbtn{padding:10px 7px;gap:5px;grid-template-columns:22px 1fr}.regbtn img{width:22px}.regbtn strong{font-size:12px}.regbtn>span{font-size:8px}.regbtn strong small{font-size:8px}.footer-brand span{max-width:150px;font-size:8px}.atlas-legend{font-size:9px}.calc-photo{height:170px}.eyebrow{font-size:9px}.refmini{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.regbtn:hover{transform:none}}

/* Detailed muscle illustration: layered satin, fascicles and connective tissue. */
.hero-image{object-position:center top}.brand small{white-space:nowrap}
svg#body .skin{fill:url(#skin-satin);stroke:#a3b29f;stroke-width:.45}
svg#body .mus{fill:url(#muscle-satin);stroke:#f6ede0;stroke-width:.65;stroke-linejoin:round}
svg#body .mus:hover{fill:url(#muscle-focus);filter:none}
svg#body.zoomed .mus{fill:#deded2}
svg#body.zoomed .mus.in{fill:url(#muscle-satin)}
svg#body.zoomed .mus.in:hover,svg#body .mus.sel{fill:url(#muscle-focus)!important}
.anatomy-fibers{pointer-events:none;opacity:.62}
.fiber-light{fill:none;stroke:#fbe4d3;stroke-width:.32;stroke-linecap:round}
.fiber-contour{fill:none;stroke:#6d443821;stroke-width:1.8}
.connective-tissue{fill:none;stroke:#f8ead9;stroke-width:1.15;stroke-linecap:round}
.muscle-division{fill:none;stroke:#7e51484d;stroke-width:.6}
.anatomy-structure{fill:none;stroke:#63775c;stroke-width:.45;opacity:.55;stroke-linecap:round}
.anatomy-tendon{fill:#e9e8db;stroke:#9cae96;stroke-width:.5}
.anatomy-note{text-align:center;font-size:10px;color:var(--muted);letter-spacing:.3px;margin:9px 0 4px}
.atlas-legend span:first-child i{background:#c9877e}
.stage{background:radial-gradient(ellipse at 50% 38%,#fbf9ef,#ecefe3)}

/* V5: anatomically shaped fascicles, rounded volume and fine connective edges. */
svg#body .mus{fill:url(#muscle-volume);stroke:#f7e8d8;stroke-width:.45}
svg#body.zoomed .mus.in{fill:url(#muscle-volume)}
.fiber-light{stroke:#ffe8cd;stroke-width:.22;opacity:.8}
.fiber-shadow{fill:none;stroke:#74392d;stroke-width:.35;opacity:.32}
.fiber-contour{stroke:#62392b35;stroke-width:1.25}
.muscle-highlight{fill:none;stroke:#fff0d6;stroke-width:.9;opacity:.25;stroke-linecap:round}
.anatomy-fibers{opacity:.68}.connective-tissue{stroke-width:.65}
svg#body{height:610px}.stage{padding:20px 22px}.anatomy-note{font-size:10px}
@media(max-width:760px){svg#body{height:470px}.stage{padding:14px}}