/* SimplifyAuth shared nav: desktop dropdowns + mobile sub-lists.
   Loaded by every main-site page AFTER its inline <style>, so equal-
   specificity rules here win ties. Dropdown pattern ported from the
   ic-preview sub-site (.has-sub/.subnav/.caret, hover + focus-within). */

/* ---------- desktop dropdown ---------- */
.nav-links .has-sub{position:relative}
.nav-links .has-sub>a{display:inline-flex;align-items:center;gap:6px}
.has-sub .caret{transition:transform .25s;opacity:.7}
.nav-links .has-sub:hover .caret{transform:rotate(180deg)}
/* hover bridge so the pointer can cross the gap to the panel */
.nav-links .has-sub::after{content:"";position:absolute;left:-10px;right:-10px;top:100%;height:20px}
.subnav{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(8px);min-width:248px;list-style:none;
  background:rgba(7,13,24,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);
  border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;
  transition:opacity .25s,transform .25s;z-index:1400;box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.nav-links .has-sub:hover .subnav,.nav-links .has-sub:focus-within .subnav{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.subnav li{display:block}
.subnav a{display:block;padding:11px 14px;border-radius:10px;font-size:.9rem;font-weight:500;color:var(--ink-dim);white-space:nowrap;transition:background .2s,color .2s}
.subnav a::after{display:none}
.subnav a:hover{background:rgba(156,213,235,.1);color:var(--ink)}
.subnav a[aria-current]{color:var(--ink);background:rgba(156,213,235,.08)}

/* ---------- mobile sub-list (quiet indented rows under the parent) ---------- */
.m-menu .m-sub{display:flex;flex-direction:column;gap:2px;margin:-4px 0 14px;padding-left:42px}
.m-menu .m-sub a{font-family:var(--font-body,inherit);font-size:1rem;font-weight:500;color:var(--ink-dim);padding:8px 0;transform:none;opacity:1}
.m-menu .m-sub a::after{content:none}
.m-menu .m-sub a:hover,.m-menu .m-sub a:active{color:var(--blue);padding-left:6px}
.m-menu.open .m-sub a{opacity:1;transform:none}
.m-menu .m-sub a[aria-current]{color:var(--blue)}

/* stagger delays past the original six rows (menu now has up to 9 top-level anchors) */
.m-menu nav>a:nth-child(7){transition-delay:.35s}
.m-menu nav>a:nth-child(8){transition-delay:.4s}
.m-menu nav>a:nth-child(9){transition-delay:.45s}
.m-menu nav>a:nth-child(10){transition-delay:.5s}

/* breathing room: one extra top-level item at mid widths */
@media(min-width:861px) and (max-width:1120px){.nav-links{gap:22px}}