.question-renderer{--question-font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--question-mono-font:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--question-text-xs:.75rem;--question-text-sm:.875rem;--question-text-base:1rem;--question-text-lg:1.125rem;--question-text-xl:1.25rem;--question-leading-tight:1.25;--question-leading-normal:1.5;--question-leading-relaxed:1.625;--question-text-primary:#111827;--question-text-secondary:#6b7280;--question-text-muted:#9ca3af;--question-correct-bg:#f0fdf4;--question-correct-border:#22c55e;--question-correct-text:#16a34a;--question-error-bg:#fef2f2;--question-error-border:#ef4444;--question-error-text:#dc2626;--question-spacing-xs:.25rem;--question-spacing-sm:.5rem;--question-spacing-md:1rem;--question-spacing-lg:1.5rem;--question-spacing-xl:2rem;font-family:var(--question-font-family);color:var(--question-text-primary)}.question-renderer .katex{font-size:1.1em;line-height:1.4}.question-renderer .katex-display{margin:var(--question-spacing-lg)0;padding:var(--question-spacing-md);background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;overflow-x:auto}.question-renderer .katex-display .katex{font-size:1.2em}.question-renderer.math-simple .katex{font-size:1em}.question-renderer.math-moderate .katex{font-size:1.05em}.question-renderer.math-complex .katex{font-size:1.1em}.question-renderer.math-complex .katex-display{padding:var(--question-spacing-lg);background:#fafbff;border:2px solid #e0e7ff}.question-renderer .prose{max-width:none;color:inherit}.question-renderer .prose p{margin-bottom:var(--question-spacing-md);line-height:var(--question-leading-relaxed)}.question-renderer .prose p:last-child{margin-bottom:0}.question-renderer .main-question{font-size:var(--question-text-lg);line-height:var(--question-leading-relaxed);color:var(--question-text-primary);margin-bottom:var(--question-spacing-xl)}.question-renderer .option-container{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;transition:all .2s ease-in-out}.question-renderer .option-container:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.question-renderer .option-container.correct{border-color:var(--question-correct-border);background:var(--question-correct-bg)}.question-renderer .option-container.correct:hover{background:#dcfce7}.question-renderer .option-number{min-width:2rem;height:2rem;font-weight:600;font-size:var(--question-text-sm);border-radius:50%;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex}.question-renderer .option-number.normal{color:#6b7280;background:#f3f4f6}.question-renderer .option-number.correct{background:var(--question-correct-border);color:#fff}.question-renderer .option-content{min-width:0;line-height:var(--question-leading-relaxed);font-size:var(--question-text-base);flex:1}@media (max-width:768px){.question-renderer{--question-text-base:.9rem;--question-text-lg:1rem;--question-spacing-md:.75rem;--question-spacing-lg:1rem}.question-renderer .katex-display{margin:var(--question-spacing-md)0;padding:var(--question-spacing-sm);font-size:.95em}.question-renderer .option-container{padding:var(--question-spacing-sm)var(--question-spacing-md)}.question-renderer .option-number{min-width:1.75rem;height:1.75rem;font-size:var(--question-text-xs)}}@media print{.question-renderer{--question-text-base:11pt;--question-text-lg:12pt;color:#000!important;background:#fff!important}.question-renderer .katex-display{break-inside:avoid;background:#fff!important;border:1px solid #ccc!important}.question-renderer .option-container{break-inside:avoid;margin-bottom:.5rem;background:#fff!important;border:1px solid #ccc!important}.question-renderer .option-container.correct{background:#f0f0f0!important;border:2px solid #000!important}}@media (prefers-contrast:high){.question-renderer{--question-text-primary:#000;--question-text-secondary:#333;--question-correct-border:green;--question-error-border:#c00}.question-renderer .option-container,.question-renderer .katex-display{border-width:2px}}@media (prefers-reduced-motion:reduce){.question-renderer .option-container{transition:none}.question-renderer .option-container:hover{transform:none}.question-renderer .option-number{transition:none}}.question-renderer .latex-error{padding:var(--question-spacing-xs)var(--question-spacing-sm);background:var(--question-error-bg);color:var(--question-error-text);border:1px solid var(--question-error-border);font-family:var(--question-mono-font);font-size:var(--question-text-xs);border-radius:.25rem;align-items:center;line-height:1.4;display:inline-flex}.question-renderer .latex-error:before{content:"⚠️";margin-right:var(--question-spacing-xs)}.question-renderer .loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:.25rem;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.question-renderer .loading-text{height:1.2em;margin-bottom:var(--question-spacing-sm)}.question-renderer .loading-math{height:2em;margin:var(--question-spacing-md)0}.question-renderer details[open]{margin-top:var(--question-spacing-lg);padding:var(--question-spacing-md);background:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem}.question-renderer details summary{cursor:pointer;color:var(--question-text-secondary);-webkit-user-select:none;user-select:none;font-weight:500}.question-renderer details summary:hover{color:var(--question-text-primary)}.question-renderer details pre{margin-top:var(--question-spacing-sm);padding:var(--question-spacing-sm);font-family:var(--question-mono-font);font-size:var(--question-text-xs);background:#fff;border:1px solid #e9ecef;border-radius:.25rem;overflow-x:auto}@media (prefers-color-scheme:dark){.question-renderer{--question-text-primary:#f9fafb;--question-text-secondary:#d1d5db;--question-text-muted:#9ca3af;--question-correct-bg:#064e3b;--question-correct-border:#10b981;--question-error-bg:#7f1d1d;--question-error-border:#ef4444}.question-renderer .katex-display,.question-renderer .option-container{background:#1f2937;border-color:#374151}.question-renderer .option-container:hover{background:#374151;border-color:#4b5563}}.question-renderer .text-balance{text-wrap:balance}.question-renderer .break-words{word-break:break-word}.question-renderer .select-text{-webkit-user-select:text;user-select:text}.question-renderer .no-select{-webkit-user-select:none;user-select:none}.question-renderer .focus-visible{outline:2px solid var(--question-correct-border);outline-offset:2px}.question-renderer .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
