/* Shared discussion wayfinding and contrast. This file loads after the feature themes. */
.community-site .community-nav__official-home {
    border-color:rgba(255,214,121,.48);
    color:#ffe8af;
    background:rgba(255,214,121,.1);
}
.community-site .community-nav__official-home:hover,
.community-site .community-nav__official-home:focus-visible {
    border-color:#ffe0a0;
    color:#10203c;
    background:#ffe0a0;
}
.community-site .community-nav__official-home span { font-size:1rem; }

@media (min-width:1280px) {
    .community-site .community-header__inner {
        grid-template-columns:200px minmax(0,1fr) auto;
        gap:12px;
        width:min(1480px,calc(100% - 32px));
    }
    .community-site .community-brand img { width:190px; }
    .community-site .community-nav__links { gap:2px; }
    .community-site .community-nav__links a { padding-inline:7px; font-size:.86rem; }
}

.community-site .message-board-alert {
    border-color:#dcad42;
    color:#342609;
    background:#fff3cd;
    font-weight:650;
    line-height:1.75;
    box-shadow:0 12px 28px rgba(0,0,0,.13);
}
.community-site .message-board-alert strong { color:#241b08; }

.message-board-page .community-space-hero { align-items:center; }
.message-board-page .community-space-hero .message-board-page-header__copy {
    position:relative;
    z-index:2;
    max-width:680px;
}
.message-board-page .community-space-hero .message-board-page-header__cta {
    display:inline-flex;
    min-height:54px;
    gap:10px;
    margin-top:28px;
    padding:12px 25px;
    border:1px solid rgba(var(--space-accent-rgb),.65);
    border-radius:999px;
    color:#071426;
    background:linear-gradient(120deg,var(--space-accent),#d9faff);
    box-shadow:0 12px 32px rgba(var(--space-accent-rgb),.23);
    font-size:1rem;
    font-weight:900;
    text-decoration:none;
    transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.message-board-page .community-space-hero .message-board-page-header__cta:hover,
.message-board-page .community-space-hero .message-board-page-header__cta:focus-visible {
    color:#071426;
    box-shadow:0 16px 40px rgba(var(--space-accent-rgb),.42);
    filter:brightness(1.08);
    transform:translateY(-3px);
}
.message-board-page .community-space-hero .message-board-page-header__cta:focus-visible {
    outline:3px solid #fff;
    outline-offset:4px;
}
.message-board-page .community-space-hero .community-space-symbol {
    animation:community-discussion-glow 7s ease-in-out infinite alternate;
}
.message-board-page .community-space-hero .community-space-symbol i {
    animation:community-discussion-twinkle 4s ease-in-out infinite alternate;
}
.message-board-page .community-space-hero .community-space-symbol i:nth-of-type(2) { animation-delay:-1.5s; }
.message-board-page .community-space-hero .community-space-symbol i:nth-of-type(3) { animation-delay:-3s; }
@keyframes community-discussion-glow {
    from { box-shadow:0 0 35px rgba(var(--space-accent-rgb),.08),0 0 0 18px rgba(var(--space-accent-rgb),.025); }
    to { box-shadow:0 0 70px rgba(var(--space-accent-rgb),.27),0 0 0 26px rgba(var(--space-accent-rgb),.05); }
}
@keyframes community-discussion-twinkle {
    from { opacity:.45; transform:scale(.7); }
    to { opacity:1; transform:scale(1.3); }
}

.community-circle-nav > div { gap:8px; }
.community-circle-nav a { white-space:normal; text-align:center; }
.community-circle-nav a:focus-visible { outline:3px solid #ffd679; outline-offset:2px; }

@media (max-width:1279px) {
    body.community-site .community-nav__links > .community-nav__official-home {
        border-color:rgba(255,214,121,.6);
        color:#ffe8af;
        background:rgba(255,214,121,.12);
    }
    body.community-site .community-nav__links > .community-nav__official-home:hover,
    body.community-site .community-nav__links > .community-nav__official-home:focus-visible {
        color:#10203c;
        background:#ffe0a0;
    }
}
@media (max-width:760px) {
    .community-circle-nav > div {
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        overflow:visible;
    }
    .community-circle-nav > div a { flex:auto; }
    .message-board-page .community-space-hero {
        min-height:420px;
        padding-bottom:148px;
    }
    .message-board-page .community-space-hero .community-space-symbol {
        width:105px;
        right:30px;
        bottom:20px;
        opacity:.78;
    }
    .message-board-page .community-space-hero .message-board-page-header__cta {
        position:relative;
        left:auto;
        bottom:auto;
        margin-top:22px;
    }
}
@media (prefers-reduced-motion:reduce) {
    .message-board-page .community-space-hero .community-space-symbol,
    .message-board-page .community-space-hero .community-space-symbol i { animation:none; }
    .message-board-page .community-space-hero .message-board-page-header__cta { transition:none; }
    .message-board-page .community-space-hero .message-board-page-header__cta:hover { transform:none; }
}
