/* Phone layout: let text and controls use their own space. */
@media(max-width:600px){
 .rack,.rack .unit,.tuner-screen-group,.display-copy,.deck{min-width:0}
 .turntable.photo-1210{margin-bottom:66px}
 .photo-1210 .vinyl-volume{left:4%;top:calc(100% + 12px);width:62%;min-height:32px;gap:8px;font-size:9px}
 .photo-1210 .vinyl-volume input{height:8px;min-width:0}
 .photo-1210 .vinyl-volume input::-webkit-slider-thumb{width:18px;height:24px;margin-top:-10px}
 .photo-1210 .vinyl-volume input::-moz-range-thumb{width:18px;height:24px}
 .photo-1210 .radio-remote-toggle{left:auto;right:4%;top:calc(100% + 10px);width:26%;min-height:36px;padding:5px 2px;font-size:7px}
 .photo-1210 .turntable-bottom{display:none}
 .rack .tuner{display:grid;grid-template-columns:minmax(0,1fr) clamp(76px,24vw,120px);gap:10px;min-height:260px;grid-template-rows:auto 1fr;align-items:start}
 .rack .tuner>.module-label{display:none}
 .rack .tuner-screen-group{grid-column:1;grid-row:1 / span 2;width:100%}
 .rack .tuner-control{grid-column:2;grid-row:1;align-self:start;justify-self:center;min-width:0;width:54px;gap:9px;padding-top:12px}
 .rack .tuner .jacket{position:relative;inset:auto;grid-column:2;grid-row:2;align-self:start;justify-self:center;transform:none;width:100%;height:auto;aspect-ratio:1;margin:0;border-width:2px}
 .rack .display-main{flex-wrap:wrap;gap:10px}
 .rack .display-copy{flex-basis:100%}
 .rack .digital-time{border:0;padding:0;width:100%;display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap}
 .rack .digital-time>span{font-size:8px}
 .rack .display-meta{white-space:normal;overflow-wrap:anywhere;line-height:1.5}
 .rack .display-top{gap:6px;flex-wrap:wrap;font-size:6px}
 .rack .seek-row{gap:5px;font-size:7px}.rack .seek-row input{min-width:0}
 .rack .time-switch-row{justify-content:center}.rack #time-switch{font-size:7px;padding:8px 5px}
 .rack .tuner-detents button{min-width:24px;min-height:28px}
 .rack .tuner-control>.small-button{font-size:5px;padding:7px 2px;max-width:54px}
 .rack .cassette{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;height:auto}
 .rack .deck+.deck{padding-top:16px;border-top:1px solid #19d8e833}
 .rack .cassette-window{height:auto;min-height:106px;padding:10px}
 .rack .tape{height:auto;min-height:82px;gap:10px;padding:10px}
 .rack .tape-label{min-width:0;max-width:100%;font-size:12px;overflow-wrap:anywhere}
 .rack .cassette .deck #deck-b-name{font-size:12px}
 .rack .cassette .reel{width:27px;height:27px}
 .rack .transport{flex-wrap:nowrap;gap:4px}.rack .transport button{min-width:0;height:36px}
 .rack .deck-b-transport{gap:6px;flex-wrap:wrap}.rack .deck-b-transport button{min-height:32px}
 .rack .deck-options{height:auto;min-height:36px;gap:6px;align-content:start}
 .rack .deck-options .small-button{font-size:8px;padding:10px 7px;min-height:36px}
 .rack .equalizer .module-label{display:none}
 .rack .eq-controls{display:grid;grid-template-columns:repeat(10,minmax(0,1fr)) minmax(32px,1.5fr);gap:4px;width:100%;min-width:0}
 .rack .eq-band{min-width:0}.rack .eq-output-band{min-width:0;padding-left:0;border-left:0}
 .rack .eq-output-band button{max-width:100%;font-size:5px;padding:5px 0}
 .rack .eq-output-band output{font-size:6px}
 .rack .catalog-toolbar>*{min-width:0}.rack .catalog-toolbar select{max-width:100%}
 .rack .shelf-handle>span:not(.shelf-icon){min-width:0}.rack .shelf-handle small{overflow-wrap:anywhere;line-height:1.6}
 .radio-remote{box-sizing:border-box;max-width:calc(100vw - 24px)}
}
/* Keep the cover below the module label in narrow desktop windows. */
@media(min-width:601px) and (max-width:900px){
 .rack .tuner .jacket{top:auto!important;bottom:18px;left:52px!important;transform:none}
}
@media(min-width:601px) and (max-width:760px){
 .rack .tuner .jacket{left:32px!important}
}