.top-meta{display:flex;align-items:center;gap:14px;color:var(--muted)}
.weather{display:inline-flex;align-items:center;gap:6px;padding-right:14px;border-right:1px solid var(--line);font-size:12px;white-space:nowrap}
.weather svg{width:18px;height:18px;fill:none;stroke:#60776a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mobile-today{display:none}
@media(max-width:1100px){.top-meta{display:grid;gap:3px}.weather{padding-right:0;border-right:0;justify-content:flex-end}.today{font-size:11px}}
@media(max-width:760px){
  .topbar{min-height:88px;height:88px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:0;border-bottom:1px solid var(--line)}
  .topbar .menu-btn{display:flex;width:32px;height:38px;padding:0;align-items:center;justify-content:flex-start;line-height:1;text-align:left}
  .topbar .menu-btn svg{display:block;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:square}
  .topbar>div:nth-child(2){margin:0!important;min-width:0;align-self:center}
  .topbar #pageEyebrow{display:none}
  .topbar #pageTitle{margin:0;line-height:1.2;white-space:nowrap}
  .topbar .top-actions{display:flex;width:auto;justify-content:flex-end;margin:0;padding:0;border:0}
  .topbar .top-meta{display:flex;width:auto;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto}
  .topbar .weather{justify-content:flex-start;padding:0;border:0;font-size:11px}
  .topbar .weather svg{width:16px;height:16px}
  .topbar .today{display:none}
  .topbar .mobile-today{display:inline;color:var(--muted);font-size:11px;white-space:nowrap;padding-left:10px;border-left:1px solid var(--line)}
}