#fuel-overview { --ev-ref:#6A717A; --ev-grid:#ECEEF0; --ev-band:rgb(43 143 150 / 14%); }
.fuel-lede { margin:6px 0 0; color:var(--muted); font-size:13px; max-width:760px; }
.fuel-visuals { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--line); }
.fuel-chart { padding:24px 26px 22px 0; min-width:0; }
.fuel-chart + .fuel-chart { padding-left:26px; border-left:1px solid var(--line); }
.fuel-chart h3 { font-size:14px; margin:0; }
.fuel-chart-note { margin:4px 0 12px; color:var(--muted); font-size:12px; }
.fuel-chart-note a { color:inherit; }
.fuel-block { padding-bottom:12px; }
.fuel-table th.num, .fuel-table td.num { text-align:right; }
.fuel-table td details { margin-top:6px; font-size:12px; color:var(--muted); max-width:560px; }
.fuel-table td details summary { cursor:pointer; color:var(--accent); }
.fuel-table td details p { margin:6px 0 0; line-height:1.45; }
.fuel-table td details a { color:inherit; }
.fuel-table .fuel-total td { font-weight:650; border-bottom:0; }
.fuel-bookings { max-width:560px; padding:22px 0 6px; }
.fuel-bookings h4 { font-size:13px; margin:0 0 16px; }
.fuel-checks { list-style:none; margin:0; padding:0; }
.fuel-check { display:grid; grid-template-columns:110px minmax(0,1fr); gap:12px; padding:12px 0; border-bottom:1px solid var(--line); font-size:13px; line-height:1.45; }
.fuel-check-status { display:inline-flex; align-items:flex-start; gap:6px; font-size:12px; font-weight:600; }
.fuel-check-status b { display:inline-grid; place-items:center; width:16px; height:16px; border-radius:50%; font-size:10px; color:#fff; background:var(--muted); flex:none; margin-top:1px; }
.fuel-check.ok .fuel-check-status b { background:var(--accent); }
.fuel-check.differs .fuel-check-status { color:var(--amber); }
.fuel-check.differs .fuel-check-status b { background:var(--amber); }
.fuel-note { border-bottom:1px solid var(--line); padding:12px 0; font-size:13px; line-height:1.5; }
.fuel-note summary { cursor:pointer; font-weight:600; }
.fuel-note p { margin:8px 0 0; color:var(--ink); max-width:860px; }
.fuel-note a { color:var(--accent); }
.fuel-note-state { display:inline-block; margin-right:8px; padding:1px 8px; border-radius:var(--pill); background:var(--soft); color:var(--muted); font-size:11px; font-weight:600; }
.fuel-note-state.open { background:var(--amber-soft); color:var(--amber); }
@media(max-width:700px) { .fuel-visuals { grid-template-columns:1fr; } .fuel-chart, .fuel-chart + .fuel-chart { padding:22px 0; border-left:0; } .fuel-chart + .fuel-chart { border-top:1px solid var(--line); } .fuel-table { min-width:620px; } .fuel-check { grid-template-columns:1fr; gap:4px; } }
.fuel-lng .fuel-chart:last-child { align-self:center; }
.fuel-outage-group { padding:4px 0 14px; }
.fuel-outage-group h4 { font-size:13px; margin:10px 0 4px; }
.fuel-outage-group h4 span { color:var(--muted); font-weight:400; margin-left:6px; }
.fuel-outages { list-style:none; margin:0; padding:0; }
.fuel-outages li { display:grid; grid-template-columns:84px minmax(0,1fr); gap:12px; padding:11px 0; border-bottom:1px solid var(--line); font-size:13px; line-height:1.45; }
.fuel-outages small { display:block; color:var(--muted); margin-top:2px; font-variant-numeric:tabular-nums; }
.fuel-outages p { margin:4px 0 0; max-width:860px; }
.fuel-outage-state { align-self:start; justify-self:start; padding:1px 8px; border-radius:var(--pill); background:var(--soft); color:var(--muted); font-size:11px; font-weight:600; }
.fuel-outage-state.active { background:var(--amber-soft); color:var(--amber); }
.fuel-outage-state.upcoming { background:var(--accent-soft); color:var(--accent); }
@media(max-width:700px) { .fuel-outages li { grid-template-columns:1fr; gap:4px; } }