.grol-masthead{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-4);padding-right:calc(var(--touch-min) + var(--space-5));border-bottom:1px solid var(--border);background:var(--surface)}.grol-crumb{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-2);font-family:var(--font-display);font-weight:700;text-decoration:none;color:var(--command-ink)}.grol-crumb:hover{text-decoration:underline}.grol-masthead .masthead-note{font-size:var(--text-xs);color:var(--ink-faint);text-align:right}.grol-page{max-width:760px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-8)}.grol-page h1{font-size:clamp(var(--text-xl),4.5vw,var(--text-2xl));max-width:30ch}.grol-lede{margin-top:var(--space-3);margin-bottom:var(--space-5);max-width:58ch;color:var(--ink-muted)}.grol-footer{max-width:760px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-6);border-top:1px solid var(--border);color:var(--ink-faint);font-size:var(--text-sm);display:flex;flex-direction:column;gap:var(--space-2)}.grol-sourcing{margin-top:var(--space-6);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:var(--space-4)}.grol-sourcing h2{font-size:var(--text-base);margin-bottom:var(--space-2)}.grol-sourcing ul{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}.grol-sourcing li{font-size:var(--text-sm);color:var(--ink-muted);max-width:64ch}.grol-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.grol-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.grol-card h2{font-size:var(--text-xl)}.grol-card-subject{color:var(--ink-muted);font-size:var(--text-sm)}.grol-card-pool{font-size:var(--text-xs);color:var(--ink-faint)}.grol-card-stats{font-size:var(--text-sm)}.grol-card-honest{font-size:var(--text-sm);color:var(--ink-faint)}.grol-card-msg{color:var(--ink-faint);font-size:var(--text-sm);padding:var(--space-3);background:var(--surface-sunk);border-radius:var(--radius-sm)}.grol-card-error{background:var(--marginal-tint);border:1px solid var(--marginal);color:var(--ink)}.grol-start{margin-top:auto;min-height:var(--touch-min);padding:0 var(--space-4);border:0;border-radius:var(--radius-sm);background:var(--command);color:var(--on-command);font-family:var(--font-body);font-weight:600;font-size:var(--text-base);cursor:pointer}.grol-start:hover:not(:disabled){background:var(--command-strong)}.grol-start:disabled{background:var(--grid-empty);color:var(--ink-faint);cursor:not-allowed}.grol-picker-note{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--ink-faint);max-width:64ch}.grol-exam-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.grol-exam-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.grol-progress{font-size:var(--text-sm);font-weight:600}.grol-exam-label{color:var(--ink-faint);font-weight:400}.grol-flag{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-muted);font-size:var(--text-sm);cursor:pointer}.grol-flag.flagged{border-color:var(--marginal);background:var(--marginal-tint);color:var(--marginal-ink);font-weight:600}.grol-question{font-family:var(--font-body);font-weight:600;font-size:var(--text-lg);line-height:1.4;max-width:64ch}.grol-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff}.grol-figure img{display:block;max-width:100%;height:auto}.grol-figure figcaption{font-size:var(--text-xs);color:#3a3f44}.grol-choices{display:flex;flex-direction:column;gap:var(--space-2)}.grol-choice{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch-min);width:100%;padding:var(--space-2) var(--space-3);text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.4;cursor:pointer}.grol-choice:hover{border-color:var(--command)}.grol-choice.selected{border-color:var(--command);background:var(--surface-sunk);box-shadow:inset 0 0 0 1px var(--command);font-weight:600}.grol-choice-key{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid var(--border);background:var(--surface-sunk);color:var(--ink-muted);font-size:var(--text-sm)}.grol-choice.selected .grol-choice-key{background:var(--command);border-color:var(--command);color:var(--on-command)}.grol-exam-nav{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.grol-nav-btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-family:var(--font-body);font-weight:600;font-size:var(--text-base);cursor:pointer}.grol-nav-btn:hover:not(:disabled){border-color:var(--command)}.grol-nav-btn:disabled{color:var(--ink-faint);cursor:not-allowed}.grol-submit{min-height:var(--touch-min);padding:0 var(--space-4);margin-left:auto;border:0;border-radius:var(--radius-sm);background:var(--command);color:var(--on-command);font-family:var(--font-body);font-weight:600;font-size:var(--text-base);cursor:pointer}.grol-submit:hover{background:var(--command-strong)}.grol-confirm{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background:var(--marginal-tint);border:1px solid var(--marginal);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--ink)}.grol-confirm-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.grol-confirm-actions .grol-submit{margin-left:0}.grol-keys{font-size:var(--text-xs);color:var(--ink-faint)}.grol-keys kbd{font-family:var(--font-data);border:1px solid var(--border);border-radius:4px;padding:0 var(--space-1);background:var(--surface-sunk)}.grol-results{display:flex;flex-direction:column;gap:var(--space-4)}.grol-verdict{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5) var(--space-4);border-radius:var(--radius);border:1px solid var(--border);text-align:center}.grol-verdict-line{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-family:var(--font-display);font-weight:700;font-size:clamp(var(--text-2xl),6vw,var(--text-3xl));line-height:1.1}.grol-verdict.pass{background:var(--pass-tint);border-color:var(--pass)}.grol-verdict.pass .grol-verdict-line{color:var(--pass-ink)}.grol-verdict.fail{background:var(--fail-tint);border-color:var(--fail)}.grol-verdict.fail .grol-verdict-line{color:var(--fail-ink)}.grol-score{font-size:var(--text-xl);font-weight:600;color:var(--ink)}.grol-verdict-sub{font-size:var(--text-sm);color:var(--ink-muted)}.grol-scaled-note{padding:var(--space-3);background:var(--marginal-tint);border:1px solid var(--marginal);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--marginal-ink);max-width:64ch}.grol-review h2{font-size:var(--text-lg);margin-bottom:var(--space-3)}.grol-review-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3);counter-reset:grol-missed}.grol-review-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.grol-review-q{font-weight:600;max-width:64ch}.grol-review-your{font-size:var(--text-sm);color:var(--fail-ink)}.grol-review-correct{font-size:var(--text-sm);color:var(--pass-ink)}.grol-review-clean{padding:var(--space-3);background:var(--pass-tint);border:1px solid var(--pass);border-radius:var(--radius-sm);color:var(--pass-ink);font-weight:600}.grol-restart{align-self:flex-start;min-height:var(--touch-min);padding:0 var(--space-4);border:0;border-radius:var(--radius-sm);background:var(--command);color:var(--on-command);font-family:var(--font-body);font-weight:600;font-size:var(--text-base);cursor:pointer}.grol-restart:hover{background:var(--command-strong)}