/* One instrument, three layers: controls, RF surface, and a resizable detail desk. */
body:has(#page-global:not([hidden])){overflow:hidden}
body:has(#page-global:not([hidden])) .main-content{padding:6px 12px 8px}
#page-global.observatory-workbench{height:calc(100dvh - 54px);min-height:0;--desk-height:220px}
#page-global .workbench-metrics{flex-basis:23px;gap:24px}
#page-global .workbench-toolbar{min-height:42px;padding:4px 8px;gap:8px;flex-wrap:nowrap;border-radius:9px 9px 0 0}
#page-global .workbench-views{display:none}
#page-global .workbench-tools{order:0;flex-basis:auto;border:0;padding:0;display:flex;justify-content:start;gap:2px}
#page-global .workbench-tools button{flex:0 0 auto;min-height:31px;padding:6px 9px}
#page-global .workbench-reception{display:flex!important;min-height:38px;flex:0 0 auto;padding:4px 12px;margin:0}
#workbench-frequency{font-size:20px;min-width:165px}
#page-global .survey-ribbon{display:flex;flex:0 0 auto;align-items:end;gap:8px;padding:7px 12px;background:#11221f;border-inline:1px solid #395044;flex-wrap:nowrap}
#page-global .survey-ribbon label{font-size:9px;letter-spacing:.25px;margin:0;min-width:0;color:#9bb9b2}
#page-global .survey-ribbon label:first-child{width:210px;flex:1;max-width:300px}
#page-global .survey-ribbon input,#page-global .survey-ribbon select{width:100%;min-width:0;height:29px;font-size:11px;padding:5px 8px;margin:3px 0 0}
#page-global .survey-ribbon input{max-width:120px}
#page-global .survey-ribbon .button{min-height:29px;padding:6px 12px;font-size:10px}
#global-apply{background:#b2eac5;color:#163424;border-color:#b2eac5}
#page-global>#global-scan-status{padding:3px 12px;flex:0 0 20px;background:#11221f;border:1px solid #395044;border-top:0;border-radius:0 0 8px 8px;font:9px var(--mono);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px}
#page-global #global-workspace,#page-global.pane-closed #global-workspace{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 8px var(--desk-height);gap:0;min-height:0}
#page-global.pane-closed #global-workspace{grid-template-rows:minmax(0,1fr)}
#page-global.pane-closed .workspace-divider,#page-global.pane-closed .signal-inspector{display:none!important}
#page-global #global-plots{grid-column:1;grid-row:1;min-height:0;border-radius:7px}
#page-global.observatory-workbench .panorama-instrument,#page-global.observatory-workbench .waterfall-instrument{display:flex!important;min-height:0}
#page-global .panorama-instrument{flex:1.35}
#page-global .waterfall-instrument{flex:1}
#page-global .panadapter-toolbar{padding:3px 10px;min-height:31px}
#page-global .scan-navigator{padding:3px 28px 5px;flex:0 0 40px;min-height:40px;box-sizing:border-box}
#page-global .navigator-caption{display:flex;justify-content:space-between;font:8px var(--mono);color:#91b8ad;letter-spacing:.2px;margin:0 0 4px}
#page-global .navigator-caption>span:first-child{font-size:0}
#page-global .navigator-caption>span:first-child:after{content:'SURVEY RANGE';font-size:8px}
#page-global .navigator-track{height:19px;background:#0a1418;border-color:#2a4b43;overflow:visible;touch-action:none}
#global-survey-window{position:absolute;inset-block:0;border:1px solid #72bba1;background:#335e4c55;border-radius:3px;pointer-events:none}
#global-survey-window>span{position:absolute;left:9px;top:4px;font:7px var(--mono);letter-spacing:1px;color:#7ec4ac}
#global-survey-window.editing{border-color:#edd295;background:#d6bd7040}
#page-global #global-navigator-window{top:6px;height:7px;background:#b9dbe5a8;border:0;min-width:4px;pointer-events:none;z-index:1}
#global-navigator-window>span{display:none}
.survey-edge{position:absolute;top:-3px;bottom:-3px;width:26px;padding:0;border:1px solid #93d9b7;border-radius:4px;background:#233f34;color:#d7f7e4;font-size:12px;pointer-events:auto;cursor:ew-resize;touch-action:none;z-index:3}
.survey-edge.start{left:-13px}.survey-edge.end{right:-13px}.survey-edge:disabled{opacity:.45;cursor:default}.survey-edge:focus-visible{outline:2px solid #edd295;outline-offset:2px}
#page-global .scanner-strip{min-height:21px;padding:3px 10px}
#page-global .spectrum-stage,#page-global .spectrum-stage #global-canvas{min-height:150px}
#page-global #global-hover{display:none}
#page-global .workbench-waterfall-surface,#page-global .workbench-waterfall-surface #global-waterfall{min-height:80px}
#page-global .waterfall-instrument>.panel-heading{min-height:27px;padding:3px 12px}
#page-global .waterfall-instrument>.panel-footer{min-height:16px;padding:2px 12px}
.workspace-divider{grid-row:2;display:flex;justify-content:center;align-items:center;cursor:ns-resize;touch-action:none;outline-offset:-1px}
.workspace-divider span{height:3px;width:52px;background:#4b7263;border-radius:4px}
.workspace-divider:hover span,.workspace-divider:focus-visible span{background:#b5e5cd}
#page-global .signal-inspector{grid-column:1;grid-row:3;position:relative!important;inset:auto!important;width:auto!important;transform:none!important;height:100%;max-height:none!important;min-height:0;box-shadow:none;z-index:1;display:flex;border-radius:8px;background:#101d1b}
#page-global .signal-inspector>.panel-heading{min-height:26px;padding:3px 12px;background:#152820}
#page-global .signal-inspector>.panel-heading .panel-title{font:10px var(--mono);color:#91b9a4}
#page-global .signal-inspector>.panel-heading .tag{font-size:8px;padding:2px 5px}
.workspace-tabs{display:flex;flex:0 0 36px;align-items:stretch;gap:3px;padding:3px 5px 0;overflow:auto;scrollbar-width:thin;background:linear-gradient(110deg,#1a3028,#111f20);border-bottom:1px solid #405c4f;min-width:0}
#workspace-job-tabs{display:contents}.workspace-tabs-spacer{flex:1;min-width:10px}
.workspace-tabs button{flex:0 0 auto;display:flex;align-items:center;gap:6px;white-space:nowrap;color:#92b1a7;background:transparent;border:1px solid transparent;border-bottom:0;border-radius:5px 5px 0 0;padding:5px 12px;font-size:11px;cursor:pointer}
.workspace-tabs button[aria-selected=true]{background:#28463a;color:#e3f7ec;border-color:#527a65;box-shadow:inset 0 2px #aedec3}
.workspace-tabs small{font:9px var(--mono);color:#94b8aa}.workspace-tabs button>span{font:9px var(--mono);color:#b5dfc9}
.session-state{display:inline-block;flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#e1b76c;margin-right:4px}.session-state.live{background:#92e3b0;box-shadow:0 0 7px #92e3b044}.session-state.ended{background:#718b84}
.session-overview{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:22px;padding:12px 16px}
.session-heading{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:10px}.session-heading h3{margin:0;font-size:12px;color:#cde7d9}.session-heading>span{font:9px var(--mono);color:#82a89a}
.session-heading .button{font-size:10px;padding:4px 8px;min-height:25px}
.session-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}
.session-card{text-align:left;min-width:0;padding:11px 13px;border:1px solid #365b4c;border-radius:7px;background:linear-gradient(125deg,#20392c,#142822);color:#cee5d7;display:block}
article.session-card{padding:0;overflow:hidden}
.session-card>header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:2px 4px 0 13px}
.session-card>header>span{font:8px var(--mono);text-transform:uppercase;letter-spacing:.5px;color:#99c3aa}
.session-card-open,.session-card-body{display:block;width:100%;box-sizing:border-box;padding:0 13px 12px;text-align:left;color:inherit}
button.session-card-open{border:0;border-radius:0;background:transparent;cursor:pointer;font:inherit}
button.session-card-open:hover{background:#2a4837}
button.session-close{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:36px;min-height:36px;padding:4px 9px;border:1px solid transparent;border-radius:5px;background:transparent;color:#aed0bb;font-size:23px;line-height:1;cursor:pointer}
button.session-close:hover:not(:disabled){color:#ffe4df;background:#633c37;border-color:#a86a5e}
button.session-close:focus-visible,button.session-card-open:focus-visible{outline:2px solid #e7cd94;outline-offset:-2px}
button.session-close:disabled{cursor:wait;opacity:.6}.session-closing{font:10px var(--mono)}
@media(max-width:900px){button.session-close{min-width:44px;min-height:44px}}
.session-card>span{font:8px var(--mono);text-transform:uppercase;letter-spacing:.5px;color:#99c3aa}.session-card strong{display:block;font-size:15px;margin:7px 0}.session-card strong small{font:12px var(--mono);font-weight:400;margin-left:5px}.session-card p{font-size:10px;color:#9db8aa;line-height:1.5;margin:6px 0;overflow-wrap:anywhere}.session-card footer{display:flex;justify-content:space-between;gap:8px;font:8px var(--mono);color:#789f8a;margin-top:8px}.session-card footer b{color:#a7d9b8;font-weight:400}
.session-empty{border:1px dashed #3b5a4d;border-radius:7px;padding:17px;color:#c8e3d3;font-size:13px}.session-empty p{font-size:11px;line-height:1.6;color:#8eb29f}.session-empty .button{font-size:10px;padding:7px 10px;min-height:28px}
.session-observations>div{padding:9px 0;border-bottom:1px solid #294237;font-size:11px}.session-observations>div>span{display:block;font:9px var(--mono);margin:6px 0 0 12px;color:#89ad98}.session-observations>p{font-size:11px;line-height:1.8;color:#8fb29e}
#workbench-pane-job{padding:12px 16px}.session-job-header{display:flex;justify-content:space-between;gap:16px}.session-job-header h3{font:19px var(--mono);margin:6px 0}.session-job-header p{font:10px var(--mono);color:#93b4a3;margin:0 0 10px;overflow-wrap:anywhere}.session-job-header .eyebrow{font-size:8px}.session-job-header>div:last-child{display:flex;gap:7px;align-items:start}.session-job-header .button{font-size:10px;padding:7px 10px;min-height:28px}
.session-raw{font-size:11px;margin:12px 0}.session-raw pre{font:10px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:#8dac9c;max-height:250px;overflow:auto}
#page-global .workbench-pane{min-width:0;overflow:auto;overscroll-behavior:contain}
#workbench-pane-signals{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:12px;padding:12px}
#workbench-pane-signals>#signal-scanner{grid-column:1/-1;grid-row:1}
#workbench-pane-signals .scanner-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px}
#workbench-pane-signals .scanner-candidate{margin:0}
#workbench-pane-signals>.sensor-watch,#workbench-pane-signals>.lora-watch{margin:0}
#workbench-pane-tune #investigation-content{display:grid;grid-template-columns:1fr 1fr;align-content:start}
#workbench-pane-tune #investigation-content[hidden]{display:none}
#workbench-pane-tune .investigation-summary{grid-column:1/-1;padding:8px 14px;display:flex;align-items:center;gap:20px}
#workbench-pane-tune .investigation-summary .tuned-frequency{font-size:24px}
#workbench-pane-decode{display:grid;grid-template-columns:1fr 1fr;align-content:start}
#workbench-pane-decode .workbench-pane-intro{display:none}
#workbench-pane-display{display:grid;grid-template-columns:2fr 1fr 1fr;align-content:start}
#workbench-pane-display .workbench-pane-intro{display:none}
#workbench-pane-display .spectrum-levels{grid-template-columns:repeat(4,minmax(80px,1fr));gap:10px;padding:12px}
#workbench-pane-display .spectrum-levels>*{grid-column:auto!important}
#workbench-pane-display .spectrum-levels>span{display:none}
.survey-options{display:flex;gap:16px;padding:12px;align-items:center;flex-wrap:wrap;font-size:11px}
#page-global #fm-analyzer:not([hidden]),#page-global #dab-radio,#page-global #dvb-tv{display:flex!important;flex-direction:column;margin:0;border:0;border-radius:0;min-height:0}
#page-global #fm-analyzer[hidden]{display:none!important}
#page-global .workbench-fm-plots{grid-template-columns:1fr 1fr}
.gsm-neighbors,.gsm-blocks{font-size:11px;line-height:1.7;margin-top:12px}.gsm-blocks pre{white-space:pre-wrap;overflow-wrap:anywhere;font:10px var(--mono)}
/* Collapse navigation to a tool rail; its complete names remain in the menu. */
@media(min-width:901px){
 body:has(#page-global:not([hidden])) .sidebar{width:64px;padding:12px 7px;overflow:hidden}
 body:has(#page-global:not([hidden])) main{margin-left:64px}
 body:has(#page-global:not([hidden])) .sidebar .brand{font-size:0;gap:0;justify-content:center;margin:2px 0 20px}
 body:has(#page-global:not([hidden])) .sidebar .brand-icon{font-size:30px;width:38px;height:42px}
 body:has(#page-global:not([hidden])) .sidebar .version,body:has(#page-global:not([hidden])) .sidebar .nav-label,body:has(#page-global:not([hidden])) .sidebar .nav-index,body:has(#page-global:not([hidden])) .sidebar .brand-dot{display:none}
 body:has(#page-global:not([hidden])) .sidebar .nav-item{font-size:0;justify-content:center;height:41px;padding:8px;margin:3px 0;gap:0}
 body:has(#page-global:not([hidden])) .sidebar .nav-item>span:first-child{font-size:20px;margin:0}
 body:has(#page-global:not([hidden])) .sidebar-bottom{padding:0}.sidebar-bottom .user-row{gap:7px}
 body:has(#page-global:not([hidden])) .sidebar-bottom .user-row>div:not(.avatar),body:has(#page-global:not([hidden])) .sidebar-bottom .system-pulse,body:has(#page-global:not([hidden])) #logout{display:none}
 body:has(#page-global:not([hidden])) .workbench-menu{display:block}
 body.navigation-open:has(#page-global:not([hidden])) .sidebar{width:240px;z-index:80;overflow:auto}
 body.navigation-open:has(#page-global:not([hidden])) .sidebar .brand{font-size:24px;gap:10px;justify-content:start}
 body.navigation-open:has(#page-global:not([hidden])) .sidebar .nav-item{font-size:13px;justify-content:start;gap:14px}
 body.navigation-open:has(#page-global:not([hidden])) .workbench-nav-shade:not([hidden]){display:block;position:fixed;inset:0;background:#0007;z-index:70}
 body.instrument-focus:has(#page-global:not([hidden])) main{margin-left:0}
}
@media(max-width:900px){
 #page-global.observatory-workbench{height:calc(100dvh - 48px);min-height:0}
 body:has(#page-global:not([hidden])) .main-content{padding:4px 6px}
 #page-global .workbench-tools{overflow:auto;scrollbar-width:none;flex-wrap:nowrap}
 #page-global .workbench-tools button{font-size:10px;padding:6px 8px}
 #page-global .workbench-monitor,#page-global #global-maximize{display:none}
 #page-global .workbench-reception{flex-wrap:nowrap;min-height:36px;gap:7px;padding:3px 9px}
 #workbench-frequency{font-size:16px;min-width:140px}#workbench-live{display:none}
 #workbench-mode{min-width:100px;flex:1}#workbench-transport .button{font-size:9px;padding:6px;min-height:28px}
 #page-global .survey-ribbon{flex-wrap:wrap;gap:5px;padding:6px 9px}
 #page-global .survey-ribbon label:first-child{min-width:35%;max-width:none;flex:1}
 #page-global .survey-ribbon label:not(:first-child){width:23%;flex:0 0 auto}
 #page-global .survey-ribbon input{max-width:none}
 #page-global .survey-ribbon .button{padding:5px 10px;min-height:26px}
 #page-global .survey-ribbon #global-view{margin-left:auto}
 #page-global .workbench-metrics{gap:15px;flex-basis:20px;padding:0 4px}
 #page-global .workbench-metrics .metric:nth-child(3){display:none}
 #page-global .workbench-metrics .metric span{font-size:7px}#page-global .workbench-metrics .metric strong{font-size:10px}
 #page-global .scan-navigator{padding-inline:20px}#page-global .navigator-caption{font-size:7px}#page-global .navigator-caption>span:first-child{display:none}
 #page-global .panadapter-toolbar{overflow:auto;scrollbar-width:none;flex-wrap:nowrap}
 #page-global .panadapter-toolbar #global-view-label,#global-center-signal,.panadapter-help{display:none}
 #page-global .panadapter-toolbar .button{flex:0 0 auto;min-height:25px}
 .session-overview{grid-template-columns:1fr;padding:10px;gap:16px}
 .workspace-tabs button{padding:5px 9px;font-size:10px}
 #workbench-pane-signals,#workbench-pane-decode,#workbench-pane-display,#workbench-pane-tune #investigation-content{grid-template-columns:1fr}
 #workbench-pane-signals .scanner-results{grid-template-columns:1fr}
 #workbench-pane-tune .investigation-summary{flex-wrap:wrap;gap:8px}
 .session-job-header{flex-wrap:wrap;gap:5px}
 #page-global .spectrum-stage,#page-global .spectrum-stage #global-canvas{min-height:140px}
 #page-global .workbench-waterfall-surface,#page-global .workbench-waterfall-surface #global-waterfall{min-height:70px}
 #page-global .waterfall-instrument>.panel-footer{display:none}
 #page-global .waterfall-instrument .panel-title{font-size:9px}
 #page-global .waterfall-instrument .panel-heading select{width:82px}
 #page-global #global-performance{font-size:8px}
 #page-global .workbench-fm-plots{grid-template-columns:1fr}
}
@media(max-height:700px){#page-global .workbench-metrics{display:none!important}#page-global .spectrum-stage,#page-global .spectrum-stage #global-canvas{min-height:125px}#page-global .scanner-strip{display:none}#page-global .scan-navigator{flex-basis:31px;min-height:31px}#page-global .navigator-caption{display:none}#page-global .workbench-reception{display:none!important}}

#workbench-pane-lora,#workbench-pane-sensors{padding:12px 16px}#workbench-pane-lora>.lora-watch,#workbench-pane-sensors .sensor-watch{border:0;padding:0;background:none;margin:0}#workbench-pane-sensors .sensor-other{display:block!important}#workbench-pane-sensors .sensor-other>summary{display:none}.gsm-channel{display:inline-block;padding:4px 8px;margin:5px 5px 0 0;background:#213c31;border:1px solid #3d604c;border-radius:5px;font:11px var(--mono)}.gsm-channel small{color:#8eb69f;font-size:9px}.gsm-neighbors>strong{display:block;margin-top:10px}.gsm-frames{font-size:11px;margin-top:12px}.gsm-frames pre{font:10px/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}

#page-global .panorama-instrument{flex:1.35 1 245px;min-height:245px}#page-global .waterfall-instrument{flex:1 1 126px;min-height:126px}
@media(max-width:900px){#page-global .panorama-instrument{flex-basis:235px;min-height:235px}#page-global .waterfall-instrument{flex-basis:100px;min-height:100px}}
@media(max-height:700px){#page-global .panorama-instrument{min-height:190px;flex-basis:190px}}

#page-global .signal-inspector>.panel-heading{display:none}.workspace-tabs #workbench-close{margin-left:3px;font-size:19px;padding:0 9px;position:sticky;right:0;background:#162b23;border:0;color:#8cab9c}.workspace-tabs button:disabled{opacity:.4;cursor:default}
.workbench-console{display:flex;flex-direction:column;flex:0 0 auto}
@media(min-width:1100px){.workbench-console{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(530px,1.5fr);background:#11221f;border-inline:1px solid #395044}#page-global .workbench-console .workbench-reception{border:0;border-right:1px solid #314d40;gap:8px;padding:6px 10px}#page-global .workbench-console .survey-ribbon{border:0;gap:6px;padding:7px 10px}#page-global .workbench-console .survey-ribbon label:first-child{max-width:220px}#page-global .workbench-console .survey-ribbon input{width:91px}#page-global .workbench-console .survey-ribbon .button{padding:5px 9px}#page-global .workbench-console #workbench-frequency{font-size:17px;min-width:146px}#page-global .workbench-console #workbench-live{display:none}#page-global .workbench-console #workbench-mode{min-width:90px;flex:1;width:auto}#page-global .workbench-console #workbench-mode select{font-size:10px}#page-global .workbench-console #workbench-transport .button{padding:5px 7px;font-size:10px;min-height:29px}}
#workbench-pane-job .decoded-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 20px}#workbench-pane-job .decoded-card>small,#workbench-pane-job .decoded-card>strong,#workbench-pane-job .decoded-card>.decoded-fields{grid-column:1}#workbench-pane-job .decoded-card>p{grid-column:2;grid-row:1/4;margin:0}#workbench-pane-job .gsm-neighbors{grid-column:2;grid-row:4/7;margin:0}#workbench-pane-job .gsm-frames{grid-column:1/-1}.session-job-header .eyebrow{display:none}.session-job-header h3{font-size:17px;margin:0 0 5px}
@media(max-width:700px){#workbench-pane-job .decoded-card{display:block}.session-job-header>div:last-child{margin-bottom:8px}.session-job-header p{font-size:9px}}

@media(max-height:540px){body:has(#page-global:not([hidden])){overflow:auto}#page-global.observatory-workbench{height:640px;min-height:640px}}

.lte-frames{grid-column:1/-1;font-size:11px;margin-top:12px;min-width:0}.lte-frames pre{font:10px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto}.lte-frames summary{cursor:pointer;color:var(--accent)}#investigation-lte-bandwidth-label small{display:block;color:var(--muted);font-size:11px;margin-top:5px}

/* Detail views use the dock's one scroll surface, never a collapsed ancestor. */
#workbench-pane-signal{padding:10px 14px}
#workbench-pane-signal .known-signal{margin:0;border:0;padding:0;background:none}
.workspace-tabs button[hidden]{display:none}
#page-global #dab-radio{flex:none;overflow:visible}
#page-global .dab-heading{padding:9px 14px;gap:12px}
#page-global .dab-heading h2{font-size:18px;margin:2px 0}
#page-global .dab-heading .eyebrow{font-size:8px}
#page-global .dab-heading p{font-size:10px;margin:0}
#page-global .dab-heading .button{font-size:10px;padding:6px 9px;min-height:29px}
#page-global .dab-tuning{padding:8px 14px;gap:9px;min-height:0}
#page-global .dab-tuning label{font-size:10px}
#page-global .dab-tuning select{font-size:11px;padding:6px 8px;min-height:29px}
#page-global .dab-tuning .button{font-size:10px;padding:6px 10px;min-height:29px}
#page-global .dab-layout{flex:none;grid-template-columns:210px minmax(0,1fr);align-items:start}
#page-global .dab-ensembles{padding:10px;overflow:visible}
#page-global .dab-ensembles>.form-help{display:none}
#page-global .dab-programme-area{padding:12px;overflow:visible;min-width:0}
#page-global .dab-ensemble-heading h3{font-size:20px;margin:6px 0}
#page-global .dab-ensemble-heading p{margin:0 0 10px}
#page-global .dab-services{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:7px}
#page-global .dab-service{padding:10px;min-width:0}
#page-global .dab-service strong{overflow-wrap:anywhere}
#page-global .dab-player{padding:10px 13px;margin-bottom:10px;flex-direction:row;flex-wrap:wrap}
#page-global .dab-player strong{font-size:17px;margin:3px 0}
#page-global .dab-player audio{width:240px;max-width:100%;height:32px}
@media(max-width:700px){
 #page-global .dab-layout{display:flex;flex-direction:column-reverse}
 #page-global .dab-programme-area,#page-global .dab-ensembles{width:100%;box-sizing:border-box}
 #page-global .dab-tuning{flex-wrap:wrap}
 #page-global .dab-heading p{display:none}
 #page-global .dab-services{grid-template-columns:1fr}
 #page-global .dab-player audio{width:100%}
}