/* Use-cases nav dropdown — linked from index.html (standalone inline styles) */
.nav-mobile-hub{display:none;font-size:12px;margin-left:auto;margin-right:12px;white-space:nowrap;}
.nav-mobile-hub,.nav-mobile-hub:link,.nav-mobile-hub:visited{color:rgba(232,228,220,0.55);text-decoration:none;}
.nav-mobile-hub:hover{color:var(--accent);}
.nav-item-dropdown{position:relative;list-style:none;flex-shrink:0;}
.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:12px;letter-spacing:0.01em;text-transform:none;color:rgba(232,228,220,0.5);background:none;border:none;border-bottom:1px solid transparent;padding:0 0 2px;cursor:pointer;transition:color 0.25s,border-color 0.25s;white-space:nowrap;line-height:1.2;}
.nav-dropdown-trigger:hover,.nav-dropdown-trigger.active,.nav-item-dropdown.is-open .nav-dropdown-trigger{color:rgba(232,228,220,0.85);}
.nav-dropdown-trigger.active,.nav-item-dropdown.is-open .nav-dropdown-trigger{color:var(--text);border-bottom-color:var(--accent);}
.nav-dropdown-trigger::after{content:'';display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid rgba(232,228,220,0.45);margin-top:1px;transition:transform 0.2s,border-top-color 0.2s;flex-shrink:0;}
.nav-dropdown-trigger:hover::after,.nav-item-dropdown.is-open .nav-dropdown-trigger::after{border-top-color:rgba(232,228,220,0.75);}
.nav-item-dropdown.is-open .nav-dropdown-trigger::after{transform:rotate(180deg);}
.nav-dropdown-panel{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.18s ease,transform 0.18s ease,visibility 0.18s;z-index:600;min-width:0;}
.nav-item-dropdown.is-open .nav-dropdown-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);}
.nav-dropdown{min-width:220px;max-width:min(280px,calc(100vw - 32px));background:rgba(9,12,26,0.98);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:6px 0;list-style:none;box-shadow:0 12px 40px rgba(0,0,0,0.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
.nav-dropdown li{list-style:none;margin:0;}
.nav-dropdown-heading span{display:block;padding:6px 14px 4px;font-size:9px;letter-spacing:0.16em;text-transform:uppercase;color:rgba(232,228,220,0.32);}
.nav-dropdown-divider{height:1px;margin:5px 10px;background:rgba(255,255,255,0.08);list-style:none;}
.nav-links .nav-dropdown a{display:flex;align-items:center;gap:10px;padding:7px 14px;font-size:12px;line-height:1.35;border-bottom:none;white-space:nowrap;text-decoration:none;transition:color 0.15s,background 0.15s;border-radius:0;}
.nav-links .nav-dropdown a,.nav-links .nav-dropdown a:link,.nav-links .nav-dropdown a:visited{color:rgba(232,228,220,0.72);}
.nav-links .nav-dropdown a:hover,.nav-links .nav-dropdown a:focus-visible,.nav-links .nav-dropdown a.active{color:var(--text);background:rgba(224,124,58,0.1);outline:none;}
.nav-links .nav-dropdown li:last-child a,.nav-links .nav-dropdown li:last-child a:link,.nav-links .nav-dropdown li:last-child a:visited{font-size:11px;color:rgba(232,228,220,0.5);}
.nav-links .nav-dropdown li:last-child a:hover{color:var(--accent);}
.nav-dropdown-glyph{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border-radius:6px;background:rgba(255,255,255,0.04);overflow:hidden;}
.nav-dropdown-glyph .pg-glyph-mark,.nav-dropdown-glyph .gi-glyph-mark{display:flex;align-items:center;justify-content:center;width:22px;height:22px;line-height:0;}
.nav-dropdown-glyph .pg-glyph-svg,.nav-dropdown-glyph .gi-glyph-svg{width:18px!important;height:18px!important;display:block;opacity:0.88;}
.nav-links .nav-dropdown a:hover .nav-dropdown-glyph .pg-glyph-svg,.nav-links .nav-dropdown a:hover .nav-dropdown-glyph .gi-glyph-svg,.nav-links .nav-dropdown a:focus-visible .nav-dropdown-glyph .pg-glyph-svg,.nav-links .nav-dropdown a:focus-visible .nav-dropdown-glyph .gi-glyph-svg{opacity:1;}
@media(max-width:1100px){.nav-mobile-hub{display:block;}}
