.nav{position:sticky;top:0;z-index:50;background:var(--navy-900);border-bottom:1px solid rgba(255,255,255,.08);}
.navbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;min-height:64px;padding:10px 0;}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none;}
.brand img{height:24px;width:auto;}
.brand-word{display:flex;flex-direction:column;line-height:1.15;}
.brand-word b{color:#fff;font-size:.92rem;font-weight:700;}
.brand-word small{color:rgba(255,255,255,.55);font-size:.66rem;letter-spacing:.04em;text-transform:uppercase;}
.navlinks{display:flex;gap:20px;font-size:.86rem;font-weight:600;flex:none;}
.navlinks a{color:rgba(255,255,255,.72);text-decoration:none;padding:4px 2px;border-bottom:2px solid transparent;}
.navlinks a:hover{color:#fff;border-color:var(--accent);}
.navlinks a.current{color:#fff;border-color:var(--accent);}

.search-toggle{display:none;background:none;border:none;color:rgba(255,255,255,.8);cursor:pointer;width:40px;height:40px;align-items:center;justify-content:center;border-radius:7px;flex:none;padding:0;margin-left:auto;}
.search-toggle:hover{background:rgba(255,255,255,.08);}

.searchwrap{position:relative;margin-left:auto;flex:1;max-width:340px;}
.searchbox{
  display:flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);
  border-radius:7px;padding:8px 12px;min-height:40px;
}
.searchbox:focus-within{background:#fff;border-color:var(--accent);}
.searchbox svg{flex:none;color:rgba(255,255,255,.6);}
.searchbox:focus-within svg{color:var(--ink-soft);}
.searchbox input{
  border:none;outline:none;background:transparent;color:#fff;font-size:.92rem;width:100%;font-family:inherit;
}
.searchbox:focus-within input{color:var(--ink);}
.searchbox input::placeholder{color:rgba(255,255,255,.55);}
.searchbox:focus-within input::placeholder{color:var(--ink-soft);}
.searchresults{
  position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--line);
  border-radius:8px;box-shadow:var(--shadow);max-height:420px;overflow-y:auto;z-index:60;
}
.sr-item{display:block;width:100%;text-align:left;border:none;background:none;padding:12px 14px;cursor:pointer;border-bottom:1px solid var(--line);font-family:inherit;min-height:44px;}
.sr-item:last-child{border-bottom:none;}
.sr-item:hover{background:var(--tint);}
.sr-tag{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-ink);background:var(--accent-soft);padding:2px 7px;border-radius:99px;}
.sr-title{display:block;margin-top:5px;font-size:.87rem;font-weight:700;color:var(--ink);}
.sr-snippet{display:block;margin-top:2px;font-size:.79rem;color:var(--ink-soft);}
.sr-empty{padding:16px 14px;font-size:.85rem;color:var(--ink-soft);}
mark{background:#FFEBAE;color:inherit;border-radius:2px;padding:0 1px;}

/* Bottom tab bar — mobile primary navigation */
.tabbar{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:50;
  background:#fff;border-top:1px solid var(--line);
  padding-bottom:env(safe-area-inset-bottom);
  box-shadow:0 -2px 10px rgba(18,30,54,.08);
}
.tabbar-row{display:flex;}
.tabbar a{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  padding:9px 4px 8px;text-decoration:none;color:var(--ink-soft);font-size:.68rem;font-weight:600;
  min-height:56px;
}
.tabbar a svg{flex:none;}
.tabbar a.current{color:var(--accent);}

@media (max-width:900px){
  .navlinks{display:none;}
  .search-toggle{display:flex;}
  .searchwrap{display:none;flex-basis:100%;max-width:none;margin:0;order:3;}
  .searchwrap.open{display:block;padding:2px 0 12px;}
  .tabbar{display:block;}
  body{padding-bottom:calc(56px + env(safe-area-inset-bottom));}
}
@media (max-width:400px){
  .brand-word small{display:none;}
}
