/* Daily Updates: the newest first, a day to a card, the topics as pill filters. */
.updates-hero, .updates-content { --max: 960px; }
.updates-hero { padding-block: var(--space-4xl) var(--space-xxl); }
.updates-eyebrow { margin-bottom: var(--space-md); font-size: var(--type-micro); line-height: var(--leading-micro); font-weight: var(--weight-heavy); letter-spacing: var(--tracking-micro); text-transform: uppercase; color: var(--accent); }
.updates-hero h1 { font-size: var(--type-hero); line-height: var(--leading-hero); }
.updates-hero h1 em { font-style: normal; color: var(--accent); }
.updates-lead { margin-top: var(--space-lg); font-size: var(--type-title); line-height: var(--leading-title); }
.updates-content { padding-bottom: var(--space-5xl); }
.updates-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-sm) var(--space-xl); font-size: var(--type-caption); line-height: var(--leading-caption); color: var(--text-secondary); }
.updates-filters { display: flex; flex-wrap: wrap; gap: var(--space-sm); margin-top: var(--space-xl); }
.updates-filters button { display: inline-flex; align-items: center; gap: var(--space-sm); min-height: var(--target-min); padding: 0 var(--space-lg); border: 2px solid var(--line); border-radius: var(--radius-pill); background: var(--surface-raised); color: var(--text-secondary); font-size: var(--type-caption); line-height: var(--leading-caption); font-weight: var(--weight-bold); white-space: nowrap; transition: background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard); }
.updates-filters button:hover { background: var(--surface-sunken); color: var(--text-primary); }
.updates-filters button:active { transform: scale(0.97); }
.updates-filters button.is-active, .updates-filters button[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: var(--accent-on); }
.updates-filters button span { display: none; }
.updates-timeline { display: grid; gap: var(--space-lg); padding-top: var(--space-xl); }
.updates-day { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: var(--space-xl); padding: var(--space-xl); border-radius: var(--radius-xl); background: var(--surface-raised); box-shadow: var(--shadow-soft); }
.updates-day-date { padding-top: 2px; font-size: var(--type-caption); line-height: var(--leading-caption); font-weight: var(--weight-heavy); color: var(--text-secondary); }
.updates-day-items { display: grid; gap: var(--space-xl); }
.updates-entry + .updates-entry { border-top: 1px solid var(--line); padding-top: var(--space-xl); }
.updates-entry-category { margin-bottom: var(--space-xs); font-size: var(--type-micro); line-height: var(--leading-micro); font-weight: var(--weight-heavy); letter-spacing: var(--tracking-micro); text-transform: uppercase; color: var(--accent); }
.updates-entry h2 { font-size: var(--type-h2); line-height: var(--leading-h2); letter-spacing: 0; }
.updates-entry p:last-child { max-width: 620px; margin-top: var(--space-sm); }
.updates-empty, .updates-loading { padding: var(--space-xl); border-radius: var(--radius-xl); background: var(--surface-raised); }
.updates-disclaimer { margin-top: var(--space-xxl); font-size: var(--type-caption); line-height: var(--leading-caption); }

@media (max-width: 800px) {
  .updates-hero { padding-block: var(--space-3xl) var(--space-xl); }
  .updates-hero h1 { font-size: var(--type-display); line-height: var(--leading-display); }
  .updates-day { grid-template-columns: 1fr; gap: var(--space-md); padding: var(--space-lg); }
  .updates-entry h2 { font-size: var(--type-title); line-height: var(--leading-title); }
}