.utility-network-status a { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; }
.utility-network-status a::before { content: ''; width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #b7c6d5; }
.utility-network-status a[data-state="operational"]::before { background: #72dbb3; }
.utility-network-status a[data-state="incident"]::before { background: #ff947d; }
.utility-network-status a[data-state="maintenance"]::before { background: #8bcaff; }
.utility-network-status a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }

@media (max-width: 760px) {
    .utility-inner > .utility-network-status { display: block; }
    .utility-inner { height: auto; min-height: 35px; padding-block: 6px; gap: 8px 16px; flex-wrap: wrap; justify-content: space-between; }
}