/* Grouped, responsive site navigation */
.grouped-nav{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;position:relative;z-index:100;overflow:visible!important}
.grouped-nav>a,.grouped-nav summary{display:block;padding:11px 16px;color:#f6eaff;cursor:pointer;text-decoration:none;font-weight:650;border-radius:8px;white-space:nowrap}
.grouped-nav summary{list-style:none}.grouped-nav summary::-webkit-details-marker{display:none}.grouped-nav summary::after{content:' ▾';font-size:.8em}
.grouped-nav a:hover,.grouped-nav summary:hover,.grouped-nav details[open]>summary{background:#55316c;color:#fff}
.nav-group{position:relative}.nav-menu{position:absolute;left:0;top:100%;background:#24152f;border:1px solid #81589b;border-radius:10px;box-shadow:0 14px 28px #0009;min-width:205px;max-height:65vh;overflow-y:auto;padding:7px;display:grid;z-index:300}
.nav-menu a{display:block;color:#f6eaff;text-decoration:none;padding:9px 12px;border-radius:6px;white-space:nowrap}.nav-menu a:hover{background:#55316c}
.brand-hero{margin:0 0 22px;background:#1b1525;border:1px solid #69417c;border-radius:12px;overflow:hidden}.brand-hero img{display:block;width:100%;max-height:320px;object-fit:cover}.brand-hero figcaption{font-size:.85rem;color:#d4c1e1;padding:9px 14px}
.extra-diagnostics{padding:20px;margin:20px auto;max-width:1000px;background:#24182f;border-radius:12px}.tool-link{display:inline-block;padding:12px 16px;border-radius:8px;background:#70419a;color:#fff;text-decoration:none}
@media(max-width:760px){.grouped-nav{justify-content:flex-start;padding:8px}.nav-group{position:static}.nav-menu{position:absolute;left:8px;right:8px;top:auto;min-width:0}.grouped-nav>a,.grouped-nav summary{padding:9px 11px}}