.maintenance-notice[hidden] { display: none !important; }
.maintenance-notice {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 20px;
    padding: 15px 18px;
    border: 1px solid #a98d39;
    border-radius: 14px;
    background: #292313;
    color: #fff4cf;
    font: 14px/1.45 ui-sans-serif, system-ui, sans-serif;
    text-align: left;
    overflow-wrap: anywhere;
}
.maintenance-notice[data-maintenance-phase="active"] { border-color: #e6a365; background: #362016; color: #ffeedf; }
.maintenance-notice strong { display: block; font-size: 16px; }
.maintenance-notice p { margin: 6px 0 0; }
.maintenance-notice small { display: block; margin-top: 7px; color: inherit; opacity: .86; }
[data-maintenance-login-submit]:disabled { opacity: .6; cursor: not-allowed; }