/* The site's shared styles supply colors, panels, navigation, and buttons. */
main { max-width: 60ch; }
.panel { width: 100%; }
.question { font-size: clamp(2rem, 10vw, 4rem); text-align: center; margin: 20px 0; }
.answer { font-size: 1.5rem; text-align: center; }
.actions { display: flex; flex-wrap: wrap; gap: 10px; }
progress { width: 100%; accent-color: var(--ink); }
button, .button, input, select { min-height: 44px; }
select { appearance: auto; }
a { color: var(--ink); }
input:focus-visible, select:focus-visible, button:focus-visible, a:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 2px;
}