/* Shared upcoming-release components. Existing palette and typography stay authoritative. */
:root{
  --font-ui:var(--font-sans);
  --weight-semibold:600;
  --color-icon:var(--color-heading);
  --color-upcoming-bg:var(--color-ink);
  --color-upcoming-fg:var(--color-brand-lime);
  --radius-badge:10px;
  --type-badge-compact-size:12px;
  --space-badge-compact-block:5px;
  --space-badge-compact-inline:12px;
  --size-feature-icon:24px;
  --space-feature-icon:12px;
}
[data-theme="dark"]{
  --color-upcoming-bg:var(--color-brand-lime);
  --color-upcoming-fg:var(--color-ink);
}
.soon-pill,.release:is([data-status="upcoming"],#v1-1-8) .status{
  background:var(--color-upcoming-bg);
  color:var(--color-upcoming-fg);
}
.release:is([data-status="upcoming"],#v1-1-8) .status{
  font-family:var(--font-ui);
  font-size:var(--type-badge-compact-size);
  font-weight:var(--weight-semibold);
  padding:var(--space-badge-compact-block) var(--space-badge-compact-inline);
  border-radius:var(--radius-badge);
}
.release-link{font-family:var(--font-ui);font-weight:var(--weight-medium)}
.release:is([data-status="upcoming"],#v1-1-8) .feature h3{display:flex;align-items:flex-start;gap:var(--space-feature-icon)}
.release:is([data-status="upcoming"],#v1-1-8) .feature h3 span{min-width:0}
.release:is([data-status="upcoming"],#v1-1-8) .feature-icon{
  width:var(--size-feature-icon);height:var(--size-feature-icon);
  flex:0 0 var(--size-feature-icon);color:var(--color-icon);
  /* Optical alignment with the existing heading cap height. */
  margin-top:1px;
}
.release:is([data-status="upcoming"],#v1-1-8) .duo-icon{
  background:currentColor;
  -webkit-mask:url("/Assets/gaspulse-iphone-duo-glyph.svg") center/contain no-repeat;
  mask:url("/Assets/gaspulse-iphone-duo-glyph.svg") center/contain no-repeat;
}