/* Real Schwenkkraftwerk measurements; scoped to keep the other sections unchanged. */
.homepage #live{position:relative;overflow:visible;background:radial-gradient(ellipse at 82% 20%,#173e53 0,transparent 57%),linear-gradient(#061725,#082b34);color:#eff6fb}
.homepage #live .live-heading-row{display:grid;grid-template-columns:1fr 1.13fr;gap:40px;align-items:center;margin-bottom:20px}
.live-chart-period{cursor:pointer;pointer-events:all}
.live-chart-period:hover{fill:#ffcd6514}
.live-chart-period:focus-visible{outline:none;fill:#ffcd6524;stroke:#ffcd65;stroke-width:2}
.homepage #live .eyebrow{margin:0 0 9px;color:#ffd36e}
.homepage #live h2{font-size:clamp(27px,2.55vw,43px);line-height:1.2;letter-spacing:-.045em;margin:0;font-weight:750}
.homepage #live h2 span{color:#ffd16a;text-shadow:0 0 24px #ffc15128}
.homepage #live p{font-size:13px;line-height:1.6;color:#b9cdd9;margin:0}
.homepage #live strong{color:#e7f1f6;font-weight:650}
.homepage #live .live-layout{display:grid;grid-template-columns:minmax(240px,.37fr) minmax(0,1fr);gap:30px;align-items:start}
.homepage #live .live-context{display:grid;gap:14px}
.homepage #live .live-context-block{border-bottom:1px solid #bed7e31a;padding-bottom:12px}
.homepage #live .live-small-title{display:block;font-weight:700;font-size:13px;color:#ffd36e;margin-bottom:6px}
.homepage #live .live-context p+p{margin-top:7px}
.homepage #live .live-gold{color:#ffd36e}
.homepage #live .live-map-actions{display:flex;gap:18px;margin-top:9px;align-items:center}
.homepage #live .live-map-actions :is(a,button){padding:0;background:none;border:0;color:#ffd36e;font:600 12px inherit;font-size:12px;text-decoration:none;cursor:pointer}
.homepage #live .live-dashboard{min-width:0;line-height:1.35}
.homepage #live .live-small-title{line-height:1.4}
.homepage #live .live-heading-row .eyebrow{line-height:1.3}
.homepage #live .live-map-actions{line-height:1.4}
.homepage #live .live-row-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#b4cbd7;margin:0 0 6px;display:flex;justify-content:flex-start;align-items:baseline;flex-wrap:wrap;column-gap:12px;row-gap:4px}
.homepage #live .live-row-label-spaced{margin-top:10px}
.homepage #live .live-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.homepage #live .kpi-card{padding:10px 12px;border:1px solid #8ab5d026;border-radius:10px;background:linear-gradient(145deg,#17364bd9,#071e2ed9);box-shadow:inset 0 1px #d1edff08}
.homepage #live .kpi-label{font-size:11px;color:#b7cbd6;white-space:nowrap;display:flex;align-items:center;gap:5px}
.homepage #live .kpi-value{font-size:clamp(19px,1.8vw,30px);font-weight:700;line-height:1.2;margin-top:5px;letter-spacing:-.04em;white-space:nowrap;font-variant-numeric:tabular-nums;color:#eaf5fc}
.homepage #live .kpi-value.amber{color:#ffd36e;text-shadow:0 0 18px #ffc15138}
.homepage #live .unit{font-size:11px;letter-spacing:0;color:#9fb9ca;font-weight:500}
.homepage #live .pulse-dot{width:5px;height:5px;display:inline-block;background:#8294a0;border-radius:50%;flex-shrink:0}
.homepage #live .pulse-dot.online{background:#ffd36e;box-shadow:0 0 8px #ffc15188}
.homepage #live .live-chart-card{margin-top:12px;border:1px solid #8ab5d030;border-radius:14px;padding:14px 16px 9px;background:linear-gradient(140deg,#0d2b40f0,#061b29ed);box-shadow:0 14px 36px #0002}
.homepage #live .live-chart-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.homepage #live #live-range-kicker{display:none}
.homepage #live .live-chart-title{font-size:17px;font-weight:700}
.homepage #live .live-tabs{display:flex;gap:3px;background:#02131d70;padding:3px;border-radius:30px}
.homepage #live .live-tab{font:inherit;font-size:11px;cursor:pointer;border:1px solid transparent;border-radius:30px;background:transparent;color:#b9cdd9;padding:6px 12px}
.homepage #live .live-tab.active{background:linear-gradient(135deg,#ffe39a,#ffbc35);color:#1d211f;box-shadow:0 0 16px #ffbd3720;font-weight:750}
.homepage #live .live-wells{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:8px}
.homepage #live .well{background:#b5def708;border:1px solid #bed7e310;border-radius:7px;padding:7px 11px}
.homepage #live .well-label{font-size:10px;color:#9bb7c8;margin-bottom:3px}
.homepage #live .well-value{font-size:13px;font-weight:650;color:#e7f1f6;font-variant-numeric:tabular-nums}
.homepage #live .sub{font-size:10px;color:#a9c4d5;font-weight:400}
.homepage #live .live-chart-wrap{height:clamp(185px,26svh,330px);margin-top:4px}
.homepage #live #live-chart{display:block;width:100%;height:100%;overflow:visible}
.homepage #live .live-daynav{display:flex;align-items:center;justify-content:center;gap:24px;min-height:40px;margin-top:8px}
.homepage #live [hidden]{display:none!important}
.homepage #live .live-daynav-btn{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border:1px solid #ffd36e66;border-radius:50%;background:#afddff0a;color:#ffd36e;cursor:pointer}
.homepage #live .live-daynav-btn:hover:not(:disabled){background:#ffd36e22;border-color:#ffd36e}
.homepage #live .live-daynav-btn:disabled{opacity:.3;cursor:default}
.homepage #live .live-daynav-label{font-size:13px;color:#e7f1f6;min-width:140px;text-align:center;font-variant-numeric:tabular-nums}
.homepage #live :is(.live-note,.live-cap-note){font-size:11px;margin-top:8px;color:#ffda88}
.homepage #live :is(button,a):focus-visible{outline:2px solid #ffcf68;outline-offset:4px}
@media(min-width:901px) and (max-height:800px){.homepage #live .live-chart-title{line-height:1.3}.homepage #live .live-tabs{padding:2px}.homepage #live .live-tab{padding:5px 11px;line-height:1.3}.homepage #live .well{padding:5px 9px}.homepage #live .live-wells{line-height:1.3}.homepage #live .live-layout{grid-template-columns:minmax(240px,.4fr) minmax(0,1fr)}.homepage #live .kpi-label{line-height:1.3}.homepage #live .live-row-label{line-height:1.3}}
.live-map-dialog{max-width:620px;width:90vw;padding:25px;border:1px solid #b0cddd55;border-radius:18px;background:#0b2535;color:#e9f3fa;box-shadow:0 25px 80px #0009}
.live-map-dialog::backdrop{background:#001019b8;backdrop-filter:blur(5px)}
.live-map-dialog h2{font-size:24px;margin:0 0 12px}.live-map-dialog p{font-size:14px;line-height:1.6}.live-map-dialog button,.live-map-dialog a{background:#ffd16a;border:0;border-radius:20px;padding:9px 18px;color:#16222a;cursor:pointer;font:inherit;text-decoration:none}.live-map-dialog .live-map-actions{display:flex;gap:12px;flex-wrap:wrap}.live-map-dialog iframe{width:100%;height:330px;border:0;border-radius:10px}.live-map-dialog .map-close{float:right;background:transparent;color:#e9f3fa;padding:4px 10px;font-size:22px}
@media(min-width:901px) and (max-height:800px){.homepage #live .live-heading-row{margin-bottom:12px;gap:25px}.homepage #live h2{font-size:29px}.homepage #live p{font-size:11.5px;line-height:1.5}.homepage #live .live-context{gap:10px}.homepage #live .live-context-block{padding-bottom:9px}.homepage #live .live-small-title{font-size:12px;margin-bottom:4px}.homepage #live .live-chart-card{padding:10px 13px 7px;margin-top:9px}.homepage #live .kpi-card{padding:8px 10px}.homepage #live .live-chart-wrap{height:180px}.homepage #live .live-layout{gap:23px}}
@media(max-width:1100px) and (min-width:901px){.homepage #live .live-layout{grid-template-columns:235px minmax(0,1fr);gap:20px}.homepage #live .kpi-card{padding:8px}.homepage #live .kpi-value{font-size:18px}.homepage #live .kpi-label{font-size:10px}}
@media(max-width:900px){.homepage #live{padding:100px 0 45px}.homepage #live .live-heading-row{grid-template-columns:1fr;gap:16px}.homepage #live .live-layout{display:flex;flex-direction:column;gap:25px}.homepage #live .live-dashboard{order:-1;width:100%}.homepage #live p{font-size:14px}.homepage #live .live-context{grid-template-columns:1fr 1fr;gap:22px}.homepage #live .live-chart-wrap{height:250px}}
@media(max-width:560px){.homepage #live h2{font-size:28px}.homepage #live .live-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.homepage #live .kpi-card{grid-column:span 2;padding:9px}.homepage #live .kpi-card:nth-child(n+4){grid-column:span 3}.homepage #live .kpi-value{font-size:22px}.homepage #live .live-chart-card{padding:12px 9px}.homepage #live .live-chart-head{align-items:flex-start;flex-direction:column;gap:10px}.homepage #live .live-tabs{width:100%}.homepage #live .live-tab{flex:1}.homepage #live .live-wells{grid-template-columns:1fr 1fr}.homepage #live .well:last-child{grid-column:1/-1;display:flex;align-items:center;gap:10px}.homepage #live .well:last-child .well-label{margin:0}.homepage #live .live-context{grid-template-columns:1fr}.homepage #live .live-row-label{letter-spacing:.09em}.homepage #live .live-data-status{letter-spacing:0}.homepage #live .live-chart-wrap{height:240px}}
@media(min-width:901px) and (max-height:800px){
 .silver.hero-layout.homepage main>#live{padding-bottom:52px}
 .homepage #live .live-layout{grid-template-columns:minmax(260px,.45fr) minmax(0,1fr)}
 .homepage #live h2{font-size:26px}
 .homepage #live .kpi-card{padding:6px 10px}
 .homepage #live .kpi-value{font-size:22px}
 .homepage #live .live-chart-wrap{height:160px}
 .homepage #live .live-context{gap:9px}
}
@media(min-width:901px) and (max-height:700px){
 .silver.hero-layout.homepage main>#live{padding-bottom:46px}
 .homepage #live .live-chart-wrap{height:140px}
 .homepage #live .live-heading-row{margin-bottom:8px}
 .homepage #live .live-context p{line-height:1.4}
 .homepage #live .live-context-block{padding-bottom:7px}
}

/* Coastal photograph with calm, translucent surfaces for the real dashboard. */
.silver.hero-layout.homepage main>#live.live-photo{background:#12334b;isolation:isolate}
.homepage #live.live-photo .live-landscape{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.homepage #live.live-photo .live-landscape img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.homepage #live.live-photo:before{content:'';position:absolute;inset:0;z-index:1;mask-image:none;background:linear-gradient(180deg,#102e47d9 0%,#102e47b8 28%,#08253899 60%,#082b3473 88%,#082b34 100%);pointer-events:none}
.homepage #live.live-photo>.live-container{position:relative;z-index:2;width:min(1680px,92%)}
.homepage #live.live-photo .live-heading-row>p{color:#eef5fa;text-shadow:0 1px 7px #031926}
.homepage #live.live-photo .live-context{padding:18px;border:1px solid #c6e5f244;border-radius:14px;background:linear-gradient(135deg,#13354b9c,#071f319c);box-shadow:inset 0 1px #f1f8ff12}
.homepage #live.live-photo .live-context p{color:#e2eef5}
.homepage #live.live-photo .live-context-block{border-color:#d2e6f02e}
.homepage #live.live-photo .live-small-title{text-shadow:0 0 14px #ffc15125}
.homepage #live.live-photo .kpi-card{border-color:#bfdced50;background:linear-gradient(145deg,#183b50b8,#071f31c7);box-shadow:inset 0 1px #e7f4ff14,0 4px 14px #02121d14}
.homepage #live.live-photo .live-row-label{color:#e7f3fa;text-shadow:0 1px 6px #031725}
.homepage #live.live-photo .live-chart-card{border-color:#bfdced55;background:linear-gradient(140deg,#0d2b40eb,#061b29ed)}
.homepage #live.live-photo :is(.kpi-label,.unit,.well-label){color:#c6dbe7}
.homepage #live.live-photo>.section-next-footer{z-index:2}
@media(min-width:901px) and (max-height:800px){
 .homepage #live.live-photo .live-context{padding:12px 14px}
 .homepage #live.live-photo .live-layout{grid-template-columns:minmax(280px,.52fr) minmax(0,1fr);gap:22px}
}
@media(max-width:900px){
 .silver.hero-layout.homepage main>#live.live-photo{padding-bottom:110px}
 .homepage #live.live-photo>.live-container{width:calc(100% - 40px)}
 .homepage #live.live-photo .live-landscape img{object-position:50% center}
 .homepage #live.live-photo .live-context{padding:20px}
}

/* Start date belongs to the total yield, including in offline snapshots. */
.homepage #live .live-kpi-since{margin-top:6px;font-size:11px;line-height:1.4;color:#c6dbe7;white-space:nowrap}

/* Reserve the actual fixed header height; content must never be cropped to fit. */
.silver.hero-layout.homepage main>#live.live-photo{
 --live-header-space:calc(32px + clamp(88px,6.1vw,110px));
 min-height:100svh;height:auto;max-height:none;display:block;
 padding-top:var(--live-top,var(--live-header-space));padding-bottom:72px;
 overflow:visible;overflow-anchor:none;scroll-margin-top:0
}
@media(max-width:1200px){.silver.hero-layout.homepage main>#live.live-photo{--live-header-space:108px}}
@media(max-width:480px){.silver.hero-layout.homepage main>#live.live-photo{--live-header-space:100px}}
@media(min-width:901px){
 .homepage #live .live-heading-row{margin-bottom:clamp(10px,1.5svh,20px);gap:28px}
 .homepage #live h2{font-size:clamp(26px,min(2.55vw,4.4svh),43px)}
 .homepage #live p{font-size:clamp(12px,1.55svh,13px);line-height:1.5}
 .homepage #live.live-photo .live-layout{grid-template-columns:minmax(280px,.42fr) minmax(0,1fr)}
 .homepage #live.live-photo .live-context{gap:clamp(8px,1.2svh,14px);padding:clamp(12px,1.8svh,18px)}
 .homepage #live .live-context-block{padding-bottom:clamp(7px,1.2svh,12px)}
 .homepage #live .kpi-card{padding:clamp(6px,1svh,10px) 10px}
 .homepage #live .kpi-value{font-size:clamp(20px,min(1.8vw,3.2svh),30px)}
 .homepage #live .live-chart-wrap{height:var(--live-chart-height,clamp(140px,22svh,330px));flex:0 0 auto}
 .homepage #live .live-chart-card{min-height:0}
}
@media(max-width:900px){
 .silver.hero-layout.homepage main>#live.live-photo{padding-bottom:110px}
}