/* Low specificity: existing navigation and button colors keep their priority. */
:where(a[href]) {
  color: var(--gold, #d3a35d);
  text-underline-offset: .22em;
  text-decoration-thickness: .08em;
}
:where(a[href]:hover) { color: var(--gold-light, #f5d39c); }
:where(a[href]:focus-visible) { outline: 3px solid #e9bb6b; outline-offset: 4px; }
.service-status { margin: 18px 0; padding: 16px 20px; border: 1px solid var(--line, #3c3328); background: var(--panel, #151310); color: var(--ink, #f5f0e7); }
.service-status a { display: inline-block; margin-top: 8px; }
.system-check { max-width: 960px; margin: 40px auto; }
.system-check table { width: 100%; border-collapse: collapse; margin: 24px 0; font-size: .9rem; }
.system-check td,.system-check th { text-align: left; padding: 12px; border-bottom: 1px solid var(--line, #3c3328); overflow-wrap: anywhere; }
.check-ok { color: #b6dfb2; }
.check-error { color: #ffc2a8; }
.check-neutral { color: #dbc48e; }
.check-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0; }
.check-details { white-space: pre-wrap; overflow-wrap: anywhere; }
@media(max-width:600px) { .system-check td,.system-check th { padding: 10px 5px; } }