
.eh-util { font-family: inherit; }
.eh-util__hero {
    display:flex; justify-content:space-between; align-items:flex-start;
    gap:1rem; margin-bottom:1rem;
}
.eh-util__hero h2 { margin:0 0 .25rem; }
.eh-util__hero p { margin:0; color:#666; max-width:760px; }
.eh-util__updated { color:#666; font-size:.84rem; white-space:nowrap; }
.eh-util__notices { display:grid; gap:.7rem; margin:1rem 0; }
.eh-util-notice {
    border:1px solid #ddd; border-left-width:5px; border-radius:6px;
    padding:.9rem 1rem; background:#fff;
}
.eh-util-notice.is-info { border-left-color:#666; }
.eh-util-notice.is-warning { border-left-color:#c58a00; background:#fffaf0; }
.eh-util-notice.is-major { border-left-color:#b42318; background:#fff4f2; }
.eh-util-notice__type {
    font-size:.72rem; font-weight:800; text-transform:uppercase; color:#666;
}
.eh-util-notice h3 { margin:.2rem 0 .35rem; }
.eh-util__section-head h3 { margin-bottom:.25rem; }
.eh-util__section-head p { margin-top:0; color:#666; }
.eh-util__status {
    border:1px solid #ddd; border-left-width:5px; border-radius:6px;
    padding:.85rem 1rem; margin:.9rem 0;
}
.eh-util__status strong, .eh-util__status span { display:block; }
.eh-util__status span { margin-top:.2rem; }
.eh-util__status.is-clear { border-left-color:#45845c; background:#f3faf5; }
.eh-util__status.is-warning { border-left-color:#d96700; background:#fff6ed; }
.eh-util__status.is-neutral { border-left-color:#777; }
.eh-util__faults { display:grid; gap:.7rem; }
.eh-util-fault {
    border:1px solid #ddd; border-radius:6px; padding:.9rem;
}
.eh-util-fault__top { display:flex; justify-content:space-between; gap:1rem; }
.eh-util-fault__top span { color:#666; font-size:.8rem; }
.eh-util-fault p { margin:.45rem 0; }
.eh-util-fault__meta {
    display:flex; flex-wrap:wrap; gap:.4rem 1rem; color:#666; font-size:.8rem;
}
.eh-util__actions {
    display:grid; gap:.7rem; margin-top:.8rem;
}
.eh-util__actions.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.eh-util__actions a,
.eh-util-card__links a {
    text-decoration:none !important;
}
.eh-util__actions a {
    border:1px solid #ddd; border-radius:6px; padding:.85rem .9rem;
    color:inherit !important;
}
.eh-util__actions a:hover, .eh-util__actions a:focus { border-color:#999; }
.eh-util__actions strong, .eh-util__actions span { display:block; }
.eh-util__actions span { color:#666; font-size:.82rem; margin-top:.2rem; }
.eh-util__grid {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.8rem; margin-top:1.2rem;
}
.eh-util-card {
    border:1px solid #ddd; border-radius:6px; padding:1rem;
}
.eh-util-card h3 { margin:0 0 .4rem; }
.eh-util-card p { margin:.35rem 0 .7rem; }
.eh-util-card__numbers {
    border-top:1px solid #eee; padding-top:.65rem; margin-top:.65rem;
}
.eh-util-card__links {
    display:flex; flex-wrap:wrap; gap:.45rem .9rem; margin-top:.75rem;
}
.eh-util-card__links a { font-weight:700; }
.eh-util__emergency {
    border:1px solid #ddd; border-left:5px solid #b42318; border-radius:6px;
    padding:.9rem 1rem; margin-top:1.1rem;
}
.eh-util__emergency h3 { margin:0 0 .3rem; }
.eh-util__emergency p { margin:0; }
.eh-util__footer {
    border-top:1px solid #ddd; margin-top:1rem; padding-top:.75rem;
    color:#666; font-size:.79rem;
}
@media (max-width:760px) {
    .eh-util__hero { display:block; }
    .eh-util__updated { margin-top:.4rem; white-space:normal; }
    .eh-util__grid, .eh-util__actions.two { grid-template-columns:1fr; }
    .eh-util-fault__top { display:block; }
}
