/* q_and_a block (Phase 3 Stage 4).
   CSS ported from design-export/base.css; no literal colour, every value a token.
   Q&A short-answer grid */

.qa-grid-intro { margin-bottom: 1.5rem; color: var(--muted); max-width: 62ch; }
.qa-grid { display: grid; gap: var(--gap-grid); grid-template-columns: repeat(3, 1fr); }
.qa-grid--1 { grid-template-columns: 1fr; }
.qa-grid--2 { grid-template-columns: repeat(2, 1fr); }
.qa-grid--3 { grid-template-columns: repeat(3, 1fr); }
.qa-card { background: var(--white); border: 1px solid var(--line); border-top: var(--card-edge) solid var(--accent); border-radius: var(--radius-sm); padding: 1.6rem 1.7rem; }
.qa-card-question { font-size: 1.4375rem; line-height: 1.15; margin-bottom: .6rem; }
.qa-card-answer { font-size: var(--fs-min); color: var(--muted); }
.qa-card-answer p { margin: 0; }
@media (max-width: 64em) { .qa-grid, .qa-grid--2, .qa-grid--3 { grid-template-columns: 1fr; } }