/* ============ download.html ============ */
.dl-hero { display: grid; gap: clamp(2rem,5vw,3.5rem); align-items: center; }
@media (min-width: 900px) { .dl-hero { grid-template-columns: 1.05fr 0.95fr; } }

.dl-panel {
  text-align: center;
  padding: clamp(1.8rem,4vw,3rem);
  background: var(--grad-panel); backdrop-filter: blur(14px);
  border: 1px solid rgba(201,162,39,0.3);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card), 0 0 70px -30px var(--color-glow-shadow);
}
.dl-panel__version { display: inline-flex; gap: 0.5rem; flex-wrap: wrap; justify-content: center; margin-bottom: var(--space-md); }
.dl-panel__title { font-size: var(--fs-h2); margin-bottom: var(--space-sm); }
.dl-panel__meta { color: var(--color-text-muted); margin-bottom: var(--space-lg); font-size: 0.95rem; }
.dl-panel__cta { display: grid; gap: 0.8rem; max-width: 340px; margin: 0 auto var(--space-lg); }
.dl-spec-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.4rem 1.4rem; font-size: 0.82rem; color: var(--color-text-muted); }
.dl-spec-row span { display: inline-flex; align-items: center; gap: 0.35rem; }
.dl-spec-row svg { width: 15px; height: 15px; color: var(--color-emerald-soft); }

/* QR */
.qr {
  display: inline-flex; flex-direction: column; align-items: center; gap: 0.6rem;
  margin-top: var(--space-lg); padding: var(--space-md);
  background: rgba(242,239,227,0.04); border: 1px solid rgba(201,162,39,0.22); border-radius: var(--radius-md);
}
.qr__code {
  width: 128px; height: 128px; padding: 8px; background: #F2EFE3; border-radius: 10px;
  display: grid; place-items: center;
}
.qr__code img, .qr__code svg { width: 100%; height: 100%; }
.qr__label { font-size: 0.78rem; color: var(--color-text-muted); }

/* download steps */
.dl-steps { display: grid; gap: 1rem; counter-reset: dl; }
@media (min-width:680px){ .dl-steps { grid-template-columns: repeat(2,1fr); } }
.dl-step {
  position: relative; display: flex; gap: 1rem; align-items: flex-start;
  padding: 1.3rem 1.3rem 1.3rem 1.2rem;
  background: var(--grad-panel); border: 1px solid rgba(201,162,39,0.2); border-radius: var(--radius-md);
}
.dl-step__num {
  flex: none; width: 44px; height: 44px; display: grid; place-items: center;
  font-family: var(--font-display); font-weight: 800; color: #1c1503;
  background: var(--grad-gold-diag);
  clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
}
.dl-step__title { font-family: var(--font-display); font-weight: 600; font-size: 1.05rem; margin-bottom: 0.25rem; }
.dl-step__text { font-size: 0.9rem; color: var(--color-text-muted); }

/* requirements */
.req-grid { display: grid; gap: 0.6rem; }
.req-row { display: flex; justify-content: space-between; gap: 1rem; padding: 0.7rem 0; border-bottom: 1px dashed rgba(201,162,39,0.18); font-size: 0.94rem; }
.req-row:last-child { border-bottom: 0; }
.req-row dt { color: var(--color-text-muted); }
.req-row dd { color: var(--color-text-primary); font-weight: 600; text-align: right; }

/* safety note */
.safety-note {
  display: flex; gap: 1rem; align-items: flex-start;
  padding: 1.3rem 1.5rem;
  background: rgba(31,169,124,0.08); border: 1px solid rgba(31,169,124,0.35); border-radius: var(--radius-md);
}
.safety-note svg { width: 30px; height: 30px; color: var(--color-emerald-soft); flex: none; }
.safety-note p { font-size: 0.92rem; color: var(--color-text-soft); }