#service-maintenance {
  position: fixed; inset: 0; z-index: 2147483647; overflow: auto;
  display: grid; align-items: center; background: #f7f9fa; color: #1e292d;
  font: 16px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif;
  letter-spacing: 0; text-align: left; padding: 32px 24px; box-sizing: border-box;
}
#service-maintenance[hidden] { display: none !important; }
#service-maintenance * { box-sizing: border-box; letter-spacing: 0; }
#service-maintenance .maintenance-content { width: 100%; max-width: 660px; margin: auto; }
#service-maintenance .maintenance-brand { font-size: 18px; font-weight: 650; margin-bottom: 44px; }
#service-maintenance .maintenance-status { color: #8d560d; font-size: 14px; margin-bottom: 12px; }
#service-maintenance h1 { font-size: 34px; line-height: 1.2; margin: 0 0 22px; overflow-wrap: anywhere; }
#service-maintenance p { margin: 0 0 28px; max-width: 620px; }
#service-maintenance a { color: #136f91; text-decoration: underline; text-underline-offset: 3px; }
#service-maintenance button { border: 1px solid #126975; border-radius: 6px; background: #126975; color: #fff; min-height: 44px; padding: 10px 18px; font: inherit; cursor: pointer; max-width: 100%; white-space: normal; }
#service-maintenance button:disabled { opacity: .6; cursor: wait; }
#service-maintenance :focus-visible { outline: 3px solid #168ac1; outline-offset: 4px; }
#service-maintenance .maintenance-connection { font-size: 14px; color: #5d686e; margin-top: 20px; }
@media (max-width: 480px) {
  #service-maintenance { padding: 28px 20px; }
  #service-maintenance h1 { font-size: 28px; }
  #service-maintenance .maintenance-brand { margin-bottom: 32px; }
}