/* Vote: the original recording, two equal score readers, one preference. */
body[data-page="arena"] .vote-heading { margin-bottom: 28px; }
.vote-piece { border-top: 1px solid var(--line); padding: 28px 0 32px; margin-bottom: 4px; }
.vote-piece.has-video { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: start; }
.vote-piece-info { min-width: 0; }
.vote-picker { display: flex; align-items: center; gap: 12px; margin-bottom: 26px; }
.vote-picker label { color: var(--muted); font-size: 11px; white-space: nowrap; }
.vote-picker select { background: transparent; border-color: var(--line); border-radius: 3px; max-width: min(280px, 75%); }
.vote-piece h2 { margin: 0; font-size: clamp(24px, 3vw, 32px); font-weight: 500; letter-spacing: -.6px; line-height: 1.3; overflow-wrap: anywhere; }
.vote-artist { margin: 10px 0 0; color: var(--muted); font-size: 13px; }
.vote-original-link { display: inline-block; margin-top: 22px; font-size: 12px; padding-bottom: 3px; border-bottom: 1px solid #c5cbc4; }
.vote-original-link:hover { border-color: var(--ink); }
.vote-video { aspect-ratio: 16 / 9; background: #151515; border: 1px solid var(--line); border-radius: 4px; overflow: hidden; }
.vote-video iframe { display: block; width: 100%; height: 100%; border: 0; }
body[data-page="arena"] .task-constraints { margin: 20px 0 0; padding: 0; border: 0; background: transparent; }
body[data-page="arena"] .task-constraints summary { color: var(--muted); font-size: 11px; cursor: pointer; }
body[data-page="arena"] .task-constraints p { margin: 12px 0 0; color: var(--muted); font-size: 12px; line-height: 1.85; }
body[data-page="arena"] .compare-grid { gap: 20px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
body[data-page="arena"] .score-card { border-color: var(--line); border-radius: 4px; }
body[data-page="arena"] .score-card-head { padding: 17px 18px; }
body[data-page="arena"] .candidate-letter { background: #f0f2ef; color: var(--ink); border-radius: 3px; font-family: inherit; font-weight: 500; font-size: 16px; }
body[data-page="arena"] .candidate-name small,
body[data-page="arena"] .file-badge,
body[data-page="arena"] .score-tools { display: none; }
body[data-page="arena"] .score-viewport { height: 430px; }
body[data-page="arena"] .review-panel { background: transparent; border: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-top: 32px; border-radius: 0; }
body[data-page="arena"] .overall-choice { padding: 26px 0; }
body[data-page="arena"] .overall-choice .choices { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
body[data-page="arena"] .overall-choice .choice { min-width: 76px; padding: 11px 15px; font-size: 12px; border-radius: 3px; }
body[data-page="arena"] .optional-review > summary { padding: 16px 0; }
body[data-page="arena"] .optional-review-note { padding-left: 0; }
body[data-page="arena"] .submit-row { justify-content: flex-end; margin-top: 20px; }
body[data-page="arena"] #submit-review { min-width: 136px; padding: 12px 24px; font-size: 12px; background: var(--ink); border-color: var(--ink); }
@media (max-width: 720px) {
  .vote-piece.has-video { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .vote-picker { margin-bottom: 22px; }
  .vote-piece { padding-top: 22px; padding-bottom: 24px; }
  body[data-page="arena"] .compare-grid { grid-template-columns: minmax(0, 1fr); }
  body[data-page="arena"] .score-viewport { height: 380px; }
  body[data-page="arena"] .overall-choice { flex-direction: column; align-items: stretch; gap: 18px; }
  body[data-page="arena"] .overall-choice .choice { min-width: 0; padding: 11px 6px; }
}