/* Shared navigation entry for the existing course picker. */
.header-inner{gap:24px}
.brand,.nav{flex-shrink:0}
.nav-course-search{display:flex;align-items:center;flex:0 1 360px;min-width:200px;height:40px;margin:0 auto;background:#f7f9f5;border:1px solid #dce2d7;border-radius:6px;transition:border-color .15s,box-shadow .15s}
.nav-course-search:focus-within{background:#fff;border-color:#7ca5e3;box-shadow:0 0 0 3px #1765dc12}
.nav-course-search input{flex:1;min-width:0;width:100%;height:100%;border:0;background:none;outline:0;padding:0 0 0 13px;font:13px/1.5 "Microsoft YaHei","Segoe UI",sans-serif;color:#35485a;border-radius:6px 0 0 6px;appearance:none}
.nav-course-search input::placeholder{color:#819080;opacity:1}
.nav-course-search input::-webkit-search-cancel-button{cursor:pointer;margin-left:8px;margin-right:4px}
.nav-course-search>button{height:38px;width:42px;flex-shrink:0;display:grid;place-items:center;border:0;border-radius:0 5px 5px 0;background:none;color:#6e7f70;padding:10px;cursor:pointer}
.nav-course-search>button:hover{background:#edf2e9;color:#365d83}
.nav-course-search .icon{width:18px;height:18px}
.nav-search-toggle{display:none}
.picker-scope{font-size:12px;color:#74818b;line-height:1.8;margin:5px 0 0}
@media(min-width:801px) and (max-width:1100px){.header-inner{gap:18px}.nav-course-search{flex-basis:300px}.nav{gap:18px}.nav-course-search input{font-size:12px}}
@media(max-width:800px){
  .site-header{height:auto;min-height:58px}
  .header-inner{height:auto;min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) 44px auto;gap:0 6px;padding:0 12px}
  .header-inner>.brand{grid-column:1;grid-row:1;justify-self:start;max-width:100%;min-width:0;height:58px}
  .header-inner>.nav{grid-column:3;grid-row:1;gap:9px;height:58px;min-width:0}
  .header-inner>.nav .nav-link{min-height:44px;line-height:1.6}
  .nav-search-toggle{grid-column:2;grid-row:1;display:grid;place-items:center;width:44px;height:44px;padding:12px;border:0;background:none;color:#647487;border-radius:5px;cursor:pointer}
  .nav-search-toggle:hover,.nav-search-toggle[aria-expanded="true"]{background:#eff3ea;color:#2f5174}
  .nav-search-toggle .icon{width:20px;height:20px}
  .nav-course-search{grid-column:1/-1;grid-row:2;display:none;min-width:0;width:100%;height:46px;flex-basis:auto;margin:0 0 12px;border-radius:6px}
  .nav-course-search.expanded{display:flex}
  .nav-course-search input{font-size:16px;padding-left:13px}
  .nav-course-search>button{width:46px;height:44px;padding:12px}
  .nav-course-search .icon{width:20px;height:20px}
  .picker-scope{font-size:11px;line-height:1.8;margin:1px 0 7px}
}
@media(max-width:360px){.header-inner>.nav{gap:6px}.header-inner>.nav .nav-link{font-size:11px;max-width:64px}.header-inner>.brand img{width:69px;height:34px}}