/* Natural Hazards Atlas — Event Card refinements. */
.brand-logo { height: 44px; max-width: 44px; width: auto; object-fit: contain; display: block; flex-shrink: 0; }
.event-card { transition: box-shadow .18s ease; }
.card-art { isolation: isolate; border-bottom: 1px solid rgba(231,225,215,.13); }
.card-art.has-image { background-position: 50% 45%; background-repeat: no-repeat; background-size: cover; }
.card-art.has-image::after { background: linear-gradient(180deg,rgba(10,15,17,.32) 0%,transparent 35%,rgba(17,23,26,.94) 100%); }
.card-topline { text-shadow: 0 1px 7px rgba(0,0,0,.65); }
.event-title { overflow-wrap: break-word; }
.card-inner { scrollbar-width: thin; scrollbar-color: #5c6060 transparent; }
.stats { gap: 12px; }
.stat + .stat { border-left: 1px solid rgba(231,225,215,.11); padding-left: 10px; }
.insight b { letter-spacing: .045em; }
.source a { overflow-wrap: anywhere; }
@media (max-width:720px) {
 .brand-logo { max-width: 105px; height: 34px; }
 .stats { gap: 6px; }
 .stat + .stat { padding-left: 6px; }
}