/* Public recognition uses the site's shared fonts, colors, and spacing. */
.updates { max-width: 920px; margin: 0 auto; padding: 132px 24px 96px; }
.updates-header { border-bottom: 1px solid var(--border); padding-bottom: 32px; margin-bottom: 36px; }
.updates-eyebrow { color: var(--accent-secondary); font-size: .75rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 600; }
.updates h1 { font-family: var(--font-heading,Outfit,sans-serif); font-size: clamp(2.4rem,6vw,4rem); line-height: 1.08; margin: 16px 0; letter-spacing: -.035em; }
.updates-intro { color: var(--text-secondary); max-width: 58ch; font-size: 1.05rem; line-height: 1.7; }
.updates-thanks { font-size: 0.95rem; margin-top: 0.5rem; }
.updates-nav { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 26px; }
.updates a { color: var(--accent); }
.update { display: grid; grid-template-columns: 140px minmax(0,1fr); gap: 24px; padding: 30px 0; border-bottom: 1px solid var(--border); }
.update time { color: var(--text-muted); font: 500 .78rem/1.7 'JetBrains Mono',monospace; }
.update h2 { font: 600 1.25rem/1.4 var(--font-heading,Outfit,sans-serif); margin: 0 0 12px; overflow-wrap: anywhere; }
.update p { margin: 8px 0 0; line-height: 1.7; color: var(--text-secondary); overflow-wrap: anywhere; white-space: pre-wrap; }
.update blockquote { border-left: 2px solid var(--accent-secondary); padding-left: 18px; margin: 16px 0 0; }
.updates button { padding: 12px 18px; margin-top: 28px; border: 1px solid var(--border-strong); border-radius: 8px; background: var(--bg-1); color: var(--text); font: inherit; cursor: pointer; }
.updates [hidden] { display: none; }
.updates-status { color: var(--text-muted); margin: 24px 0; }
@media (max-width: 600px) { .updates { padding: 110px 20px 96px; } .update { grid-template-columns: 1fr; gap: 10px; } }