/* Additions to the prototype's site.css. site.css stays a straight copy of site-airport/css. */
:root {
  --font-display: var(--f-overpass), var(--f-kufi), ui-sans-serif, system-ui, sans-serif;
  --font-body: var(--f-overpass), var(--f-kufi), ui-sans-serif, system-ui, sans-serif;
  --font-outlier: var(--f-mono), ui-monospace, monospace;
  --font-arabic: var(--f-kufi), var(--f-overpass), sans-serif;
}

/* Answer feedback: colour plus a word, never colour alone. */
.opt.is-right { border-color: var(--color-go-ink); background: var(--color-go-soft); box-shadow: inset 0 0 0 1px var(--color-go-ink); }
.opt.is-wrong { border-color: var(--color-error); box-shadow: inset 0 0 0 1px var(--color-error); }
.opt__mark { margin-inline-start: auto; font-size: var(--text-sm); font-weight: 800; }
.opt:has(input:disabled) { cursor: default; }
.status--error { color: var(--color-error); }
.reading { padding: var(--space-md); border-inline-start: 4px solid var(--color-rule); background: var(--color-paper-2); }
.model { white-space: pre-line; }
.report { display: grid; gap: var(--space-sm); }
.stat { font: 800 var(--text-display)/1 var(--font-display); }