/* Fit the expanded shared navigation into the site's standard container. */
/* Main site.css also gives page sections z-index:2; the entire navigation
   must sit above those contexts so submenu links receive pointer events. */
.navbar.navbar--public-menu { z-index:1000;overflow:visible;isolation:isolate; }
@media(min-width:821px){
    .navbar__inner--expanded { gap:20px; }
    .navbar__inner--expanded .navbar__brand-name { font-size:25px; }
    .navbar__inner--expanded .navbar__nav-wrap { min-width:0;gap:16px; }
    .navbar__inner--expanded .navbar__links a { padding-inline:9px;font-size:15px;white-space:nowrap; }
    .navbar__inner--expanded .navbar__socials { gap:12px; }
    .navbar__inner--expanded .navbar__social { width:36px;height:36px; }
}
@media(min-width:821px) and (max-width:1180px){
    .navbar__inner--expanded { flex-wrap:wrap;padding-block:16px;row-gap:16px; }
    .navbar__inner--expanded .navbar__nav-wrap { width:100%;margin-left:0;justify-content:space-between;flex-wrap:wrap; }
    .navbar__inner--expanded .navbar__links { flex-wrap:wrap;row-gap:12px; }
    .navbar__inner--expanded .navbar__links a:first-child { padding-left:0; }
}

.navbar__dropdown { position:relative;margin:0;padding:0; }
.navbar__dropdown-trigger { display:flex;align-items:center;gap:9px;margin:0;padding:0 15px;list-style:none;color:#98999b;font-family:inherit;font-size:17px;font-weight:600;line-height:normal;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;cursor:pointer; }
.navbar__dropdown-trigger::-webkit-details-marker { display:none; }
.navbar__dropdown-trigger::marker { content:""; }
.navbar__dropdown-trigger:hover,.navbar__dropdown-trigger.is-active,.navbar__dropdown[open] > .navbar__dropdown-trigger { color:#fff; }
.navbar__dropdown-trigger:focus-visible { outline:2px solid var(--accent,#a58ad1);outline-offset:7px;border-radius:3px; }
.navbar__dropdown-arrow { display:block;flex-shrink:0;width:6px;height:6px;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg); }
.navbar__dropdown[open] .navbar__dropdown-arrow { margin-top:3px;transform:rotate(225deg); }
.navbar__submenu { position:absolute;left:0;top:100%;z-index:1100;display:grid;gap:4px;min-width:210px;width:max-content;max-width:calc(100vw - 32px);margin:14px 0 0;padding:8px;list-style:none;border:1px solid rgba(137,107,179,.38);border-radius:8px;background:#0b0b0b;box-shadow:0 18px 40px rgba(0,0,0,.55); }
.navbar__dropdown:not([open]) > .navbar__submenu { display:none; }
.navbar__submenu li { min-width:0;margin:0;padding:0; }
.navbar__links .navbar__dropdown .navbar__submenu a { display:block;width:100%;padding:11px 14px;border-radius:5px;color:#c4c0cc;line-height:1.6;text-transform:none;letter-spacing:0;font-size:16px;text-shadow:none; }
.navbar__links .navbar__dropdown .navbar__submenu a:hover,.navbar__links .navbar__dropdown .navbar__submenu a:focus-visible { color:#fff;background:rgba(137,107,179,.12);outline:none;text-shadow:none; }
.navbar__links .navbar__dropdown .navbar__submenu a:focus-visible { box-shadow:inset 0 0 0 1px var(--accent,#a58ad1); }
.navbar__links .navbar__dropdown .navbar__submenu a.is-active { color:#fff;background:rgba(137,107,179,.17); }
@media(min-width:821px){
    .navbar__inner--expanded .navbar__dropdown-trigger{padding-inline:9px;font-size:15px;}
    .navbar__submenu{left:auto;right:0;}
    /* Keep the pointer inside the disclosure while crossing its visual gap. */
    .navbar__submenu::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px;}
}
@media(max-width:820px){
    .navbar__dropdown-trigger{padding:0 12px 0 0;font-size:14px;}
    .navbar__dropdown[open]{flex-basis:100%;}
    .navbar__submenu{position:static;min-width:0;width:100%;max-width:none;margin-top:12px;box-shadow:none;}
    .navbar__links .navbar__dropdown .navbar__submenu a{font-size:15px;}
}
