.brain-explorer .visual{height:calc(100dvh - 188px);min-height:590px;max-height:1000px}.brain-explorer .stage{min-height:350px}.brain-explorer .view-badge{max-width:calc(100% - 36px);font-size:10px;z-index:2}.brain-explorer .load-state{z-index:4}.brain-explorer .view-tools{padding-top:5px}.brain-explorer .view-tools>div{flex-wrap:wrap;justify-content:center}.brain-callouts{position:absolute;inset:58px 14px 50px;pointer-events:none;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:18px;align-items:start}.brain-callout{pointer-events:auto;display:flex;align-items:center;gap:6px;max-width:155px;padding:7px 9px;min-height:38px;background:#faf6efe5;border:1px solid var(--line);font-size:10px;line-height:1.3;text-align:left;box-shadow:0 3px 10px #1021390a}.brain-callout[data-side=right]{justify-self:end}.brain-callout:nth-child(n+3){align-self:end}.brain-callout i{width:7px;height:7px;flex:none;border-radius:50%;background:var(--region-color)}.brain-callout.is-selected{border-color:var(--region-color);background:var(--paper-2)}.brain-callout-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.brain-callout-lines path{fill:none;stroke:#10213955;stroke-width:1}.brain-callout-lines circle{stroke:var(--paper);stroke-width:1}.brain-callouts{z-index:2}.brain-orientation{position:absolute;left:calc(50% - 36px);bottom:0;width:72px;height:72px;pointer-events:none;color:var(--muted)}.brain-anatomy-controls{display:flex;justify-content:center;align-items:center;gap:20px;padding:12px 18px 6px;font-size:10px;color:var(--muted)}.brain-anatomy-controls label{display:flex;align-items:center;gap:8px;min-width:0}.brain-anatomy-controls select{font:inherit;min-height:38px;max-width:100%;padding:5px 8px;border:1px solid var(--line);border-radius:7px;color:var(--navy);background:var(--paper)}.brain-anatomy-controls input{width:95px;accent-color:var(--gold);min-height:38px}.brain-evidence{font-size:11px;color:var(--gold-ink);line-height:1.65;margin:20px 0 12px}.hpa-sequence{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;padding:15px 10px;margin-top:20px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);font-size:11px;line-height:1.5;text-align:center}.hpa-sequence small{color:var(--gold-ink)}.hpa-sequence b{font-weight:400;color:var(--gold-ink)}.hpa-sequence p{grid-column:1/-1;margin:8px 0 0;color:var(--muted);font-size:10px;line-height:1.6}.brain-explorer .selection button{font-size:11px}.brain-explorer .selection{gap:7px}.brain-explorer .insight{min-height:125px}@media (min-width:1400px){.brain-callout{font-size:11px;max-width:185px}}@media (max-width:760px){.brain-explorer .visual{height:auto;min-height:0;max-height:none}.brain-explorer .stage{height:clamp(330px,49dvh,480px);min-height:0}.brain-callouts{inset:47px 9px 35px;gap:10px}.brain-callout{font-size:9px;max-width:130px;min-height:44px;padding:6px 7px}.brain-anatomy-controls{gap:12px;flex-wrap:wrap;padding:8px 12px}.brain-anatomy-controls input{width:80px}.brain-explorer .view-tools{padding-inline:12px}.brain-explorer .view-tools button{font-size:11px;padding:8px 10px}.brain-explorer .reading-copy{padding-top:22px}.brain-explorer .view-tools p{font-size:10px}.brain-orientation{font-size:9px}.brain-explorer .insight{min-height:0}}@media (prefers-reduced-motion:reduce){.brain-callout{transition:none}}