/* Latest-release widget: a version pill plus direct download links.
   The band is static markup and always visible; only the version pill is
   revealed by assets/js/release-info.js, so the [hidden] rule below has to win
   over the flex display of its container. Colours come from tokens.css, which
   both the homepage and the docs pages load, with the brand values as
   fallbacks. */

[data-release-block][hidden] {
  display: none !important;
}

.release-strip {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 10px;
  padding: 18px 20px;
  margin-top: 40px;
  border: 1px solid var(--line, #e7e1d5);
  border-radius: 8px;
  background: var(--paper-raised, #fff);
}

.release-row {
  display: grid;
  grid-template-columns: 112px auto minmax(0, 1fr);
  align-items: start;
  gap: 10px 12px;
}

.release-row > .release-assets {
  grid-column: 3;
}

.store-row > .release-assets {
  grid-column: 2 / -1;
}

.release-row-label {
  padding-top: 7px;
  color: var(--ink-subtle, #9c9488);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.store-row {
  padding-top: 10px;
  border-top: 1px solid var(--line-soft, #f1ece2);
}

.release-version {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  gap: 6px;
  padding: 6px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--brand-blue, #2f5fd0);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.15s;
}

.release-version:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.release-assets {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

.release-asset {
  padding: 6px 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ink-muted, #6a6459);
  font-size: 12.5px;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.15s, background 0.15s;
}

.release-asset:hover {
  background: var(--paper-muted, #f6f3ec);
  color: var(--brand-blue, #2f5fd0);
}

.release-asset-more {
  color: var(--ink, #22201b);
  font-weight: 600;
}

/* Version text inside an existing link (footer rows). Stays transparent to the
   surrounding link colour so it works on the light homepage footer and on the
   dark docs footer alike. */
.release-tag {
  opacity: 0.72;
  font-variant-numeric: tabular-nums;
}

.release-tag:empty {
  display: none;
}

@media (max-width: 640px) {
  .release-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .release-row > .release-assets,
  .store-row > .release-assets {
    grid-column: auto;
  }

  .release-row-label {
    padding-top: 0;
  }
}