.s-download-row { position: relative; }
/* Availability belongs on the button, not a saturated outline around every card. */
.studio-site .s-download-panel .s-download-row,
.studio-site .s-download-panel .s-download-row.is-available {
  border-color: color-mix(in srgb, var(--s-line) 65%, transparent);
  box-shadow: none;
}
.s-download-row > .s-download-recommendation {
  position: absolute; top: 10px; right: 16px; display: inline-flex; align-items: center; gap: 6px;
  padding: 0; border: 0; border-radius: 0; background: transparent;
  color: var(--s-accent, #2854f4);
  font-size: 13px; font-weight: 500; line-height: 1.5; letter-spacing: 0;
  white-space: nowrap; pointer-events: none;
}
.s-download-row[data-download-match="exact"] > .s-download-recommendation::before {
  content: ""; width: 8px; height: 4px; margin-top: -3px;
  border-left: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: rotate(-45deg);
}
.studio-site .s-download-panel .s-download-row[data-download-match="exact"] {
  background: color-mix(in srgb, var(--s-soft) 50%, var(--s-surface));
  border-color: color-mix(in srgb, var(--s-line) 80%, transparent);
  box-shadow: none;
}
.s-download-row[data-download-match="system"] > .s-download-recommendation {
  color: var(--s-muted, #66758e);
}
.s-download-device-note { margin: 14px 0 0; color: var(--s-muted, #66758e); font-size: 12px; line-height: 1.7; }

@media (max-width: 600px) {
  .studio-site .s-download-panel .s-download-row:is([data-download-match="exact"], [data-download-match="system"]) {
    padding-top: 40px;
  }
}