/* updates.css — /updates hub only (linked solely from src/updates.html, so
   editing it never changes the cache-bust hash of any other page).
   Builds on the shared nib-timeline / nib-card / nib-pill components and the
   site's theme variables; logical properties only, so RTL needs no overrides
   beyond the arrow flip. */

.upd-hero { padding-bottom: 48px; }

.upd-section { padding-top: 56px; }
.upd-feed { max-width: 820px; margin-inline: auto; }

.upd-month + .upd-month { margin-top: 48px; }
.upd-month-title {
  font-family: var(--font-display); font-weight: 800; font-size: clamp(22px, 2.6vw, 28px);
  letter-spacing: -0.4px; line-height: 1.2; color: var(--text-primary); margin: 0 0 8px;
}

.upd-timeline { max-width: none; margin: 0; list-style: none; }
.upd-item { padding-block: 12px; }
.upd-item::before { top: 38px; }

.premium-site .upd-card { padding: 24px 26px; }
.upd-meta {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px;
  margin: 0 0 14px; font-size: 13px; line-height: 1.4; color: var(--text-muted);
}
.upd-product { font-weight: 700; color: var(--text-primary); }
.upd-title {
  font-family: var(--font-display); font-weight: 700; font-size: clamp(19px, 2.2vw, 22px);
  line-height: 1.25; color: var(--text-primary); margin: 0; overflow-wrap: break-word;
}
.upd-summary { margin: 10px 0 0; font-size: 15px; line-height: 1.7; color: var(--text-muted); }
.upd-fact { margin: 12px 0 0; font-size: 13px; line-height: 1.5; color: var(--text-muted); }
.upd-fact-label { font-weight: 700; color: var(--text-primary); }
.upd-stage-value { font-weight: 700; color: var(--text-primary); }

.upd-cta {
  display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-top: 8px;
  font-size: 14px; font-weight: 700; color: var(--brand-orange);
  text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px;
  transition: text-decoration-color .2s;
}
.upd-cta:hover { text-decoration-color: currentColor; }
.upd-arrow { display: inline-block; }
[dir="rtl"] .upd-arrow { scale: -1 1; }

/* Visually hidden, still announced (category/product/date prefixes). */
.upd-vh {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

@media (max-width: 640px) {
  .upd-hero { padding-bottom: 32px; }
  .upd-section { padding: 40px 16px 56px; }
  .upd-timeline { padding-inline-start: 24px; }
  .upd-timeline::before { inset-inline-start: 4px; }
  .upd-item::before { inset-inline-start: -25px; top: 34px; width: 10px; height: 10px; }
  .premium-site .upd-card { padding: 20px 18px; }
}