/* Hallmark · shape: app screen · genre: modern-minimal · theme: Coral (deal 1/3, seed free-open-source-education-platform-9e3c·e0a87411·2026-10-28·r0)
 * nav: slim top bar, one question box over a list of cited passages · signature: every answer is a passage from the lecture with its moment in the video · states: no transcript loaded, ready, results, no match
 * axes: light/grotesk-sans/warm · posture: restrained · contrast: pass · modes: light+dark · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E4 S4 R4 V4 · weakest: H, the page has no hero by design: it is a tool, the question box leads */
@import url("../exam/exam.css");

.ask { display: flex; gap: var(--space-sm); margin-top: var(--space-lg); flex-wrap: wrap; }
.ask input[type="text"] { flex: 1 1 18rem; min-height: 48px; padding: 0 var(--space-md); border: 1px solid var(--color-muted); border-radius: var(--radius-input); background: var(--color-paper); color: var(--color-ink); }
.ask input[type="text"]:disabled { border-style: dashed; color: var(--color-muted); }
.load { margin-top: var(--space-lg); padding: var(--space-lg); border: 1px dashed var(--color-rule-2); border-radius: var(--radius-card); font-size: var(--text-sm); color: var(--color-ink-2); display: grid; gap: var(--space-sm); }
.load p { max-width: 60ch; }
.load input[type="file"] { font-size: var(--text-sm); min-height: 44px; }
.passages { list-style: none; margin: var(--space-lg) 0 0; padding: 0; display: grid; gap: var(--space-md); }
.passage { padding: var(--space-md); border: 1px solid var(--color-rule); border-radius: var(--radius-card); }
.passage p { font-size: var(--text-md); line-height: 1.55; max-width: none; }
.passage mark { background: color-mix(in oklab, var(--color-accent) 30%, transparent); color: inherit; border-radius: 2px; }
.passage footer { margin-top: var(--space-sm); font-size: var(--text-sm); }
.note { margin-top: var(--space-sm); font-size: var(--text-sm); color: var(--color-muted); max-width: 60ch; }