/* Shared navigation and search. Scoped to the site chrome, after legacy styles. */
.header{background:#152238;border-bottom:1px solid #25344b;box-shadow:0 2px 10px #10203912}
.header .container{height:68px;gap:30px}
.header .logo{flex:0 0 auto}
.header .site-logo-img{height:40px;max-width:150px}
.header .nav{align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}
.header .nav>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:40px;padding:0 14px;border:1px solid transparent;border-radius:8px;color:#b6c4d8;font-size:14px;font-weight:500;line-height:1.3;white-space:nowrap;transition:background .18s,color .18s,border-color .18s}
.header .nav>a::after{display:none}
.header .nav>a:hover{color:#fff;background:#ffffff0d;border-color:#ffffff12}
.header .nav>a.active{color:#dfedff;background:#293e5c;border-color:#47648b;box-shadow:inset 0 1px 0 #ffffff09}
.header .nav>a.active .nav-icon{color:#9ccaff}
.nav-icon{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.header .user-bar{flex:0 0 auto;gap:16px;white-space:nowrap}
.header .user-bar>a{display:inline-flex;align-items:center;min-height:40px}
.header .user-bar .user-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;display:block;line-height:40px;white-space:nowrap}
.header .user-bar .btn-reg{padding:0 19px;border:1px solid #547ec0;border-radius:8px;background:#315e9f;box-shadow:none;color:#fff}
.header .user-bar .btn-reg:hover{background:#3b70b9;transform:none;box-shadow:none}
.header a:focus-visible,.header button:focus-visible{outline:2px solid #9ccaff;outline-offset:3px}
.site-search-band.search-bar{padding:25px 0;background:linear-gradient(110deg,#edf3fc,#f6f8fc 65%,#eef0fa);border-bottom:1px solid #dfe7f2;overflow:visible}
.site-search-band::before,.site-search-band::after{display:none}
.site-search-layout{display:flex;align-items:center;gap:42px;min-height:58px}
.site-search-intro{flex:0 0 auto}
.site-search-eyebrow{display:block;margin-bottom:3px;color:#597293;font-size:11px;font-weight:600;letter-spacing:1.5px}
.site-search-intro p{color:#213958;font-size:20px;font-weight:700;line-height:1.5;letter-spacing:.3px}
.site-search-band .site-search-form{display:flex;align-items:center;flex:1;gap:12px;min-width:0;max-width:760px;min-height:56px;margin:0 0 0 auto;padding:6px 6px 6px 18px;background:#fff;border:1px solid #cddbee;border-radius:12px;box-shadow:0 4px 14px #203d6d06;transition:border-color .18s,box-shadow .18s}
.site-search-form:focus-within{border-color:#739bd6!important;box-shadow:0 0 0 3px #3872c414!important}
.site-search-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-search-icon{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:#8094b0;stroke-width:1.7;stroke-linecap:round}
.site-search-band .site-search-form .search-input{width:0;min-width:0;flex:1;padding:8px 0;border:0;border-radius:0;background:transparent;color:#233d5e;font:inherit;font-size:14px;box-shadow:none;backdrop-filter:none;outline:none;line-height:1.5}
.site-search-band .site-search-form .search-input::placeholder{color:#7b8ba1}
.site-search-band .site-search-form .search-btn{position:static;flex:0 0 auto;gap:10px;width:auto;min-width:92px;height:42px;padding:0 17px;transform:none;border:1px solid #2961b2;border-radius:8px;background:#316cc1;color:#fff;font:inherit;font-size:14px;font-weight:600;box-shadow:0 2px 4px #1e4a8912}
.site-search-band .site-search-form .search-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-search-band .site-search-form .search-btn:hover{background:#245aaa;transform:none;box-shadow:none}
.site-search-band .search-btn:focus-visible{outline:2px solid #316cc1;outline-offset:3px}
.site-search-band .search-recommend-panel,.site-search-band .search-quick-grid{margin-top:16px}
/* Match the software directory's own search control to the shared search. */
.software-page .software-search{border:1px solid #cddbee;border-radius:10px;background:#fff;box-shadow:none;padding:5px}
.software-page .software-search:focus-within{border-color:#739bd6;box-shadow:0 0 0 3px #3872c414}
.software-page .software-search input{color:#233d5e;background:transparent;outline:none}
.software-page .software-search button{background:#316cc1;border-radius:7px;box-shadow:none}
.software-page .software-search button:hover{background:#245aaa}
.software-page .software-search button:focus-visible{outline:2px solid #316cc1;outline-offset:3px}
@media(min-width:1081px){.header .nav-toggle{display:none}}
@media(max-width:1080px){
  .header .container{height:64px;gap:18px}
  .header .nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:row;align-items:stretch;flex-wrap:wrap;gap:8px;padding:14px 24px;background:#152238;border-bottom:1px solid #33445f;box-shadow:0 10px 20px #0f172a20;max-height:calc(100dvh - 100px);overflow-y:auto}
  .header .nav.open{display:flex}
  .header .nav>a{justify-content:flex-start;min-height:44px;flex:0 0 calc(33.333% - 6px)}
  .header .nav-toggle{display:flex}
  .site-search-layout{gap:24px}
  .site-search-intro p{font-size:18px}
}
@media(max-width:768px){
  .header .container{height:60px;gap:12px}
  .header .site-logo-img{height:36px;max-width:130px}
  .header .user-bar{gap:12px}
  .header .user-bar .user-name{max-width:90px}
  .header .nav{padding:12px 16px}
  .header .nav>a{flex-basis:calc(50% - 4px);padding:0 12px}
  .site-search-band.search-bar{padding:18px 0 20px}
  .site-search-layout{flex-direction:column;align-items:stretch;gap:12px}
  .site-search-intro{display:flex;flex-direction:column;gap:2px}
  .site-search-eyebrow{margin:0;font-size:10px;letter-spacing:1px}
  .site-search-intro p{font-size:18px}
  .site-search-band .site-search-form{width:100%;min-height:54px;margin:0;gap:10px;padding-left:13px;border-radius:10px}
  .site-search-band .site-search-form .search-input{font-size:16px}
  .site-search-band .site-search-form .search-btn{min-width:68px;height:40px;padding:0 13px;font-size:14px}
  .site-search-band .site-search-form .search-btn svg{display:none}
}
@media(max-width:380px){
  .header .container{gap:8px}
  .header .site-logo-img{max-width:90px}
  .header .user-bar{gap:10px}
  .header .user-bar .btn-reg{padding:0 12px}
  .site-search-band .site-search-form .search-input{font-size:14px}
  .site-search-icon{width:17px;flex-basis:17px}
}
@media(prefers-reduced-motion:reduce){
  .header .nav>a,.header .user-bar>a,.site-search-band .site-search-form,.site-search-band .search-btn{transition:none}
}