#header .fu-notification-dropdown {
    box-sizing: border-box;
    overflow-y: auto;
    overscroll-behavior: contain;
    max-height: calc(100vh - 12rem);
    max-height: var(--fu-notice-room, calc(100dvh - 12rem));
    scrollbar-width: thin;
    scrollbar-color: #67717b #22282e;
}

#content .fu-modqueue {
    margin: 0 0 14px;
    padding: 9px 14px;
    color: #e2e7eb;
    background: #24292e;
    border: 1px solid #42494f;
    border-inline-start: 3px solid #b7a27b;
    font: 13px/1.5 Verdana, Arial, sans-serif;
}

.fu-modqueue a { color: #e2e7eb; text-decoration: underline; text-underline-offset: 2px; }
.fu-saved-empty { margin: 0; padding: 10px 0; color: #d0d7de; line-height: 1.55; }

.fu-contact {
    border: 1px solid #42484e;
    background: #202428;
    color: #e3e9ee;
}

.fu-contact h1 {
    margin: 0;
    padding: 13px 18px;
    background: #33383e;
    border-bottom: 1px solid #42484e;
    font: bold 18px/1.4 Verdana, Arial, sans-serif;
}

.fu-contact form { margin: 0; padding: clamp(14px, 2vw, 24px); }
.fu-contact label { display: block; margin: 18px 0 6px; font-weight: bold; }
.fu-contact label:first-of-type { margin-top: 0; }
.fu-contact input:not([type=hidden]), .fu-contact textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 9px 10px;
    border: 1px solid #59636e;
    border-radius: 3px;
    background: #191d21;
    color: #edf1f4;
    font: inherit;
}
.fu-contact textarea { display: block; resize: vertical; min-height: 9em; }
.fu-contact small { display: block; margin: 5px 0 0; color: #b9c2ca; }
.fu-contact .button { margin-top: 18px; padding: 7px 18px; }
.fu-contact :focus-visible { outline: 2px solid #aec7dc; outline-offset: 2px; }
.fu-contact-captcha:empty { display: none; }
@media (max-width: 600px) {
    .fu-contact-captcha, .fu-contact-captcha td { max-width: 100%; box-sizing: border-box; }
    .fu-contact-captcha td { display: block; width: auto; }
    .fu-contact-captcha table { max-width: 100%; }
}