/* Same compact dark notice and MejorTorrent mascot; styles stay within this dialog. */
.mejor-discord {
    box-sizing: border-box;
    width: min(320px, calc(100% - 32px));
    max-width: none;
    max-height: calc(100% - 32px);
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 25px 32px;
    overflow-y: auto;
    border: 0;
    border-radius: 6px;
    background: #202225;
    color: #fff;
    box-shadow: 0 4px 8px rgb(9 22 29 / 8%);
    text-align: center;
    font-family: 'Mukta', sans-serif;
}
.mejor-discord::backdrop {
    background: #607d8b29;
    backdrop-filter: blur(5px);
}
.mejor-discord__qr { display: block; width: min(200px, 100%); margin: 0 auto; }
.mejor-discord__qr img { display: block; width: 100%; height: auto; border-radius: 5px; }
.mejor-discord h2 { margin: 12px 0 0; font-size: 18px; line-height: 26px; font-weight: 700; }
.mejor-discord p { margin: 0; font-size: 12px; line-height: 1.5; }
.mejor-discord__join {
    display: block;
    margin-top: 10px;
    padding: 10px 8px;
    border-radius: 20px;
    background: #5865f2;
    color: #fff;
    font-size: 20px;
    line-height: 1.4;
    text-decoration: none;
}
.mejor-discord__join:hover { background: #4752c4; }
.mejor-discord a:focus-visible { outline: 2px solid #e4bd45; outline-offset: 4px; }
@media (max-width: 440px) { .mejor-discord { padding: 22px 24px; } .mejor-discord__qr { width: 180px; } }

/* Include the navigation row in the header height so the notice cannot overlap it. */
.mejortorrent .bg-mejortorrent-header { max-height: none; }
.mejor-community-notice {
    margin: 16px 12px 0;
    padding: 10px 14px;
    border-left: 3px solid #c6a32c;
    border-radius: 3px;
    background: #f4e6b6;
    color: #352c18;
    font-size: 14px;
    line-height: 1.5;
}
.mejor-community-notice p { margin: 0; }
.mejor-community-notice p + p { margin-top: 3px; }
.mejor-community-notice a { color: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
.mejor-community-notice a:hover { color: #434db7; }
.mejor-community-notice a:focus-visible { outline: 2px solid #434db7; outline-offset: 3px; }