/* ═══════════════════════════════════════════════════════════════════
   NODARAMA — updates.css
   The Recent Updates page. Uses the design page's tokens and card style.
   ═══════════════════════════════════════════════════════════════════ */

.Updates-Dx {
  width: min(100%, 60rem);
  margin: 0 auto;
  padding: clamp(7rem, 12vw, 9rem) var(--nd-gutter) var(--nd-section);
}

.Updates-Dx .Heading-Eo {
  width: 100%;
  padding: 0 0 2rem;
}

.Updates-Dx h1 {
  margin: 0 0 1rem;
  color: var(--nd-offwhite);
}

.Updates-Dx .Heading-Eo p {
  max-width: 44rem;
}

.Action-Gx {
  display: inline-block;
  margin-top: 1.2rem;
  padding: 0.9rem 1.6rem;
  background: var(--nd-tangerine);
  color: var(--nd-midnight);
  border: 1px solid var(--nd-tangerine);
  border-radius: var(--nd-radius);
  font: 700 0.8rem/1.1 var(--nd-sans);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
}

.Section-Cx a.Action-Gx {
  color: var(--nd-midnight);
  border-bottom: 1px solid var(--nd-tangerine);
}

.Action-Gx:hover,
.Action-Gx:focus-visible {
  background: var(--nd-white);
  outline: none;
}

.Jump-Strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem 1.2rem;
  margin: 0 0 2rem;
  padding: 0.9rem 0;
  border-top: 1px solid var(--nd-line-light);
  border-bottom: 1px solid var(--nd-line-light);
}

.Section-Cx .Jump-Strip a {
  color: var(--nd-cerulean-soft);
  font: 600 0.8rem/1.2 var(--nd-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 0;
}

.Release-Fx {
  margin: 0 0 2.4rem;
  padding: var(--nd-card-pad);
  background: linear-gradient(145deg, rgba(6, 16, 26, 0.92), rgba(16, 13, 10, 0.95));
  border: 1px solid rgba(237, 121, 40, 0.17);
  border-radius: var(--nd-radius);
  scroll-margin-top: 6rem;
}

.Release-Head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.4rem 1.2rem;
  margin-bottom: 0.4rem;
}

.Release-Fx h2 {
  margin: 0;
  color: var(--nd-tangerine);
  font-family: var(--nd-mono);
  font-size: clamp(1.5rem, 3vw, 2rem);
}

.Release-Date {
  color: var(--nd-muted-light);
  font: 600 0.82rem/1.2 var(--nd-mono);
  letter-spacing: 0.08em;
}

.Release-Lead {
  margin: 0.2rem 0 1.4rem;
  color: var(--nd-offwhite);
  font-family: var(--nd-serif);
  font-size: clamp(1.15rem, 2vw, 1.45rem);
  font-style: italic;
}

.Release-Fx h3 {
  margin: 1.4rem 0 0.5rem;
  color: var(--nd-cerulean-soft);
  font: 700 0.8rem/1.2 var(--nd-mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.Release-Fx code {
  padding: 0.05rem 0.35rem;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 3px;
  font-family: var(--nd-mono);
  font-size: 0.88em;
}

.Updates-Foot {
  margin: 2rem 0 0;
  color: var(--nd-muted-light);
}