*{box-sizing:border-box}body{color:#111827;background:#f3f5f8;margin:0;font-family:Arial,Helvetica,sans-serif}.situation-page{width:min(1200px,100% - 40px);margin:auto;padding:54px 0 80px}.situation-hero{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:34px;display:flex}.eyebrow,.card-kicker{color:#e31e24;letter-spacing:.13em;margin-bottom:8px;font-size:11px;font-weight:900;display:block}.situation-hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(34px,5vw,58px);line-height:.98}.situation-hero p{color:#667085;margin:15px 0 0;font-size:17px}.updated{text-align:right}.updated span,.metric span,.quick-card div span{color:#98a2b3;letter-spacing:.1em;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.main-grid,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.single-card-grid{grid-template-columns:1fr}.info-card,.river-chart-card,.train-card{background:#fff;border:1px solid #e4e7ec;border-radius:18px;padding:30px;position:relative;overflow:hidden;box-shadow:0 10px 35px #1018280f}.info-card{min-height:350px}.info-card:before{content:"";width:100%;height:5px;position:absolute;top:0;left:0}.water-card:before{background:#173d70}.card-head,.water-main{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.card-head h2{margin:0;font-size:24px}.big-icon{font-size:48px}.water-main{align-items:center;gap:25px;min-height:120px;margin:28px 0;display:flex}.water-main strong{letter-spacing:-.06em;font-size:clamp(64px,8vw,88px);line-height:.9}.water-main>div:first-child{align-items:baseline;gap:7px;display:flex}.water-main>div:first-child span{color:#667085;font-size:20px;font-weight:700}.water-trend{color:#173d70;background:#eef4fb;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:800}.metrics{border-top:1px solid #eaecf0;border-bottom:1px solid #eaecf0;grid-template-columns:1fr 1fr;display:grid}.metric{padding:18px 0}.metric+.metric{border-left:1px solid #eaecf0;padding-left:22px}.metric strong{font-size:18px}.source{color:#98a2b3;margin-top:16px;font-size:10px}.section-block{margin-top:52px}.section-heading{border-bottom:2px solid #e31e24;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;padding-bottom:14px;display:flex}.section-heading h2{margin:0;font-size:28px}.section-heading small{color:#667085;font-size:12px}.river-chart-card{padding:24px}.chart-scroll{overflow-x:auto}.chart-scroll svg{width:100%;min-width:680px;height:auto;display:block}.grid{stroke:#e5e7eb;stroke-width:1px}.line{fill:none;stroke:#0b5da7;stroke-width:4px;stroke-linejoin:round;stroke-linecap:round}.dot{fill:#e31e24;stroke:#fff;stroke-width:3px}.axis{fill:#667085;font-size:13px}.value{fill:#111827;font-size:14px;font-weight:700}.chart-note{color:#667085;margin:12px 0 0;font-size:12px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:16px}.quick-card{background:#fff;border:1px solid #e4e7ec;border-radius:14px;align-items:center;gap:15px;min-height:125px;padding:20px;display:flex}.quick-icon{font-size:30px}.quick-card strong{font-size:19px;line-height:1.2;display:block}.card-sub{color:#667085;margin-top:5px;font-size:12px;line-height:1.35;display:block}.train-card{align-items:center;gap:20px;min-height:150px;display:flex}.train-card>span{font-size:42px}.train-card strong{font-size:18px}.train-card p{color:#667085;margin:7px 0 0;line-height:1.55}@media (width<=800px){.situation-page{width:min(100% - 28px,1200px);padding-top:34px}.situation-hero,.section-heading{display:block}.updated{text-align:left;margin-top:22px}.main-grid,.quick-grid{grid-template-columns:1fr}.info-card{min-height:0;padding:22px}.water-main{flex-direction:column;align-items:flex-start}.section-heading small{margin-top:10px;display:block}}.train-card{display:block;padding:0!important;overflow:visible!important}.train-loading{color:#667085;margin:0;padding:28px}.train-groups{border-radius:18px;width:100%;overflow:hidden}.train-group+.train-group{border-top:10px solid #f3f5f8}.train-group>header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:18px 28px;display:flex}.train-group>header b{font-size:16px}.train-group>header small{color:#64748b;font-size:11px}.train-empty{color:#667085;margin:0;padding:24px 28px;font-size:13px}.train-item{border-bottom:1px solid #eaecf0;padding:22px 28px}.train-item:last-child{border-bottom:0}.train-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.train-meta strong{font-size:19px}.train-kind,.delay{letter-spacing:.08em;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900}.train-kind.arrival{color:#075985;background:#e0f2fe}.train-kind.departure{color:#166534;background:#dcfce7}.delay{color:#166534;letter-spacing:0;background:#dcfce7;font-size:12px}.delay.late{color:#b42318;background:#fee4e2}.train-relation,.train-last{color:#475467;margin:7px 0 0;font-size:13px}.train-last{font-size:12px}.train-timeline{-webkit-overflow-scrolling:touch;scrollbar-color:#94a3b8 transparent;width:100%;margin-top:18px;padding:0 0 12px;overflow-x:auto}.train-track{align-items:flex-start;width:100%;min-width:900px;padding:53px 0 0;display:flex;position:relative}.train-line{background:linear-gradient(90deg,#0b5da7,#60a5fa 48%,#e31e24);border-radius:999px;height:5px;position:absolute;top:58px;left:18px;right:18px;box-shadow:0 2px 6px #0b5da738}.train-stop{z-index:1;color:#64748b;background:linear-gradient(90deg,#0000 45%,#dbe5f0 45% 55%,#0000 55%) 50% 41px/100% 10px no-repeat;flex:1 0 100px;padding:15px 6px 0;font-size:11px;position:relative}.train-stop:before{content:"";background:#fff;border:4px solid #94a3b8;border-radius:50%;width:14px;height:14px;position:absolute;top:40px;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #0f172a33}.train-stop.past:before{border-color:#0b5da7}.train-stop.target:before{background:#fee2e2;border-color:#e31e24}.train-stop b,.train-stop small{text-align:center;display:block}.train-stop b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.train-stop small{color:#0b5da7;margin-top:4px;font-weight:800}.train-marker{z-index:3;background:#e31e24;border:3px solid #fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:22px;font-style:normal;line-height:1;display:grid;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 5px 14px #e31e245c}.train-live:after{color:#e31e24;content:"UTOLSÓ HELY";letter-spacing:.08em;white-space:nowrap;font-size:8px;font-weight:900;position:absolute;top:-25px;left:50%;transform:translate(-50%)}@media (width<=800px){.train-group>header{padding:16px 20px;display:block}.train-group>header small{margin-top:5px;display:block}.train-item{padding:20px}.train-timeline{width:calc(100% + 20px);margin-right:-20px}.train-track{min-width:820px}.train-stop{flex-basis:94px;font-size:10px}.train-stop b{font-size:10px}.train-marker{width:34px;height:34px;font-size:19px}}