.topnav{
  position:sticky; top:0; z-index:40;
  background:var(--bg);
  border-bottom:1px solid var(--line);
}
.topnav-inner{
  max-width:640px; margin:0 auto;
  display:flex; flex-wrap:wrap; align-items:center;
  gap:8px 12px; padding:12px 0;
}
.topnav .brand{
  font-family:"Fraunces",Georgia,serif; font-weight:600; font-size:1rem;
  color:var(--ink); text-decoration:none; white-space:nowrap;
  flex:none;
}
.city-pills{
  display:flex; flex-wrap:wrap; gap:6px;
  flex:1 1 auto; min-width:0;
}
.city-pills a{
  flex:none; font-size:.78rem; font-weight:600; text-decoration:none;
  color:var(--ink-soft); background:var(--surface-2); border:1px solid var(--line);
  border-radius:999px; padding:6px 12px; white-space:nowrap;
}
.city-pills a.active{ color:var(--accent-ink); background:var(--accent); border-color:var(--accent); }

.day-pills{
  max-width:640px; margin:0 auto;
  display:flex; flex-wrap:wrap; gap:6px;
  padding:0 0 12px;
}
.day-pills.single-day{ display:none; }
.day-pills button{
  flex:none; font:inherit; font-size:.8rem; font-weight:600; cursor:pointer;
  color:var(--ink-soft); background:transparent; border:1px solid var(--line);
  border-radius:999px; padding:7px 14px; white-space:nowrap;
}
.day-pills button.active{ color:var(--teal); background:var(--teal-soft); border-color:var(--teal); }

.day-section{ display:none; }
.day-section.active{ display:block; }