/* Compact two-column flyout for the shared header. */
.menu-link-direction{display:none}
.header-menu>summary svg{display:block;width:20px;height:20px;stroke-width:1.8}
.header-menu>nav>a[target="_blank"] .menu-link-direction{display:inline-grid;place-items:center;margin-left:.15rem}
.header-menu>nav>a[target="_blank"] .menu-link-direction svg{display:block;width:1em;height:1em;stroke-width:2}

@media(max-width:1440px){
    .header-menu{position:relative}
    .header-menu>summary{border-radius:999px;background:var(--soft);transition:background-color .15s,border-color .15s}
    .header-menu>summary:hover{background:#f8f2e5;border-color:#c9bfae}
    .header-menu>summary:focus-visible{outline:3px solid var(--maroon);outline-offset:3px}
    .header-menu>summary>.menu-toggle-icon,.header-menu>summary>.menu-toggle-chevron{display:grid;place-items:center}
    .header-menu>summary>.menu-toggle-label{display:inline}
    .menu-toggle-chevron{margin-left:2px;transition:transform .18s ease}
    .header-menu[open] .menu-toggle-chevron{transform:rotate(180deg)}
    .header-menu[open]>nav{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        align-items:stretch;
        top:calc(100% + 12px);
        right:0;
        left:auto;
        width:min(500px,calc(100vw - 28px));
        gap:0;
        padding:0;
        overflow:hidden;
        border:1px solid var(--line);
        border-top:7px solid var(--maroon);
        border-radius:10px;
        background:#fff;
        box-shadow:0 18px 38px #24212224;
    }
    .header-menu[open]>nav>a{
        display:grid;
        grid-template-columns:minmax(0,1fr) 18px;
        align-items:center;
        column-gap:10px;
        min-width:0;
        min-height:52px;
        padding:10px 17px;
        border:0;
        border-radius:0;
        background:#fff;
        white-space:normal;
        line-height:1.25;
        text-decoration:none;
        transition:background-color .15s,color .15s;
    }
    .header-menu[open]>nav>a:nth-child(odd){border-right:1px solid var(--line)}
    .header-menu[open]>nav>a:nth-child(n+3){border-top:1px solid var(--line)}
    .header-menu[open]>nav>a:hover{background:#fbf1f3;text-decoration:none}
    .header-menu[open]>nav>a:focus-visible{position:relative;z-index:1;outline:3px solid var(--maroon);outline-offset:-3px}
    .header-menu[open]>nav>a[aria-current="page"]{background:#fbf1f3;color:var(--maroon)}
    .menu-link-label{min-width:0;overflow-wrap:anywhere}
    .menu-link-direction{display:grid;place-items:center;color:var(--maroon)}
    .menu-link-direction svg{display:block;width:17px;height:17px;stroke-width:2}
}

@media(max-width:700px){
    .header-menu{position:static}
    .header-menu[open]>nav{position:absolute;top:100%;right:14px;left:14px;width:auto}
}

@media(max-width:420px){
    .header-menu>summary>.menu-toggle-icon{display:none}
    .header-menu[open]>nav>a{min-height:50px;padding:9px 11px;column-gap:8px}
}

@media(prefers-reduced-motion:reduce){
    .header-menu>summary,.menu-toggle-chevron,.header-menu[open]>nav>a{transition:none}
}