/* v25 navigation: compact, floating, shared across home and guides. */
:is(body.tech,body.tech-page) :is(.header,.nav-shell){position:sticky;top:12px;z-index:60;width:calc(100% - 32px);max-width:1320px;margin:12px auto 0;border:1px solid #638e8a38;border-radius:17px;background:linear-gradient(125deg,#0c2025eb,#0a141dee);backdrop-filter:blur(24px);box-shadow:0 12px 35px #0003,inset 0 1px 0 #e5fff70a;overflow:visible}
:is(body.tech,body.tech-page) :is(.header,.nav-shell)>.nav{height:72px;padding:0 17px;width:100%;max-width:none;gap:20px;display:flex;align-items:center;justify-content:space-between;margin:0;box-sizing:border-box}
:is(body.tech,body.tech-page) :is(.header,.nav-shell) .brand{background:#edfff7;padding:6px 9px;border-radius:8px;border:1px solid #b4e5ce;width:auto;flex-shrink:0;box-shadow:0 2px 10px #00ffb309;display:flex;align-items:center;margin:0}
:is(body.tech,body.tech-page) :is(.header,.nav-shell) .brand img{display:block;width:105px;height:auto;padding:0;margin:0}
:is(body.tech,body.tech-page) :is(.desktop-nav,.navlinks){display:flex;align-items:center;gap:4px;margin:auto;padding:4px;border:1px solid #7bcbb914;border-radius:11px;background:#c8fff603}
:is(body.tech,body.tech-page) :is(.desktop-nav,.navlinks) a{padding:10px 14px;display:flex;align-items:center;min-height:40px;color:#aec9c2;line-height:1.3;font-size:12px;font-weight:500;letter-spacing:0;white-space:nowrap;border:0;border-radius:7px;text-decoration:none;transition:color .2s,background .2s}
:is(body.tech,body.tech-page) :is(.desktop-nav,.navlinks) a:hover{background:#00ffb310;color:#00ffb3}
:is(body.tech,body.tech-page) :is(.nav-end,.nav-actions){display:flex;align-items:center;gap:12px;flex-shrink:0}
:is(body.tech,body.tech-page) :is(.languages,.article-langs){display:flex;align-items:center;gap:2px;border:1px solid #76a19929;background:#04101666;padding:3px;border-radius:9px;margin:0}
:is(body.tech,body.tech-page) :is(.languages,.article-langs) a{font-family:Arial,'Noto Sans SC Variable',sans-serif;border:0;padding:8px 9px;min-height:32px;min-width:32px;border-radius:6px;font-size:10px;line-height:1.2;text-decoration:none;color:#799c96;display:flex;align-items:center;justify-content:center;margin:0}
:is(body.tech,body.tech-page) :is(.languages,.article-langs) a:is(.current,.active){background:#153f36;color:#67ffce;box-shadow:inset 0 0 0 1px #60dab532}
:is(body.tech,body.tech-page) :is(.nav-end,.nav-actions)>:is(.button,.btn){margin:0!important;min-height:44px;width:auto;border-radius:10px;padding:12px 18px;font-size:12px;line-height:1.3;display:inline-flex;justify-content:center;align-items:center;gap:17px;background:#00ffb3;color:#05261c;border:1px solid #00ffb3;box-shadow:0 0 20px #00ffb310;white-space:nowrap;font-weight:700}
:is(body.tech,body.tech-page) :is(.nav-end,.nav-actions)>:is(.button,.btn):hover{background:#86ffd9;border-color:#86ffd9;box-shadow:0 0 28px #00ffb325}
:is(body.tech,body.tech-page) :is(.menu-toggle,.menu){width:44px;min-height:44px;padding:11px;background:#163029;border:1px solid #50796b44;border-radius:10px;color:#a5e5ce;align-items:center;justify-content:center;font-size:20px;cursor:pointer}
:is(body.tech,body.tech-page) :is(.desktop-nav,.navlinks,.languages,.article-langs) a:focus-visible{outline:2px solid #00ffb3;outline-offset:2px}
:is(body.tech,body.tech-page) :is(#mobile-menu,.mobile-nav){background:transparent;border-top:1px solid #416a5733;margin:0;width:100%;padding:10px 17px 16px;box-sizing:border-box;border-radius:0 0 17px 17px}
:is(body.tech,body.tech-page) :is(#mobile-menu,.mobile-nav) a{display:flex;align-items:center;min-height:48px;padding:11px 13px;border:0;border-radius:8px;color:#d2eee0;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none}
:is(body.tech,body.tech-page) :is(#mobile-menu,.mobile-nav) a:hover{background:#00ffb30c;color:#00ffb3}
@media(max-width:1100px){:is(body.tech,body.tech-page) :is(.desktop-nav,.navlinks) a{padding:10px;font-size:11px}:is(body.tech,body.tech-page) :is(.header,.nav-shell)>.nav{gap:12px}:is(body.tech,body.tech-page) :is(.nav-end,.nav-actions){gap:8px}}
@media(max-width:960px){:is(body.tech,body.tech-page) :is(.desktop-nav,.navlinks){display:none}:is(body.tech,body.tech-page) :is(.menu-toggle,.menu){display:flex}:is(body.tech,body.tech-page) :is(.nav-end,.nav-actions){margin-left:auto}}
@media(min-width:961px){:is(body.tech,body.tech-page) :is(.menu-toggle,.menu){display:none}:is(body.tech,body.tech-page) :is(#mobile-menu,.mobile-nav){display:none!important}}
@media(max-width:700px){:is(body.tech,body.tech-page) :is(.header,.nav-shell){top:8px;width:calc(100% - 20px);margin-top:8px;border-radius:14px}:is(body.tech,body.tech-page) :is(.header,.nav-shell)>.nav{height:64px;padding:0 10px;gap:10px}:is(body.tech,body.tech-page) :is(.header,.nav-shell) .brand{padding:5px 7px;border-radius:7px}:is(body.tech,body.tech-page) :is(.header,.nav-shell) .brand img{width:91px}:is(body.tech,body.tech-page) :is(.nav-end,.nav-actions)>:is(.button,.btn){display:none}:is(body.tech,body.tech-page) :is(.nav-end,.nav-actions){gap:8px}:is(body.tech,body.tech-page) :is(.languages,.article-langs) a{padding:8px 7px;font-size:9px;min-height:36px;min-width:28px}:is(body.tech,body.tech-page) :is(.languages,.article-langs){padding:2px}:is(body.tech,body.tech-page) :is(.menu-toggle,.menu){width:44px;min-height:44px}}
body.tech .menu-toggle{flex-direction:column;gap:5px}body.tech .menu-toggle span{flex:none;width:18px;height:2px;margin:0;background:#b6eedc;border-radius:2px;transition:transform .2s}body.tech .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}body.tech .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}