.updates-page { width: min(62rem, calc(100% - 2rem)); padding-top: 2.5rem; }
.updates-page [hidden] { display: none !important; }
.updates-page :focus-visible { outline: 3px solid #ffe17b; outline-offset: 4px; }
.updates-intro h1 { max-width: none; font-size: clamp(2rem, 4.8vw, 3.3rem); margin: .75rem 0 1rem; }
.updates-intro > p:not(.kicker) { color: #a9c8da; max-width: 65ch; }
.updates-intro .updates-coverage { color: #bdeaff; font-size: .85rem; margin-top: 1.25rem; }
.updates-tools { display: grid; grid-template-columns: minmax(0, 1fr) 12rem; gap: 1rem; padding: 1.25rem; margin: 1.75rem 0 1rem; background: #101c2b; border: 2px solid #40637e; box-shadow: 4px 4px 0 #03070c; }
.updates-tools label { display: flex; min-width: 0; font-size: .85rem; }
.updates-tools input, .updates-tools select { min-width: 0; width: 100%; background: #07111d; color: #edf5ff; border: 2px solid #40637e; border-radius: 0; padding: .65rem; min-height: 2.8rem; font: inherit; }
.updates-tools input::placeholder { color: #829db3; opacity: 1; }
.updates-tool-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: .75rem; }
.updates-tool-actions button, .updates-empty button { font-family: 'Chakra Petch', Inter, sans-serif; font-size: .9rem; padding: .6rem 1rem; border-width: 2px; }
.updates-tools .updates-clear { background: #172b3e; border-color: #40637e; color: #bdeaff; box-shadow: 3px 3px 0 #03070c; }
.updates-status { margin: 1.25rem 0 .75rem; color: #a9c8da; font-size: .85rem; }
.updates-pagination { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding: .5rem 0 1rem; }
.updates-pagination a { display: grid; place-items: center; min-width: 2.6rem; min-height: 2.6rem; padding: .4rem .65rem; background: #101c2b; border: 1px solid #40637e; color: #bdeaff; text-decoration: none; font-size: .85rem; }
.updates-pagination a[aria-current="page"] { background: #e6a83f; border-color: #fff0a8; color: #101823; font-weight: 700; }
.updates-pagination a:hover { border-color: #ffe17b; }
.updates-pagination > span { color: #a9c8da; }
.updates-list { scroll-margin-top: 1rem; }
.update-entry { margin: 1rem 0; padding: 1.35rem 1.5rem; border-width: 2px; box-shadow: 4px 4px 0 #03070c; }
.update-entry::before { content: none; }
.update-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; font-size: .8rem; color: #a9c8da; }
.update-category { color: #bdeaff; padding: .1rem .4rem; background: #1b3549; border: 1px solid #40637e; font-size: .7rem; }
.update-meta > a { margin-left: auto; white-space: nowrap; }
.update-entry h2 { margin: .7rem 0 .6rem; font-size: clamp(1.2rem, 2.4vw, 1.5rem); line-height: 1.25; }
.update-entry > p { margin: 0; color: #d1e1ec; font-size: .95rem; }
.updates-empty { margin: 1rem 0; padding: 2rem 1rem; background: #101c2b; border: 1px dashed #40637e; text-align: center; }
.updates-empty h2 { margin-top: 0; }.updates-empty p { color: #a9c8da; }
@media (max-width: 640px) {
  .updates-page { padding-top: 1.75rem; }
  .updates-tools { grid-template-columns: 1fr; padding: 1rem; }
  .update-entry { padding: 1.1rem; }
  .update-meta { gap: .45rem; }
  .update-meta time { font-size: .75rem; }
  .update-meta > a { margin-left: 0; }
}