/* =========================
   DOWNLOADS PAGE
   (keeps waltz.html layout)
   ========================= */

.downloads-title pre{
  white-space: pre-wrap;
  text-align: center;

  font-family: "AstroSpace-0Wl3o", system-ui, sans-serif;
  font-size: 22px;
  font-style: italic;
  line-height: 0px;
  letter-spacing: .18em;

  color: rgb(92, 200, 246);

  text-shadow:
    0 0 3px rgba(255,255,255,.70),
    0 0 10px rgba(92,200,246,.88),
    0 0 22px rgba(92,200,246,.68),
    0 0 44px rgba(92,200,246,.48),
    0 0 90px rgba(92,200,246,.30);

  animation: textEnergyPulse 5.2s ease-in-out infinite;
}

/* Rows */
.downloads-row{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;

  flex-wrap: wrap;
  gap: 18px;

  margin-top: 0px;
}

.downloads-row--single{
  margin-top: 12px;
}

/* Blocks match your existing "downloads button" pattern */
.downloads-block{
  display: flex;
  flex-direction: column;
  align-items: center;

  padding-bottom: 2px;
}

.downloads-preview{
  display: inline-flex;
  justify-content: center;
  align-items: stretch;

  text-decoration: none;
  cursor: pointer;

  padding: 0px;
  border-radius: 1px;

  border: 1px solid rgba(102, 208, 237, 0.65);

  box-shadow:
    0 0 8px rgba(102, 208, 237, 0.35),
    0 0 16px rgba(102, 208, 237, 0.18);

  transition:
    transform .25s ease,
    filter .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.downloads-preview picture{
  display: block;
}

.downloads-preview img{
  display: block;
  height: 150px; /* same scale approach as waltz */
  width: auto;
}

.downloads-preview:hover{
  border-color: rgba(102, 208, 237, 0.95);
  box-shadow:
    0 0 12px rgba(102, 208, 237, 0.55),
    0 0 28px rgba(102, 208, 237, 0.35);
  transform: scale(1.01);
}

/* Labels: two color variants */
.downloads-label{
  margin-top: 8px;

  font-size: 14px;
  letter-spacing: 0.18em;
  text-transform: uppercase;

  text-align: center;
  max-width: 260px;
}

.downloads-label--cyan{
  color: rgb(102, 208, 237);
  text-shadow:
    0 0 6px rgba(102, 208, 237, 0.5),
    0 0 12px rgba(102, 208, 237, 0.25);
}

.downloads-label--white{
  color: rgba(255, 255, 255, 0.92);
  text-shadow:
    0 0 6px rgba(255, 255, 255, 0.28),
    0 0 12px rgba(102, 208, 237, 0.18);
}

/* =========================
   DOWNLOADS SECTION LABELS
   ========================= */

.downloads-section-label{
  margin-top: 38px;
  margin-bottom: -25px;
  margin-left: auto;
  margin-right: auto;

  /* ✅ Centered underline that hugs the text */
  display: block;
  width: fit-content;
  max-width: 400px;
  padding-bottom: 6px;

  font-family: "AstroSpace-0Wl3o", system-ui, sans-serif;
  font-size: 18px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  text-align: center;

  border-bottom: 3px solid currentColor;
}

/* Dark Theme label */
.downloads-section-label--cyan{
  color: rgb(102, 208, 237);

  text-shadow:
    0 0 4px rgba(255,255,255,.55),
    0 0 10px rgba(102,208,237,.75),
    0 0 24px rgba(102,208,237,.45);
}

/* Light Theme label */
.downloads-section-label--white{
  color: rgba(255,255,255,.95);

  text-shadow:
    0 0 4px rgba(255,255,255,.55),
    0 0 10px rgba(102,208,237,.35);
}

/* =========================
   DOWNLOADS FOOTER NOTE
   ========================= */

.downloads-footer-note{
  margin-top: 20px;
  text-align: center;
}

.downloads-footer-note pre{
  white-space: pre-wrap;

  font-family: system-ui, sans-serif;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.04em;

  color: rgba(255, 255, 255, 0.75);
}