/* SerM1 control-room layout. Scoped: disabling JS with ?layout=original restores the native layout. */
body.serm-control-room {
  --cr-bg:#0d1724;--cr-card:#172333;--cr-border:rgba(159,190,214,.17);
  --cr-text:#eaf1f9;--cr-muted:#a8b9cc;--cr-blue:#7bc9ff;--cr-accent:#f59b8b;
  background:#0c1521;color:var(--cr-text);
}
body.serm-control-room .site-inner {width:calc(100% - 36px)!important;max-width:1480px!important;margin-left:auto!important;margin-right:auto!important;}
body.serm-control-room .site-inner .content,body.serm-control-room .site-inner article.frontpage {width:100%!important;max-width:100%!important;float:none!important;}
body.serm-control-room article.frontpage .homepage-layout {
  display:flex!important; flex-direction:column!important; align-items:stretch!important;
  gap:18px!important; max-width:100%!important; margin:0 auto;
}
body.serm-control-room article.frontpage .homepage-layout > * {min-width:0;}
body.serm-control-room .wx-stn-info-container {border-bottom:1px solid var(--cr-border);margin-bottom:19px;padding-bottom:12px;}
body.serm-control-room .serm-cr-top {border:1px solid var(--cr-border);background:linear-gradient(115deg,#17283b,#111d2c 65%,#132238);border-radius:20px;padding:20px 22px;box-shadow:0 12px 28px rgba(2,8,18,.13);}
body.serm-control-room .serm-cr-overview-header {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:17px;}
body.serm-control-room .serm-cr-overview-header h2 {font-size:clamp(19px,2.2vw,28px);font-weight:800;letter-spacing:-.025em;margin:2px 0 3px;color:var(--cr-text);line-height:1.25;}
body.serm-control-room .serm-cr-kicker {font-size:10px;font-weight:800;letter-spacing:.16em;color:#80c5ed;}
body.serm-control-room .serm-cr-updated {color:var(--cr-muted);font-size:12px;}
body.serm-control-room .serm-cr-nav {display:flex;flex-wrap:wrap;gap:8px;}
body.serm-control-room .serm-cr-nav a {color:#c7e5f7;text-decoration:none;font-weight:700;font-size:11px;letter-spacing:.01em;border:1px solid var(--cr-border);border-radius:20px;background:#22354c;padding:8px 11px;white-space:nowrap;}
body.serm-control-room .serm-cr-nav a:hover,body.serm-control-room .serm-cr-nav a:focus-visible {background:#315174;color:#fff;}
body.serm-control-room .serm-cr-metrics {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;}
body.serm-control-room .serm-cr-metric {position:relative;border:1px solid var(--cr-border);border-radius:13px;min-width:0;background:rgba(9,19,33,.58);padding:13px 12px 12px;border-top:2px solid var(--cr-blue);}
body.serm-control-room .serm-cr-metric--temp {border-top-color:#f1a471;}
body.serm-control-room .serm-cr-metric--wind {border-top-color:#87d9bb;}
body.serm-control-room .serm-cr-metric--rain {border-top-color:#65b9ff;}
body.serm-control-room .serm-cr-metric--humidity {border-top-color:#9ba3ff;}
body.serm-control-room .serm-cr-metric--dew {border-top-color:#c7a0fa;}
body.serm-control-room .serm-cr-metric-head {display:flex;align-items:center;gap:7px;color:#aac4dd;font-size:11px;font-weight:700;white-space:nowrap;}
body.serm-control-room .serm-cr-metric-head svg {width:17px;height:17px;flex-shrink:0;}
body.serm-control-room .serm-cr-number {font:800 clamp(17px,1.8vw,26px)/1.25 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:-.035em;color:var(--cr-text);margin:10px 0 4px;white-space:nowrap;font-variant-numeric:tabular-nums;}
body.serm-control-room .serm-cr-context {font-size:10px;color:var(--cr-muted);min-height:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.serm-control-room .serm-cr-metric--temp[data-tone="cool"] .serm-cr-number {color:#76baff;}
body.serm-control-room .serm-cr-metric--temp[data-tone="mild"] .serm-cr-number {color:#ffae63;}
body.serm-control-room .serm-cr-metric--temp[data-tone="hot"] .serm-cr-number {color:#ff6c6c;}
body.serm-control-room .serm-cr-graph-anchor {scroll-margin-top:24px;}
body.serm-control-room .serm-cr-graph-anchor > .homepage-card--charts {width:100%!important;max-width:none!important;min-width:0;}
body.serm-control-room .serm-cr-graph-anchor .homepage-card--charts {border:1px solid var(--cr-border)!important;border-radius:19px!important;background:#17212f!important;padding:14px!important;box-shadow:none!important;}
body.serm-control-room .serm-cr-graph-anchor .homepage-card-header {display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;margin:0 3px 12px;padding:2px 2px 11px;border-bottom:1px solid var(--cr-border);}
body.serm-control-room .serm-cr-graph-anchor .homepage-card-header h2,body.serm-control-room .serm-cr-graph-anchor .homepage-card-header h2 span {color:var(--cr-text)!important;font-size:20px!important;font-weight:800!important;margin:0;}
body.serm-control-room .serm-cr-graph-anchor .homepage-card-header .serm-graph-range-controls {margin:0!important;width:auto!important;}
body.serm-control-room .serm-cr-graph-anchor .homepage-card-header a {font-size:12px;}
body.serm-control-room .serm-cr-graph-anchor .chart-outer {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
body.serm-control-room .serm-cr-graph-anchor .homepage-chart-panel {min-width:0!important;width:100%!important;margin:0!important;}
body.serm-control-room .serm-cr-maprow,body.serm-control-room .serm-cr-bottom {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;scroll-margin-top:24px;}
body.serm-control-room .serm-cr-panel {border-radius:18px;background:var(--cr-card);border:1px solid var(--cr-border);padding:13px 14px 15px;min-width:0;overflow:hidden;}
body.serm-control-room .serm-cr-panel-title {font-size:16px;line-height:1.3;color:var(--cr-text);font-weight:800;margin:0 0 13px;padding:4px 3px 12px;border-bottom:1px solid var(--cr-border);letter-spacing:-.01em;}
body.serm-control-room .serm-cr-radar .homepage-card--radar,body.serm-control-room .serm-cr-forecast .homepage-card--forecast {width:100%!important;max-width:none!important;margin:0!important;box-shadow:none!important;border:0!important;background:transparent!important;}
body.serm-control-room .serm-cr-radar .homepage-radar-content {width:100%!important;max-width:100%!important;min-height:300px;}
body.serm-control-room .serm-cr-radar iframe,body.serm-control-room .serm-cr-radar canvas,body.serm-control-room .serm-cr-radar img {max-width:100%;}
body.serm-control-room .serm-cr-forecast #serm-bom-9am,body.serm-control-room .serm-cr-lightning #serm-lightning {width:100%;max-width:100%;margin:0!important;}
body.serm-control-room .serm-cr-forecast #serm-bom-9am {padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;}
body.serm-control-room .serm-cr-forecast #serm-bom-9am .serm-weather-card {min-width:0;}
body.serm-control-room .serm-cr-forecast #serm-bom-9am .serm-weather-charts {min-width:0;}
body.serm-control-room .serm-cr-lightning #serm-lightning {padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;}
body.serm-control-room .serm-cr-records .homepage-secondary-row {display:block!important;max-width:none!important;margin:0!important;}
body.serm-control-room .serm-cr-records .homepage-card--records {width:100%!important;max-width:none!important;margin:0!important;border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;}
body.serm-control-room .serm-cr-records .homepage-card--records .homepage-card-header {display:none!important;}
body.serm-control-room .serm-cr-records .snapshot-metric-grid {gap:5px!important;}
body.serm-control-room .serm-cr-records .snapshot-metric {padding:7px 8px!important;}
body.serm-control-room .serm-cr-details {background:var(--cr-card);border:1px solid var(--cr-border);border-radius:16px;margin-bottom:12px;}
body.serm-control-room .serm-cr-details > summary {list-style:none;cursor:pointer;padding:17px 20px;color:var(--cr-text);font-size:14px;font-weight:800;}
body.serm-control-room .serm-cr-details > summary::-webkit-details-marker {display:none;}
body.serm-control-room .serm-cr-details > summary:before {content:'＋';display:inline-block;margin-right:12px;color:#88c8f0;}
body.serm-control-room .serm-cr-details[open] > summary:before {content:'−';}
body.serm-control-room .serm-cr-details > summary span {display:inline-block;margin-left:8px;color:var(--cr-muted);font-size:12px;font-weight:400;}
body.serm-control-room .serm-cr-details .homepage-hero {display:block!important;margin:0 12px 13px!important;max-width:none!important;}
body.serm-control-room .serm-cr-details .homepage-primary-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;}
body.serm-control-room .serm-cr-details .homepage-card {min-width:0!important;max-width:none!important;margin:0!important;width:100%!important;}
body.serm-control-room .homepage-hook:empty,body.serm-control-room .index-hook-after-forecast:empty {display:none!important;}
@media (max-width:1200px){body.serm-control-room .serm-cr-metrics {grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:920px){body.serm-control-room .serm-cr-maprow,body.serm-control-room .serm-cr-bottom {grid-template-columns:minmax(0,1fr);}}
@media (max-width:680px){
  body.serm-control-room .serm-cr-metrics {grid-template-columns:repeat(2,minmax(0,1fr));}
  body.serm-control-room .serm-cr-top {padding:16px 12px;}
  body.serm-control-room .serm-cr-graph-anchor .chart-outer {grid-template-columns:minmax(0,1fr)!important;}
  body.serm-control-room .serm-cr-details .homepage-primary-grid {grid-template-columns:minmax(0,1fr)!important;}
  body.serm-control-room .serm-cr-nav {width:100%;gap:5px;}
  body.serm-control-room .serm-cr-nav a {font-size:10px;padding:6px 9px;}
  body.serm-control-room .serm-cr-number {font-size:23px;}
}
@media (max-width:380px){body.serm-control-room .serm-cr-metrics {grid-template-columns:minmax(0,1fr);}}