.updates-page { padding: clamp(3.5rem, 7vw, 6.5rem) 0 5rem; }
.updates-intro { max-width: 780px; margin-bottom: 3.25rem; }
.updates-intro .project-kind { color: #b6caeb; margin: 0 0 1.1rem; }
.updates-intro h1 { margin: 0; font: 500 clamp(3.8rem, 7vw, 6.5rem)/1.08 var(--heading-font); letter-spacing: -0.03em; }
.updates-intro > p:last-child { max-width: 540px; color: var(--muted); line-height: 1.75; margin-top: 1.6rem; }
.updates-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 0 0 1.5rem; border-bottom: 1px solid var(--line); }
.updates-filters { display: flex; flex-wrap: wrap; gap: 0.55rem; }
.updates-filter { border: 1px solid var(--line); border-radius: 100px; background: transparent; color: var(--muted); padding: 0.65rem 1rem; font: inherit; font-size: 0.82rem; cursor: pointer; min-height: 44px; }
.updates-filter:hover { color: var(--paper); border-color: #a9b2bf; }
.updates-filter[aria-pressed="true"] { background: var(--paper); color: var(--navy); border-color: var(--paper); }
.updates-search { display: flex; flex-direction: column; gap: 0.4rem; color: var(--muted); font-size: 0.72rem; }
.updates-search input { width: 240px; padding: 0.65rem 0.8rem; min-height: 44px; border: 1px solid var(--line); border-radius: 5px; background: rgba(17, 28, 49, 0.6); color: var(--paper); font: inherit; font-size: 0.86rem; }
.updates-search input::placeholder { color: #a9b2bf; }
.updates-filter:focus-visible, .updates-search input:focus-visible { outline: 2px solid #d4e3ff; outline-offset: 4px; }
.updates-count { font-family: "DM Mono", monospace; color: var(--muted); font-size: 0.7rem; margin: 1.25rem 0 2.5rem; }
.updates-day { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 2.5rem; padding: 2.2rem 0; border-top: 1px solid var(--line); }
.updates-day:nth-child(1 of :not([hidden])) { border-top: 0; padding-top: 0; }
.updates-date { margin: 0; color: var(--muted); font: 400 0.79rem/1.6 "DM Mono", monospace; }
.updates-day__entries { min-width: 0; }
.update-entry { scroll-margin-top: 2rem; padding: 1.8rem 0; border-top: 1px solid rgba(237,240,242,0.085); }
.update-entry:nth-child(1 of :not([hidden])) { padding-top: 0; border-top: 0; }
.update-entry:nth-last-child(1 of :not([hidden])) { padding-bottom: 0; }
.update-entry:target { outline: 1px solid rgba(181,198,255,0.35); outline-offset: 14px; border-radius: 2px; }
.update-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.85rem; margin-bottom: 0.8rem; }
.update-project { display: inline-flex; align-items: center; gap: 0.5rem; font: 500 0.68rem/1.4 "DM Mono", monospace; letter-spacing: 0.02em; color: #b6ceff; }
.update-project::before { width: 6px; height: 6px; border-radius: 50%; background: currentColor; content: ""; }
.update-project--gastrorank { color: #eac5a3; }
.update-project--sibo { color: #a6d5bb; }
.update-status { color: var(--muted); font-size: 0.65rem; border: 1px solid var(--line); border-radius: 3px; padding: 0.15rem 0.4rem; }
.update-entry h3 { margin: 0 0 0.8rem; font-size: clamp(1.15rem, 1.6vw, 1.4rem); line-height: 1.45; font-weight: 500; letter-spacing: -0.02em; }
.update-entry p { max-width: 730px; margin: 0; color: var(--muted); font-size: 0.94rem; line-height: 1.8; }
.update-entry h3 a:hover { color: #c5d9ff; }
.update-entry h3 a .update-permalink { opacity: 0; color: var(--muted); font-size: 0.8em; }
.update-entry h3 a:hover .update-permalink, .update-entry h3 a:focus-visible .update-permalink { opacity: 1; }
[hidden] { display: none !important; }
.updates-empty { color: var(--muted); padding: 2rem 0 4rem; }
.latest-updates { padding: 0 0 5rem; }
.latest-updates__head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 1.8rem; }
.latest-updates__head h2 { margin: 0; font: 500 clamp(2rem, 3.8vw, 3.2rem)/1.15 var(--heading-font); letter-spacing: -0.03em; }
.latest-updates__head a { color: var(--muted); font-size: 0.8rem; white-space: nowrap; }
.latest-updates__head a:hover { color: var(--paper); }
.latest-updates__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
.latest-update { display: flex; flex-direction: column; align-items: flex-start; padding: 1.7rem 0; border-top: 1px solid var(--line); }
.latest-update time { margin-bottom: 1.1rem; color: var(--muted); font: 400 0.68rem "DM Mono", monospace; }
.latest-update .update-project { margin-bottom: 0.7rem; }
.latest-update h3 { margin: 0 0 0.9rem; font-size: 1.07rem; line-height: 1.5; font-weight: 500; }
.latest-update p { margin: 0; color: var(--muted); font-size: 0.85rem; line-height: 1.8; }
@media (max-width: 800px) {
  .updates-day { grid-template-columns: 1fr; gap: 1.25rem; }
  .updates-date { color: #ced7e6; }
  .latest-updates__grid { grid-template-columns: 1fr; gap: 0; }
  .latest-update { padding: 1.8rem 0; }
}
@media (max-width: 460px) {
  .updates-controls { gap: 1.1rem; }
  .updates-filter { padding: 0.6rem 0.78rem; font-size: 0.76rem; }
  .updates-search, .updates-search input { width: 100%; }
  .latest-updates__head { align-items: flex-start; flex-direction: column; }
  .updates-intro { margin-bottom: 2.5rem; }
}