/* navbar + mobile + search - centralized */
.nav{display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:700;color:var(--accent);text-decoration:none}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1rem}
nav a{color:inherit;text-decoration:none;padding:.35rem .5rem;border-radius:6px}
nav a:hover{background:#f2f7ff}
.menu-toggle{display:none;background:transparent;border:0;font-size:1.25rem}
@media (max-width:700px){
  nav ul{display:none;flex-direction:column;background:#fff;padding:.75rem;border-radius:8px;position:absolute;right:1rem;top:60px;box-shadow:0 6px 18px rgba(20,20,20,.06)}
  nav ul.show{display:flex}
  .menu-toggle{display:inline-block}
}
/* search */
.search-btn{background:transparent;border:0;font-size:1.05rem;margin-left:0.5rem}
.search-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.35);align-items:flex-start;padding:3rem 1rem;z-index:60}
.search-overlay.show{display:flex}
.search-box{background:#fff;max-width:800px;width:100%;margin:0 auto;padding:1rem;border-radius:10px;box-shadow:0 8px 30px rgba(10,10,20,.12)}
.search-input{width:100%;padding:.6rem .8rem;border:1px solid #ddd;border-radius:8px;font-size:1rem}
.search-results{margin-top:.5rem;display:grid;gap:.5rem;max-height:40vh;overflow:auto}
.search-item{padding:.6rem;border-radius:8px;border:1px solid #f0f0f0;background:#fff}