/* A single focused download card, using the homepage's approved Lavender style. */
:root { --ink: var(--yl-ink); --muted: var(--yl-ink-muted); --green: var(--yl-primary); --line: var(--yl-border); }
.download-hero { padding: 28px 0; }
.download-intro {
  padding: clamp(24px, 4vw, 44px); border: 1px solid #dcd0ff; border-radius: 28px;
  background-color: #fff; background-image: var(--yl-card-background);
  box-shadow: 0 24px 52px -18px rgb(109 40 217 / 13%), 0 1px 0 #fff inset;
}
.section-label { display: inline-flex; padding: 5px 12px; border: 1px solid var(--yl-border); border-radius: 999px; background: var(--yl-primary-soft); }
.download-intro h1 { font-size: clamp(38px, 4.6vw, 60px); }
.download-button {
  background: var(--yl-button-background); color: #fff; border-color: rgb(255 255 255 / 32%); border-radius: 20px;
  box-shadow: 0 16px 34px -10px rgb(109 40 217 / 38%), 0 1px 0 rgb(255 255 255 / 35%) inset;
}
.download-button:hover { background: linear-gradient(135deg, #6d28d9, #5b21b6); }
.download-button.disabled { background: #f3ecff; color: var(--muted); box-shadow: none; border-color: var(--line); }
.release-details { padding: 0 4px; }
.release-details summary { color: var(--yl-primary-hover); }
.download-edition { color: var(--yl-primary-hover); }
.download-location > :first-child { padding: 5px 11px; border-radius: 999px; border: 1px solid var(--yl-border); background: #ffffffb3; }
.site-footer { border-color: var(--yl-border); }
@media (max-width: 760px) {
  .download-main { padding-top: 20px; }
  .download-hero { padding-top: 20px; }
  .download-intro { padding: 24px 20px; }
}
@media (forced-colors: active) {
  .download-intro, .download-button, .download-button:hover, .section-label { background: Canvas; border-color: CanvasText; color: CanvasText; box-shadow: none; }
}

/* Same page background as the YahaLinks homepage (.citizen-download-page): lavender wash with a fine dot grid. */
body {
  background-color: #f3ecff;
  background-image:
    radial-gradient(rgba(124, 58, 237, .13) 1px, transparent 1.5px),
    radial-gradient(circle at 14% 18%, rgba(196, 181, 253, .58) 0%, transparent 45%),
    radial-gradient(circle at 86% 22%, rgba(245, 208, 254, .52) 0%, transparent 46%),
    radial-gradient(circle at 76% 84%, rgba(199, 210, 254, .55) 0%, transparent 48%),
    linear-gradient(145deg, #f6f1ff, #ebe1ff, #f7f0ff);
  background-size: 22px 22px, auto, auto, auto, auto;
  background-position: 11px 11px, center, center, center, center;
  background-repeat: repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}
@media (forced-colors: active) { body { background-image: none; } }