.updates-page { max-width: 1000px; padding-top: 36px; padding-bottom: 88px; }
.updates-heading { margin-bottom: 48px; max-width: 760px; }
.updates-heading h1 { margin: 0 0 16px; font-family: var(--font-display); font-size: clamp(30px, 4vw, 48px); line-height: 1.15; letter-spacing: -.035em; }
.updates-heading p { color: var(--muted); font-size: 18px; line-height: 1.65; }
.update-entry { display: grid; grid-template-columns: 180px 1fr; gap: 32px; border-top: 1px solid var(--border); padding: 32px 0; }
.update-meta { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; color: var(--muted); font-size: 13px; }
.update-entry > .update-meta { flex-direction: column; align-items: flex-start; gap: 12px; padding-top: 5px; }
.update-entry h2 { margin: 0 0 12px; font-family: var(--font-display); font-size: 25px; letter-spacing: -.02em; line-height: 1.3; }
.update-entry h2 a { color: var(--fg); text-decoration: none; }
.update-entry h2 a:hover, .update-more { color: var(--accent-ink); }
.update-entry p { color: var(--muted); line-height: 1.7; margin-bottom: 16px; }
.update-more { font-size: 14px; font-weight: 600; text-decoration: none; }
.update-more:hover { text-decoration: underline; }
.update-back { display: inline-flex; align-items: center; gap: 8px; }
.update-back-icon { display: block; flex: none; transform: rotate(180deg); }
.update-detail { max-width: 840px; }
.update-detail .updates-heading .update-meta { margin-bottom: 20px; }
.update-detail .update-meta { gap: 8px 20px; }
.update-copy { color: var(--fg); font-size: 17px; line-height: 1.85; margin-bottom: 40px; }
.update-copy h2 { font-family: var(--font-display); margin-top: 36px; font-size: 25px; }
.update-copy a { color: var(--accent-ink); }
.update-copy .table-wrap { border: 0; border-radius: 0; margin-top: var(--s-4); }
.update-copy .table-wrap:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.update-copy .update-table-hint { display: none; }
@media (max-width: 520px) {
  .update-copy .update-table-hint { display: block; color: var(--muted); font-size: var(--fs-sm); line-height: 1.5; }
}
@media (max-width: 600px) { .update-entry { grid-template-columns: 1fr; gap: 16px; } .update-entry > .update-meta { flex-direction: row; align-items: center; } .updates-heading { margin-bottom: 32px; } }