.ecj-hero{--blue:#2FAEF3;--dark:#0B1F33;--text:#25384A;--muted:#6F7E8D;--border:#DEE8EF;--soft:#F8FAFC;--orange:#F28C28;--cyan:#1D9BD1;--teal:#179C91;--purple:#7B61C9;--indigo:#5167C5;--green:#159B62;--red:#D84A4A;width:100%;display:grid;grid-template-columns:minmax(0,1fr) var(--ecj-side-width,390px);gap:12px;font-family:inherit;box-sizing:border-box}.ecj-hero *{box-sizing:border-box}.ecj-hero__feature,.ecj-hero__side{height:var(--ecj-hero-height,470px)}.ecj-hero__feature{position:relative;overflow:hidden;border-radius:10px;background:#dce5ea center/cover no-repeat;min-width:0}.ecj-hero__feature-link{position:absolute;inset:0;z-index:2}.ecj-hero__shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 38%,rgba(0,0,0,.12) 58%,rgba(0,0,0,.88) 100%)}.ecj-hero__copy{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:28px 32px;color:#fff}.ecj-hero__kicker{display:inline-block;margin-bottom:9px;padding:5px 9px;border-radius:4px;background:#fff;color:#111;font-size:12px;font-weight:800;letter-spacing:.6px}.ecj-hero__copy h2{margin:0;max-width:900px;font-size:clamp(30px,3vw,50px);line-height:1.02;letter-spacing:-1.2px;font-weight:800}.ecj-hero__copy h2 a{color:#fff!important;text-decoration:none!important}.ecj-hero__date{margin-top:9px;font-size:13px;opacity:.9}.ecj-hero__side{min-width:0;display:flex;flex-direction:column;overflow:hidden;border-top:3px solid var(--blue);border-bottom:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text)}.ecj-panel{border-bottom:1px solid var(--border);background:#fff}.ecj-panel--weather{padding:12px 14px 10px}.ecj-weather-head{display:flex;align-items:center;gap:11px}.ecj-weather-badge,.ecj-round{display:flex;align-items:center;justify-content:center;border-radius:50%;flex:0 0 auto}.ecj-weather-badge{width:54px;height:54px}.ecj-weather-badge i{font-size:31px}.weather-default{color:var(--blue);background:#EDF8FE}.weather-sun{color:#E2A008;background:#FFF8DD}.weather-cloud{color:#718399;background:#F1F4F7}.weather-rain{color:#258EC2;background:#EAF7FD}.weather-storm{color:#7356B8;background:#F1ECFF}.weather-snow{color:#4BA7C9;background:#EDF9FD}.weather-fog{color:#7A8792;background:#F2F4F5}.weather-night{color:#5368B7;background:#EFF1FD}.ecj-city{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:14px;font-weight:700}.ecj-city i{color:var(--red);font-size:16px}.ecj-temp{display:flex;align-items:flex-start;color:var(--dark);line-height:1}.ecj-temp strong{font-size:46px;line-height:46px;letter-spacing:-1.3px}.ecj-temp span{margin:3px 0 0 4px;font-size:16px;font-weight:700}.ecj-desc{margin-top:2px;color:var(--muted);font-size:13px}.ecj-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 6px;margin-top:10px;padding-top:9px;border-top:1px solid var(--border)}.ecj-metric{display:grid;grid-template-columns:18px minmax(0,1fr);grid-template-areas:"icon label" "icon value";column-gap:5px;align-items:center;min-width:0}.ecj-metric i{grid-area:icon;font-size:18px}.ecj-metric span{grid-area:label;color:var(--muted);font-size:10px;font-weight:600;line-height:1.1}.ecj-metric strong{grid-area:value;color:var(--dark);font-size:13px;line-height:1.1;white-space:nowrap}.m-temp i{color:var(--orange)}.m-humidity i{color:var(--cyan)}.m-wind i{color:var(--teal)}.m-direction i{color:var(--purple)}.m-pressure i{color:var(--indigo)}.m-visibility i{color:var(--green)}.ecj-row-panel{display:flex;align-items:center;gap:10px;min-height:78px;padding:9px 13px}.ecj-round{width:38px;height:38px}.ecj-round i{font-size:21px}.ecj-round--dollar{color:var(--green);background:#ECF8F2}.ecj-round--fuel{color:var(--orange);background:#FFF2E5}.ecj-row-body{min-width:0;flex:1}.ecj-row-title{margin-bottom:5px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.ecj-values{display:grid;gap:8px}.ecj-values--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ecj-values--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ecj-values span{display:block;color:var(--muted);font-size:10px}.ecj-values strong{display:block;margin-top:2px;color:var(--dark);font-size:20px;line-height:1.05}.ecj-values--3 strong{font-size:17px}.ecj-panel--bridges{padding:8px 13px;background:var(--soft)}.ecj-bridges-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.ecj-bridges-head>div{display:flex;align-items:center;gap:5px;color:var(--dark);font-size:12px}.ecj-bridges-head>div i{color:var(--blue);font-size:16px}.ecj-bridges-head a{display:flex;align-items:center;gap:3px;color:#178DCC!important;font-size:11px;font-weight:700;text-decoration:none!important}.ecj-bridges-list{color:var(--text);font-size:12px;font-weight:600;line-height:1.4}.ecj-footer{margin-top:auto;display:flex;align-items:center;gap:5px;min-height:27px;padding:5px 13px;border-bottom:0;color:#8795A1;font-size:10px}.ecj-footer i{color:var(--purple);font-size:13px}
@media(max-width:960px){.ecj-hero{grid-template-columns:1fr}.ecj-hero__feature{height:430px}.ecj-hero__side{height:auto}.ecj-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.ecj-hero{gap:8px}.ecj-hero__feature{height:360px}.ecj-hero__copy{padding:18px 16px}.ecj-hero__copy h2{font-size:28px}.ecj-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ecj-row-panel{min-height:74px}.ecj-values strong{font-size:18px}.ecj-values--3 strong{font-size:16px}}