.learning-context{display:flex;flex-direction:column;gap:0}.learning-context-header{position:sticky;top:0;z-index:1;padding:20px 64px 16px 24px;border-bottom:1px solid hsl(var(--border));background:hsl(var(--background) / .96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left}.learning-context>button:last-child{z-index:2}.learning-context-header h2{font-size:1.25rem}.learning-context-body{display:grid;gap:28px;padding:20px 24px 40px}.learning-context-heading{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:1rem;font-weight:600}.learning-context-heading svg{width:18px;height:18px;color:hsl(var(--brand))}.learning-context-count{margin-left:auto;min-width:26px;padding:1px 8px;border-radius:999px;background:hsl(var(--secondary));font-size:.8125rem;font-weight:500;text-align:center;color:hsl(var(--muted-foreground))}.learning-context-note{margin:-6px 0 12px;font-size:.875rem;color:hsl(var(--muted-foreground))}.learning-context-theory{padding:16px 18px;border:1px solid hsl(var(--border));border-left:3px solid hsl(var(--brand));border-radius:calc(var(--radius) + 2px);background:hsl(var(--card));font-size:.9375rem;line-height:1.6}.learning-context-theory h4{margin:2px 0 8px;font-size:1.0625rem;font-weight:600;line-height:1.35}.learning-context-theory>p{margin-bottom:10px}.learning-context-theory .knowledge-list{gap:8px;margin-block:8px}.learning-context-theory .knowledge-list li,.learning-context-theory .knowledge-steps li,.learning-context-theory .knowledge-glossary-row,.learning-context-theory .knowledge-note{font-size:15px;line-height:1.55}.learning-context-theory .knowledge-glossary-row{grid-template-columns:1fr;gap:2px}.learning-context-theory .knowledge-note{margin-top:12px;padding:10px 14px 12px}.learning-context-source{font-size:.8125rem;color:hsl(var(--muted-foreground))}.learning-context-more{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:4px;font-weight:500;color:hsl(var(--primary));text-decoration:underline;text-underline-offset:4px}.learning-context-more svg,.learning-context-links svg{width:16px;height:16px;flex-shrink:0}.learning-context-links{display:grid;gap:8px;margin-top:10px}.learning-context-links a,.learning-context-links .learning-context-expand{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 14px;border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));transition:border-color .15s,background-color .15s}.learning-context-expand svg{transition:transform .15s}.learning-context-expand[aria-expanded=true] svg{transform:rotate(180deg)}.learning-context-links .learning-context-theory{margin-top:8px}.learning-context-links a:hover,.learning-context-links .learning-context-expand:hover{border-color:hsl(var(--primary) / .45);background:hsl(var(--secondary) / .6)}.learning-context-links strong{display:block;font-size:.9375rem;font-weight:600;line-height:1.35}.learning-context-links small{display:block;margin-top:2px;font-size:.8125rem;color:hsl(var(--muted-foreground))}.official-check{display:grid;gap:10px;padding:16px;border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + 2px);background:hsl(var(--card));color:hsl(var(--card-foreground))}.official-check-meta{display:flex;justify-content:space-between;gap:12px;font-size:.8125rem;font-weight:500;color:hsl(var(--muted-foreground))}.official-check-meta-end{display:inline-flex;align-items:center;gap:10px}.official-check-aids{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 8px;border:1px solid hsl(var(--border));border-radius:8px;font-size:.75rem;font-weight:600}.official-check-aids svg{width:14px;height:14px}.official-check-aids[aria-pressed=true]{color:hsl(var(--brand));background:hsl(var(--brand) / .05)}.official-check-aids:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.official-check .answer-contrast{margin:0}.official-check-context{white-space:pre-line;font-size:.9375rem;line-height:1.6}.official-check-prompt{font-size:1.0625rem;font-weight:600;line-height:1.45;outline:none}.official-check-image{max-height:14rem;max-width:100%;justify-self:start;padding:10px;border:1px solid hsl(var(--border));border-radius:var(--radius);background:#fff;-o-object-fit:contain;object-fit:contain}.official-check-options{display:grid;gap:8px}.official-check-options button{display:flex;align-items:flex-start;gap:10px;min-height:48px;padding:10px 12px;border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--background));font-size:.9375rem;line-height:1.5;text-align:left;transition:border-color .15s,background-color .15s}.official-check-options button:not([aria-disabled=true]):hover{border-color:hsl(var(--primary) / .5);background:hsl(var(--secondary) / .6)}.official-check-options button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.official-check-options button[data-state=correct]{border-color:hsl(var(--success) / .6);background:hsl(var(--success) / .1)}.official-check-options button[data-state=wrong]{border-color:hsl(var(--destructive) / .55);background:hsl(var(--destructive) / .07)}.official-check-options button[data-state=muted]{color:hsl(var(--muted-foreground))}.official-check-letter{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid hsl(var(--border));border-radius:6px;font-size:.75rem;font-weight:600}.official-check-letter svg{width:15px;height:15px}[data-state=correct] .official-check-letter{border-color:hsl(var(--success) / .6);color:hsl(var(--success))}[data-state=wrong] .official-check-letter{border-color:hsl(var(--destructive) / .55);color:hsl(var(--destructive))}.official-check-feedback:empty{display:none}.official-check-feedback{font-size:.9375rem;font-weight:600}.official-check-actions{display:flex;flex-wrap:wrap;gap:8px}.learning-context-rule{border-left-color:hsl(var(--signal));background:hsl(var(--signal) / .08)}.learning-context-theory+.learning-context-theory{margin-top:10px}.learning-context-source-link{display:inline-flex;align-items:center;gap:6px;min-height:40px;font-size:.875rem;color:hsl(var(--muted-foreground));text-decoration:underline;text-underline-offset:4px}.learning-context-source-link svg{width:14px;height:14px}