.nav-tools-dropdown > .nav-dropdown-panel{min-width:210px}
/* Desktop only: open Guides/Tools on hover instead of requiring a click.
   Click-to-toggle (see the shared inline nav script) still works underneath —
   this only adds the hover shortcut, and touch devices never fire :hover so
   phones/tablets keep the original tap behavior untouched. */
@media(min-width:861px){
  .nav-item-dropdown:hover > .nav-dropdown-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
  .nav-submenu:hover > .nav-submenu-panel{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  /* The panel sits a visible gap below/beside its trigger (14px / 8px), and a
     real mouse moving toward it in a straight line crosses that gap — which
     belongs to neither element, so hover was lost for an instant and the
     panel closed before the cursor arrived. These invisible pseudo-elements
     extend each panel's own hoverable area back over its gap, without
     changing anything visible, so hover never actually breaks mid-transit. */
  .nav-dropdown-panel::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
  .nav-submenu-panel::before{content:"";position:absolute;top:0;bottom:0;left:-8px;width:16px}
}
.nav-dropdown-panel a.all-tools{color:var(--legendary-bright);font-weight:700;border-bottom:1px solid var(--line-soft);margin-bottom:4px;padding-bottom:12px}

/* The "World Record" nav link: same spinning rainbow already used on the
   Subscribe button and the countdown box border (reuses that exact --rn-a
   custom property + rnBorder keyframe, both already registered in every
   page's own inline <style> block), applied as a text fill instead of a
   border so the letters themselves cycle color. */
nav.primary a.nav-wr-link{
  background:conic-gradient(from var(--rn-a,0deg),#ff3b6b,#ffb02e,#4dff88,#2ec9ff,#8b5cff,#ff3b6b);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:rnBorder 4s linear infinite;
}
@media(prefers-reduced-motion:reduce){nav.primary a.nav-wr-link{animation:none;background:none;-webkit-text-fill-color:var(--legendary-bright);color:var(--legendary-bright)}}
.nav-submenu{position:relative}
.nav-submenu-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:0;background:transparent;color:var(--muted);font:600 12.5px/1.3 "Chakra Petch",sans-serif;cursor:pointer;text-align:left}
.nav-submenu-trigger:hover,.nav-submenu-trigger[aria-expanded="true"]{color:var(--text);background:rgba(255,128,0,.08)}
.nav-submenu-trigger svg{width:10px;height:10px;transition:transform .15s ease}
.nav-submenu-panel{position:absolute;left:calc(100% + 8px);top:-8px;min-width:220px;padding:8px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.45);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-6px);transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:100}
.nav-submenu-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
@media(max-width:1100px) and (min-width:861px){.nav-submenu-panel{left:auto;right:calc(100% + 8px);transform:translateX(6px)}}
@media(max-width:860px){.nav-dropdown-panel a.all-tools{padding-bottom:11px;margin-bottom:0}.nav-submenu-trigger{padding:13px 0;border-bottom:1px solid var(--line-soft)}.nav-submenu-trigger svg{transform:rotate(90deg)}.nav-submenu-trigger[aria-expanded="true"] svg{transform:rotate(270deg)}.nav-submenu-panel{position:static;width:100%;min-width:0;max-height:0;overflow:hidden;padding:0 0 0 16px;background:none;border:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:max-height .2s ease}.nav-submenu-panel.open{max-height:180px}.nav-tools-dropdown>.nav-dropdown-panel.open{max-height:560px}}