/* Shared finishing layer. Keep layout, focus and diagram coordinates in their owning files.
   Radius scale: controls 8px, grouped content 12px, dialogs 16px.
   Light study-paper theme also serves the printable worksheets. */
@font-face{font-family:Outfit;font-style:normal;font-weight:400 700;font-display:swap;src:url('assets/fonts/outfit-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Outfit;font-style:normal;font-weight:400 700;font-display:swap;src:url('assets/fonts/outfit-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--font-ui:Outfit,system-ui,-apple-system,'Segoe UI',sans-serif;color-scheme:light}
body,body.studio{font-family:var(--font-ui)}
body.studio:has(.auth-gate[open])>main{visibility:hidden}
body :is(h1,h2,h3,h4,button,input,select,textarea,summary,label,p,a,span,small,strong,dt,dd,li,td,th,legend,figcaption){font-family:var(--font-ui)!important}
body :is(h1,h2,h3){text-wrap:balance;font-weight:600;letter-spacing:-.035em}
body p{ text-wrap:pretty;max-width:65ch}
body :is(button,.button){transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease,transform 160ms ease}
body :is(button,.button):active:not(:disabled){transform:translateY(1px)}
body :is(input,textarea)::placeholder{color:#61736e;opacity:1}
body :is(progress,output,.timer,.dashboard-stats strong,.question-top){font-variant-numeric:tabular-nums}
body :is(dialog,.plate,.atlas-figure,.photo img){scroll-margin-block:24px}
body dialog::backdrop{backdrop-filter:none}
body.studio .brand-home,body .atlas-brand,body .legal-brand,body .brand{font-weight:600;letter-spacing:-.04em}
body.studio .app-nav button[aria-current=page]::before{content:none}
body.studio .dashboard-top{margin-bottom:20px}
body.studio .dashboard-top h1{font-size:clamp(30px,3vw,40px);font-weight:600}
body.studio .studio-hero{border:0;border-radius:12px;background:var(--surface);min-height:330px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
body.studio .studio-hero-copy{padding:36px}
body.studio .studio-hero h2{font-size:clamp(34px,4vw,52px)!important;font-weight:600;line-height:1.1!important;margin:12px 0 16px}
body.studio .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
body.studio .hero-actions button{margin:0}
body.studio .hero-secondary{background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:4px}
body.studio .hero-specimen{min-height:0;margin:0;padding:20px;background:var(--soft);border-radius:0 12px 12px 0;gap:12px}
body.studio .specimen-deck{height:272px;perspective:none}
body.studio .specimen-back{display:none}
body.studio .specimen-front{inset:0;border:0;background:var(--soft);box-shadow:none;border-radius:0;transform:none!important}
body.studio .specimen-front img{padding:0 16px;mix-blend-mode:multiply}
body.studio .specimen-front figcaption{border:0;padding:8px 0;color:var(--ink)}
body.studio .specimen-browse{justify-content:flex-end;gap:12px;font-size:14px}
body.studio .specimen-browse button{border:1px solid var(--control);border-radius:8px}
body.studio .dashboard-stats{border-bottom:0;margin:24px 0 40px}
body.studio .dashboard-stats article{padding:20px 24px 0}
body.studio .dashboard-stats strong{font-weight:600}
body.studio .region-grid{gap:24px 20px;grid-template-columns:repeat(3,minmax(0,1fr))}
body.studio .region-card{border:1px solid #cbd6cd!important;border-radius:16px!important;background:var(--surface)!important;box-shadow:0 3px 12px #173c3708!important;overflow:hidden;padding:0;text-align:left}
body.studio .region-art{height:205px;border-radius:15px 15px 0 0;background:#e9ede6}
body.studio .region-copy{padding:18px 20px 20px}
body.studio .region-copy strong{font-size:21px;font-weight:600}
body.studio .region-copy>small{font-size:14px}
body.studio .region-card:hover:not(:disabled){background:var(--surface)!important;transform:translateY(-4px)!important;box-shadow:0 12px 28px #173c3714!important;border-color:#829f90!important}
body.studio .region-art{transform:none}
@media(max-width:700px){body.studio .location-viewbar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}body.studio .location-viewbar button{min-height:44px;padding-inline:6px;font-size:14px;grid-column:span 2}body.studio .location-viewbar button:nth-child(-n+2){grid-column:span 3}body.studio .location-viewbar output{min-width:0;grid-column:span 2}}
body.studio .region-card:hover .region-art{background:#dce7df}
body.studio .region-card:focus-visible{outline-offset:5px}
body.studio .category-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}
body.studio .category-filters button{min-height:44px;padding:10px 18px;border:1px solid var(--control);background:var(--surface);color:var(--ink);border-radius:10px;font-size:16px}
body.studio .category-filters button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white}
body.studio .category-group{margin-bottom:36px}
body.studio .category-group>h3{font-size:26px;margin:0 0 18px;letter-spacing:-.025em}
body.studio .region-copy>small{flex-wrap:wrap;gap:5px 12px}
body.studio .region-art img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply;padding:12px}
body.studio .study-feature,body.studio .study-feature:last-child{border:1px solid #cbd6cd;border-radius:16px;background:var(--surface);padding:24px;box-shadow:0 3px 12px #173c3708}
body.studio .studio-hero{border:1px solid #cbd6cd;box-shadow:0 4px 18px #173c3708}
body.studio .specimen-back{display:block;border:1px solid #bbcec0;border-radius:12px;box-shadow:0 4px 10px #173c3710}
body.studio .specimen-front{inset:20px 24px 0 0;border:1px solid #cbd6cd;border-radius:12px;background:var(--surface);box-shadow:0 8px 20px #173c3710}
body.studio .specimen-front figcaption{height:54px;border-top:1px solid var(--line);padding:6px 14px;background:var(--surface)}
body.studio .specimen-front figcaption small{display:block;font-size:12px;line-height:16px;color:var(--muted)}
body.studio .study-bottom{margin-top:40px;gap:20px;border:0}
body.studio .study-feature,body.studio .study-feature:last-child{background:var(--surface);border:1px solid #cbd6cd;border-radius:16px;padding:24px;grid-column:auto;box-shadow:0 3px 12px #173c3708}
body.studio .study-feature h3{font-size:23px;margin-bottom:8px}
body.studio .study-feature p{margin-top:0}
body.studio .study-feature button{margin:6px 6px 0 0}
body.studio .psk-home{border:0;border-radius:12px;background:#e4ede5;margin-bottom:24px;padding:18px 24px}
body.studio .psk-home h2{font-size:24px;margin:4px 0}
body.studio .psk-home p{font-size:15px}
body.studio :is(.atlas-card,.answer-card,.answer-panel){box-shadow:none}
body.studio .tool-grid{gap:0 24px}
body.studio .tool-card{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:22px 8px;gap:8px;background:transparent}
body.studio .tool-card>strong{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600;font-size:23px}
body.studio .tool-card>strong::after{content:'→';font-weight:400;color:var(--blue)}
body.studio .tool-card>span:not(.tool-number){grid-column:1;font-size:16px}
body.studio .tool-card .tool-number,body.studio .tool-card .tool-open{display:none}
body.studio .tools-header p:empty{display:none}
body.studio .tools-breadcrumb{align-items:center;gap:8px}
body .settings-kicker{display:none}
body .settings-dialog.settings-dialog h2{font-weight:600}
body .settings-row small{max-width:45ch}
body .settings-dialog.settings-dialog{border-color:#b6c4bb}
body .psk-intro h1{font-size:clamp(34px,5vw,54px);max-width:18ch;font-weight:600}
body .psk-intro>p:not(.eyebrow){max-width:55ch}
body .psk-header nav{gap:8px 16px;align-items:center}
body .psk-header nav a{font-weight:500}
body .psk-header .brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;white-space:nowrap}
body .psk-header .brand-mark{width:25px;height:32px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body .psk-header>a:not(.brand){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #81958c;border-radius:8px;text-decoration:none}
body .psk-header nav button{padding:8px 14px;min-height:44px}
body #checklistTitle,body #sheetTitle{font-weight:600}
body .checklist progress{height:5px;margin-top:8px;display:block}
body .checklist li{padding-block:24px}
body .checklist h3{font-size:21px;line-height:1.35}
body .fact-grid{gap:24px 32px}
body .fact h4{font-size:20px;font-weight:600}
body .fact dt{margin-bottom:3px;font-weight:600}
body .photo img{height:auto;aspect-ratio:auto}
body .photo figcaption{display:grid;gap:6px;font-size:14px}
body .photo .photo-view{color:var(--ink);font-weight:500}
body .photo .photo-credit{border:0;background:transparent;margin:0}
body .photo .photo-credit summary{min-height:44px;padding:8px 0;font-size:14px;font-weight:400;text-decoration:underline;text-underline-offset:3px}
body .photo .photo-credit p{padding:0;font-size:14px;margin:0;line-height:1.6}
body .atlas-heading{display:block;margin-bottom:20px}
body .atlas-heading>p{margin-top:10px;font-size:16px}
body .atlas-heading>p br{display:none}
body .atlas-heading .eyebrow{display:none}
body .atlas-heading h1{font-size:clamp(30px,3vw,40px);font-weight:600}
body .atlas-header{min-height:72px;padding-block:14px}
body .atlas-header nav a{font-size:15px}
body .model-stage{background:#eef2eb}
body .legal h1{font-weight:600}
body.utility-page{min-height:100dvh;display:flex;flex-direction:column}
body.utility-page main{width:100%;flex:1}
body.utility-page footer a{display:inline-flex;align-items:center;min-height:44px;margin-inline:6px}
body.studio.legal-page>main.legal{border:0;border-radius:0;background:transparent;padding-top:16px}
body.studio .legal-navigation{background:transparent}
body.studio .legal h2{font-weight:600}
@media(min-width:801px){body.studio .app-nav{align-items:center}body.studio .app-nav :is(button,.anatomy-nav-link){white-space:nowrap}body.studio .hero-actions button{white-space:nowrap}}
@media(max-width:800px){
 body.studio .studio-hero{grid-template-columns:minmax(0,1fr)}
 body.studio .studio-hero-copy{padding:24px}
 body.studio .studio-hero h2{font-size:36px!important}
 body.studio .hero-actions{margin-top:16px}
 body.studio .hero-specimen{border-radius:0 0 12px 12px;margin:0;padding:16px 20px;grid-template-columns:112px minmax(0,1fr)}
 body.studio .specimen-deck{height:150px;width:112px}
 body.studio .specimen-front img{padding:0}
 body.studio .specimen-front figcaption{left:152px;right:20px;top:20px;padding:0}
 body.studio .dashboard-stats{margin:20px 0 28px}
 body.studio .dashboard-stats article{padding:14px 10px 0}
 body.studio .region-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
 body.studio .region-art{height:160px}
 body.studio .region-copy strong{font-size:20px}
 body.studio .region-copy{padding:16px}
 body.studio .region-copy>small{font-size:14px}
 body.studio .specimen-back{display:none}
 body.studio .specimen-front{inset:0;border:0;background:transparent;box-shadow:none;border-radius:0}
 body.studio .specimen-front figcaption{height:auto;background:transparent;border:0}
 body.studio .study-bottom{grid-template-columns:1fr;margin-top:28px}
 body.studio .psk-home{padding:18px 20px;gap:12px}
 body.studio .psk-home h2{font-size:22px}
 body.studio .tool-grid{grid-template-columns:1fr}
 body.studio .tool-card{padding:20px 4px}
}
@media(max-width:600px){body .psk-header nav{gap:4px 14px;font-size:16px}body .psk-header{gap:4px}body .psk-header nav button{border-color:transparent;background:transparent;padding-inline:0}body .psk-intro h1{font-size:36px}body .checklist li{padding-block:20px}body .fact-grid{grid-template-columns:minmax(0,1fr)}body .photo img{max-height:360px}body .atlas-header{padding-block:10px}body .atlas-header nav{gap:0}body .atlas-header nav a{padding-inline:10px}}
@media(max-width:360px){body.studio .studio-hero-copy{padding:20px}body.studio .hero-specimen{grid-template-columns:88px minmax(0,1fr);padding:14px}body.studio .specimen-deck{width:88px;height:144px}body.studio .specimen-front figcaption{left:118px;right:14px;top:16px}body.studio .region-art{height:140px}}
@media(max-width:540px){body.studio .region-grid{grid-template-columns:minmax(0,1fr)}body.studio .region-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:stretch;min-height:150px}body.studio .region-art{height:auto;min-height:150px;border-radius:15px 0 0 15px}body.studio .region-art img{position:static;min-height:150px;padding:10px}body.studio .region-copy strong{font-size:21px}body.studio .region-view{font-size:14px;line-height:1.4}body.studio .category-filters button{flex:1;padding-inline:12px}body.studio .category-group>h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){body *,body *::before,body *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Keep the phone shortcut away from the controls used during practice. */
body.studio:is([data-screen=lab],[data-screen=atlas],[data-screen=answers])>.site-study-dock{display:none}
body.studio:has(.auth-gate[open])>.site-study-dock{display:none}
@media(max-width:800px){body.studio .exercise{min-height:440px;grid-template-rows:minmax(220px,.55fr) minmax(180px,.45fr)}}
@media print{body,body.studio{background:white}body.studio.legal-page>main.legal{padding:0}body .photo-credit summary{display:none}body .photo-credit p{display:block}}
/* Colour is optional and always paired with a name in the study guide. */
.atlas-art.coloured-art{filter:none}
@media(max-width:800px){body.studio .atlas-figure .atlas-art{height:auto;max-height:none}}
.muscle-colour-control{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}
.muscle-colour-toggle{display:inline-flex;align-items:center;gap:9px;min-height:44px}
.muscle-colour-toggle[aria-pressed="true"]{background:#e8f2ef;border-color:var(--accent);color:var(--accent)}
.colour-mode-icon{width:17px;height:17px;display:inline-block;border-radius:50%;background:conic-gradient(#ef8376 0 25%,#f3cf4d 25% 50%,#56b796 50% 75%,#8f77d6 75%);border:1px solid #48675e}
.muscle-colour-error{font-size:.9rem;color:var(--muted)}
.muscle-colour-key{margin:16px 0;border-top:1px solid var(--line);padding-top:12px}
.muscle-colour-key summary{cursor:pointer;min-height:44px;font-weight:600;display:list-item;align-content:center}
.muscle-colour-key p{font-size:.9rem;color:var(--muted);margin:6px 0 12px}
.muscle-colour-key ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:8px 18px;list-style:none;padding:0;margin:0}
.muscle-colour-key li{display:flex;align-items:center;gap:9px;font-size:.95rem;line-height:1.5}
.muscle-swatch{flex:none;width:18px;height:18px;border-radius:4px;background:var(--muscle-ink);border:1px solid #52655f}
.atlas-zoom .coloured-art{filter:none}
@media print{.muscle-colour-toggle{display:none}.muscle-colour-key{break-inside:avoid}.muscle-swatch{print-color-adjust:exact;-webkit-print-color-adjust:exact}}