/* The community header is dark on its public pages. Keep its compact menu in
   the same constellation palette instead of inheriting the old light drawer. */
@media (max-width: 1279px) {
    body.community-site .community-nav__links {
        z-index: 50;
        border-bottom: 1px solid rgba(142, 214, 251, .32);
        background:
            radial-gradient(circle at 17% 0, rgba(91, 210, 237, .24), transparent 38%),
            radial-gradient(circle at 86% 115%, rgba(154, 135, 245, .22), transparent 42%),
            linear-gradient(120deg, #07152d, #102649 55%, #171d43);
        box-shadow: 0 22px 40px rgba(2, 9, 29, .55), inset 0 1px rgba(255, 255, 255, .09);
        backdrop-filter: blur(18px);
    }

    body.community-site .community-nav__links > a {
        min-height: 46px;
        border: 1px solid rgba(152, 204, 244, .28);
        border-radius: 12px;
        color: #f5f9ff;
        background: rgba(149, 185, 239, .1);
        font-weight: 850;
        text-shadow: none;
        transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
    }

    body.community-site .community-nav__links > a:is(:hover, :focus-visible, [aria-current="page"], .is-active) {
        border-color: #a9eeff;
        color: #071b37;
        background: linear-gradient(120deg, #b8f5ff, #b5c7ff);
        text-shadow: none;
    }

    body.community-site .community-nav__links > a:focus-visible {
        outline: 3px solid #ffd679;
        outline-offset: 2px;
    }

    body.community-site .community-menu-toggle {
        border: 1px solid rgba(139, 224, 248, .65);
        border-radius: 11px;
        color: #e9fbff;
        background: linear-gradient(145deg, #102b52, #1d2855);
        box-shadow: 0 5px 18px rgba(4, 13, 39, .3);
        transition: border-color .18s ease, background .18s ease;
    }

    body.community-site .community-menu-toggle[aria-expanded="true"] {
        border-color: #b6f1ff;
        background: linear-gradient(145deg, #15527a, #35346e);
    }

    body.community-site .community-menu-toggle:focus-visible {
        outline: 3px solid #ffd679;
        outline-offset: 3px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.community-site .community-nav__links > a,
    body.community-site .community-menu-toggle { transition: none; }
}