/* Lane C — Updates. Do not edit app.css from here. */
.mw-updates-filters{
  position:sticky;
  top:var(--app-top);
  z-index:40;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:12px clamp(16px,3.2vw,40px);
  background:var(--canvas);
  border-bottom:1px solid var(--line);
}
.mw-updates-month{
  position:static;
  margin:20px 0 8px;
  padding:8px 0 6px;
  background:var(--canvas);
  font-family:var(--mono) !important;
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--ink-3);
  border-bottom:1px solid var(--line);
}
.mw-updates-kind{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 8px;
  border:1px solid var(--line-2);
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.mw-updates-actions .mw-btn{ min-height:44px; }

/* Filter row: one line that scrolls on phones (no two-row wrap under the dock) */
@media (max-width:759px){
  .mw-updates-filters{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    gap:8px;
    padding-bottom:4px;
  }
  .mw-updates-filters::-webkit-scrollbar{ display:none; }
  .mw-updates-filters > *{ flex:0 0 auto; }
}