/* Let content wrap inside its own panel, never widen the page. */
main,main section,.grid,.card,.body,.bottom,.page-head,.actions,.sat-settings,.sat-transport,.sat-tools,.sat-time-controls{min-width:0}
main h1,main h2,main h3,main p,.source,.bottom,.sat-caption,.sat-source,.sat-readout,.sat-workbench summary,.sat-overlays legend,.sat-overlay-choice,.rad-status,.rad-warnings{overflow-wrap:anywhere}
.page-head,.hourly-heading,.radar-panel-head,.sat-heading{flex-wrap:wrap}
.actions{flex-wrap:wrap}
.sat-workbench select,.sat-workbench input:not([type=checkbox]),.weather-search-menu,.weather-menu-input{min-width:0;max-width:100%}
.sat-workbench select{text-overflow:ellipsis}
.sat-transport label,.sat-tools label,.sat-time-controls label{min-width:0;max-width:100%}
.sat-workbench button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.sat-workbench input[type=checkbox]{flex:0 0 auto}
.sat-transport input[type=range]{min-width:60px}
.sat-layer img{max-width:none}
.rad-site-map svg{display:block;max-width:100%;height:auto}
.sat-overlays legend{max-width:100%}
.shortcuts a{max-width:100%;overflow-wrap:anywhere}
.hourly-panel,.hourly-track,#extended{min-width:0}
.hourly-hour{min-width:0;overflow-wrap:anywhere}
.card img.resource-preview{display:block;max-width:100%;object-fit:contain}
@media(min-width:1101px){
 .sat-workbench>.sat-time-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sat-workbench .sat-overlays{grid-template-columns:minmax(0,1fr)}
 .sat-workbench .sat-tools,.sat-workbench .sat-transport{gap:8px}
}
@media(max-width:700px){
 .brand{font-size:16px;white-space:normal;padding-inline:36px}
 .clocks{font-size:20px;gap:24px}
 .page-head{gap:12px}
 .page-head .actions{margin-left:auto}
 .sat-heading{gap:10px}
 .sat-workbench .sat-settings,.cod-radar .sat-settings{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sat-workbench .sat-settings label:nth-child(3){grid-column:1/-1}
 .sat-time-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .sat-time-controls .weather-search-menu{width:100%}
 .sat-time-controls select{width:100%}
 .sat-transport label:has(.weather-search-menu),.sat-tools label:has(.weather-search-menu){max-width:100%}
 .dashboard-current .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sat-overlays{grid-template-columns:minmax(0,1fr)}
 footer{overflow-wrap:anywhere}
}
@media(max-width:380px){.grid{grid-template-columns:minmax(0,1fr)}.clocks{font-size:18px;gap:18px}.sat-time-controls{grid-template-columns:minmax(0,1fr)}}