.green .service-icon { background: #258b49; }
a:focus-visible, button:focus-visible { outline: 3px solid #d6163a; outline-offset: 4px; }
.server-address code { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 700px) {
  .mascot { animation: none; }
}
@media (max-width: 400px) {
  .tiny-strip { flex-wrap: wrap; gap: 4px; }
  .logo-zone { grid-template-columns: 70px minmax(0, 1fr); gap: 2px; }
  .wordmark h1 { font-size: 38px; letter-spacing: -3px; }
  .welcome { font-size: 13px; }
  .mascot { margin-left: -4px; }
  .server-address { flex-wrap: wrap; }
  .server-address button { padding: 8px; }
}