/* Compact paired thermometers. Both scales remain independent and fully labelled. */
#view-monitor{--cyan:#9dcedc;--monitor-line:#293d45;--monitor-surface:#11191d}
#view-monitor .page-heading .eyebrow{color:#9fb6bf}
#view-monitor .page-heading .signal-dot{background:var(--cyan);box-shadow:0 0 8px #9dcedc33}
#view-monitor .monitor-grid{grid-template-columns:minmax(340px,.95fr) minmax(0,1.65fr);align-items:start;gap:18px}
.scales-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.compact-scale{background:linear-gradient(155deg,#141d22,#0f171b);border:1px solid #35444b;border-radius:5px;padding:17px 14px 12px;min-width:0;position:relative}
.compact-scale:before{content:'';position:absolute;top:-1px;left:-1px;width:18px;height:10px;border-top:1px solid #94bac5;border-left:1px solid #94bac5;pointer-events:none}
.compact-heading{display:flex;justify-content:space-between;align-items:center;gap:5px;min-height:24px}
.compact-heading h2{font-size:14px;font-weight:500;letter-spacing:-.2px;line-height:1.25}
.compact-heading .icon-button{width:18px;height:18px;font-size:9px;border-color:#40535d}




.thermal-body{height:192px;display:grid;grid-template-columns:10px minmax(0,1fr);gap:8px;position:relative;--position:50%}
.thermal-rail{position:relative;background:var(--thermal-gradient);width:7px;height:calc(100% - 8px);margin:4px 0;border-radius:8px}
.thermal-rail:after{content:'';position:absolute;bottom:-4px;left:-2px;width:11px;height:11px;border-radius:50%;background:var(--low-color)}
.thermal-rail i{position:absolute;left:-3px;right:-4px;top:var(--position);height:3px;background:#f3f4e7;box-shadow:0 0 0 2px #152028;transform:translateY(-50%);z-index:1;border-radius:1px}
.thermal-stages{display:grid;grid-template-rows:repeat(var(--stage-count),minmax(0,1fr));gap:3px;min-width:0}
.thermal-stage{display:flex;align-items:center;gap:7px;padding:4px 8px;border:1px solid transparent;border-radius:4px;text-align:left;background:var(--stage-tint);color:#cbd5da;min-width:0;transition:background .15s,border-color .15s}
.thermal-stage .stage-number{font-family:var(--mono);font-size:8px;color:var(--stage-color);flex-shrink:0}
.thermal-stage .stage-name{font-size:11px;line-height:1.2;font-weight:450;letter-spacing:-.1px;overflow-wrap:normal}
.thermal-stage.is-ceiling:not(.is-current) .stage-name{color:var(--stage-color);font-weight:650}
.thermal-stage:hover{border-color:color-mix(in srgb,var(--stage-color) 40%,transparent);background:color-mix(in srgb,var(--stage-tint) 90%,#fff);color:#f4f3e9}
.thermal-stage.is-current,.thermal-stage.is-current:hover{border-color:#ff3448;background:var(--stage-tint);color:#fff;box-shadow:inset 0 0 0 1px #ff3448,0 0 8px #ff344818}
.thermal-stage.is-current .stage-number{color:#fff}
.thermal-stage.is-current .stage-name{font-weight:650}
.thermal-stage:focus-visible{outline:2px solid #eaf1f3;outline-offset:2px}
.scale-caption{font-family:var(--mono);font-size:7px;letter-spacing:.7px;color:#8098a4;text-align:center;margin-top:12px;line-height:1.3}
.scales-footnote{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;color:#99acb5;padding:0 2px;line-height:1.4}
.scales-footnote>span{display:flex;align-items:center;gap:5px}
.scales-footnote i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#adcbd2;flex-shrink:0}
.scales-footnote>a{color:#bdced6;white-space:nowrap;font-size:9px}
#view-monitor .world-panel{border-color:#34434a;border-radius:5px;background:radial-gradient(ellipse at 52% 43%,#17313d44,transparent 70%),#10171b;align-self:stretch}
#view-monitor .world-heading{padding-top:22px}
#view-monitor .world-heading .eyebrow{color:#94aeb9}
#view-monitor .map-container{min-height:215px}
#view-monitor .map-container>svg{max-height:270px}
#view-monitor .map-tabs>button.active{background:#20343c;border-color:#3c5966;color:#b4d7e1}
#view-monitor .map-tabs>button{color:#8da5b0}
#view-monitor .map-bottom{border-color:#26363d;color:#95a9b2}
#view-monitor .map-label{color:#637f8d}
#view-monitor .map-marker:hover .map-ring,#view-monitor .map-marker:focus-visible .map-ring{stroke:var(--cyan)}
.signal-type{font-family:var(--mono);font-size:8px;letter-spacing:.5px;color:#91a1a0;margin-left:auto}
#view-monitor .trend-panel,#view-monitor .signals-panel{background:#12191c;border-color:#2a3a40;border-radius:5px}
#view-monitor .period-switch>button.active{background:#293b42}
#view-monitor .signal-num{color:#7d9aa6}
.method-ai{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin:30px 0;padding:28px;border:1px solid #314550;border-radius:5px;background:#121d24}
.method-ai h2{margin:12px 0;font-size:24px}
.method-ai p:not(.eyebrow){font-size:12px;line-height:1.9;color:#a9bbc5;margin:12px 0}
.method-ai .text-link{color:#a9cfdf;margin-top:8px}
.ai-definition-list>button{display:flex;text-align:left;align-items:center;gap:14px;width:100%;padding:12px 5px;border-bottom:1px solid #2b424e}
.ai-definition-list strong{display:block;font-size:12px;font-weight:500;color:#c4dce7}
.ai-definition-list small{display:block;font-size:10px;color:#8ea8b5;margin-top:4px}
.ai-definition-list>button:hover{background:#1d303b}
.level-scale>button{display:flex;align-items:center;gap:12px;width:100%;padding:9px 14px;text-align:left;font-family:var(--mono);font-size:11px;color:var(--muted);border-radius:3px}
.level-scale>button:hover{background:#353725}
.level-scale>button.selected{color:var(--amber);background:#303322}
.level-scale>button>i{width:6px;height:6px;border-radius:50%}
.stage-dialog-number{font-family:var(--mono);font-size:12px;letter-spacing:2px;color:#a2c9d8}
.stage-dialog-note{padding:12px 14px;border-left:2px solid #8aaebd;background:#14242b;font-size:11px!important}
.stage-dialog-subtitle{font-size:13px;color:var(--amber);font-family:var(--mono)}
@media(min-width:1450px){#view-monitor .monitor-grid{grid-template-columns:minmax(400px,.95fr) minmax(0,1.65fr)}.thermal-body{height:202px}}
@media(max-width:1100px){#view-monitor .monitor-grid{grid-template-columns:340px minmax(0,1fr)}.compact-scale{padding:14px 11px 11px}.compact-heading h2{font-size:13px}.thermal-stage{padding:4px 6px;gap:5px}.thermal-stage .stage-name{font-size:10.5px}.world-heading{flex-wrap:wrap}}
@media(max-width:900px){#view-monitor .monitor-grid{grid-template-columns:1fr}.scales-pair{width:100%;max-width:580px;justify-self:center}.compact-scale{padding:16px}.thermal-stage .stage-name{font-size:12px}.thermal-body{height:186px}.compact-heading h2{font-size:15px}#view-monitor .world-heading{flex-wrap:nowrap}#view-monitor .map-container>svg{max-height:330px}.method-ai{gap:25px;padding:25px}}
@media(max-width:590px){
 #view-monitor>.page-heading{padding:18px 0 17px}
 #view-monitor>.page-heading h1{font-size:26px;line-height:1.12;letter-spacing:-.9px}
 #view-monitor>.page-heading .eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:8px}
 #view-monitor .monitor-grid{gap:16px}
 .scales-pair{gap:8px;max-width:none}
 .compact-scale{padding:12px 10px 10px}
 .compact-heading{min-height:20px;gap:4px}
 .compact-heading h2{font-size:13px;letter-spacing:-.3px}
 .compact-heading .icon-button{width:16px;height:16px;font-size:8px}




 .thermal-body{height:182px;grid-template-columns:8px minmax(0,1fr);gap:6px}
 .thermal-rail{width:6px}
 .thermal-rail:after{width:10px;height:10px}
 .thermal-stage{gap:5px;padding:4px 5px}
 .thermal-stage .stage-name{font-size:11px;letter-spacing:-.2px}
 .thermal-stage .stage-number{font-size:7px}
 .scale-caption{font-size:6.5px;letter-spacing:.5px;margin-top:10px}
 .scales-footnote{font-size:8px;gap:6px;padding:0;line-height:1.25}
 .scales-footnote>a{font-size:8px}
 #view-monitor .world-heading{padding:20px 19px 0;flex-wrap:wrap}
 #view-monitor .world-heading .outline-tag{font-size:6px}
 #view-monitor .map-container{min-height:185px}
 #view-monitor .map-container>svg{max-height:240px}
 .signal-type{font-size:8px}
 .method-ai{grid-template-columns:1fr;gap:20px}
}
@media(max-width:360px){
 #view-monitor>.page-heading h1{font-size:23px;letter-spacing:-.7px}
 #view-monitor>.page-heading{padding:16px 0}
 .compact-scale{padding:10px 8px 9px}
 .compact-heading h2{font-size:11.5px;letter-spacing:-.25px}
 .compact-heading .icon-button{width:15px;height:15px;font-size:8px}


 .thermal-body{height:174px;gap:5px}
 .thermal-stage{gap:4px;padding:3px 4px}
 .thermal-stage .stage-name{font-size:10px;letter-spacing:-.25px}
 .thermal-stage .stage-number{font-size:6.5px}
 .scale-caption{font-size:6px;letter-spacing:.35px}
 .signal-type{display:none}
}

/* Subtle row tints and a red outline identify the current level without a duplicate readout. */
.compact-heading{margin-bottom:16px}
.compact-heading h2{margin-right:auto}
.scale-status:not(.sr-only){font-size:10px;color:#a1b2bb;margin:0 0 12px}
.has-assessment .thermal-rail i{height:5px;background:#fff;box-shadow:0 0 0 2px #10191d}
.ai-definition-list>button[aria-current="step"],.level-scale>button.selected{background:#241d20;border-left:2px solid #ff3448;color:#fff}
@media(max-width:590px){.compact-heading{min-height:30px;margin-bottom:12px}}
@media(max-width:360px){.scale-caption{letter-spacing:.15px}}

/* One headline above the monitor; source details live beside the feeds below. */
#view-monitor>.page-heading{padding:26px 0 24px}
#view-monitor>.page-heading h1{font-size:clamp(24px,3vw,40px);letter-spacing:-1.1px}
@media(max-width:590px){#view-monitor>.page-heading{padding:20px 0}#view-monitor>.page-heading h1{font-size:25px;letter-spacing:-.8px}}
@media(max-width:360px){#view-monitor>.page-heading h1{font-size:23px}}