.result-carousel { border: 1px solid var(--line); background: var(--cream); }
.result-stage { position: relative; height: min(72vw, 760px); min-height: 560px; overflow: hidden; touch-action: pan-y; }
.result-stage figure { position: absolute; inset: 0; margin: 0; opacity: 0; visibility: hidden; transition: opacity .35s ease; }
.result-stage figure.active { opacity: 1; visibility: visible; }
.result-stage img { width: 100%; height: 100%; object-fit: contain; padding: 22px; }
.result-arrow { position: absolute; z-index: 2; top: 50%; width: 52px; height: 52px; display: grid; place-items: center; border: 0; border-radius: 50%; background: #0b173fe6; color: white; cursor: pointer; transform: translateY(-50%); font-size: 34px; line-height: 1; }
.result-arrow:hover { background: var(--copper); }
.result-arrow.prev { left: 22px; }
.result-arrow.next { right: 22px; }
.result-footer { min-height: 84px; padding: 17px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); background: var(--paper); color: var(--muted); font-size: 13px; }
.result-footer > div:first-child { display: flex; align-items: center; gap: 6px; }
.result-footer span { color: var(--copper2); font: 26px Georgia, serif; }
.result-footer strong { margin-left: 17px; color: var(--ink); font-size: 14px; }
.result-dots { display: flex; gap: 8px; }
.result-dots button { width: 34px; height: 4px; padding: 0; border: 0; background: #c9dceb; cursor: pointer; }
.result-dots button.active { background: var(--copper); }
@media (max-width: 680px) {
  .result-stage { min-height: 0; height: 105vw; max-height: 650px; }
  .result-stage img { padding: 10px; }
  .result-arrow { width: 44px; height: 44px; }
  .result-arrow.prev { left: 10px; }
  .result-arrow.next { right: 10px; }
  .result-footer { align-items: flex-start; }
  .result-footer > div:first-child { flex-wrap: wrap; }
  .result-footer strong { width: 100%; margin-left: 0; }
  .result-dots button { width: 20px; }
}