:root{--ink:#0b1a1d;--teal:#128b8e;--teal2:#74c4bf;--paper:#f3f0e9;--sand:#e9e5db;--line:rgba(11,26,29,.15);--muted:#617074;--white:#fff;--coral:#d17861}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}button,input,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:90;background:var(--ink);color:#fff;padding:1rem}.skip-link:focus{top:1rem}.site-header{min-height:80px;padding:0 max(1.2rem,4vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:.8rem;align-items:center}.brand-mark{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font:700 .7rem Manrope}.brand strong,.brand small{display:block}.brand strong{font:700 .84rem Manrope}.brand small{margin-top:.2rem;font-size:.63rem;letter-spacing:.12em;color:var(--muted)}.header-link{font-size:.78rem;font-weight:700;border-bottom:1px solid var(--teal);padding-bottom:.28rem}.hero{min-height:420px;padding:clamp(3rem,7vw,6.2rem) max(1.2rem,calc((100vw - 1260px)/2));display:grid;grid-template-columns:1.08fr .92fr;gap:4rem;align-items:end;background:var(--ink);color:#fff}.eyebrow{display:flex;gap:.65rem;align-items:center;color:var(--teal2);font-size:.65rem;font-weight:700;letter-spacing:.15em}.eyebrow>span{display:inline-block;width:28px;height:1px;background:currentColor}.hero h1{margin:1.4rem 0 0;font:800 clamp(3.1rem,7vw,6.6rem)/.94 Manrope;letter-spacing:-.075em}.hero h1 em,.atlas-top h2 em,.myth-section h2 em{font-family:Georgia,serif;font-weight:400;color:var(--teal2)}.hero-copy{max-width:490px}.hero-copy p{font-size:clamp(1.05rem,2vw,1.32rem);line-height:1.65;color:rgba(255,255,255,.75)}.hero-copy a{display:inline-flex;align-items:center;gap:.8rem;margin-top:1rem;padding:.95rem 1.15rem;border:1px solid rgba(255,255,255,.34);font-size:.8rem;font-weight:700}.atlas-shell{width:min(1280px,100%);padding:2.4rem max(1rem,3vw) 5rem;margin:auto}.education-note{margin:0 0 1.5rem;padding:1rem 1.2rem;background:#e7e4db;color:#536064;font-size:.78rem;line-height:1.55}.daily-card{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.6rem 2rem;background:#fff;border:1px solid var(--line);margin-bottom:4rem}.daily-card h2{font:700 clamp(1.5rem,3vw,2.3rem) Manrope;margin:.55rem 0}.daily-card p:not(.eyebrow){margin:.4rem 0 0;max-width:620px;color:var(--muted);line-height:1.55}.daily-card button,.dialog-confirm{border:0;background:var(--ink);color:#fff;padding:.95rem 1.1rem;font-size:.78rem;font-weight:700;white-space:nowrap}.atlas-top{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin:0 0 2rem}.atlas-top h2,.myth-section h2,.more-learning h2{font:700 clamp(2rem,4vw,3.5rem)/1.04 Manrope;letter-spacing:-.06em;margin:.6rem 0}.atlas-top h2 em,.myth-section h2 em{color:var(--teal)}.atlas-top>div:first-child>p:last-child,.myth-section>div:first-child>p:last-child{max-width:650px;color:var(--muted);line-height:1.6}.atlas-actions{display:flex;gap:.55rem;flex-wrap:wrap}.quiet-button{padding:.75rem .85rem;border:1px solid var(--line);background:transparent;font-size:.73rem;font-weight:700}.quiet-button:hover,.quiet-button:focus-visible{background:#fff;border-color:var(--teal)}.atlas-grid{display:grid;grid-template-columns:minmax(280px,.86fr) minmax(390px,1.14fr);gap:1.2rem;align-items:start}.map-panel,.library-panel{background:#fff;border:1px solid var(--line)}.map-panel{padding:1.2rem}.panel-head,.result-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center}.eyebrow-mini{font-size:.62rem;font-weight:700;letter-spacing:.13em;color:var(--teal)}.panel-head h3,.result-heading h3{margin:.45rem 0 0;font:700 1.15rem Manrope}.view-switch{display:flex;padding:3px;background:var(--paper)}.view-switch button{border:0;background:transparent;padding:.46rem .72rem;font-size:.73rem}.view-switch button[aria-pressed=true]{background:var(--ink);color:#fff}.body-map{margin:1rem auto .55rem;width:min(265px,100%);height:310px;display:grid;place-items:center;background:#f7f5ef;overflow:hidden}.body-map svg{height:100%;width:auto;max-width:100%}.body-map [data-region]{fill:#e2e6e1;stroke:#a3b6b1;stroke-width:1.2;cursor:pointer;transition:fill .2s,stroke .2s}.body-map [data-region]:hover,.body-map [data-region].selected{fill:#9dd1c9;stroke:#0f777a;stroke-width:2}.body-map .figure-line{fill:none;stroke:#778c88;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.body-map .figure-fill{fill:#ede9df;stroke:#a3b6b1;stroke-width:1.3}.body-map text{font:8px "DM Sans";fill:#516365;pointer-events:none}.region-choices{display:flex;gap:.4rem;flex-wrap:wrap}.region-choices button,.filter-row button{border:1px solid var(--line);background:transparent;padding:.45rem .6rem;font-size:.68rem}.region-choices button[aria-pressed=true],.filter-row button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.map-caption{font-size:.66rem;color:var(--muted);margin:.7rem 0 0}.library-panel{padding:1.2rem}.library-tools input{width:100%;height:46px;margin-top:.45rem;padding:0 .85rem;border:1px solid var(--line);background:#fbfaf7;outline:0}.library-tools input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(18,139,142,.12)}.search-label{font-size:.67rem;font-weight:700;letter-spacing:.05em}.filter-row{display:flex;gap:.38rem;overflow:auto;padding:.8rem 0 .3rem;scrollbar-width:thin}.filter-row button{white-space:nowrap}.result-heading{margin:1rem 0 .8rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.result-heading>span{font-size:.72rem;color:var(--muted)}.variant-list{display:grid;gap:.45rem;max-height:490px;overflow:auto;padding-right:.2rem}.variant-card{display:grid;grid-template-columns:42px 1fr 24px;gap:.7rem;align-items:center;width:100%;text-align:left;border:1px solid transparent;border-bottom-color:var(--line);background:#fbfaf7;padding:.72rem .65rem}.variant-card:hover,.variant-card:focus-visible,.variant-card[aria-current=true]{border-color:#83bdb7;background:#eff7f5;outline:0}.variant-number{font:700 .68rem Manrope;color:var(--teal)}.variant-card strong,.variant-card small{display:block}.variant-card strong{font-size:.83rem}.variant-card small{margin-top:.2rem;color:var(--muted);font-size:.67rem}.variant-card .arrow{font-size:1rem;color:var(--teal)}.empty-results{padding:1.5rem .3rem;color:var(--muted);font-size:.86rem}.progress-line{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;font-size:.68rem;color:var(--muted)}.progress-track{height:4px;flex:1;background:#e3e4df}.progress-track i{height:100%;display:block;background:var(--teal);width:0;transition:width .2s}.detail-section{margin-top:2rem;min-height:120px}.detail-empty{display:flex;gap:1rem;align-items:center;padding:1.35rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}.detail-index{font:700 .75rem Manrope;color:var(--teal)}.detail-shell{border:1px solid var(--line);background:#fff;padding:clamp(1rem,3vw,2rem)}.detail-top{display:flex;align-items:start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:1.2rem}.detail-top h2{margin:.45rem 0 .25rem;font:700 clamp(1.55rem,3vw,2.6rem)/1.1 Manrope;letter-spacing:-.05em}.latin{color:var(--muted);font:italic 1rem Georgia,serif}.detail-tools{display:flex;gap:.4rem;flex-wrap:wrap}.detail-tools button,.save-button{border:1px solid var(--line);background:transparent;padding:.58rem .7rem;font-size:.7rem}.detail-tools button:hover,.save-button:hover,.save-button[aria-pressed=true]{border-color:var(--teal);background:#eaf5f2}.compare-labels{display:grid;grid-template-columns:1fr 1fr;margin-top:1.15rem}.compare-labels span{padding:.6rem .8rem;background:#f4f3ee;font-size:.64rem;font-weight:700;letter-spacing:.08em}.compare-labels span+span{border-left:1px solid var(--line);color:#846453}.compare-stage{--split:50%;position:relative;height:270px;background:#f5f3ed;overflow:hidden;border:1px solid var(--line)}.compare-art{position:absolute;inset:0;width:100%;height:100%;padding:1rem;transition:clip-path .12s}.compare-art.common{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-art.variant{clip-path:inset(0 0 0 var(--split))}.compare-art svg{width:100%;height:100%}.compare-art .art-bg{fill:#f8f7f2}.compare-art .art-line{fill:none;stroke:#536c69;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.compare-art .art-base{fill:#e5e7df;stroke:#869a95;stroke-width:2}.compare-art .art-soft{fill:#c8dad4;stroke:#75968d;stroke-width:2}.compare-art .art-accent{fill:#76c5bc;stroke:#0a7477;stroke-width:2}.compare-art .art-ghost{fill:#f3d9c9;stroke:#bd765e;stroke-width:2}.compare-art .art-label{font:700 16px "DM Sans";fill:#17282a}.compare-art .art-small{font:12px "DM Sans";fill:#465b5c}.compare-divider{position:absolute;z-index:2;top:0;bottom:0;left:var(--split);width:2px;background:#102527;pointer-events:none}.compare-divider::after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid var(--line);font-weight:700}.compare-range{position:absolute;z-index:3;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.compare-range:focus-visible{opacity:.12;outline:3px solid var(--teal)}.figure-caption{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.55rem 0 1.1rem;color:var(--muted);font-size:.67rem}.figure-caption button{border:0;background:none;color:var(--teal);font-weight:700}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.compare-copy{padding:1rem 1.1rem;background:#f6f5f0}.compare-copy h3,.info-grid h3{margin:0 0 .55rem;font-size:.76rem;letter-spacing:.08em}.compare-copy p,.info-grid p{margin:0;color:#536064;font-size:.83rem;line-height:1.65}.difference-box{margin-top:1rem;padding:1rem 1.2rem;background:#e2f0ec;border-left:3px solid var(--teal)}.difference-box h3{margin:0 0 .4rem;font-size:.69rem;letter-spacing:.1em}.difference-box p{margin:0;font-size:.87rem;line-height:1.6}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:1rem}.info-grid article{background:#fff;padding:1rem}.info-grid h3{font-size:.64rem}.info-grid p{font-size:.76rem}.source-area{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.source-area h3{font-size:.68rem;letter-spacing:.1em}.source-list{display:flex;gap:.5rem;flex-wrap:wrap}.source-list a{padding:.5rem .65rem;border:1px solid var(--line);font-size:.68rem;color:#0a6568}.source-list a:hover{text-decoration:underline}.related-link{display:inline-flex;margin-top:.9rem;color:#0a6568;font-size:.75rem;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:.2rem}.myth-section{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin:5rem 0;padding:2.5rem;background:var(--ink);color:#fff}.myth-section h2 em{color:var(--teal2)}.myth-section>div:first-child>p:last-child{color:rgba(255,255,255,.64)}.myth-card{padding:1.3rem;background:#fff;color:var(--ink)}.myth-card>p{font:700 1.15rem/1.45 Manrope;min-height:3.4em}.myth-actions{display:flex;gap:.5rem}.myth-actions button{flex:1;border:1px solid var(--line);background:transparent;padding:.75rem;font-weight:700}.myth-actions button:hover,.myth-actions button:focus-visible{background:#eaf5f2;border-color:var(--teal)}.myth-feedback{min-height:3.4rem;margin-top:.8rem;padding:.7rem;background:#f5f3ed;color:var(--muted);font-size:.78rem;line-height:1.5}.myth-feedback.correct{background:#e2f0ec;color:#114f4c}.myth-feedback.incorrect{background:#f4e9e4;color:#734637}.text-button{margin-top:.8rem;padding:.3rem 0;border:0;border-bottom:1px solid var(--teal);background:none;color:#076d71;font-weight:700;font-size:.75rem}.more-learning{padding:1rem 0 2rem}.more-learning h2{font-size:clamp(1.8rem,3.5vw,2.8rem)}.more-learning>div{display:grid;grid-template-columns:repeat(4,1fr);margin-top:1.3rem;border-top:1px solid var(--line)}.more-learning a{display:flex;justify-content:space-between;padding:1rem .8rem 1rem 0;border-bottom:1px solid var(--line);font-size:.76rem;font-weight:700}.more-learning a span{color:var(--teal)}.site-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.4rem max(1.2rem,4vw);background:#e9e6de;font-size:.72rem;color:var(--muted)}.site-footer a{font-weight:700;color:var(--ink)}.myth-dialog{max-width:460px;border:0;padding:2rem;background:var(--paper);color:var(--ink)}.myth-dialog::backdrop{background:rgba(5,17,20,.65)}.dialog-close{position:absolute;top:.5rem;right:.7rem;border:0;background:none;font-size:1.6rem}.zoomable{transform-origin:center;transition:transform .2s}.zoomable.zoom-1{transform:scale(1.15)}.zoomable.zoom-2{transform:scale(1.3)}.zoomable.zoom-3{transform:scale(1.45)}:focus-visible{outline:3px solid #128b8e;outline-offset:2px}@media(max-width:900px){.hero{gap:2rem}.atlas-grid{grid-template-columns:minmax(240px,.8fr) minmax(340px,1.2fr)}.info-grid{grid-template-columns:1fr 1fr}.detail-columns{gap:.7rem}.more-learning>div{grid-template-columns:1fr 1fr}}@media(max-width:700px){.site-header{min-height:68px;padding:0 1rem}.brand strong{font-size:.74rem}.header-link{font-size:.68rem}.hero{min-height:auto;padding:3.3rem 1.1rem 2.7rem;grid-template-columns:1fr;gap:1.2rem}.hero h1{font-size:clamp(3rem,14vw,5rem)}.hero-copy p{font-size:1rem;margin:.2rem 0}.atlas-shell{padding:1.2rem .8rem 3rem}.education-note{font-size:.72rem;padding:.8rem}.daily-card{display:block;padding:1.15rem;margin-bottom:3rem}.daily-card button{margin-top:1rem;width:100%}.atlas-top{display:block}.atlas-actions{margin-top:1rem}.atlas-grid{grid-template-columns:1fr;gap:.8rem}.map-panel,.library-panel{padding:1rem}.body-map{height:300px}.variant-list{max-height:380px}.detail-section{margin-top:1rem}.detail-top{display:block}.detail-tools{margin-top:.9rem}.compare-stage{height:230px}.compare-labels span{font-size:.55rem;padding:.55rem .4rem}.detail-columns{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.info-grid article{padding:.8rem}.figure-caption{align-items:flex-start}.myth-section{grid-template-columns:1fr;gap:1rem;margin:3rem 0;padding:1.15rem}.myth-card{padding:1rem}.myth-card>p{font-size:1rem}.more-learning>div{grid-template-columns:1fr}.site-footer{display:block;padding:1.2rem}.site-footer span{display:block;margin-top:.5rem}}@media(max-width:360px){.hero h1{font-size:2.85rem}.atlas-actions{display:grid;grid-template-columns:1fr}.quiet-button{text-align:left}.body-map{height:275px}.compare-stage{height:205px}.panel-head h3{font-size:1rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.detective-card{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;margin:-3.6rem 0 5rem;padding:1.6rem 2rem;background:#fff;border:1px solid var(--line)}.detective-card h2{font:700 clamp(1.5rem,3vw,2.4rem) Manrope;letter-spacing:-.05em;margin:.5rem 0}.detective-card>div:first-child>p:last-child{max-width:540px;color:var(--muted);line-height:1.6}.detective-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.detective-options button{min-height:48px;border:1px solid var(--line);background:#fbfaf7;padding:.6rem;font-size:.77rem;font-weight:700}.detective-options button:hover,.detective-options button:focus-visible{border-color:var(--teal);background:#eaf5f2}.detective-options p{grid-column:1/-1;min-height:2.4em;margin:0;padding:.7rem;background:#f5f3ed;color:var(--muted);font-size:.74rem;line-height:1.5}.detective-options p.correct{background:#e2f0ec;color:#114f4c}.detective-options p.incorrect{background:#f4e9e4;color:#734637}@media(max-width:700px){.detective-card{grid-template-columns:1fr;gap:.5rem;margin:-2.6rem 0 3rem;padding:1rem}.detective-options{grid-template-columns:1fr}}

/* Atlas list view: text-first browsing replaces the schematic body and generic comparison drawings. */
.list-library{width:100%;padding:clamp(1rem,3vw,2rem)}
.list-filter-block{margin-top:1rem}
.list-filter-block>.search-label{display:block;margin-bottom:.5rem;color:var(--muted)}
.region-choices{gap:.45rem;max-height:none;overflow:visible}
.region-choices button{border:1px solid var(--line);background:#fbfaf7;padding:.48rem .7rem;font-size:.72rem;white-space:nowrap}
.region-choices button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.list-library .filter-row{flex-wrap:wrap;overflow:visible;padding:.2rem 0}
.list-library .filter-row button{padding:.48rem .7rem;background:#fbfaf7;font-size:.72rem}
.list-library .filter-row button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.variant-list{max-height:none;overflow:visible;gap:0;padding:0}
.variant-card{grid-template-columns:44px minmax(0,1fr) 82px;gap:.8rem;align-items:start;padding:1rem .7rem;background:#fff;border:0;border-bottom:1px solid var(--line);text-align:left}
.variant-card:first-child{border-top:1px solid var(--line)}
.variant-card:hover,.variant-card:focus-visible,.variant-card[aria-current="true"]{background:#f2f8f6;box-shadow:inset 3px 0 var(--teal)}
.variant-number{padding-top:.1rem;font-size:.75rem}
.variant-main{min-width:0}
.variant-card strong{font-size:.92rem;line-height:1.35}
.variant-card small{font-size:.72rem}
.variant-summary{display:block;margin-top:.5rem;color:#536064;font-size:.79rem;line-height:1.5}
.variant-card .arrow{justify-self:end;color:#0a6568;font-size:.69rem;font-weight:700;white-space:nowrap}
.text-detail{max-width:none}
.text-detail .detail-top{align-items:center}
.detail-empty{padding:1.25rem;background:#fff;border:1px solid var(--line)}
.detail-empty p{margin:0}
@media(max-width:700px){.list-library{padding:.9rem}.region-choices{flex-wrap:nowrap;overflow-x:auto;padding:.1rem .1rem .55rem;scrollbar-width:thin}.list-library .filter-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.variant-card{grid-template-columns:28px minmax(0,1fr) 58px;gap:.55rem;padding:.9rem .45rem}.variant-card strong{font-size:.84rem}.variant-card small{font-size:.67rem}.variant-summary{font-size:.75rem}.variant-card .arrow{font-size:.62rem}}

.anatomy-figure{margin:1.25rem 0 1.35rem;background:#f5f3ed;border:1px solid var(--line);overflow:hidden}
.anatomy-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.anatomy-figure figcaption{padding:.65rem .85rem;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem;line-height:1.4}
@media(max-width:480px){.anatomy-figure{margin:1rem 0}.anatomy-figure figcaption{padding:.55rem .65rem;font-size:.64rem}}
