.site-header{
  display:flex;align-items:center;gap:16px;
  padding:16px 20px;
  max-width:760px;margin:0 auto;
}
.logo{
  font-family:'Fraunces',serif;
  font-weight:600;font-size:20px;letter-spacing:-0.01em;
  display:flex;align-items:center;gap:9px;
}
.logo .mark{display:inline-flex;flex-shrink:0;}
.logo .mark svg{display:block;}

.header-search{flex:1;position:relative;}
.header-search input{
  width:100%;padding:9px 14px;border-radius:999px;
  border:1px solid var(--line);background:var(--bg-raised);
  color:var(--ink);font-size:14px;outline:none;
}
.header-search input:focus{border-color:var(--accent);}

.header-actions{display:flex;align-items:center;gap:10px;}
.icon-btn{
  background:transparent;border:none;color:var(--ink-soft);
  width:34px;height:34px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  font-size:16px;
}
.icon-btn:hover{background:var(--line);color:var(--ink);}

/* Admin link/logout only ever get injected into #admin-header-slot
   for an authenticated session — see js/components/header.js */
.admin-link{font-size:13px;color:var(--ink-faint);white-space:nowrap;}
.admin-link:hover{color:var(--ink);}

@media(max-width:520px){
  .logo span.wordmark{display:none;}
}