.updates-page { max-width: 1160px; margin: 0 auto; padding: 72px 32px 96px; }
.updates-intro { max-width: 760px; margin-bottom: 56px; }
.updates-intro h1 { font-size: 44px; line-height: 1.15; margin: 12px 0 24px; }
.updates-intro p, .updates-entry p, .updates-list { line-height: 1.75; }
.updates-muted { color: var(--muted); font-size: 15px; }
.updates-layout { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 56px; }
.updates-dates { align-self: start; position: sticky; top: 24px; }
.updates-dates a { display: block; padding: 10px 0; color: var(--cyan-bright); }
.updates-entry { border-top: 1px solid var(--line); padding: 28px 0 48px; scroll-margin-top: 24px; }
.updates-entry h2 { font-size: 30px; line-height: 1.3; margin: 12px 0 32px; }
.updates-entry h3 { font-size: 20px; margin: 0 0 16px; }
.updates-entry section + section { margin-top: 36px; }
.updates-list { margin: 0; padding-left: 20px; }
.updates-list li + li { margin-top: 16px; }
.updates-caution { border-left: 3px solid var(--amber); padding-left: 16px; }
.updates-plan { border-top: 1px solid var(--line); padding-top: 28px; }
@media (max-width: 760px) {
  .updates-page { padding: 40px 20px 56px; }
  .updates-intro { margin-bottom: 32px; }
  .updates-intro h1 { font-size: 32px; }
  .updates-layout { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .updates-dates { position: static; }
  .updates-entry h2 { font-size: 25px; }
}