/* Give the model its own viewport; controls no longer cover its left side. */
#brain-explorer .brain-stage{display:grid;grid-template-columns:185px minmax(0,1fr) 64px;grid-template-rows:430px auto;gap:12px;height:auto!important;min-height:0!important;align-items:center}
#brain-explorer #brain-canvas{position:relative!important;inset:auto!important;grid-column:2;grid-row:1;width:100%;height:100%;min-width:0}
#brain-explorer .brain-mode-controls{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:12px;align-self:center;min-width:0}
#brain-explorer .brain-mode-controls .eeg-technology{position:static!important;inset:auto!important;transform:none;display:flex;width:100%;min-height:56px;gap:10px;padding:4px;text-align:left}
#brain-explorer .eeg-icon{width:40px;height:40px;flex:0 0 40px;box-shadow:none}
#brain-explorer .eeg-button-copy{min-width:0;gap:3px}
#brain-explorer .eeg-button-copy strong{font-size:15px;letter-spacing:0}
#brain-explorer .eeg-button-copy small{font-size:12px;line-height:1.4}
#brain-explorer .eeg-switch{display:none}
#brain-explorer .eeg-technology[aria-pressed=true]{background:#dceeed;border-radius:10px}
#brain-explorer .explode-control{position:static!important;inset:auto!important;grid-column:3;grid-row:1;width:64px;height:280px;align-self:center}
#brain-explorer .explode-control label{font-size:12px}
#brain-explorer .brain-mode-details{grid-column:1/-1;grid-row:2;display:grid;gap:12px;min-width:0}
#brain-explorer .brain-mode-details:has(> [hidden]):not(:has(> :not([hidden]))){display:none}
#brain-explorer .brain-mode-details .eeg-caption,#brain-explorer .brain-mode-details .tms-caption,#brain-explorer .brain-mode-details .fnirs-caption{position:static!important;inset:auto!important;width:auto!important;max-width:none!important;margin:0;padding:16px;text-align:left;pointer-events:auto;background:#edf5f7;border-radius:8px;box-sizing:border-box}
#brain-explorer .brain-mode-details [hidden]{display:none!important}
#brain-explorer .brain-mode-details p{font-size:16px;line-height:1.6}
#brain-explorer .brain-mode-details small,#brain-explorer .brain-mode-details button,#brain-explorer .brain-technology-link{font-size:14px;line-height:1.5}
#brain-explorer .brain-mode-details button{min-height:44px}
#brain-explorer .brain-loading{inset:0 76px 0 197px}
#brain-explorer .brain-tools button{min-width:44px;min-height:44px}
#brain-explorer .brain-toolbar{padding-left:0}
#brain-explorer .brain-instructions{font-size:14px}
#brain-explorer .region-picker button{font-size:14px;min-height:40px}
#brain-explorer.enlarged{overflow:auto;overscroll-behavior:contain}
#brain-explorer.enlarged .brain-stage{flex:none;grid-template-rows:minmax(360px,55dvh) auto;margin:0 24px}
#brain-explorer .brain-view-buttons{position:relative;inset:auto;grid-column:2;grid-row:3;justify-content:center;flex-wrap:wrap}
#brain-explorer{container-type:inline-size}
@container(max-width:620px){
 #brain-explorer .brain-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 340px auto auto;gap:16px}
 #brain-explorer .brain-mode-controls{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #brain-explorer .brain-mode-controls .eeg-technology{border:1px solid #cbdee2;border-radius:10px;padding:8px;min-height:64px}
 #brain-explorer #brain-canvas{grid-column:1;grid-row:2}
 #brain-explorer .explode-control{grid-column:1;grid-row:3;display:grid;grid-template-columns:auto minmax(0,1fr) 42px;gap:12px;height:auto;width:100%;padding:4px}
 #brain-explorer .explode-control label{font-size:14px}
 #brain-explorer .explode-control output{grid-column:3;grid-row:1;font-size:14px}
 #brain-explorer .explode-control .range-end{display:none}
 #brain-explorer .explode-control input{grid-column:2;grid-row:1;writing-mode:horizontal-tb;direction:ltr;width:100%;height:44px;min-height:44px;background:linear-gradient(transparent 20px,#b4d2d7 20px,#b4d2d7 23px,transparent 23px);cursor:ew-resize}
 #brain-explorer .explode-control input::-webkit-slider-thumb{width:22px;height:22px}
 #brain-explorer .explode-control input::-moz-range-thumb{width:20px;height:20px}
 #brain-explorer .brain-mode-details{grid-column:1;grid-row:5}
 #brain-explorer .brain-view-buttons{grid-column:1;grid-row:4}
 #brain-explorer .brain-loading{inset:220px 0 90px}
 #brain-explorer.enlarged .brain-stage{grid-template-rows:auto minmax(280px,44dvh) auto auto;margin:0 12px}
}
@media(max-width:600px){
 .hero{padding-left:5%;padding-right:5%}
 .hero h1{font-size:clamp(32px,9vw,43px);overflow-wrap:break-word}
 #brain-explorer .brain-toolbar{align-items:flex-start;padding:0 0 16px}
 #brain-explorer .brain-toolbar strong{font-size:14px}
 #brain-explorer .brain-tools{flex-shrink:0;gap:0}
 #brain-explorer .eeg-icon{width:30px;height:30px;flex-basis:30px}
 #brain-explorer .eeg-icon svg{width:22px;height:22px}
 #brain-explorer .eeg-button-copy strong{font-size:14px}
 #brain-explorer .eeg-button-copy small{font-size:12px}
 #brain-explorer .brain-mode-controls .eeg-technology{gap:7px}
 #brain-explorer .brain-info{margin:16px 0;max-width:100%;min-height:0}
 #brain-explorer .brain-info p{font-size:16px}
 .brand-pair{gap:16px;flex-wrap:wrap}
 .equipment-grid>* ,.multimodal-section>* ,.complementary>* ,.field-photo>*{min-width:0}
 .equipment-card .button,.cardiology-gateway .button{white-space:normal;text-align:left}
 .section-heading{flex-wrap:wrap;gap:20px}
 .contact-actions,.contact-actions a{max-width:100%;overflow-wrap:anywhere}
 header nav.open{max-height:calc(100dvh - 84px);overflow-y:auto}
 header nav a{min-height:44px;display:flex;align-items:center}
 .menu{min-width:44px;min-height:44px}
}
#brain-explorer .brain-view-buttons button{min-height:44px;min-width:44px;font-size:14px}
#brain-explorer .electrode-tooltip{max-width:calc(100% - 16px);box-sizing:border-box}