.station-overview .hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px}
.hero-card{position:relative;padding:16px 18px;border-radius:16px;background:linear-gradient(180deg,#123250 0%,#0c2238 100%);border:1px solid #285170;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 26px rgba(1,9,18,.24);overflow:hidden}
.hero-card::after{content:"";position:absolute;right:-28px;top:-28px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(92,202,241,.18),rgba(92,202,241,0));pointer-events:none}
.hero-card-primary{background:linear-gradient(180deg,#144364 0%,#0d273f 100%);border-color:#3d7ba8}
.hero-label{display:block;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#90b8d6;margin-bottom:8px}
.hero-value{display:block;font-size:44px;line-height:1;font-weight:800;color:#fff;text-shadow:0 2px 12px rgba(72,190,234,.15)}
.hero-value-small{font-size:34px}
.hero-foot{display:block;margin-top:10px;font-size:12px;color:#bed5e6}

.forecast-panel h3{margin-bottom:4px}
.forecast-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.forecast-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:10px 0 18px}
.forecast-summary-card{position:relative;padding:16px 18px;border-radius:16px;background:linear-gradient(180deg,#10283f,#0a1f33);border:1px solid #274a67;box-shadow:0 10px 24px rgba(0,0,0,.18);overflow:hidden;min-height:108px}
.forecast-summary-card::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,#44c6f4,#5bf0d0)}
.forecast-summary-card.accent{background:linear-gradient(180deg,#143451,#0c2135);border-color:#3a6f9d}
.sum-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#8fb4cf;margin-bottom:8px}
.sum-value{display:block;font-size:31px;line-height:1.08;font-weight:800;color:#ffffff}
.sum-foot{display:block;margin-top:9px;font-size:12px;color:#c3d8e7}

.forecast-chart-shell{padding:18px 16px 8px;border-radius:18px;background:linear-gradient(180deg,rgba(9,29,46,.96),rgba(7,24,38,.96));border:1px solid #1e435f;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.chart-large{width:100%;height:auto;display:block}
.forecast-table-wrap{margin-top:14px}
.forecast-table-wrap table{width:100%;border-collapse:separate;border-spacing:0 8px}
.forecast-table-wrap thead th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#99bed7;padding:0 10px 6px;text-align:left}
.forecast-table-wrap tbody td{background:#0d2841;border-top:1px solid #214966;border-bottom:1px solid #214966;padding:12px 10px;font-size:15px;color:#eef7fc}
.forecast-table-wrap tbody tr td:first-child{border-left:1px solid #214966;border-radius:10px 0 0 10px;font-weight:700}
.forecast-table-wrap tbody tr td:last-child{border-right:1px solid #214966;border-radius:0 10px 10px 0}
.forecast-table-wrap tbody tr:hover td{background:#133451}

#forecastChart .axis-label{fill:#d4ecf9;font-size:15px;font-weight:700}
#forecastChart .axis-sub{fill:#88afcc;font-size:12px;font-weight:600}
#forecastChart .y-grid{stroke:#224763;stroke-width:1}
#forecastChart .x-grid{stroke:#17344b;stroke-width:1}
#forecastChart .band{fill:#46c2ec;opacity:.16}
#forecastChart .line{fill:none;stroke:#6be0ff;stroke-width:4.6;stroke-linecap:round;stroke-linejoin:round}
#forecastChart .point{fill:#8ff0ff;stroke:#072136;stroke-width:3}
#forecastChart .guide{stroke:#2a5978;stroke-dasharray:4 5}
#forecastChart .pill-label{fill:#0a2237;stroke:#4dd6ff;stroke-width:1.1;rx:12;ry:12}
#forecastChart .pill-text{fill:#ffffff;font-size:15px;font-weight:800}

@media (max-width: 900px){
  .hero-value{font-size:38px}
  .hero-value-small{font-size:30px}
  .sum-value{font-size:27px}
}
@media (max-width: 640px){
  .forecast-chart-shell{padding:10px 6px 0}
  .forecast-summary-grid{grid-template-columns:1fr 1fr}
  .hero-grid{grid-template-columns:1fr 1fr}
}

/* Nagyméretű, teljes szélességű előrejelzési grafikon és középre zárt adatsorok */
.forecast-panel{min-width:0}
.forecast-table-wrap{width:100%;margin:18px 0 22px;overflow-x:auto}
.forecast-table-wrap table{width:100%;min-width:480px;border-spacing:0 8px;table-layout:fixed}
.forecast-table-wrap thead th{text-align:center!important;padding:9px 12px!important;font-size:14px;font-weight:750}
.forecast-table-wrap tbody td{text-align:center!important;padding:15px 12px!important;font-size:18px;font-weight:700}
.forecast-table-wrap tbody td:nth-child(2){font-size:21px;color:#91e8ff;font-weight:850}
.forecast-table-wrap tbody td:nth-child(3){color:#d4e9f6}
.forecast-chart-shell{width:100%;box-sizing:border-box;padding:18px 8px 0;margin:0;overflow:hidden}
.forecast-chart-shell .chart-large{display:block;width:100%;max-width:none;height:auto;min-height:425px;aspect-ratio:2 / 1;}
#forecastChart .axis-label{font-size:18px}
#forecastChart .axis-sub{font-size:14px}
#forecastChart .pill-text{font-size:20px;font-weight:850}
#forecastChart .line{stroke-width:5.4}
#forecastChart .point{stroke-width:3.5}
@media(max-width:760px){
 .forecast-chart-shell{overflow-x:auto;}
 .forecast-chart-shell .chart-large{width:850px;max-width:none;min-height:425px;}
 .forecast-table-wrap tbody td{font-size:15px}
 .forecast-table-wrap tbody td:nth-child(2){font-size:17px}
}