.pr-choice {
  font: inherit;
  padding: 0.4rem 1rem;
  border: 1px solid #c9c2b4;
  border-radius: var(--radius, 8px);
  background: var(--card, #fff);
  color: var(--ink, #1f2328);
  cursor: pointer;
}
.pr-choice:hover:not(:disabled) { border-color: var(--accent, #2f5d8a); }
.pr-choice[aria-pressed="true"] { background: var(--accent, #2f5d8a); border-color: var(--accent, #2f5d8a); color: #fff; }
.pr-choice:disabled { opacity: 0.45; cursor: default; }
.pr-note { margin: 0 0 0.75rem; font-size: 0.9rem; }
.pr-note:empty { display: none; }

.pr-runner:empty { display: none; }
.pr-ask {
  margin-top: 1rem;
  padding: 0.9rem 1.25rem 0.4rem;
  background: var(--card, #fff);
  border: 1px solid var(--accent, #2f5d8a);
  border-radius: var(--radius, 8px);
}
.pr-ask p { font-weight: 600; }
.pr-outcome { margin-top: 1rem; font-weight: 600; }
.pr-outcome:empty { display: none; }

.pr-flash { text-align: center; }
.pr-flash-score { position: relative; width: 470px; height: 340px; margin: 0 auto; overflow: hidden; }
/* Scale up one small staff: the stage is a normal-size abcjs render, enlarged and centred in the box. */
.pr-flash-stage { position: absolute; left: 0; top: 50%; width: 800px; line-height: 0; transform-origin: 0 0; transform: scale(3.3) translate(4px, -50%); }
.pr-flash-msg { min-height: 2rem; font-size: 1.25rem; font-weight: 600; margin: 0.5rem 0 1rem; }
.pr-ok { color: var(--ok, #2e7d32); }
.pr-bad { color: var(--bad, #c62828); }
.pr-flash-kb { visibility: hidden; text-align: left; }
.pr-flash-kb.is-shown { visibility: visible; }
.pr-runner { margin-bottom: 1.25rem; }
.card table + .row { margin-top: 1rem; }
[data-role=summary] .pl-stats { margin-bottom: 1rem; }