/* One restrained action language for the public site, tinted by its season. */
html[data-season]{
    --action-solid:color-mix(in srgb,var(--season-main) 45%,#22334b);
    --action-solid-hover:color-mix(in srgb,var(--season-main) 58%,#22334b);
    --action-edge:color-mix(in srgb,var(--season-main) 31%,rgba(255,255,255,.24));
    --action-shadow:color-mix(in srgb,var(--season-main) 16%,rgba(1,9,22,.26));
}
html[data-season] .nav-wrap .container{width:min(1340px,calc(100% - 32px))}
@media (min-width:921px) and (max-width:1260px){
    html[data-season] .nav-wrap .nav{position:relative}
    html[data-season] .nav-wrap .menu-toggle{display:inline-flex;margin-left:auto}
    html[data-season] .nav-wrap .menu{
        position:absolute;
        top:calc(100% + 8px);
        right:16px;
        z-index:120;
        display:none;
        width:min(320px,calc(100vw - 32px));
        flex-direction:column;
        align-items:stretch;
        gap:4px;
        padding:12px;
        border:1px solid var(--card-border);
        border-radius:16px;
        background:var(--panel-strong);
        box-shadow:var(--shadow);
        backdrop-filter:blur(16px);
    }
    html[data-season] .nav-wrap .menu.is-open{display:flex}
    html[data-season] .nav-wrap .menu a{padding:11px 14px}
}

html[data-season] :is(.home-v2 .home-btn,.home-footer-cta a,.nav-actions .btn,.events-page-v2 .btn,.gazette-lead-action,.gazette-reader-close,.gazette-reader-dialog>footer button){
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    min-height:50px;
    padding:0 19px;
    border:1px solid transparent;
    border-radius:12px!important;
    font-family:"Manrope",sans-serif;
    font-size:13px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:-.01em;
    text-decoration:none;
    text-align:center;
    box-shadow:none;
    transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

html[data-season] :is(.home-v2 .home-btn,.home-footer-cta a,.nav-actions .btn,.events-page-v2 .btn,.gazette-lead-action,.gazette-reader-close,.gazette-reader-dialog>footer button):is(:hover,:focus-visible){
    transform:translateY(-2px);
}
html[data-season] :is(.home-v2 .home-btn,.home-footer-cta a,.nav-actions .btn,.events-page-v2 .btn,.gazette-lead-action,.gazette-reader-close,.gazette-reader-dialog>footer button):focus-visible{
    outline:3px solid color-mix(in srgb,var(--season-warm) 75%,#fff);
    outline-offset:3px;
}
html[data-season] :is(.nav-actions .btn,.events-page-v2 .btn)::after{display:none}

html[data-season] :is(.home-v2 .home-btn-primary,.home-v2 .home-btn-light,.home-v2 .home-ecurie-button,.home-footer-cta a:not(.is-secondary),.nav-actions .btn-primary,.events-page-v2 .btn-primary,.gazette-lead-action){
    border-color:color-mix(in srgb,var(--season-main) 35%,#324458)!important;
    background:var(--action-solid)!important;
    color:#fff!important;
    box-shadow:0 8px 20px var(--action-shadow),inset 0 1px rgba(255,255,255,.16)!important;
}
html[data-season] :is(.home-v2 .home-btn-primary,.home-v2 .home-btn-light,.home-v2 .home-ecurie-button,.home-footer-cta a:not(.is-secondary),.nav-actions .btn-primary,.events-page-v2 .btn-primary,.gazette-lead-action):is(:hover,:focus-visible){
    border-color:color-mix(in srgb,var(--season-main) 56%,#5a7485)!important;
    background:var(--action-solid-hover)!important;
    color:#fff!important;
    box-shadow:0 12px 26px var(--action-shadow),inset 0 1px rgba(255,255,255,.2)!important;
}

html[data-season] :is(.home-v2 .home-btn-ghost,.home-v2 .home-btn-outline,.home-footer-cta a.is-secondary,.nav-actions .menu-ecurie,.events-page-v2 .btn-secondary,.gazette-reader-close,.gazette-reader-dialog>footer button){
    border-color:var(--action-edge)!important;
    background:rgba(8,20,35,.7)!important;
    color:#f5f8fb!important;
    box-shadow:inset 0 1px rgba(255,255,255,.07)!important;
    backdrop-filter:blur(12px);
}
html[data-season] :is(.home-v2 .home-btn-ghost,.home-v2 .home-btn-outline,.home-footer-cta a.is-secondary,.nav-actions .menu-ecurie,.events-page-v2 .btn-secondary,.gazette-reader-close,.gazette-reader-dialog>footer button):is(:hover,:focus-visible){
    border-color:color-mix(in srgb,var(--season-main) 58%,rgba(255,255,255,.46))!important;
    background:rgba(20,39,56,.88)!important;
    color:#fff!important;
    box-shadow:0 8px 22px rgba(2,12,25,.18)!important;
}
html[data-theme="light"][data-season] :is(.home-v2 .home-btn-ghost,.home-v2 .home-btn-outline,.home-footer-cta a.is-secondary,.nav-actions .menu-ecurie,.events-page-v2 .btn-secondary){
    border-color:color-mix(in srgb,var(--season-main) 25%,#cdd5d8)!important;
    background:rgba(255,255,255,.86)!important;
    color:#18343c!important;
    box-shadow:0 3px 12px rgba(16,42,50,.05)!important;
}
html[data-theme="light"][data-season] :is(.home-v2 .home-btn-ghost,.home-v2 .home-btn-outline,.home-footer-cta a.is-secondary,.nav-actions .menu-ecurie,.events-page-v2 .btn-secondary):is(:hover,:focus-visible){
    background:#fff!important;
    color:#102c35!important;
    box-shadow:0 9px 22px rgba(16,42,50,.1)!important;
}
/* The opening image is always dark, even when the page uses the light theme. */
html[data-theme="light"][data-season] .home-hero-v5 .home-btn-ghost{
    border-color:rgba(255,255,255,.34)!important;
    background:rgba(8,20,35,.68)!important;
    color:#fff!important;
}
html[data-theme="light"][data-season] .home-hero-v5 .home-btn-ghost:is(:hover,:focus-visible){
    background:rgba(20,39,56,.88)!important;
    color:#fff!important;
}

html[data-season] .home-v2 .home-btn>span,
html[data-season] .home-footer-cta a>span,
html[data-season] .gazette-lead-action>span{
    display:grid;
    place-items:center;
    width:26px;
    height:26px;
    flex:none;
    border:1px solid rgba(255,255,255,.22);
    border-radius:8px;
    background:rgba(255,255,255,.1);
    font:800 14px/1 "Manrope",sans-serif;
    transition:transform .18s ease;
}
html[data-season] :is(.home-v2 .home-btn,.home-footer-cta a,.gazette-lead-action):hover>span{transform:translate(2px,-2px)}
html[data-season] .gazette-lead-action{text-transform:none;cursor:pointer}
html[data-season] .gazette-lead-action>span{color:#fff}
html[data-theme="light"][data-season] :is(.home-v2 .home-btn-ghost,.home-v2 .home-btn-outline,.home-footer-cta a.is-secondary)>span{
    border-color:rgba(20,53,61,.14);
    background:rgba(20,53,61,.06);
}

html[data-season] .nav-actions .btn{min-height:42px;padding-inline:14px;font-size:12px}
html[data-season] .nav-actions .menu-ecurie{gap:9px;color:#f5f8fb!important}
html[data-theme="light"][data-season] .nav-actions .menu-ecurie{color:#18343c!important}
html[data-season] .nav-actions .menu-ecurie img{
    width:22px;
    height:22px;
    object-fit:contain;
    border-radius:6px;
    filter:none;
}
html[data-season] .home-v2 .home-quest-reward .home-btn,
html[data-season] .home-v2 .home-recruitment .home-btn-light{
    border-color:color-mix(in srgb,var(--season-main) 35%,#324458)!important;
    background:var(--action-solid)!important;
    color:#fff!important;
    box-shadow:0 8px 20px var(--action-shadow),inset 0 1px rgba(255,255,255,.16)!important;
}
html[data-season] .home-v2 .home-quest-reward .home-btn:is(:hover,:focus-visible),
html[data-season] .home-v2 .home-recruitment .home-btn-light:is(:hover,:focus-visible){
    background:var(--action-solid-hover)!important;
    color:#fff!important;
}

@media(prefers-reduced-motion:reduce){
    html[data-season] :is(.home-v2 .home-btn,.home-footer-cta a,.nav-actions .btn,.events-page-v2 .btn,.gazette-lead-action,.gazette-reader-close,.gazette-reader-dialog>footer button){transition:none}
    html[data-season] :is(.home-v2 .home-btn,.home-footer-cta a,.nav-actions .btn,.events-page-v2 .btn,.gazette-lead-action,.gazette-reader-close,.gazette-reader-dialog>footer button):is(:hover,:focus-visible){transform:none}
}
