.availabilityCard {
  --availability-signal: var(--rd-signal, #c6ff3d);
  color: var(--rd-text, #ece8f4);
  background: var(--rd-panel, #131119);
  border: 1px solid var(--rd-line-hi, #4a4160);
  padding: clamp(20px, 5vw, 40px);
  text-align: center;
  font-family: var(--rd-mono, "Cascadia Code", Consolas, monospace);
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.availabilityArt { display: block; width: min(240px, 100%); height: auto; margin: 0 auto 18px; color: var(--rd-purple-hi, #b79cff); }
.availabilityEyebrow { color: var(--rd-muted, #948ca6); font-size: 12px; letter-spacing: .12em; }
html.rd body .availabilityCard h2, .availabilityCard h2 { margin: 12px 0; font: 700 clamp(20px, 5vw, 28px)/1.35 var(--rd-mono, Consolas, monospace); color: inherit; text-transform: none; letter-spacing: -.02em; }
.availabilityCard p { max-width: 44ch; margin: 0 auto; font-size: 15px; }
html.rd body .availabilityCard .availabilityRetry, .availabilityRetry {
  display: inline-flex; justify-content: center; align-items: center; gap: 14px; flex-wrap: wrap;
  max-width: 100%; min-height: 48px; margin: 24px 0 20px; padding: 12px 20px;
  background: var(--availability-signal); border: 1px solid var(--availability-signal);
  color: var(--rd-on-signal, #0c0b10); font: 700 15px/1.4 var(--rd-mono, Consolas, monospace);
  text-transform: none; letter-spacing: 0; cursor: pointer; border-radius: 0;
}
.availabilityRetry:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
.availabilityCard .availabilityHint { color: var(--rd-muted, #948ca6); font-size: 12px; }
html.rd body .error:has(> .availabilityCard), .error:has(> .availabilityCard) { padding: 0; border: 0; background: none; }
html.rd body .error:has(> .availabilityCard)::before { content: none; }
@media (max-width: 360px) {
  html.rd body .availabilityCard .availabilityRetry { font-size: 14px; gap: 8px; padding-inline: 14px; }
}