
.eh-emergency { font-family:inherit; }
.eh-emergency__hero { margin-bottom:1rem; }
.eh-emergency__hero h2 { margin:0 0 .25rem; }
.eh-emergency__hero p { margin:0; color:#555; max-width:850px; }

.eh-emergency__notices {
    display:grid; gap:.7rem; margin:1rem 0;
}
.eh-emergency-notice {
    border:1px solid #ddd; border-left-width:6px; border-radius:6px;
    padding:1rem; background:#fff;
}
.eh-emergency-notice.is-info { border-left-color:#666; }
.eh-emergency-notice.is-warning { border-left-color:#d96700; background:#fff8ef; }
.eh-emergency-notice.is-major { border-left-color:#b42318; background:#fff2f0; }
.eh-emergency-notice__label {
    font-size:.72rem; font-weight:800; letter-spacing:.04em;
}
.eh-emergency-notice h3 { margin:.2rem 0 .4rem; }

.eh-emergency__danger {
    display:grid; grid-template-columns:1fr auto; gap:.2rem 1rem;
    align-items:center; border:2px solid #b42318; border-radius:7px;
    padding:1rem; margin:1rem 0;
}
.eh-emergency__danger strong { font-size:1.08rem; }
.eh-emergency__danger span { grid-column:1; }
.eh-emergency__danger a {
    grid-column:2; grid-row:1 / span 2;
    background:#b42318 !important; color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    text-decoration:none !important; font-weight:800;
    padding:.7rem 1rem; border-radius:5px;
}

.eh-emergency__quick {
    display:grid; grid-template-columns:repeat(5,minmax(0,1fr));
    gap:.65rem; margin:1rem 0 1.3rem;
}
.eh-emergency__quick a {
    display:block; border:1px solid #ddd; border-radius:6px;
    padding:.85rem; text-decoration:none !important; color:inherit !important;
}
.eh-emergency__quick a:hover,
.eh-emergency__quick a:focus { border-color:#888; }
.eh-emergency__quick strong,
.eh-emergency__quick span,
.eh-emergency__quick small { display:block; }
.eh-emergency__quick strong { font-size:1.25rem; }
.eh-emergency__quick span { font-weight:700; margin:.12rem 0 .28rem; }
.eh-emergency__quick small { color:#666; line-height:1.3; }
.eh-emergency__quick .is-emergency { border-left:5px solid #b42318; }
.eh-emergency__quick .is-gas { border-left:5px solid #d96700; }

.eh-emergency__section {
    border-top:1px solid #ddd; padding-top:1.05rem; margin-top:1.2rem;
}
.eh-emergency__section > h3 { margin:0 0 .75rem; }
.eh-emergency__cards {
    display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem;
}
.eh-emergency__cards.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.eh-emergency__cards article {
    border:1px solid #ddd; border-radius:6px; padding:.9rem;
}
.eh-emergency__cards h4 { margin:0 0 .35rem; }
.eh-emergency__cards p { margin:.35rem 0; }
.eh-emergency__cards a {
    display:inline-block; margin-top:.55rem; font-weight:700;
    text-decoration:none !important;
}

.eh-emergency__warning {
    border:1px solid #d8d8d8; border-left:5px solid #d96700;
    border-radius:6px; padding:.8rem .9rem; margin-top:.75rem;
}
.eh-emergency__small { color:#666; font-size:.82rem; }

.eh-emergency__local-links {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem;
}
.eh-emergency__local-links a {
    display:block; border:1px solid #ddd; border-radius:6px;
    padding:.85rem .9rem; text-decoration:none !important; color:inherit !important;
}
.eh-emergency__local-links a:hover,
.eh-emergency__local-links a:focus { border-color:#888; }
.eh-emergency__local-links strong,
.eh-emergency__local-links span { display:block; }
.eh-emergency__local-links span {
    color:#666; font-size:.82rem; margin-top:.2rem;
}

.eh-emergency__prepare {
    border:1px solid #ddd; border-radius:6px;
    padding:.9rem 1rem; margin-top:1.2rem;
}
.eh-emergency__prepare h3 { margin:0 0 .35rem; }
.eh-emergency__prepare p { margin:0; }

.eh-emergency__footer {
    border-top:1px solid #ddd; margin-top:1rem; padding-top:.75rem;
    color:#666; font-size:.79rem;
}

@media (max-width:900px) {
    .eh-emergency__quick { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .eh-emergency__cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:650px) {
    .eh-emergency__danger { display:block; }
    .eh-emergency__danger a { display:inline-block; margin-top:.7rem; }
    .eh-emergency__quick,
    .eh-emergency__cards,
    .eh-emergency__cards.two,
    .eh-emergency__local-links { grid-template-columns:1fr; }
}
