/* Eğitir V2 — ders, sesli anlatım, test ve yanlış onarım akışı */
.learning-flow-v2-page {
    --flow-ink: #10211d;
    --flow-paper: #f8f5ec;
    --flow-surface: #fffdfa;
    --flow-line: rgba(16, 33, 29, .17);
    --flow-line-strong: rgba(16, 33, 29, .34);
    --flow-lime: #c7f400;
    --flow-lime-soft: #efffc1;
    --flow-coral: #ff6848;
    --flow-coral-soft: #fff0ea;
    --flow-blue: #526df0;
    --flow-blue-soft: #eef0ff;
    --flow-shadow: 0 18px 48px rgba(16, 33, 29, .08);
}

.learning-flow-v2-page :where(.guide-main, .result-main) {
    width: min(100% - 48px, 1240px);
    max-width: 1240px;
    padding-top: 26px;
}

.learning-flow-v2-page .breadcrumbs {
    margin-bottom: 22px;
}

/* Ortak dört adımlı öğretme döngüsü */
.learning-method-strip,
.assessment-flow-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 18px 0 28px;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--flow-line-strong);
    border-radius: 17px;
    background: var(--flow-surface);
    box-shadow: 0 11px 28px rgba(16, 33, 29, .055);
    list-style: none;
}

.learning-method-strip a,
.assessment-flow-strip li {
    position: relative;
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr);
    gap: 2px 11px;
    align-content: center;
    min-height: 76px;
    padding: 13px 17px;
    border-right: 1px solid var(--flow-line);
    color: var(--flow-ink);
}

.learning-method-strip a:last-child,
.assessment-flow-strip li:last-child {
    border-right: 0;
}

.learning-method-strip a:nth-child(1),
.assessment-flow-strip li.is-current {
    background: var(--flow-lime-soft);
}

.learning-method-strip a:nth-child(2) { background: var(--flow-coral-soft); }
.learning-method-strip a:nth-child(3) { background: var(--flow-blue-soft); }
.assessment-flow-strip li.is-complete { background: var(--flow-lime-soft); }

.learning-method-strip span,
.assessment-flow-strip span {
    grid-row: 1 / span 2;
    display: grid;
    place-items: center;
    width: 35px;
    height: 35px;
    border: 1px solid var(--flow-ink);
    border-radius: 10px;
    background: var(--flow-ink);
    color: #fff;
    font: 800 9px/1 var(--mono, monospace);
}

.learning-method-strip strong,
.assessment-flow-strip strong {
    align-self: end;
    font-size: 13px;
    line-height: 1.15;
}

.learning-method-strip small,
.assessment-flow-strip small {
    align-self: start;
    color: rgba(16, 33, 29, .62);
    font-size: 9px;
    line-height: 1.25;
}

.learning-method-strip a:hover,
.learning-method-strip a:focus-visible {
    box-shadow: inset 0 -4px 0 var(--flow-ink);
}

/* Ders ekranı */
.lesson-page-v2 .guide-main {
    display: grid;
    grid-template-columns: 205px minmax(0, 1fr);
    gap: 12px 26px;
    padding-top: 8px;
}
.lesson-page-v2 .guide-main > .breadcrumbs { grid-column: 1 / -1; grid-row: 1; margin-block: 0 10px; }
.lesson-page-v2 .guide-publication-details { margin-top: 4px; font-size: 11px; color: #657069; }
.lesson-page-v2 .guide-publication-details > summary { display: flex; align-items: center; min-height: 44px; width: max-content; max-width: 100%; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.lesson-page-v2 .guide-publication-details .guide-byline { padding: 12px; margin: 0; border: 1px solid var(--flow-line); border-radius: 8px; background: var(--flow-surface); }
.lesson-page-v2 .guide-hero {
    position: relative;
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 0 0 4px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}

.lesson-page-v2 .guide-hero::after {
    content: none;
}

.lesson-page-v2 .guide-hero .eyebrow,
.lesson-page-v2 .guide-hero h1,
.lesson-page-v2 .guide-hero .guide-deck,
.lesson-page-v2 .guide-hero .guide-byline,
.lesson-page-v2 .guide-hero .lesson-narration {
    position: relative;
    z-index: 1;
}

.lesson-page-v2 .guide-hero h1 {
    max-width: 900px;
    font-size: clamp(31px, 3.2vw, 44px);
    line-height: 1.06;
    letter-spacing: -.055em;
}

.lesson-page-v2 .guide-deck {
    max-width: 780px;
    margin-top: 16px;
    font-size: 15px;
    line-height: 1.64;
}

.lesson-page-v2 .guide-byline {
    max-width: none;
    margin-top: 10px;
    padding-top: 8px;
}

.lesson-page-v2 .article-context-bar {
    grid-column: 2;
    grid-row: 3;
    min-width: 0;
    margin: 0;
    padding: 13px 15px;
    border: 1px solid var(--flow-line-strong);
    border-radius: 15px;
    background: var(--flow-surface);
    color: var(--flow-ink);
}

.lesson-page-v2 .article-context-bar .section-kicker { color: var(--flow-blue); }
.lesson-page-v2 .article-context-bar > a {
    border-color: var(--flow-line);
    background: var(--flow-paper);
    color: var(--flow-ink);
}
.lesson-page-v2 .article-context-bar > a:hover { color: var(--flow-ink); }
.lesson-page-v2 .learning-method-strip { grid-column: 2; grid-row: 4; margin: 0; }

.lesson-page-v2 .lesson-narration {
    --narration-paper: #10211d;
    --narration-muted: #5a6a63;
    --narration-accent: #c7f400;
    grid-template-columns: minmax(0, 1fr);
    max-width: none;
    gap: 8px;
    margin-top: 16px;
    padding: 14px 18px;
    border-radius: 10px;
    background: var(--flow-surface);
    box-shadow: 0 8px 24px rgba(16, 33, 29, .09);
}
.lesson-page-v2 .lesson-narration::before { content: none; }
.lesson-page-v2 .lesson-narration__intro .section-kicker { color: #506700; }
.lesson-page-v2 .lesson-narration__engine { color: var(--flow-ink); border-color: var(--flow-line); }
.lesson-page-v2 .lesson-narration__controls { border-color: var(--flow-line); background: #f8f7f1; }
.lesson-page-v2 .lesson-narration__controls button { border-color: var(--flow-line-strong); }
.lesson-page-v2 .lesson-narration__rate select { color: var(--flow-ink); border-color: var(--flow-line-strong); background: #fff; min-height: 44px; }
.lesson-page-v2 progress[data-narration-progress],
.lesson-page-v2 progress[data-narration-progress]::-webkit-progress-bar { background: #e4e5dd; }
.lesson-page-v2 progress[data-narration-progress]::-webkit-progress-value { background: #9fca00; }
.lesson-page-v2 progress[data-narration-progress]::-moz-progress-bar { background: #9fca00; }

.lesson-page-v2 .lesson-narration__intro {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
}
.lesson-page-v2 .lesson-narration__icon { width: 42px; height: 42px; }
.lesson-page-v2 .lesson-narration__intro h2 { font-size: 16px; }
.lesson-page-v2 .lesson-narration__intro h2 + p { max-width: 44ch; }
.lesson-page-v2 .lesson-narration > :where(.lesson-narration__intro, .lesson-narration__controls, .lesson-narration__progress, .lesson-narration__status, .lesson-narration__unavailable) { grid-column: 1; grid-row: auto; }
.lesson-page-v2 .lesson-narration__controls { grid-template-columns: 48px auto auto auto minmax(64px, 1fr); gap: 9px; padding: 0; border: 0; background: transparent; }
.lesson-page-v2 .lesson-narration__controls button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 8px 12px; border-radius: 7px; color: var(--flow-ink); background: #faf9f4; }
.lesson-page-v2 .lesson-narration__controls .lesson-narration__primary { grid-column: 1; width: 44px; min-width: 44px; height: 44px; padding: 0; border: 1px solid #9dba00; border-radius: 50%; background: #c3e10d; box-shadow: 0 0 0 4px #edf3c4; }
.lesson-page-v2 .lesson-narration__primary::before { content: none; }
.lesson-page-v2 .lesson-narration__primary .narration-pause-icon,
.lesson-page-v2 .lesson-narration__primary[aria-pressed="true"] .narration-play-icon { display: none; }
.lesson-page-v2 .lesson-narration__primary[aria-pressed="true"] .narration-pause-icon { display: block; }
.lesson-page-v2 .lesson-narration__rate { justify-self: end; }
.lesson-page-v2 .lesson-narration__icon { border: 0; border-radius: 0; background: transparent; color: var(--flow-ink); }
.lesson-page-v2 .lesson-narration__current { margin: 3px 0 0; padding: 0; border: 0; background: transparent; font-size: 11px; line-height: 1.45; }
.lesson-page-v2 .lesson-narration__about { margin: 0; color: #5f6b61; font-size: 11px; }
.lesson-page-v2 .lesson-narration__about > summary { display: inline-flex; align-items: center; min-height: 44px; padding-right: 12px; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.lesson-page-v2 .lesson-narration__about > p { margin: 0 0 8px; font-size: 12px; }
.lesson-page-v2 .lesson-narration__status { margin: 0; font-size: 10px; }
.lesson-page-v2 .lesson-narration__progress { margin: 0; }
.lesson-page-v2 .lesson-narration__progress progress { height: 5px; }

.lesson-page-v2 .guide-layout {
    display: contents;
}

.lesson-page-v2 .guide-sidebar {
    grid-column: 1;
    grid-row: 2 / span 4;
    align-self: stretch;
}
.lesson-page-v2 .guide-sidebar .learning-method-strip { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; margin: 0 0 14px; border-radius: 9px; box-shadow: none; }
.lesson-page-v2 .guide-sidebar .learning-method-strip a { grid-template-columns: 23px minmax(0,1fr); align-items: center; min-height: 48px; padding: 9px 12px; border: 0; background: transparent; }
.lesson-page-v2 .guide-sidebar .learning-method-strip a:first-child { background: #eef3ce; box-shadow: inset 2px 0 var(--flow-ink); }
.lesson-page-v2 .guide-sidebar .learning-method-strip span { grid-row: 1; width: auto; height: auto; border: 0; border-radius: 0; background: transparent; color: var(--flow-ink); font: 500 12px var(--font); }
.lesson-page-v2 .guide-sidebar .learning-method-strip strong { align-self: auto; font-size: 12px; font-weight: 550; }
.lesson-page-v2 .guide-sidebar .learning-method-strip small { display: none; }

.lesson-page-v2 .guide-toc {
    top: 92px;
    max-height: calc(100vh - 116px);
    padding: 14px;
    border-color: var(--flow-line-strong);
    border-radius: 16px;
    background: rgba(255, 253, 250, .94);
    box-shadow: 0 10px 25px rgba(16, 33, 29, .06);
}

.lesson-page-v2 .guide-toc ol { gap: 1px; margin-top: 9px; }
.lesson-page-v2 .guide-toc-fold > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
    list-style: none;
    cursor: pointer;
}
.lesson-page-v2 .guide-toc-fold > summary::-webkit-details-marker { display: none; }
.lesson-page-v2 .guide-toc-fold > summary > span:last-child { transition: transform 160ms ease; }
.lesson-page-v2 .guide-toc-fold[open] > summary > span:last-child { transform: rotate(180deg); }
.lesson-page-v2 .guide-toc a {
    grid-template-columns: 25px 1fr;
    min-height: 39px;
    padding: 8px 6px;
    font-size: 10px;
}
.lesson-page-v2 .guide-toc a span { color: var(--flow-blue); }

.lesson-page-v2 .guide-article {
    grid-column: 2;
    grid-row: 5;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
}
.lesson-page-v2 .guide-article > * {
    min-width: 0;
    max-width: 100%;
    scroll-margin-top: 106px;
    overflow-wrap: anywhere;
}

.lesson-page-v2 :where(.guide-lede, .guide-section, .institutional-editor, .guide-tests) {
    margin: 0;
    padding: clamp(25px, 4vw, 42px);
    border: 1px solid var(--flow-line);
    border-radius: 19px;
    background: rgba(255, 253, 250, .92);
    box-shadow: 0 11px 28px rgba(16, 33, 29, .045);
}

.lesson-page-v2 .guide-lede > h2 {
    margin: 9px 0 21px;
    font-size: clamp(23px, 2.2vw, 29px);
}

.lesson-page-v2 .guide-lede > p:not(.section-kicker),
.lesson-page-v2 .guide-section :where(p, li) {
    font-size: 16px;
    line-height: 1.72;
}

.lesson-page-v2 .guide-lede > p:nth-of-type(2)::first-letter {
    float: none;
    margin: 0;
    font: inherit;
    letter-spacing: inherit;
}

.lesson-page-v2 .guide-section-title {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    margin-bottom: 24px;
}
.lesson-page-v2 .guide-section-title > span {
    width: 42px;
    height: 42px;
    border: 1px solid var(--flow-ink);
    border-radius: 10px;
    background: var(--flow-lime);
    color: var(--flow-ink);
}
.lesson-page-v2 .guide-section:nth-of-type(3n + 2) .guide-section-title > span { background: var(--flow-coral); }
.lesson-page-v2 .guide-section:nth-of-type(3n) .guide-section-title > span { background: #7189ff; color: #fff; }
.lesson-page-v2 .guide-section-title h2 { font-size: clamp(29px, 3.7vw, 42px); }

.lesson-page-v2 .short-answer-card {
    border-radius: 14px;
    background: var(--flow-coral-soft);
    box-shadow: 4px 4px 0 var(--flow-ink);
}
.lesson-page-v2 .guide-example-grid article,
.lesson-page-v2 .right-wrong-stack > article {
    border-color: var(--flow-line-strong);
    box-shadow: 0 8px 18px rgba(16, 33, 29, .04);
}
.lesson-page-v2 .institutional-editor {
    grid-template-columns: 80px minmax(0, 1fr);
    background: var(--flow-ink);
    box-shadow: 6px 6px 0 var(--flow-lime);
}
.lesson-page-v2 .guide-tests { padding-top: clamp(25px, 4vw, 42px); }
.lesson-page-v2 .lesson-test-grid article { background: var(--flow-lime-soft); }

/* Test çözme ekranı */
.quiz-page-v2 .focus-header {
    position: sticky;
    top: 0;
    z-index: 30;
    width: 100%;
    min-height: 68px;
    padding-inline: max(24px, calc((100% - 1180px) / 2));
    border-color: var(--flow-line);
    background: rgba(248, 245, 236, .94);
    backdrop-filter: blur(14px);
}

.quiz-page-v2 .quiz-main {
    width: min(100% - 48px, 860px);
    padding-top: 22px;
}

.quiz-page-v2 .assessment-flow-strip { margin-top: 0; }

.quiz-page-v2 .quiz-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 24px;
    margin-bottom: 10px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}
.quiz-page-v2 .quiz-intro .breadcrumbs { grid-column: 1 / -1; margin: 0; }
.quiz-page-v2 .quiz-intro > .section-kicker { grid-column: 1; margin: 8px 0 -8px; color: var(--flow-blue); }
.quiz-page-v2 .quiz-intro h1 {
    grid-column: 1;
    max-width: 720px;
    margin-top: 0;
    font-size: clamp(25px, 3vw, 34px);
}
.quiz-page-v2 .quiz-intro > p:not(.section-kicker) {
    grid-column: 1;
    max-width: 690px;
    margin-top: 0;
    font-size: 14px;
}
.quiz-page-v2 .quiz-facts {
    grid-column: 2;
    grid-row: 2 / span 3;
    display: grid;
    align-self: stretch;
    min-width: 210px;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--flow-line);
    border-radius: 14px;
    background: var(--flow-ink);
}
.quiz-page-v2 .quiz-facts li,
.quiz-page-v2 .quiz-facts li:first-child {
    justify-content: center;
    min-width: 0;
    padding: 10px 15px;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    color: #fff;
}
.quiz-page-v2 .quiz-facts li:last-child { border-bottom: 0; }
.quiz-page-v2 .quiz-facts span { color: rgba(255, 255, 255, .6); }

.quiz-page-v2 .quiz-player {
    padding: clamp(18px, 3vw, 28px);
    border-color: var(--flow-line-strong);
    border-radius: 11px;
    background: rgba(255, 253, 250, .97);
    box-shadow: 0 5px 16px rgba(16, 33, 29, .045);
}

.quiz-page-v2 .journey-resume-note {
    border-radius: 13px;
    background: var(--flow-lime-soft);
}

.quiz-page-v2 .player-status {
    position: sticky;
    top: 80px;
    z-index: 20;
    margin: -6px -6px 20px;
    padding: 12px;
    border: 1px solid var(--flow-line);
    border-radius: 8px;
    background: rgba(255, 253, 250, .96);
    box-shadow: none;
    backdrop-filter: blur(12px);
}
.quiz-page-v2 .player-status progress { height: 7px; }
.quiz-page-v2 .player-status progress::-webkit-progress-value { background: linear-gradient(90deg, var(--flow-lime), #8fb800); }
.quiz-page-v2 .player-status progress::-moz-progress-bar { background: linear-gradient(90deg, var(--flow-lime), #8fb800); }

.quiz-page-v2 .question-number {
    border-radius: 11px;
    background: var(--flow-blue);
    color: #fff;
}
.quiz-page-v2 .quiz-question { scroll-margin-top: 190px; }
.quiz-page-v2 .question-heading h2 { scroll-margin-top: 190px; }
.quiz-page-v2 .question-heading h2 { font-size: clamp(23px, 3vw, 31px); }
.quiz-page-v2 .question-passage {
    border: 1px solid var(--flow-line);
    border-left: 4px solid var(--flow-coral);
    background: #faf8f1;
}
.quiz-page-v2 .quiz-choice {
    min-height: 56px;
    border-color: var(--flow-line-strong);
    border-radius: 8px;
    background: #fff;
}
.quiz-page-v2 .quiz-choice:hover { border-color: var(--flow-blue); }
.quiz-page-v2 .quiz-choice:has(input:checked) {
    border-color: var(--flow-blue);
    background: var(--flow-blue-soft);
    box-shadow: inset 0 0 0 1px var(--flow-blue);
}
.quiz-page-v2 .quiz-choice input:checked ~ .choice-indicator {
    border-color: var(--flow-blue);
    background: var(--flow-lime);
}
.quiz-page-v2 .quiz-js-controls {
    position: sticky;
    bottom: 10px;
    z-index: 21;
    margin: 20px -6px -6px;
    padding: 10px;
    border: 1px solid var(--flow-line-strong);
    border-radius: 8px;
    background: rgba(255, 253, 250, .97);
    box-shadow: 0 12px 35px rgba(16, 33, 29, .12);
    backdrop-filter: blur(14px);
}

/* Sonuç ve yanlış onarım ekranı */
.result-page-v2 .assessment-flow-strip { margin-top: 7px; }
.result-page-v2 .result-hero {
    grid-template-columns: 275px minmax(0, 1fr);
    gap: clamp(32px, 6vw, 74px);
    margin-bottom: 16px;
    padding: clamp(32px, 5vw, 54px);
    border: 1px solid var(--flow-line-strong);
    border-radius: 23px;
    background:
        radial-gradient(circle at 92% 0%, rgba(199, 244, 0, .26), transparent 32%),
        var(--flow-surface);
    box-shadow: var(--flow-shadow);
}
.result-page-v2 .result-score-card {
    border-radius: 18px;
    box-shadow: 6px 6px 0 var(--flow-ink);
}
.result-page-v2 .result-summary h1 { font-size: clamp(39px, 5.2vw, 64px); }
.result-page-v2 .result-summary > p { font-size: 15px; }
.result-page-v2 .result-stats {
    border-color: var(--flow-line-strong);
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(16, 33, 29, .05);
}
.result-page-v2 .result-stats li { min-height: 92px; }

.result-page-v2 :where(.wrong-map, .answer-review) {
    padding-top: 64px;
}
.result-page-v2 .section-heading-row {
    align-items: end;
    margin-bottom: 22px;
}
.result-page-v2 .section-heading-row h2 { font-size: clamp(34px, 4.6vw, 52px); }

.result-page-v2 .recommendation-grid { gap: 14px; }
.result-page-v2 .recommendation-card {
    min-height: 320px;
    border-color: var(--flow-line-strong);
    background: var(--flow-lime-soft);
    box-shadow: 0 12px 28px rgba(16, 33, 29, .06);
}
.result-page-v2 .recommendation-card:nth-child(2n) { background: var(--flow-blue-soft); }
.result-page-v2 .recommendation-card:nth-child(3n) { background: var(--flow-coral-soft); }

.result-page-v2 .review-list { gap: 13px; }
.result-page-v2 .review-item {
    border-color: var(--flow-line-strong);
    border-radius: 16px;
    box-shadow: 0 7px 18px rgba(16, 33, 29, .035);
}
.result-page-v2 .review-item[open] { box-shadow: var(--flow-shadow); }
.result-page-v2 .review-item summary { min-height: 82px; }
.result-page-v2 .review-wrong[open] { border-top: 5px solid var(--flow-coral); }
.result-page-v2 .review-correct[open] { border-top: 5px solid #34a977; }
.result-page-v2 .review-blank[open] { border-top: 5px solid #9b9b96; }
.result-page-v2 .review-detail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.result-page-v2 .answer-explanation,
.result-page-v2 .review-study-route,
.result-page-v2 .review-similar-route {
    min-height: 145px;
    border-color: var(--flow-line-strong);
    border-radius: 12px;
}
.result-page-v2 .selected-explanation { background: var(--flow-coral-soft); }
.result-page-v2 .selected-explanation .section-kicker { color: #c93f28; }
.result-page-v2 .review-correct .selected-explanation { background: var(--flow-lime-soft); }
.result-page-v2 .review-correct .selected-explanation .section-kicker { color: #4c6900; }
.result-page-v2 .correct-explanation { background: var(--flow-lime-soft); }
.result-page-v2 .correct-explanation .section-kicker { color: #4c6900; }
.result-page-v2 .review-study-route {
    grid-column: 1 / -1;
    background: var(--flow-blue-soft);
}
.result-page-v2 .review-study-route:has(+ .review-similar-route) { grid-column: auto; }
.result-page-v2 .review-study-route .section-kicker { color: var(--flow-blue); }
.result-page-v2 :where(.review-study-route, .review-similar-route) a {
    min-height: 44px;
    align-items: center;
    padding: 0 14px;
    border: 1px solid var(--flow-blue);
    border-radius: 9px;
    background: #fff;
    color: var(--flow-blue);
    text-decoration: none;
}
.result-page-v2 .review-similar-route {
    padding: 18px;
    border: 1px solid var(--flow-line-strong);
    background: #fff8da;
}
.result-page-v2 .review-similar-route .section-kicker { color: #906600; }
.result-page-v2 .review-similar-route strong { display: block; font-size: 16px; }
.result-page-v2 .review-similar-route p:not(.section-kicker) { margin: 7px 0 0; color: var(--ink-soft); font-size: 12px; line-height: 1.55; }
.result-page-v2 .review-similar-route a { display: inline-flex; margin-top: 13px; color: #6f5300; }
.result-page-v2 .result-cta {
    margin-top: 64px;
    border-radius: 19px;
    background: var(--flow-ink);
    color: #fff;
}
.result-page-v2 .result-cta .section-kicker { color: var(--flow-lime); }
.result-page-v2 .result-cta h2 { color: #fff; }
.result-page-v2 .result-cta .text-link { color: #fff; }

@media (max-width: 980px) {
    .lesson-page-v2 .guide-main { grid-template-columns: 170px minmax(0, 1fr); gap: 16px; }
    .lesson-page-v2 .guide-sidebar { order: 0; }
    .lesson-page-v2 .guide-toc {
        top: 84px;
    }
    .lesson-page-v2 .guide-toc ol {
        grid-template-columns: 1fr;
    }
    .lesson-page-v2 .lesson-narration { grid-template-columns: 1fr; }
    .lesson-page-v2 .lesson-narration > .lesson-narration__intro,
    .lesson-page-v2 .lesson-narration > :where(.lesson-narration__controls, .lesson-narration__progress, .lesson-narration__current, .lesson-narration__status, .lesson-narration__unavailable) {
        grid-row: auto;
        grid-column: 1;
    }
    .quiz-page-v2 .quiz-intro { grid-template-columns: 1fr; }
    .quiz-page-v2 .quiz-intro > :where(.section-kicker, h1, p, .quiz-facts) { grid-column: 1; }
    .quiz-page-v2 .quiz-facts {
        grid-row: auto;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .quiz-page-v2 .quiz-facts li,
    .quiz-page-v2 .quiz-facts li:first-child {
        border-right: 1px solid rgba(255, 255, 255, .12);
        border-bottom: 0;
    }
    .quiz-page-v2 .quiz-facts li:last-child { border-right: 0; }
}

@media (max-width: 760px) {
    .learning-flow-v2-page :where(.guide-main, .result-main),
    .quiz-page-v2 .quiz-main { width: min(100% - 28px, 1240px); }

    .learning-method-strip,
    .assessment-flow-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .learning-method-strip a,
    .assessment-flow-strip li { border-bottom: 1px solid var(--flow-line); }
    .learning-method-strip a:nth-child(2),
    .assessment-flow-strip li:nth-child(2) { border-right: 0; }
    .learning-method-strip a:nth-last-child(-n + 2),
    .assessment-flow-strip li:nth-last-child(-n + 2) { border-bottom: 0; }

    .lesson-page-v2 .guide-main { grid-template-columns: minmax(0, 1fr); }
    .lesson-page-v2 .guide-hero,
    .lesson-page-v2 .article-context-bar,
    .lesson-page-v2 .learning-method-strip,
    .lesson-page-v2 .guide-sidebar,
    .lesson-page-v2 .guide-article { grid-column: 1; }
    .lesson-page-v2 .guide-sidebar { grid-row: 5; }
    .lesson-page-v2 .guide-article { grid-row: 6; }
    .lesson-page-v2 .guide-hero { padding: 0; border-radius: 0; }
    .lesson-page-v2 .guide-hero::after { display: none; }
    .lesson-page-v2 .guide-hero h1 { font-size: clamp(31px, 9vw, 42px); }
    .lesson-page-v2 .guide-deck { font-size: 15px; }
    .lesson-page-v2 .guide-byline ul { width: 100%; }
    .lesson-page-v2 .article-context-bar { align-items: stretch; }
    .lesson-page-v2 .article-context-bar > a { justify-content: center; min-height: 44px; }
    .lesson-page-v2 .guide-toc ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lesson-page-v2 .guide-toc { position: static; max-height: none; overflow: visible; padding-block: 7px; }
    .lesson-page-v2 :where(.guide-lede, .guide-section, .institutional-editor, .guide-tests) {
        padding: 24px 20px;
    }
    .lesson-page-v2 .institutional-editor { grid-template-columns: 1fr; }
    .lesson-page-v2 .lesson-narration__controls { grid-template-columns: 1fr 76px 1fr; row-gap: 15px; }
    .lesson-page-v2 .lesson-narration__controls > * { min-height: 44px; }
    .lesson-page-v2 .lesson-narration__controls .lesson-narration__primary { grid-column: 2; grid-row: 1; justify-self: center; width: 64px; height: 64px; border-radius: 50%; }
    .lesson-page-v2 [data-narration-previous] { grid-column: 1; grid-row: 1; justify-self: start; }
    .lesson-page-v2 [data-narration-next] { grid-column: 3; grid-row: 1; justify-self: end; }
    .lesson-page-v2 [data-narration-previous] span,
    .lesson-page-v2 [data-narration-next] span { display: none; }
    .lesson-page-v2 [data-narration-stop] { grid-column: 3; grid-row: 2; }
    .lesson-page-v2 .lesson-narration__rate { grid-column: 1; grid-row: 2; justify-self: start; }
    .lesson-page-v2 .guide-sidebar .learning-method-strip { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .lesson-page-v2 .guide-sidebar .learning-method-strip a { grid-template-columns: 1fr; justify-items: center; padding: 8px 2px; gap: 5px; min-height: 63px; }
    .lesson-page-v2 .guide-sidebar .learning-method-strip strong { font-size: 10px; }

    .quiz-page-v2 .focus-header {
        grid-template-columns: 1fr auto;
        min-height: 62px;
        padding-inline: 14px;
    }
    .quiz-page-v2 .focus-header-label { display: none; }
    .quiz-page-v2 .quiz-intro { padding: 24px 20px; }
    .quiz-page-v2 .quiz-intro h1 { font-size: 39px; }
    .quiz-page-v2 .quiz-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .quiz-page-v2 .quiz-facts li:nth-child(2) { border-right: 0; }
    .quiz-page-v2 .quiz-facts li:nth-child(-n + 2) { border-bottom: 1px solid rgba(255, 255, 255, .12); }
    .quiz-page-v2 .quiz-player { padding: 17px; box-shadow: 5px 5px 0 var(--flow-ink); }
    .quiz-page-v2 .player-status { top: 72px; }
    .quiz-page-v2 .question-heading { grid-template-columns: 42px minmax(0, 1fr); gap: 12px; }
    .quiz-page-v2 .question-number { width: 42px; height: 42px; }
    .quiz-page-v2 .question-heading h2 { font-size: 22px; }
    .quiz-page-v2 .question-passage,
    .quiz-page-v2 .quiz-choice-list { margin-left: 0; }
    .quiz-page-v2 .quiz-choice { min-height: 62px; }
    .quiz-page-v2 .quiz-js-controls { bottom: 6px; }

    .result-page-v2 .result-hero {
        grid-template-columns: 1fr;
        padding: 26px 21px;
    }
    .result-page-v2 .result-score-card { max-width: none; }
    .result-page-v2 .result-summary h1 { font-size: 39px; }
    .result-page-v2 .result-stats { grid-template-columns: repeat(2, 1fr); }
    .result-page-v2 .recommendation-grid { grid-template-columns: 1fr; }
    .result-page-v2 .recommendation-grid::before { display: none; }
    .result-page-v2 .recommendation-card { min-height: 280px; }
    .result-page-v2 .review-detail { grid-template-columns: 1fr; padding: 5px 13px 16px; }
    .result-page-v2 :where(.review-study-route, .review-similar-route) { grid-column: 1; }
    .result-page-v2 .result-cta { padding: 23px 20px; }
}

@media (max-width: 430px) {
    .learning-method-strip a,
    .assessment-flow-strip li {
        grid-template-columns: 31px minmax(0, 1fr);
        min-height: 70px;
        padding: 11px;
    }
    .learning-method-strip span,
    .assessment-flow-strip span { width: 31px; height: 31px; }
    .learning-method-strip strong,
    .assessment-flow-strip strong { font-size: 12px; }
    .learning-method-strip small,
    .assessment-flow-strip small { font-size: 8px; }
    .lesson-page-v2 .guide-toc ol { grid-template-columns: 1fr; }
    .lesson-page-v2 .guide-toc a { min-height: 44px; }
    .quiz-page-v2 .player-status { grid-template-columns: 1fr; }
    .quiz-page-v2 .player-save-state { align-items: flex-start; }
    .quiz-page-v2 .quiz-choice { grid-template-columns: 35px minmax(0, 1fr) 19px; }
    .result-page-v2 .review-item summary { grid-template-columns: 38px minmax(0, 1fr) 22px; }
}

/* Compact working canvas from the approved lesson/test design family. */
.quiz-page-v2 .quiz-intro-details { grid-column: 1 / -1; min-width: 0; }
.quiz-page-v2 .quiz-intro-details > summary { display: flex; align-items: center; gap: 12px; width: max-content; max-width: 100%; min-height: 44px; color: #43554d; font-size: 12px; cursor: pointer; list-style: none; }
.quiz-page-v2 .quiz-intro-details > summary::-webkit-details-marker { display: none; }
.quiz-page-v2 .quiz-intro-details > summary span { color: #526157; }
.quiz-page-v2 .quiz-intro-details > p { max-width: 70ch; font-size: 13px; line-height: 1.6; }
.quiz-page-v2 .quiz-intro-details .quiz-facts { display: flex; flex-wrap: wrap; gap: 8px 22px; min-width: 0; margin: 10px 0; border: 0; background: transparent; }
.quiz-page-v2 .quiz-intro-details .quiz-facts li { display: flex; align-items: baseline; justify-content: start; gap: 6px; padding: 0; border: 0; color: var(--flow-ink); }
.quiz-page-v2 .quiz-intro-details .quiz-facts span { color: #526157; }
.quiz-page-v2 .assessment-flow-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 0 16px; border-radius: 8px; box-shadow: none; }
.quiz-page-v2 .assessment-flow-strip li { grid-template-columns: 20px minmax(0, 1fr); gap: 8px; min-height: 44px; padding: 8px 12px; border-bottom: 0; }
.quiz-page-v2 .assessment-flow-strip li:nth-child(2) { border-right: 1px solid var(--flow-line); }
.quiz-page-v2 .assessment-flow-strip span { grid-row: auto; width: 20px; height: 20px; border: 0; border-radius: 0; background: transparent; color: var(--flow-ink); }
.quiz-page-v2 .assessment-flow-strip strong { align-self: center; font-size: 11px; }
.quiz-page-v2 .assessment-flow-strip small { display: none; }
.quiz-page-v2 .question-number { background: #eaf2c0; color: var(--flow-ink); border: 1px solid #c3d18b; border-radius: 7px; }
.quiz-page-v2 .quiz-question { scroll-margin-top: 172px; }
.quiz-page-v2 .question-heading h2 { font-size: clamp(20px, 2.4vw, 27px); }
.quiz-page-v2 .quiz-js-controls .button { min-height: 44px; }
.result-page-v2 .result-hero { grid-template-columns: 220px minmax(0,1fr); gap: 28px; padding: 24px; border-radius: 12px; background: var(--flow-surface); box-shadow: none; }
.result-page-v2 .result-summary h1 { font-size: clamp(29px, 3.4vw, 42px); }
.result-page-v2 .result-score-card { border-radius: 9px; box-shadow: none; }
.result-page-v2 :where(.wrong-map, .answer-review) { padding-top: 38px; }
.result-page-v2 .section-heading-row h2 { font-size: clamp(26px, 3vw, 36px); }
.result-page-v2 .recommendation-card { min-height: 0; border-radius: 10px; box-shadow: none; }
.result-page-v2 .review-item { border-radius: 10px; }
.result-page-v2 .review-item summary { min-height: 64px; }
.result-page-v2 :where(.answer-explanation, .review-study-route, .review-similar-route) { min-height: 0; border-radius: 8px; }
@media (max-width: 760px) {
    .quiz-page-v2 .quiz-main { width: calc(100% - 28px); padding-top: 14px; }
    .quiz-page-v2 .quiz-intro { padding: 0; gap: 5px; }
    .quiz-page-v2 .quiz-intro .breadcrumbs { display: none; }
    .quiz-page-v2 .quiz-intro > .section-kicker { margin: 0; }
    .quiz-page-v2 .quiz-intro h1 { font-size: 23px; line-height: 1.2; }
    .quiz-page-v2 .quiz-player { padding: 15px; box-shadow: none; }
    .quiz-page-v2 .assessment-flow-strip li { grid-template-columns: 1fr; justify-items: center; gap: 4px; min-height: 52px; padding: 6px 2px; }
    .quiz-page-v2 .assessment-flow-strip strong { font-size: 10px; white-space: nowrap; }
    .quiz-page-v2 .player-status { grid-template-columns: minmax(0,1fr) auto; gap: 6px; top: 70px; margin-bottom: 18px; padding: 9px; }
    .quiz-page-v2 .player-status .section-kicker { display: none; }
    .quiz-page-v2 .player-status strong { font-size: 13px; }
    .quiz-page-v2 .player-save-state { align-items: end; }
    .quiz-page-v2 .player-save-state > span { font-size: 10px; }
    .quiz-page-v2 .player-save-state > small { max-width: 21ch; font-size: 9px; }
    .quiz-page-v2 .question-heading { grid-template-columns: 29px minmax(0,1fr); gap: 9px; }
    .quiz-page-v2 .question-number { width: 29px; height: 29px; font-size: 12px; }
    .quiz-page-v2 .question-heading h2 { font-size: 19px; line-height: 1.35; }
    .quiz-page-v2 .quiz-choice { min-height: 53px; padding: 10px; }
    .quiz-page-v2 .quiz-choice-list { gap: 8px; }
    .quiz-page-v2 .quiz-js-controls { bottom: 5px; }
    .result-page-v2 .result-hero { grid-template-columns: 1fr; gap: 20px; padding: 18px; }
    .result-page-v2 .result-summary h1 { font-size: 29px; }
}

@media (prefers-reduced-motion: reduce) {
    .learning-flow-v2-page *,
    .learning-flow-v2-page *::before,
    .learning-flow-v2-page *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}