:root{
  --paper:#f4f2ed;
  --surface:#faf9f5;
  --ink:#171918;
  --muted:#626965;
  --quiet:#8b908d;
  --line:#c9cbc7;
  --line-dark:#878d89;
  --accent:#a53028;
  --teal:#165b5c;
  --viewer:#080a09;
  --viewer-ink:#f3f3ee;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);background:var(--paper);font-family:"Avenir Next","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.7;text-wrap:pretty;word-break:auto-phrase}
button,input,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit}
.site-header{height:68px;padding:0 clamp(18px,4vw,58px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:.86rem;font-weight:700;letter-spacing:.02em;line-height:1.05}
.brand small{display:block;margin-top:5px;color:var(--quiet);font-family:"Iowan Old Style","Yu Mincho",serif;font-size:.6rem;font-weight:400;letter-spacing:.11em}
.brand-mark{width:32px;height:32px;display:grid;place-items:center;color:var(--paper);background:var(--ink);font-family:"Iowan Old Style",Georgia,serif;font-size:.68rem}
.back-link{padding-bottom:2px;color:var(--teal);border-bottom:1px solid currentColor;font-size:.78rem;font-weight:700;text-decoration:none}
main{width:min(1440px,100%);margin:auto}

/* Atlas index: a contact sheet, not a card dashboard */
.atlas-ledger{padding:0 clamp(16px,3.4vw,52px) 92px}
.atlas-masthead{min-height:350px;padding:clamp(48px,6vw,82px) 0 40px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:7vw;align-items:end;border-bottom:1px solid var(--ink)}
.atlas-masthead__label{margin:0 0 18px;color:var(--accent);font-size:.71rem;font-weight:800;letter-spacing:.12em}
.atlas-masthead h1{max-width:820px;margin:0;font-family:"Hiragino Mincho ProN","Yu Mincho","Iowan Old Style",serif;font-size:clamp(2.65rem,5.4vw,5rem);font-weight:500;line-height:1.12;letter-spacing:-.045em}
.atlas-masthead__note>p{margin:0;color:var(--muted);font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:1rem;line-height:1.95}
.atlas-counts{margin:28px 0 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.atlas-counts div{padding-top:10px}
.atlas-counts div+div{padding-left:12px;border-left:1px solid var(--line)}
.atlas-counts dt{color:var(--quiet);font-size:.65rem}
.atlas-counts dd{margin:2px 0 0;font-size:.7rem}
.atlas-counts strong{font-family:"Iowan Old Style",Georgia,serif;font-size:1.45rem;font-weight:500}
.learning-progress{margin-top:18px}
.learning-progress>div{display:flex;align-items:baseline;justify-content:space-between;color:var(--quiet);font-size:.66rem}
.learning-progress strong{color:var(--ink);font-family:"Iowan Old Style",Georgia,serif;font-size:.88rem;font-weight:500}
.learning-progress b{font-weight:500}
.learning-progress__track{height:3px;margin-top:6px;display:block;overflow:hidden;background:var(--line)}
.learning-progress__track i{height:100%;display:block;background:var(--accent);transition:width .25s ease}
.domain-navigator{padding:28px 0 22px;border-bottom:1px solid var(--ink)}
.domain-navigator__heading{margin-bottom:18px;display:flex;align-items:end;justify-content:space-between;gap:30px}
.domain-navigator__heading p{max-width:32rem;margin:0;color:var(--quiet);font-size:.68rem}
.domain-navigator__heading p strong{display:block;margin-top:4px;color:var(--ink);font-family:"Iowan Old Style",Georgia,serif;font-size:.82rem;font-weight:500}
.domain-navigator__heading>div>p{color:var(--accent);font-size:.61rem;font-weight:800;letter-spacing:.12em}
.domain-navigator__heading h2{margin:3px 0 0;font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:1.35rem;font-weight:600}
.domain-rail{display:flex;gap:1px;overflow-x:auto;scrollbar-width:thin;background:var(--line);border:1px solid var(--line)}
.domain-chip{position:relative;width:144px;min-width:144px;height:76px;padding:9px 11px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:1px 8px;color:var(--ink);background:var(--surface);border:0;text-align:left;cursor:pointer}
.domain-chip span{color:var(--accent);font-family:"Iowan Old Style",Georgia,serif;font-size:.66rem}
.domain-chip strong{grid-column:1/-1;align-self:end;font-size:.72rem;line-height:1.35}
.domain-chip small{color:var(--quiet);font-family:"Iowan Old Style",Georgia,serif}
.domain-chip:hover{background:#efede7}
.domain-chip.is-active{color:var(--surface);background:var(--ink)}
.domain-chip.is-active span,.domain-chip.is-active small{color:#d8d9d4}
.domain-chip:disabled{color:#a7aaa7;background:#efeee9;cursor:not-allowed}
.domain-chip:disabled span,.domain-chip:disabled small{color:#b8bab7}
.domain-chip--covered:after{position:absolute;right:9px;bottom:8px;width:13px;height:2px;content:"";background:var(--teal)}
.atlas-controls{position:sticky;top:0;z-index:10;padding:14px 0;display:grid;grid-template-columns:minmax(230px,1.35fr) repeat(5,minmax(112px,.55fr));gap:12px;background:rgba(244,242,237,.97);border-bottom:1px solid var(--ink);backdrop-filter:blur(8px)}
.atlas-controls label{display:grid;gap:4px}
.atlas-controls label>span{color:var(--quiet);font-size:.62rem;font-weight:800;letter-spacing:.08em}
.atlas-controls input,.atlas-controls select{width:100%;height:42px;padding:0 10px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line-dark);border-radius:0;outline:none}
.atlas-controls input:focus,.atlas-controls select:focus{border-color:var(--accent)}
.display-controls{grid-column:1/-1;display:flex;justify-content:flex-end;gap:6px}
.mode-button{height:42px;padding:0 12px;color:var(--ink);background:transparent;border:1px solid var(--line-dark);border-radius:0;cursor:pointer;white-space:nowrap}
.mode-button[aria-pressed=true]{color:var(--surface);background:var(--ink);border-color:var(--ink)}
.mode-button--quiet{color:var(--muted);border-color:transparent;border-bottom-color:var(--line-dark)}
.result-line{margin:28px 0 12px;display:flex;justify-content:space-between;color:var(--quiet);font-size:.72rem}
.result-line strong{color:var(--ink);font-family:"Iowan Old Style",Georgia,serif;font-size:1rem;font-weight:500}
.atlas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.atlas-card{position:relative;min-width:0;background:var(--surface)}
.atlas-card__main{height:100%;display:flex;flex-direction:column;text-decoration:none}
.atlas-card__image{position:relative;aspect-ratio:5/4;overflow:hidden;background:var(--viewer)}
.atlas-card__image img{width:100%;height:100%;object-fit:contain;transition:transform .35s ease,opacity .35s ease}
.atlas-card:hover .atlas-card__image img{opacity:.9;transform:scale(1.018)}
.atlas-card__placeholder{height:100%;padding:18px;display:flex;align-items:flex-end;color:#c8cdca;background:#151918;font-family:"Iowan Old Style",Georgia,serif;font-size:.78rem}
.atlas-card__age-note{position:absolute;right:0;bottom:0;padding:5px 7px;color:#fff;background:var(--accent);font-size:.57rem;font-weight:700}
.atlas-card__domain{position:absolute;left:0;top:0;padding:5px 7px;color:#e7e8e3;background:rgba(8,10,9,.84);font-size:.56rem;font-weight:700;letter-spacing:.04em}
.atlas-card__body{padding:15px 15px 44px;display:flex;flex:1;flex-direction:column}
.atlas-card__title-row{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:baseline}
.atlas-card__title-row>span{overflow:hidden;color:var(--quiet);font-size:.62rem;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.case-no{margin:0;color:var(--accent);font-family:"Iowan Old Style",Georgia,serif;font-size:.86rem}
.atlas-card h2{margin:11px 0 4px;font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:1.12rem;font-weight:600;line-height:1.45}
.atlas-card__finding{margin:0;color:var(--muted);font-size:.74rem;line-height:1.65}
.atlas-card__meta{margin:auto 0 0;padding-top:17px;display:grid;grid-template-columns:repeat(4,1fr)}
.atlas-card__meta div{min-width:0;border-top:1px solid var(--line)}
.atlas-card__meta div+div{padding-left:6px;border-left:1px solid var(--line)}
.atlas-card__meta dt{padding-top:5px;color:var(--quiet);font-size:.53rem}
.atlas-card__meta dd{margin:0;overflow:hidden;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}
.atlas-card__source{margin:12px 0 0;padding-top:8px;display:flex;justify-content:space-between;gap:8px;color:var(--quiet);border-top:1px solid var(--line);font-size:.55rem}
.atlas-card__source span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.atlas-card__source span:last-child{text-align:right}
.card-actions{position:absolute;right:13px;bottom:12px;display:flex;gap:12px;z-index:2}
.card-action{padding:0;color:var(--quiet);background:transparent;border:0;border-bottom:1px solid transparent;border-radius:0;font-size:.61rem;cursor:pointer}
.card-action:hover{color:var(--ink);border-color:currentColor}
.card-action.is-active{color:var(--accent);border-color:currentColor;font-weight:700}
.quiz-mode .atlas-card h2,.quiz-mode .atlas-card__finding{filter:blur(6px);user-select:none}
.empty-state{padding:80px 20px;text-align:center}
.atlas-footer{padding:36px clamp(20px,6vw,90px);display:flex;justify-content:space-between;gap:28px;color:var(--muted);background:#e9e7e1;border-top:1px solid var(--line);font-size:.74rem}
.atlas-footer p{margin:0}
.atlas-footer a{color:var(--teal);font-weight:700}
body.image-light{--viewer:#e7e7e2;--viewer-ink:#151817}

/* Case detail: one continuous clinical dossier */
.case-shell{width:min(1240px,100%);margin:auto;padding:28px clamp(16px,3vw,38px) 100px}
.case-breadcrumb{display:flex;align-items:center;gap:8px;color:var(--quiet);font-size:.67rem}
.case-breadcrumb a{color:var(--teal);text-decoration:none;border-bottom:1px solid currentColor}
.case-intro{min-height:170px;padding:30px 0 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;border-bottom:1px solid var(--ink)}
.case-index{margin:0 0 9px;color:var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.1em}
.case-intro h1{margin:0;font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(2.15rem,4.6vw,4.35rem);font-weight:500;line-height:1.15;letter-spacing:-.04em}
.case-stats{margin:0;display:grid;grid-template-columns:repeat(3,auto);border-top:1px solid var(--line-dark)}
.case-stats div{min-width:88px;padding:8px 10px 0}
.case-stats div+div{border-left:1px solid var(--line)}
.case-stats dt{color:var(--quiet);font-size:.57rem}
.case-stats dd{margin:1px 0 0;font-size:.7rem}
.viewer-shell{background:var(--viewer);color:var(--viewer-ink);border:1px solid var(--ink);border-top:0}
.viewer-stage{position:relative;height:min(74vh,780px);min-height:420px;overflow:hidden;touch-action:none;cursor:grab}
.viewer-stage.is-dragging{cursor:grabbing}
.viewer-canvas{position:absolute;inset:0;display:grid;place-items:center;transform-origin:center;will-change:transform}
.viewer-image{max-width:100%;max-height:100%;width:auto;height:auto;display:block;user-select:none;pointer-events:none}
.annotation-layer{position:absolute;inset:0;pointer-events:none;transition:opacity .2s}
.annotation-layer[hidden]{display:none}
.annotation{position:absolute;border:2px solid #ff584e;background:rgba(255,88,78,.08)}
.annotation--ellipse,.annotation--circle{border-radius:50%}
.annotation span{position:absolute;left:0;bottom:calc(100% + 6px);padding:3px 6px;white-space:nowrap;color:#fff;background:var(--accent);font-size:.65rem}
.external-viewer{height:100%;padding:40px;display:grid;place-items:center;text-align:center;background:#111514}
.external-viewer div{max-width:36rem}
.external-viewer__label{margin:0 0 8px;color:#d17e76;font-size:.65rem;font-weight:800;letter-spacing:.1em}
.external-viewer p{color:#b8bfbc}
.external-viewer a{display:inline-block;margin-top:14px;padding:10px 0;color:#fff;border-bottom:1px solid currentColor;text-decoration:none}
.schematic-visual{position:relative;width:min(100%,620px);aspect-ratio:16/10;margin:0 auto 22px;overflow:hidden;background:#101b20;border:1px solid #31505d;border-radius:12px}
.schematic-visual svg{width:100%;height:100%;display:block}
.schematic-visual svg>rect{fill:#101b20}
.schematic-visual svg g{fill:none;stroke:#75c5db;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.schematic-visual svg .schematic-fill{fill:#d58a56;stroke:#f0b98f}
.schematic-visual>span{position:absolute;right:10px;bottom:9px;padding:4px 8px;color:#d9f3fa;background:rgba(8,18,23,.88);border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.03em}
.schematic-visual--compact{width:100%;height:100%;aspect-ratio:auto;margin:0;border:0;border-radius:0}
.atlas-card__image>.schematic-visual span{right:8px;bottom:8px;font-size:.62rem}
.image-thumbnails .schematic-visual span{display:none}
.viewer-toolbar{min-height:58px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #343937}
.viewer-tools{display:flex;gap:5px;flex-wrap:wrap}
.viewer-tools button,.viewer-tools a{min-width:40px;height:36px;padding:0 10px;display:grid;place-items:center;color:inherit;background:transparent;border:1px solid #4a514e;border-radius:0;text-decoration:none;cursor:pointer}
.viewer-tools button:hover,.viewer-tools a:hover{background:#282d2b}
.viewer-caption{max-width:58%;margin:0;color:#b8bfbc;font-size:.7rem;text-align:right}
.source-strip{padding:14px 17px;color:#c8cdca;background:#171a19;border-top:1px solid #343937;font-size:.7rem}
.source-strip p{margin:0 0 3px}
.source-strip a{color:#a9d5d2}
.image-thumbnails{padding:10px 0;display:flex;gap:8px;overflow-x:auto;border-bottom:1px solid var(--line)}
.image-thumbnails button{position:relative;width:92px;min-width:92px;height:72px;padding:0;overflow:hidden;color:#d8ddda;background:#202523;border:1px solid #3d4541;border-radius:0;cursor:pointer}
.image-thumbnails button[aria-pressed=true]{border:2px solid var(--accent)}
.image-thumbnails img{width:100%;height:100%;object-fit:contain}
.image-thumbnails button>span{height:100%;display:grid;place-items:center;font-size:.68rem}
.image-thumbnails small{position:absolute;right:3px;bottom:3px;padding:1px 4px;color:#fff;background:#080a09;font-size:.55rem}
.image-compare{padding:16px;background:#111412;border-top:1px solid #343937}
.image-compare>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.image-compare figure{margin:0;min-width:0;background:#090b0a}
.image-compare img,.image-compare__external{width:100%;height:360px;object-fit:contain}
.image-compare__external{display:grid;place-items:center}
.image-compare__external .schematic-visual{width:min(100%,520px);margin:0}
.image-compare__external a{color:#a9d5d2}
.image-compare figcaption{padding:9px 10px;color:#f5f3ee;font-size:.68rem}
.image-compare figcaption span{display:block;margin-top:3px;color:#aeb5b1}
.observation-workbench{margin-top:28px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);background:var(--ink);color:#e7e8e3;border:1px solid var(--ink)}
.observation-workbench__guide{padding:25px 28px}
.observation-label{margin:0;color:#d8867f;font-size:.6rem;font-weight:800;letter-spacing:.13em}
.observation-workbench h2{margin:3px 0 18px;font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:1.7rem;font-weight:500}
.observation-workbench ol{margin:0;padding:0;display:grid;list-style:none;border-top:1px solid #424744}
.observation-workbench li{border-bottom:1px solid #424744}
.observation-workbench label{display:block;cursor:pointer}
.observation-workbench input{position:absolute;opacity:0;pointer-events:none}
.observation-workbench label>span{padding:11px 0;display:grid;grid-template-columns:30px 130px 1fr;gap:10px;align-items:baseline}
.observation-workbench label b{color:#d8867f;font-family:"Iowan Old Style",Georgia,serif;font-size:.7rem;font-weight:500}
.observation-workbench label strong{font-size:.75rem}
.observation-workbench label small{color:#aeb5b1;font-size:.68rem}
.observation-workbench input:checked+span{opacity:.5}
.observation-workbench input:checked+span strong{text-decoration:line-through}
.observation-workbench input:focus-visible+span{outline:3px solid #8fd6ec;outline-offset:4px}
.observation-notes{padding:25px 28px;display:flex;flex-direction:column;background:#202422;border-left:1px solid #424744}
.observation-notes>label{color:#c7cdca;font-size:.68rem;font-weight:700}
.observation-notes textarea{width:100%;min-height:150px;margin:9px 0 12px;padding:11px;color:#f5f3ee;background:#111412;border:1px solid #4d5551;border-radius:0;resize:vertical;outline:none}
.observation-notes textarea:focus{border-color:#d8867f}
.observation-notes>div{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8f9893;font-size:.62rem}
.observation-notes [data-note-status].is-error{color:#ffb3ad;font-weight:700}
.observation-notes button{padding:5px 0;color:#f5f3ee;background:transparent;border:0;border-bottom:1px solid #d8867f;cursor:pointer}
.case-summary{padding:26px 0;display:grid;grid-template-columns:1fr auto;gap:24px;border-bottom:1px solid var(--ink)}
.case-summary>p{max-width:53rem;margin:0;font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:1.05rem;line-height:1.9}
.case-state{display:flex;gap:12px;align-items:start}
.case-state button{padding:5px 0;color:var(--muted);background:transparent;border:0;border-bottom:1px solid var(--line-dark);border-radius:0;cursor:pointer}
.case-state button.is-active{color:var(--accent);border-color:var(--accent);font-weight:700}
.answer-panel{margin-top:38px;padding:0;background:var(--surface);border-top:4px solid var(--accent);border-bottom:1px solid var(--ink);scroll-margin-top:90px}
.answer-panel__heading{padding:20px 0 18px;display:flex;align-items:end;justify-content:space-between;gap:18px}
.answer-panel__heading h2{margin:2px 0 0;font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(1.45rem,2.7vw,2rem);font-weight:500}
.answer-label,.answer-kicker{margin:0;color:var(--accent);font-size:.63rem;font-weight:800;letter-spacing:.1em}
.answer-panel__heading button{min-height:40px;padding:0 12px;color:var(--ink);background:transparent;border:1px solid var(--line-dark);border-radius:0;cursor:pointer}
.answer-panel__prompt{padding:25px 0;border-top:1px solid var(--line)}
.answer-panel__prompt p{margin:0;color:var(--muted)}
.answer-panel__content{padding:26px 0 30px;border-top:1px solid var(--line)}
.answer-panel__content h3{margin:4px 0 12px;font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(2rem,4vw,3.35rem);font-weight:500;letter-spacing:-.03em}
.answer-panel__content h3 sup{margin-left:6px;color:var(--teal);font-family:inherit;font-size:.4em}
.answer-explanation{max-width:56rem;margin:0;color:var(--muted);font-size:.98rem}
.reasoning-path{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.reasoning-path>div{padding:18px 18px 18px 0}
.reasoning-path>div+div{padding-left:18px;border-left:1px solid var(--line)}
.reasoning-path span{display:block;color:var(--accent);font-family:"Iowan Old Style",Georgia,serif;font-size:.68rem}
.reasoning-path strong{display:block;margin:4px 0;font-size:.76rem}
.reasoning-path p{margin:0;color:var(--muted);font-size:.76rem}
.answer-sources{margin-top:27px}
.answer-sources h4{margin:0 0 10px;font-size:.77rem}
.clinical-references{margin:0;padding:0;display:grid;gap:9px;list-style:none}
.clinical-references li{display:grid;grid-template-columns:28px 1fr;gap:8px;color:var(--muted);font-size:.72rem}
.clinical-references li>span{color:var(--teal);font-family:"Iowan Old Style",Georgia,serif}
.clinical-references a{color:var(--teal);font-weight:700}
.clinical-references p{margin:2px 0 0;color:var(--quiet);font-size:.65rem}
.case-dossier{margin-top:42px;display:grid;grid-template-columns:repeat(12,1fr);background:var(--line);border:1px solid var(--line);gap:1px}
.study-section{padding:22px;background:var(--paper)}
.study-section header{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:baseline;margin-bottom:14px}
.study-section header span{color:var(--accent);font-family:"Iowan Old Style",Georgia,serif;font-size:.76rem}
.study-section h2{margin:0;font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:1.05rem;font-weight:600}
.study-section__body p{margin:0}
.study-section__body ul{margin:0;padding-left:1.15rem}
.study-section__body li+li{margin-top:5px}
.study-section--wide{grid-column:span 12}
.study-section--half{grid-column:span 6}
.study-section--third{grid-column:span 4}
.differential-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px}
.differential-item{padding:10px 0;border-top:1px solid var(--line)}
.differential-item strong{display:block;color:var(--teal)}
.differential-item span{color:var(--muted)}
.source-details{margin-top:2px;border-top:1px solid var(--line)}
.source-details summary{padding:14px 0;color:var(--teal);font-weight:700;cursor:pointer}
.source-table{display:grid;grid-template-columns:160px 1fr;font-size:.78rem}
.source-table dt,.source-table dd{margin:0;padding:7px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}
.source-table dt{color:var(--quiet)}
.case-nav{margin-top:28px;padding-top:18px;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--ink)}
.case-nav a{width:min(46%,360px);padding:10px 0;color:var(--teal);border-top:1px solid currentColor;text-decoration:none}
.case-nav a:last-child{text-align:right}
.case-nav a span{display:block;color:var(--quiet);font-size:.61rem}
.case-nav a strong{display:inline-block;margin-top:3px;font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:.9rem}
.error-box,.loading{padding:80px 20px;text-align:center}

@media(max-width:1100px){
  .atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .atlas-controls{grid-template-columns:repeat(2,1fr)}
  .search-box{grid-column:1/-1}
}
@media(max-width:900px){
  .atlas-masthead{grid-template-columns:1fr;gap:34px}
  .atlas-masthead__note{max-width:620px}
  .atlas-controls{grid-template-columns:1fr 1fr}
  .search-box{grid-column:1/-1}
  .display-controls{grid-column:1/-1}
  .atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .study-section--third{grid-column:span 6}
}
@media(max-width:760px){
  .site-header{height:62px;padding:0 15px}
  .brand{font-size:.78rem}
  .brand small{font-size:.52rem}
  .back-link{font-size:.68rem}
  .atlas-ledger{padding:0 12px 58px}
  .atlas-masthead{min-height:0;padding:40px 3px 30px;gap:25px}
  .atlas-masthead__label{margin-bottom:12px}
  .atlas-masthead h1{font-size:clamp(2.25rem,10vw,3.3rem)}
  .atlas-masthead__note>p{font-size:.92rem}
  .atlas-counts{margin-top:20px}
  .atlas-counts{grid-template-columns:repeat(2,1fr)}
  .atlas-counts div:nth-child(3){padding-left:0;border-left:0}
  .atlas-controls{position:static;padding:14px 3px;grid-template-columns:1fr 1fr;gap:12px 8px}
  .domain-navigator__heading{align-items:flex-start;flex-direction:column;gap:7px}
  .domain-chip{width:126px;min-width:126px;height:70px}
  .search-box{grid-column:1/-1}
  .display-controls{grid-column:1/-1}
  .display-controls .mode-button{flex:1}
  .atlas-grid{grid-template-columns:1fr}
  .atlas-card__image{aspect-ratio:16/10}
  .atlas-card__body{padding:15px 15px 43px}
  .result-line{margin-top:20px}
  .atlas-footer{display:block}
  .atlas-footer a{display:block;margin-top:12px}
  .case-shell{padding:12px 12px 70px}
  .case-intro{min-height:0;padding:24px 3px 18px;grid-template-columns:1fr;gap:18px}
  .case-intro h1{font-size:2.4rem}
  .case-stats{grid-template-columns:repeat(3,1fr)}
  .case-stats div{min-width:0;padding-left:7px}
  .viewer-stage{height:56vh;min-height:330px}
  .viewer-toolbar{align-items:flex-start;flex-direction:column}
  .image-compare>div{grid-template-columns:1fr}
  .image-compare img,.image-compare__external{height:44vh;min-height:280px}
  .viewer-caption{max-width:100%;text-align:left}
  .observation-workbench{grid-template-columns:1fr}
  .observation-workbench__guide,.observation-notes{padding:22px 18px}
  .observation-workbench label>span{grid-template-columns:28px 1fr}
  .observation-workbench label small{grid-column:2}
  .observation-notes{border-top:1px solid #424744;border-left:0}
  .case-summary{grid-template-columns:1fr}
  .answer-panel{margin-top:28px}
  .answer-panel__heading{align-items:flex-start;flex-direction:column}
  .answer-panel__heading button{width:100%}
  .reasoning-path{grid-template-columns:1fr}
  .reasoning-path>div{padding:14px 0}
  .reasoning-path>div+div{padding-left:0;border-top:1px solid var(--line);border-left:0}
  .case-dossier{margin-top:28px}
  .study-section--wide,.study-section--half,.study-section--third{grid-column:span 12}
  .differential-list{grid-template-columns:1fr}
  .source-table{grid-template-columns:1fr}
  .source-table dt{padding-bottom:0}
  .source-table dd{padding-top:2px;border-top:0}
}
@media(max-width:420px){
  .brand-mark{width:29px;height:29px}
  .atlas-masthead h1{font-size:2.18rem}
  .atlas-counts div+div{padding-left:8px}
  .atlas-controls{grid-template-columns:1fr}
  .search-box,.display-controls{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important}
}
.load-more-row{margin:28px 0 8px;padding:18px 0;display:flex;align-items:center;justify-content:center;gap:24px;border-top:1px solid var(--line)}
.load-more-row p{margin:0;color:var(--quiet);font-size:.72rem}
.load-more-row button{min-height:42px;padding:0 18px;color:var(--ink);background:var(--surface);border:1px solid var(--line-dark);border-radius:0;cursor:pointer}
.load-more-row button:hover{color:var(--surface);background:var(--ink)}
@media(max-width:760px){
  .load-more-row{align-items:stretch;flex-direction:column;gap:10px;text-align:center}
}

/* Visual Study Notes compatibility layer */
:root{
  --paper:#fff;
  --surface:#fff;
  --ink:#1b1b1d;
  --muted:#6b7378;
  --quiet:#626c72;
  --line:#e2e6e8;
  --line-dark:#b8c1c5;
  --accent:#0b7da3;
  --teal:#075f7e;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --paper:#0f1418;
  --surface:#161c22;
  --ink:#e6e8ea;
  --muted:#9aa3a8;
  --quiet:#8c969c;
  --line:#2b3238;
  --line-dark:#55616a;
  --accent:#40b4d8;
  --teal:#8fd6ec;
}
body{background:var(--paper);font-family:-apple-system,"Hiragino Sans","Noto Sans JP",sans-serif;font-size:17px;line-height:1.8}
.storage-warning{position:sticky;top:0;z-index:1000;padding:10px 16px;color:#fff;background:#9f2f2a;font-size:.78rem;text-align:center}
.site-header{height:64px;padding:0 clamp(16px,4vw,42px);background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(8px)}
.brand{font-size:.82rem}
.brand small{margin-top:3px;font-family:inherit;font-size:.55rem;letter-spacing:.09em}
.brand-mark{width:34px;height:34px;color:#fff;background:var(--accent);border-radius:9px;font-family:inherit;font-weight:800}
.header-actions{display:flex;align-items:center;gap:12px}
#site-theme-toggle{width:38px;height:38px;display:grid;place-items:center;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;cursor:pointer}
.back-link{color:var(--teal);border:0;font-size:.74rem}
main{width:min(1240px,100%)}
.atlas-ledger{padding:0 clamp(14px,3vw,36px) 80px}
.atlas-masthead{min-height:290px;padding:52px 0 34px;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:6vw;border-color:var(--line)}
.atlas-masthead__label{margin-bottom:12px;color:var(--muted);font-size:.68rem}
.atlas-masthead h1{max-width:660px;font-family:inherit;font-size:clamp(2.25rem,4.6vw,4.1rem);font-weight:750;line-height:1.16;letter-spacing:-.04em}
.atlas-masthead__note>p{font-family:inherit;font-size:.92rem;line-height:1.8}
.atlas-counts strong,.learning-progress strong,.result-line strong,.case-no{font-family:inherit;font-weight:750}
.learning-progress__track{height:6px;background:var(--line);border-radius:999px}
.learning-progress__track i{background:var(--accent);border-radius:999px}
.domain-navigator{padding:26px 0;border-color:var(--line)}
.domain-navigator__heading h2{font-family:inherit;font-size:1.28rem}
.domain-rail{gap:8px;padding:2px;background:transparent;border:0}
.domain-chip{width:150px;min-width:150px;height:76px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.domain-chip:hover{background:color-mix(in srgb,var(--accent) 7%,var(--surface));border-color:var(--accent)}
.domain-chip.is-active{color:#fff;background:var(--accent);border-color:var(--accent)}
.domain-chip:disabled{color:var(--quiet);background:var(--surface);opacity:.58}
.domain-chip--covered:after{right:10px;bottom:8px;width:18px;height:3px;background:var(--accent);border-radius:999px}
.domain-chip.is-active:after{background:#fff}
.atlas-controls{top:0;margin:18px 0 0;padding:14px;grid-template-columns:minmax(220px,1.35fr) repeat(5,minmax(108px,.55fr));background:color-mix(in srgb,var(--paper) 94%,transparent);border:1px solid var(--line);border-radius:16px}
.atlas-controls input,.atlas-controls select{padding:0 12px;background:var(--surface);border:1px solid var(--line);border-radius:11px}
.atlas-controls input:focus,.atlas-controls select:focus{border-color:var(--accent);outline:3px solid color-mix(in srgb,var(--accent) 18%,transparent)}
.mode-button{padding:0 15px;background:var(--surface);border-color:var(--line);border-radius:999px;font-size:.76rem;font-weight:700}
.mode-button[aria-pressed=true]{color:#fff;background:var(--accent);border-color:var(--accent)}
.mode-button--focus{color:var(--teal);border-color:var(--accent)}
.mode-button--quiet{color:var(--muted);border-color:var(--line)}
.atlas-grid{gap:14px;background:transparent;border:0}
.atlas-card{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.atlas-card.is-mastered-away{opacity:0;transform:translateY(8px) scale(.98);transition:opacity .2s ease,transform .2s ease}
.atlas-card__age-note,.atlas-card__domain,.atlas-card__meta dt,.atlas-card__meta dd,
.atlas-card__source,.case-breadcrumb,.case-index,.case-stats dt,.case-stats dd,
.viewer-caption,.source-strip,.observation-label,.observation-workbench label small,
.observation-notes>label,.observation-notes>div{font-size:.72rem}
.atlas-card__image{aspect-ratio:16/11}
.atlas-card__body{padding:16px 16px 58px}
.atlas-card h2{font-family:inherit;font-size:1.08rem;font-weight:750}
.atlas-card__finding{font-size:.76rem}
.atlas-card__domain{left:8px;top:8px;padding:4px 8px;background:rgba(15,20,24,.86);border-radius:999px}
.atlas-card__age-note{right:8px;bottom:8px;border-radius:999px;background:#b91c1c}
.card-actions{left:13px;right:13px;bottom:12px;align-items:center;justify-content:space-between;gap:8px}
.mastery-seg{display:inline-flex;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:999px}
.mastery-seg button{min-height:32px;padding:0 9px;color:var(--muted);background:transparent;border:0;border-radius:0;font-size:.66rem;font-weight:700;cursor:pointer}
.mastery-seg button+button{border-left:1px solid var(--line)}
.mastery-seg button.is-active{color:#fff;background:var(--accent)}
.mastery-seg button[data-mastery="shaky"].is-active,.mastery-seg button[data-case-mastery="shaky"].is-active{background:#d97706}
.card-action--save{margin-left:auto;padding:4px 8px;border:1px solid var(--line);border-radius:999px}
.card-action--save.is-active{color:var(--teal);border-color:var(--teal)}
.load-more-row button{background:var(--surface);border-color:var(--line);border-radius:999px;font-weight:700}
.load-more-row button:hover{color:#fff;background:var(--accent)}
.atlas-footer{background:color-mix(in srgb,var(--paper) 92%,var(--line))}
.case-shell{width:min(1120px,100%)}
.case-intro{border-color:var(--line)}
.case-intro h1{font-family:inherit;font-weight:750}
.case-breadcrumb a,.atlas-footer a,.source-details summary{color:var(--teal)}
.viewer-shell{overflow:hidden;border-radius:14px}
.viewer-tools button,.viewer-tools a{border-radius:8px}
.image-thumbnails button{border-radius:9px}
.observation-workbench{overflow:hidden;border-radius:14px}
.case-summary{border-radius:14px}
.case-state{align-items:center}
.case-state>button{padding:5px 10px;border:1px solid var(--line);border-radius:999px}
.answer-panel{border-top:4px solid var(--accent);border-radius:14px}
.answer-panel__heading h2,.answer-panel__content h3{font-family:inherit;font-weight:750}
.answer-panel__heading button{border-color:var(--line);border-radius:999px}
.study-section{border-radius:12px}
.study-section header h2{font-family:inherit}
.case-nav a{border-radius:12px}
@media(max-width:900px){
  .atlas-masthead{min-height:0;grid-template-columns:1fr;gap:28px}
  .atlas-masthead h1{max-width:620px;font-size:clamp(2.2rem,8vw,3.4rem)}
  .atlas-masthead__note{max-width:640px}
  .atlas-controls{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .site-header{padding:0 13px}
  .header-actions{gap:7px}
  #site-theme-toggle{width:34px;height:34px}
  .atlas-masthead{padding-top:42px}
  .atlas-controls{border-radius:14px}
  .atlas-card{border-radius:12px}
}
@media(max-width:480px){
  .atlas-ledger{padding-right:14px;padding-left:14px}
  .atlas-masthead>*,.atlas-controls>*{min-width:0}
  .atlas-masthead h1{font-size:clamp(1.85rem,9vw,2.15rem);word-break:keep-all;overflow-wrap:normal}
  .atlas-controls{grid-template-columns:minmax(0,1fr)}
  .search-box,.display-controls{grid-column:1}
  .atlas-controls input,.atlas-controls select{width:100%;min-width:0}
  .display-controls{align-items:stretch;flex-direction:column}
  .display-controls .mode-button{width:100%;min-height:42px}
  .case-nav a{min-width:0}
  .case-nav a strong{max-width:100%;overflow-wrap:anywhere}
  .external-viewer{padding:22px 16px}
  .external-viewer h2{font-size:1.45rem;line-height:1.35}
}

/* Flash review: one image, one decision */
.flash-review{width:min(920px,100%);margin:auto;padding:0 clamp(14px,4vw,38px) 80px}
.flash-review__intro{padding:clamp(34px,6vw,64px) 0 24px;display:flex;align-items:end;justify-content:space-between;gap:48px}
.flash-review__intro h1{margin:0;font-size:clamp(2.3rem,6vw,4.4rem);line-height:1;letter-spacing:-.055em}
.flash-review__intro>div>p:last-child{max-width:31rem;margin:18px 0 0;color:var(--muted);font-size:.9rem;line-height:1.8}
.flash-progress{width:210px;flex:0 0 auto}
.flash-progress>p{margin:0 0 8px;display:flex;align-items:baseline;gap:7px}
.flash-progress>p strong{font-size:2.4rem;line-height:1}
.flash-progress>p span,.flash-progress>div{color:var(--quiet);font-size:.72rem}
.flash-progress>div{display:flex;justify-content:space-between}
.flash-progress b{color:var(--ink)}
.flash-stage{min-height:560px}
.flash-card{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:18px}
.flash-card__visual{position:relative;height:min(55vh,520px);min-height:320px;display:grid;place-items:center;overflow:hidden;background:var(--viewer)}
.flash-card__visual>img{width:100%;height:100%;object-fit:contain}
.flash-card__visual>.schematic-visual{width:100%;height:100%}
.flash-card__counter{position:absolute;top:14px;right:14px;padding:6px 10px;color:#f5f6f5;background:rgba(13,17,16,.78);border-radius:999px;font-size:.68rem;font-weight:750}
.flash-card__content{padding:22px 24px 24px}
.flash-card__prompt{margin:0;color:var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.12em}
.flash-card:not(.is-revealed) .flash-card__prompt{color:var(--ink);font-size:clamp(1.2rem,3vw,1.55rem);letter-spacing:0}
.flash-card__answer{margin-top:8px}
.flash-card__answer h2{margin:0;font-size:clamp(1.7rem,4vw,2.45rem);line-height:1.25;letter-spacing:-.035em}
.flash-card__answer p{margin:9px 0 0;color:var(--muted);line-height:1.7}
.flash-card__answer small{display:block;margin-top:9px;color:var(--quiet)}
.flash-card__reveal{width:100%;min-height:54px;margin-top:18px;color:#fff;background:var(--accent);border:0;border-radius:12px;font-size:.96rem;font-weight:800;cursor:pointer}
.flash-card__actions{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.flash-card__actions button{min-height:56px;border-radius:12px;font-size:.92rem;font-weight:800;cursor:pointer}
.flash-card__actions button:first-child{color:#a34b00;background:#fff7ed;border:1px solid #fdba74}
.flash-card__actions button:last-child{color:#fff;background:var(--teal);border:1px solid var(--teal)}
.flash-card__detail{margin-top:14px;display:block;color:var(--teal);font-size:.76rem;text-align:center;text-decoration:none}
.flash-complete{padding:100px 24px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:18px}
.flash-complete>span{width:52px;height:52px;margin:auto;display:grid;place-items:center;color:#fff;background:var(--teal);border-radius:50%;font-size:1.4rem}
.flash-complete h2{margin:18px 0 6px;font-size:1.8rem}
.flash-complete p{margin:0;color:var(--muted)}
.flash-complete button{min-height:46px;margin-top:28px;padding:0 18px;color:var(--teal);background:transparent;border:1px solid var(--teal);border-radius:999px;font-weight:750;cursor:pointer}
@media(max-width:640px){
  .flash-review__intro{padding-top:28px;align-items:stretch;flex-direction:column;gap:22px}
  .flash-review__intro h1{font-size:2.35rem}
  .flash-review__intro>div>p:last-child{margin-top:12px;font-size:.82rem}
  .flash-progress{width:100%}
  .flash-progress>p strong{font-size:2rem}
  .flash-card__visual{height:42vh;min-height:280px}
  .flash-card__content{padding:18px 16px 20px}
  .flash-card__actions button{min-height:58px}
  .atlas-footer{padding:28px 16px;flex-direction:column}
}