/* Match the established MCG / AIReSQ DSS typography and colour tokens. */
:root{--airesq-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ink:#13202a;--muted:#596a76;--teal:#0f766e;--paper:#f4f7f7;--line:#d5dde5;--gold:#0f766e}
body{font-family:var(--airesq-font);letter-spacing:0;-webkit-font-smoothing:antialiased}
button,input,select{font-family:inherit}
h1,h2,.keynumbers b,.metric strong,.flow strong,.lesson b,.surfaceclaim b,.stormvalues b,dialog h2{font-family:var(--airesq-font);font-variant-numeric:tabular-nums}
h1{font-size:clamp(30px,2.45vw,48px);font-weight:650;line-height:1.13;letter-spacing:-1px}
h2{font-weight:600;letter-spacing:-.25px}
.deck{font-weight:400;line-height:1.6}.eyebrow{letter-spacing:1px;font-weight:650}
header{background:#fff}.identity strong{font-weight:700;letter-spacing:-.5px}.identity small{font-size:12px;line-height:1.4}
.identity img{width:96px;height:48px;object-fit:contain}.partners img{height:42px;max-width:110px}
nav{background:#fff}nav>button{font-weight:600}nav>button.active{background:#eef7f5}
button{border-radius:6px}.segmented button{border-radius:0}.segmented button:first-child{border-radius:6px 0 0 6px}.segmented button:last-child{border-radius:0 6px 6px 0}
.segmented .active,.navend button,#waterplay,#stormplay{background:#0f766e;color:#fff}
.visual,.gallerycontrols button,figure{border-radius:6px}.gallerycontrols button{font-weight:550}.gallerycontrols .active{background:#0f766e;color:white}
#hero{animation:none}.visualtag{background:#ffffffed;color:#23313d;letter-spacing:.7px;font-weight:600}
.keynumbers b{font-weight:650;letter-spacing:-.6px}.keynumbers b span{font-family:inherit;font-weight:450}
.metric strong{font-weight:650;font-size:58px;letter-spacing:-1.6px}.metric strong span{font-size:27px;letter-spacing:0}
.flow strong{font-weight:650;letter-spacing:-.7px}.flow em{font-family:inherit}.flow h2{font-weight:600}
.lesson h2{font-family:var(--airesq-font);font-size:24px;font-weight:650;line-height:1.25;letter-spacing:-.45px}.lesson b{font-weight:650;font-size:29px}.surfaceclaim b{font-weight:650;font-size:58px;letter-spacing:-1.5px}
.surfaceclaim{background:#ffffffef;border-left:3px solid var(--teal);border-radius:4px}.surfacebar b{font-weight:650;font-variant-numeric:tabular-nums}
.stormvalues b{font-weight:600;letter-spacing:-.5px}.context{font-variant-numeric:tabular-nums}#timevalue,.charthead b{font-weight:600}.imagecaption{background:#102331ed;font-family:var(--airesq-font);line-height:1.4}
footer{background:#fff}dialog{background:#fff}dialog h2{font-size:28px;font-weight:650;line-height:1.2}
@media(min-width:1051px) and (max-height:800px){h1{font-size:32px;line-height:1.12}#water h1{font-size:30px}.lesson h2{font-size:21px}.metric strong{font-size:46px}.flow strong{font-size:28px}}
@media(max-width:1050px){h1{font-size:30px;letter-spacing:-.65px}}
@media(max-width:650px){.identity img{width:65px;height:40px}.identity strong{font-size:18px}.partners img{height:34px}.surfaceclaim b{font-size:44px}}
/* Each facility has one consistent engineering report card. */
.facility-selected .intro>h1{font-size:clamp(26px,2vw,38px);margin-bottom:14px;line-height:1.15}
.facility-selected .intro>.deck{font-size:14px;line-height:1.5;margin-bottom:18px}
.facility-selected .segmented{margin-bottom:18px}.facility-selected .keynumbers{display:none}
.facility-card{border:1px solid #cddbd8;border-top:3px solid #0f766e;border-radius:6px;background:#fff;padding:17px 18px}
.facility-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#596a76;font-size:10px;letter-spacing:.7px;font-weight:650}
.facility-status{color:#0f574f;background:#eef7f5;border:1px solid #b7d8d0;border-radius:4px;padding:4px 6px;letter-spacing:0;white-space:nowrap;font-size:10px}
#component .facility-card h2{font-size:22px;line-height:1.2;margin:14px 0 8px;font-weight:650;letter-spacing:-.3px}
#component .facility-card .facility-role{font-size:13px;line-height:1.5;margin:0 0 15px;color:#596a76}
.facility-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;margin:0;padding:14px 0;border-top:1px solid #d5dde5;border-bottom:1px solid #d5dde5}
.facility-metrics div{min-width:0}.facility-metrics dt{font-size:10px;line-height:1.4;color:#596a76;margin-bottom:6px}
.facility-metrics dd{font-size:20px;line-height:1.22;font-weight:650;letter-spacing:-.45px;margin:0;color:#13202a;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#component .facility-card .facility-basis{font-size:10px;line-height:1.4;font-weight:600;color:#0f766e;margin:12px 0 7px}
#component .facility-card .facility-note{font-size:11px;line-height:1.55;margin:0;color:#596a76}
@media(min-width:1051px) and (max-height:800px){.facility-selected .intro>h1{font-size:26px;margin-bottom:8px}.facility-selected .intro>.deck{font-size:12px;margin-bottom:12px}.facility-selected .segmented{margin-bottom:12px}.facility-card{padding:12px 14px}#component .facility-card h2{font-size:18px;margin:10px 0 6px}#component .facility-card .facility-role{font-size:11px;margin-bottom:10px}.facility-metrics{gap:10px 12px;padding:10px 0}.facility-metrics dd{font-size:17px}.facility-metrics dt{font-size:9px}#component .facility-card .facility-basis{font-size:9px;margin:9px 0 5px}#component .facility-card .facility-note{font-size:10px;line-height:1.45}}
@media(max-width:1050px){.facility-card{padding:13px}.facility-metrics dd{font-size:18px}#component .facility-card h2{font-size:20px}}
.identity strong{font-size:20px}.brand-owner{color:#0f766e}.brand-separator{color:#a6b5ba;font-weight:400}
/* Filming hides navigation, not ownership: the branded header stays visible. */
.focus header{height:64px;opacity:1;pointer-events:auto;padding:9px 3vw;border-bottom:1px solid #d5dde5;overflow:visible}
.focus header .identity img{height:40px;width:75px}.focus header .partners img{height:34px}.focus header .backdss,.focus header #fullscreen{display:none}
.focus main{height:calc(100dvh - 64px)}.focus:after{content:none}
@media(min-width:1051px) and (max-height:800px){.facility-selected .intro>.deck{display:none}.facility-selected .intro>h1{font-size:25px;margin-bottom:13px}.facility-selected .intro>.eyebrow{margin-bottom:10px}}