/* Optional v2 content uses the existing learning cards, buttons and color tokens. */
[data-lesson-modes] [hidden], .learning-unit-overview .learning-tabs[hidden] { display:none !important; }
.v2-mode-controls { display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1rem;margin:1.2rem 0 1.8rem;padding:1rem;border:1px solid var(--line,#dce3ec);border-radius:14px;background:var(--surface,#fff); }
.v2-mode-controls > label { font-weight:700; }
.v2-mode-controls > select { font:inherit;min-height:44px;max-width:100%;padding:.55rem 2rem .55rem .75rem;border:1px solid var(--line,#dce3ec);border-radius:9px;color:var(--ink,#17243b);background:var(--surface,#fff); }
.v2-mode-controls [data-reader-slot] { flex-basis:100%;min-width:0; }
.v2-mode-controls .fisi-lesson-reader { margin:0; }
.v2-mode-panel { max-width:960px;overflow-wrap:anywhere; }
.v2-mode-panel > h2 { margin:0 0 1rem; }
.v2-mode-panel p { line-height:1.75;white-space:pre-line; }
.v2-mode-panel .learning-card { margin:1rem 0; }
.v2-chapter > summary { font-size:1.1rem;font-weight:700;cursor:pointer;padding:.35rem 0; }
.v2-chapter > .learning-actions { margin:1rem 0; }
.v2-mode-panel label { display:block;font-weight:600;margin:.75rem 0; }
.v2-mode-panel textarea { display:block;width:100%;box-sizing:border-box;min-height:90px;margin-top:.5rem;padding:.75rem;font:inherit;resize:vertical;color:var(--ink,#17243b);background:var(--bg,#f4f7fb);border:1px solid var(--line,#dce3ec);border-radius:9px; }
.v2-mode-panel .learning-actions { flex-wrap:wrap; }
.v2-mode-panel .btn[aria-pressed="true"] { outline:2px solid var(--focus,#2563eb);outline-offset:2px; }
.v2-mode-panel button:disabled { opacity:.55;cursor:not-allowed; }
.v2-simpler:not(:empty), .v2-recall-feedback:not(:empty), .v2-task-feedback:not(:empty) { padding:1rem;margin:1rem 0;border-left:3px solid var(--focus,#2563eb);background:var(--bg,#f4f7fb);border-radius:6px; }
.v2-tutor-next { margin-top:1rem; }
@media(max-width:600px) { .v2-mode-controls > label,.v2-mode-controls > select { width:100%; }.v2-mode-panel .learning-actions .btn { flex:1 1 140px; }.v2-mode-panel .v2-recall { padding:1rem; } }
