@media screen{
 .event-card{--hazard:#087f88;--hazard-soft:#e7f5f6;--hazard-deep:#123e5b}
 .hazard-cyclone{--hazard:#326ba4;--hazard-soft:#e8f1fb;--hazard-deep:#163d65}
 .hazard-flood{--hazard:#087eae;--hazard-soft:#e5f5fb;--hazard-deep:#164d68}
 .hazard-quake{--hazard:#965a2c;--hazard-soft:#fbf0e5;--hazard-deep:#603d28}
 .hazard-fire{--hazard:#bb4936;--hazard-soft:#fff0e9;--hazard-deep:#71312d}
 .hazard-landslide{--hazard:#73763e;--hazard-soft:#f2f3e6;--hazard-deep:#454e2c}
 .hazard-drought{--hazard:#aa7a19;--hazard-soft:#fff7df;--hazard-deep:#6a501c}
 .hazard-wind{--hazard:#477d87;--hazard-soft:#e8f6f5;--hazard-deep:#245964}
 .hazard-multi{--hazard:#775b9b;--hazard-soft:#f2ecfa;--hazard-deep:#493960}
 .event-card[class*="hazard-"]{border:1px solid color-mix(in srgb,var(--hazard) 35%,white);border-top:5px solid var(--hazard);background:var(--hazard-soft);box-shadow:0 6px 18px #193e5710}
 .event-card[class*="hazard-"] .card-top{background:var(--hazard-deep);border-bottom:1px solid #ffffff26;padding:22px 24px;min-height:114px}
 .event-card[class*="hazard-"] .hazard-icon{width:72px;height:72px;border:1px solid #ffffff55;border-radius:18px;color:white;background:#ffffff12;box-shadow:none}
 .event-card[class*="hazard-"] .hazard-icon svg{width:49px;height:49px;stroke-width:1.5}
 .event-card[class*="hazard-"] .card-content{background:linear-gradient(135deg,var(--hazard-soft),#fff);padding:24px}
 .event-card[class*="hazard-"] .card-content h3{color:var(--hazard-deep);font-size:27px;line-height:1.4}
 .event-card[class*="hazard-"] .card-content .eyebrow{color:var(--hazard);font-size:16px;letter-spacing:.06em}
 .event-card[class*="hazard-"] .card-open{background:var(--hazard-deep);border-color:var(--hazard-deep);color:#fff;padding:14px 16px}
 .event-card[class*="hazard-"] .card-actions{background:var(--hazard-soft);border-color:#ffffff80}
 .event-card[class*="hazard-"]:hover{border-color:var(--hazard);box-shadow:0 10px 24px #193e571c}
 .event-hazard-emblem{display:grid;place-items:center;flex-shrink:0;width:104px;height:104px;background:#ffffff12;border:1px solid #ffffff4a;border-radius:24px;color:#c3e9ff}
 .event-hazard-emblem svg{width:77px;height:77px;stroke-width:1.4}
 #event-detail .event-hero-copy{flex:1;min-width:0}
 #event-detail .event-hero{gap:25px}
 #event-detail[data-hazard="cyclone"] .event-hero{background:#163d65;border-left-color:#75bedf}
 #event-detail[data-hazard="flood"] .event-hero{background:#164d68;border-left-color:#65cae6}
 #event-detail[data-hazard="fire"] .event-hero{background:#71312d;border-left-color:#f6ae74}
 #event-detail[data-hazard="quake"] .event-hero{background:#603d28;border-left-color:#e6b07c}
 #event-detail[data-hazard="landslide"] .event-hero{background:#454e2c;border-left-color:#c3cf7a}
 #event-detail[data-hazard="drought"] .event-hero{background:#6a501c;border-left-color:#f2cd70}
 #event-detail[data-hazard="multi"] .event-hero{background:#493960;border-left-color:#c6a6ef}
 #event-detail[data-hazard="wind"] .event-hero{background:#245964;border-left-color:#8ad8d8}
}
@media screen and (max-width:1100px){.event-hazard-emblem{width:76px;height:76px;border-radius:18px}.event-hazard-emblem svg{width:56px;height:56px}#event-detail .event-hero{flex-wrap:wrap}}
@media screen and (max-width:720px){.event-hazard-emblem{margin-bottom:20px}.event-card[class*="hazard-"] .card-content h3{font-size:24px}.event-card[class*="hazard-"] .card-content{padding:21px}.event-card[class*="hazard-"] .card-top{padding:18px 21px}.event-card[class*="hazard-"] .card-content .eyebrow{font-size:14px}}
@media print{.event-hazard-emblem{display:none}}