.trial-flag { color: var(--gold, #d7b66f); font-weight: 700; }
.trial-page { margin-block: 22px; scroll-margin-top: 100px; }
.trial-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.trial-heading h2, .trial-heading h3 { margin: 0; }
.trial-heading .secondary { margin: 0; }
.trial-season-arrow { color: #e5bd77; transform: rotate(180deg); }
.seasonGroup[open] .trial-season-arrow { transform: rotate(90deg); }
.trial-episode { align-items: flex-start; flex-wrap: wrap; cursor: default; padding: 18px 14px; }
.trial-episode-info { flex: 1 1 220px; min-width: 0; }
.trial-episode-info p { margin-block: 7px 0; }
.trial-episode-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.trial-type { background: #342e20; color: #f0d291; border: 1px solid #746344; border-radius: 6px; padding: 2px 8px; font-size: .78rem; }
.trial-episode button { margin: 0; align-self: center; }
.trial-row-state { color: #bdc9ac; font-size: .8rem; }
.trial-frame { width: 100%; height: 700px; display: block; border: 0; background: #171713; border-radius: 13px; }
.trial-case-intro { margin-block: 0 14px; }
.trial-form { display: grid; gap: 6px; }
.trial-pair { display: grid; grid-template-columns: minmax(0, 1fr) minmax(100px, 1fr); gap: 12px; }
.trial-form textarea { min-height: 85px; }
.trial-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.trial-actions button { margin: 0; }
.trial-empty { padding: 15px; }
.trial-nav [aria-current="page"] { border: 1px solid #a58b57; color: #f0d291; }
.trial-empty .secondary, .trial-page .secondary { min-height: 42px; }
@media (max-width: 600px) {
  .trial-page { scroll-margin-top: 75px; }
  .trial-episode button { width: 100%; }
  .trial-pair { grid-template-columns: 1fr; gap: 0; }
  #trialCase { padding-inline: 10px; }
}