/* Grants quiz (/grants/). Kept in its own file so it never collides with edits to site.css. */
.quiz { background: var(--card); border-radius: 16px; padding: clamp(1.1rem, 3vw, 1.75rem); display: grid; gap: 1.25rem; margin: 1.5rem 0 2.5rem; }
.quiz__title { margin: 0; }
.quiz__intro { margin: 0; max-width: 60em; }
.quiz__form { display: grid; gap: 1.25rem; }
.quiz__q { border: 0; margin: 0; padding: 0; display: grid; gap: .5rem; min-width: 0; align-content: start; }
.quiz__q .pills { align-items: flex-start; }
.quiz__q legend { margin-bottom: .5rem; padding: 0; }
@media (min-width: 900px) { .quiz__form { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.5rem 2.5rem; } .quiz__form .btn-row { grid-column: 1 / -1; } }
.quiz__out { background: var(--bg); border: 1px solid var(--line); border-radius: 12px; padding: 1.25rem; outline: none; }
.quiz__out[hidden] { display: none; }
.quiz__list { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: .75rem; }
@media (min-width: 900px) { .quiz__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.quiz__item { border: 1px solid var(--line); border-left: 4px solid var(--brand); border-radius: 10px; padding: .9rem 1rem; background: var(--card); }
.quiz__item--maybe { border-left-color: var(--line-strong); }
.quiz__item p { margin: .25rem 0 0; }
.quiz__item-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; }
.quiz__tag, .quiz__kind { font: 500 .7rem/1.4 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--brand-hover); }
.quiz__item--maybe .quiz__tag { color: var(--ink-2); }
.quiz__name { margin: .35rem 0 0; font-size: 1.05rem; }
.quiz__amt { font-weight: 600; }
.quiz__cta { border-top: 1px solid var(--line); padding-top: 1rem; }
.quiz__cta p { margin-top: 0; }
.quiz__all { font-size: .95rem; }
.quiz__all summary { cursor: pointer; font-weight: 600; min-height: 44px; display: flex; align-items: center; }
@media print { .quiz form, .quiz__out { display: none; } }