:root{--ink:#14213d;--muted:#62708a;--blue:#2457f5;--blue-dark:#173bb1;--orange:#ff9f43;--bg:#f3f6fb;--line:#dfe6f0;--card:#fff;--shadow:0 16px 40px rgba(28,43,77,.09)}
.lesson-stage .math-fraction{margin:0 .1em;vertical-align:middle;transform:translateY(-.04em)}
[hidden]{display:none!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 Inter,"Segoe UI",Arial,sans-serif}button,a{font:inherit}button{color:inherit}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{max-width:1180px;height:76px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:20px;font-weight:850;text-decoration:none;letter-spacing:-.02em}.brand img{width:46px;height:42px;object-fit:contain}.brand b{color:var(--blue)}nav{display:flex;height:100%;align-items:center;gap:30px}nav a{position:relative;color:var(--muted);font-weight:750;text-decoration:none}nav a.active{color:var(--ink)}nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-25px;height:3px;border-radius:3px;background:var(--blue)}.account{margin-left:auto;display:flex;align-items:center;gap:18px}.streak{display:flex;align-items:center;gap:9px;color:#46536a;font-size:14px;font-weight:750}.streak i{width:12px;height:16px;border-radius:8px 8px 9px 9px;background:var(--orange);clip-path:polygon(50% 0,90% 42%,72% 100%,20% 92%,0 48%)}.avatar{width:42px;height:42px;border:0;border-radius:50%;background:#e6ecff;color:var(--blue);font-weight:850;cursor:pointer}main{max-width:1180px;margin:auto;padding:44px 24px 72px}.continue-card{min-height:310px;display:grid;grid-template-columns:1.45fr .55fr;overflow:hidden;border-radius:28px;background:linear-gradient(128deg,#122142 0%,#1a3171 66%,#2457f5 130%);box-shadow:0 20px 44px rgba(16,33,71,.18);color:#fff}.continue-copy{padding:44px 48px}.eyebrow{display:block;color:#7890b7;font-size:13px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.continue-card .eyebrow{color:#9fb9ff}.continue-card h1{max-width:650px;margin:8px 0 12px;font-size:clamp(34px,5vw,54px);line-height:1.08;letter-spacing:-.045em}.continue-card p{max-width:660px;margin:0;color:#d6dff2;font-size:18px}.continue-actions{display:flex;align-items:center;gap:20px;margin-top:28px}.primary-button{min-height:50px;padding:0 24px;border:0;border-radius:13px;background:var(--orange);color:#1b2435;font-weight:850;box-shadow:0 7px 18px rgba(255,159,67,.24);cursor:pointer}.primary-button:hover{transform:translateY(-1px);background:#ffad60}.course-percent{color:#cbd7ee;font-size:14px;font-weight:700}.wide-progress{height:7px;max-width:560px;margin-top:22px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.16)}.wide-progress span{display:block;height:100%;border-radius:inherit;background:#70e1b3}.continue-art{position:relative;display:grid;place-items:center;background:radial-gradient(circle at 55% 50%,rgba(122,160,255,.34),transparent 60%)}.continue-art img{position:relative;z-index:2;width:116px;height:116px;filter:drop-shadow(0 16px 25px rgba(0,0,0,.26))}.sound-line{position:absolute;border:3px solid rgba(255,255,255,.2);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(45deg)}.sound-line.one{width:150px;height:150px}.sound-line.two{width:205px;height:205px}.sound-line.three{width:260px;height:260px}.courses{padding-top:48px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-heading h2{margin:3px 0 0;font-size:30px;letter-spacing:-.03em}.section-heading p{max-width:420px;margin:0;color:var(--muted);text-align:right}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-card{position:relative;min-height:142px;display:grid;grid-template-columns:64px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:0 16px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 7px 22px rgba(28,43,77,.05);text-align:left;cursor:pointer;transition:.18s}.course-card:hover{transform:translateY(-3px);border-color:#b8c7df;box-shadow:var(--shadow)}.course-card>img{grid-row:1/3;width:64px;height:64px}.card-copy{align-self:end}.card-copy strong{display:block;font-size:18px;line-height:1.22}.card-copy small{display:block;margin-top:5px;color:var(--muted);font-size:14px}.card-progress{align-self:start;grid-column:2;display:block;height:6px;margin-top:13px;overflow:hidden;border-radius:10px;background:#e8edf5}.card-progress b{display:block;height:100%;border-radius:inherit;background:var(--blue)}.card-percent{grid-column:3;grid-row:1/3;color:var(--muted);font-size:14px;font-weight:800}.featured{border-color:#cad6ff}.mock-card{background:#f9fbff}.mock-link{grid-column:3;grid-row:1/3;color:var(--blue);font-weight:850}
@media(max-width:900px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.continue-card{grid-template-columns:1fr .38fr}.continue-copy{padding:38px}.continue-art img{width:92px;height:92px}}
@media(max-width:680px){.header-inner{height:68px;padding:0 16px}.brand span{font-size:17px}.brand img{width:42px;height:38px;object-fit:contain}nav{display:none}.streak{display:none}main{padding:22px 16px 52px}.continue-card{min-height:0;grid-template-columns:1fr;border-radius:22px}.continue-copy{padding:28px 24px}.continue-card h1{font-size:34px}.continue-card p{font-size:16px}.continue-art{display:none}.continue-actions{align-items:flex-start;flex-direction:column;gap:12px}.primary-button{width:100%}.section-heading{align-items:flex-start;flex-direction:column;gap:6px}.section-heading p{text-align:left}.course-grid{grid-template-columns:1fr}.course-card{min-height:126px}.courses{padding-top:36px}}
@media(prefers-reduced-motion:no-preference){.course-card,.primary-button{transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}}

.transcript-box{margin:24px 0 0;padding:22px;border:1px solid #cbd8ef;border-radius:18px;background:#fff}.transcript-heading{display:flex;align-items:start;justify-content:space-between;gap:14px}.transcript-heading .step-label{margin:0}.transcript-heading h3{margin:3px 0 0;font-size:22px}.transcript-status{padding:5px 9px;border-radius:7px;background:#eaf9f3;color:#16714c;font-size:12px;font-weight:850}.transcript-intro{margin:15px 0!important;color:#5d6b82!important;font-size:15px!important}.transcript-lines{padding-top:14px;border-top:1px solid var(--line)}.transcript-lines p{margin:0!important;padding:9px 0;border-bottom:1px solid #edf0f5;color:#34415a!important;font-size:15px!important;line-height:1.5}.transcript-lines p:last-child{border-bottom:0}.transcript-lines b{color:var(--blue)}

.page-view[hidden],.lesson-shell[hidden]{display:none}.text-back{display:flex;align-items:center;gap:8px;margin:0 0 22px;padding:0;border:0;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.text-back span{font-size:29px;line-height:1}.course-hero{display:grid;grid-template-columns:112px 1fr;gap:28px;padding:36px;border:1px solid #cfdafc;border-radius:26px;background:linear-gradient(135deg,#fff,#f5f8ff);box-shadow:var(--shadow)}.course-hero>img{width:112px;height:112px}.course-hero h1{margin:3px 0 8px;font-size:42px;line-height:1.1;letter-spacing:-.04em}.course-hero p{max-width:720px;margin:0;color:var(--muted);font-size:17px}.course-status{display:flex;justify-content:space-between;gap:16px;max-width:720px;margin-top:22px;color:var(--muted);font-size:14px}.course-status b{color:var(--ink);font-size:18px}.course-bar{height:8px;max-width:720px;margin-top:8px;overflow:hidden;border-radius:99px;background:#e3e9f4}.course-bar i{display:block;height:100%;border-radius:inherit;background:var(--blue)}.curriculum{max-width:900px;margin:48px auto}.curriculum-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.curriculum-heading h2{margin:3px 0 0;font-size:30px;letter-spacing:-.03em}.curriculum-heading p{max-width:320px;margin:0;color:var(--muted);text-align:right}.unit{overflow:hidden;margin-top:18px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 8px 24px rgba(28,43,77,.05)}.unit-title{padding:24px 26px 18px;border-bottom:1px solid var(--line)}.unit-title span{color:var(--blue);font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.unit-title h3{margin:3px 0 4px;font-size:23px}.unit-title p{margin:0;color:var(--muted)}.lesson-row{min-height:112px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 26px;border-bottom:1px solid var(--line)}.lesson-row:last-child{border-bottom:0}.lesson-row.current{background:#f8faff}.lesson-symbol{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#e6edff}.lesson-symbol span{position:relative;width:20px;height:25px;border:2px solid var(--blue);border-radius:3px}.lesson-symbol span:after{content:"";position:absolute;left:4px;right:4px;top:7px;height:2px;background:var(--blue);box-shadow:0 6px 0 var(--blue)}.lock-symbol{background:#edf0f4}.lock-symbol span{width:19px;height:16px;margin-top:7px;border:2px solid #8d98aa;border-radius:3px}.lock-symbol span:before{content:"";position:absolute;width:11px;height:10px;left:2px;top:-10px;border:2px solid #8d98aa;border-bottom:0;border-radius:8px 8px 0 0}.lock-symbol span:after{display:none}.lesson-info small{color:#8190a8;font-size:13px;font-weight:750}.lesson-info h4{margin:3px 0 4px;font-size:18px}.lesson-info p{margin:0;color:var(--muted);font-size:14px}.lesson-cta{min-height:44px;padding:0 20px;border:0;border-radius:11px;background:var(--blue);color:#fff;font-weight:850;cursor:pointer}.lesson-cta:hover{background:var(--blue-dark)}.locked{color:#66738a;background:#fafbfc}.lock-label{max-width:160px;color:#8995a8;font-size:13px;text-align:right}.muted-unit{opacity:.78}

.lesson-shell{position:fixed;inset:0;z-index:50;display:grid;grid-template-rows:72px 6px minmax(0,1fr) 88px;background:#fff}.lesson-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 34px;border-bottom:1px solid var(--line)}.lesson-close{justify-self:start;width:42px;height:42px;border:0;border-radius:11px;background:#eef2f7;color:#63718a;font-size:28px;line-height:1;cursor:pointer}.lesson-title{justify-self:center;font-weight:850}.lesson-count{justify-self:end;color:var(--muted);font-size:14px;font-weight:750}.lesson-progress{overflow:hidden;background:#e8edf4}.lesson-progress span{display:block;height:100%;width:16.666%;border-radius:0 99px 99px 0;background:var(--blue);transition:width .28s ease}.lesson-stage{overflow:auto;display:grid;place-items:center;padding:34px 24px}.lesson-card{width:min(100%,720px);text-align:left}.lesson-card.center{text-align:center}.welcome-mascot{width:210px;height:260px;object-fit:contain;object-position:center;margin-bottom:12px;filter:drop-shadow(0 18px 22px rgba(20,33,61,.12))}.lesson-card .step-label{display:block;margin-bottom:8px;color:var(--blue);font-size:13px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.lesson-card h2{margin:0 auto 14px;max-width:680px;font-size:clamp(30px,4vw,46px);line-height:1.12;letter-spacing:-.04em}.lesson-card p{max-width:680px;margin:0 auto;color:#53617a;font-size:18px}.welcome-copy{max-width:560px!important}.warm-question{margin-bottom:24px!important;color:var(--ink)!important;font-size:25px!important;font-weight:800}.answer-list{display:grid;gap:12px;margin:26px auto 0;max-width:610px}.answer-button{min-height:62px;padding:14px 18px;border:2px solid #cfd8e6;border-radius:14px;background:#fff;text-align:left;font-size:17px;font-weight:750;cursor:pointer}.answer-button:hover{border-color:#88a4ff}.answer-button.selected{border-color:var(--blue);background:#edf2ff}.answer-button.correct{border-color:#20a06a;background:#eaf9f3}.answer-button.incorrect{border-color:#e24e5c;background:#fff0f1}.mini-diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:14px;margin:32px auto 0}.diagram-box{min-height:116px;display:grid;place-items:center;padding:16px;border:1px solid #ccd8f7;border-radius:17px;background:#f7f9ff;text-align:center}.diagram-box strong{display:block;font-size:20px}.diagram-box span{color:var(--muted);font-size:14px}.diagram-arrow{width:24px;height:2px;background:#9aabc5;position:relative}.diagram-arrow:after{content:"";position:absolute;right:-1px;top:-4px;width:8px;height:8px;border-top:2px solid #9aabc5;border-right:2px solid #9aabc5;transform:rotate(45deg)}.audio-card{padding:24px;border:1px solid #d5deeb;border-radius:19px;background:#f8faff}.audio-card .instruction{margin:0 0 12px;color:var(--blue);font-size:14px;font-weight:850}.audio-card h2{font-size:30px}.audio-card audio{width:100%;margin:20px 0 10px}.source-note{color:#7a879c!important;font-size:13px!important}.feedback-panel{margin:26px auto 0;padding:20px;border-radius:16px;background:#ecf8f3;text-align:left}.feedback-panel.wrong{background:#fff2f2}.feedback-panel strong{display:block;margin-bottom:5px;font-size:18px}.feedback-panel p{font-size:16px}.quote-card{margin:26px auto 0;padding:22px;border-left:4px solid var(--orange);border-radius:0 16px 16px 0;background:#fff8ef;color:#39445a;font-size:17px;text-align:left}.finish-mascot{width:170px;height:210px;object-fit:contain;object-position:center;filter:drop-shadow(0 16px 20px rgba(20,33,61,.1))}.finish-note{margin-top:10px!important}.lesson-footer{display:flex;align-items:center;justify-content:center;gap:14px;padding:16px 24px;border-top:1px solid var(--line);background:#f7f9fc}.lesson-primary,.lesson-secondary{min-width:170px;min-height:50px;border-radius:12px;font-weight:850;cursor:pointer}.lesson-primary{border:0;background:var(--blue);color:#fff}.lesson-primary:disabled{background:#b7c1d2;cursor:not-allowed}.lesson-secondary{border:1px solid #cbd5e3;background:#fff;color:#4b5870}.lesson-secondary:disabled{opacity:.35;cursor:not-allowed}

@media(max-width:680px){.course-hero{grid-template-columns:72px 1fr;gap:18px;padding:24px}.course-hero>img{width:72px;height:72px}.course-hero h1{font-size:32px}.course-hero p{grid-column:1/3}.course-status,.course-bar{grid-column:1/3}.curriculum{margin-top:34px}.curriculum-heading{align-items:flex-start;flex-direction:column;gap:6px}.curriculum-heading p{text-align:left}.lesson-row{grid-template-columns:48px minmax(0,1fr);padding:18px}.lesson-cta,.lock-label{grid-column:1/3;width:100%;max-width:none;text-align:center}.lesson-cta{min-height:46px}.lesson-shell{grid-template-rows:64px 5px minmax(0,1fr) 76px}.lesson-header{grid-template-columns:auto 1fr auto;padding:0 14px;gap:12px}.lesson-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.lesson-stage{place-items:start center;padding:24px 18px}.welcome-mascot{width:160px;height:200px}.lesson-card h2{font-size:31px}.lesson-card p{font-size:16px}.mini-diagram{grid-template-columns:1fr;gap:8px}.diagram-box{min-height:78px}.diagram-arrow{width:2px;height:18px;margin:auto}.diagram-arrow:after{right:-4px;top:9px;transform:rotate(135deg)}.lesson-footer{padding:12px}.lesson-primary,.lesson-secondary{min-width:0;flex:1}.audio-card{padding:18px}}
.term-guide{margin:18px 0;padding:16px 18px;border:1px solid #cfd9ee;border-radius:16px;background:#f7f9fe;color:#283751}.term-guide>strong{display:block;margin-bottom:6px;color:#17233a}.term-guide p{margin:0}.sentence-analysis{margin:18px 0;padding:18px;border:1px solid #d8dfec;border-radius:18px;background:#fff}.sentence-analysis>p{margin:0 0 16px;font-size:clamp(20px,3vw,28px);font-weight:750;line-height:1.55;color:#17233a}.grammar-token{display:inline-block;padding:0 5px;border-radius:7px}.token-subject{background:#dce8ff;box-shadow:inset 0 -3px 0 #3973e8}.token-noun{background:#fff1cc;box-shadow:inset 0 -3px 0 #d99a16}.token-verb{background:#dff6e8;box-shadow:inset 0 -3px 0 #25935a}.sentence-legend{display:grid;gap:9px;font-size:15px;color:#40506a}.sentence-legend span{display:flex;align-items:flex-start;gap:9px}.legend-dot{width:10px;height:10px;margin-top:6px;flex:0 0 auto;border-radius:50%}.subject-dot{background:#3973e8}.noun-dot{background:#d99a16}.verb-dot{background:#25935a}
.diagnostic-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px auto 0}.diagnostic-card{padding:20px;border:1px solid #d6deed;border-radius:18px;background:#f8faff}.diagnostic-card.accent{border-color:#b8c9f5;background:#eef3ff}.diagnostic-card span,.diagnostic-card strong{display:block}.diagnostic-card span{margin-bottom:7px;color:#65738b;font-size:13px;font-weight:800}.diagnostic-card strong{margin-bottom:7px;color:#17233a;font-size:20px}.diagnostic-card p{font-size:14px!important}.question-table-wrap{overflow-x:auto;margin:22px auto 8px;max-width:660px;border:1px solid #d6deed;border-radius:15px;background:#fff}.question-table-caption{padding:14px 16px 0;color:#33425c!important;font-size:15px!important;font-weight:800}.question-table{width:100%;border-collapse:collapse;text-align:center}.question-table th,.question-table td{padding:12px 14px;border-right:1px solid #e0e6f0;border-bottom:1px solid #e0e6f0}.question-table th{background:#f4f7fc;color:#26344d;font-size:14px}.question-table td{color:#43516a;font-size:15px}.question-table th:last-child,.question-table td:last-child{border-right:0}.question-table tbody tr:last-child td{border-bottom:0}
.format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px auto 0}.format-box{min-height:126px;padding:16px 12px;border:1px solid #ccd8f7;border-radius:16px;background:#f7f9ff;text-align:center}.format-box strong{display:block;margin-bottom:9px;color:var(--blue);font-size:25px}.format-box span{color:var(--muted);font-size:14px;line-height:1.35}
@media(max-width:680px){.diagnostic-overview{grid-template-columns:1fr}.question-table th,.question-table td{padding:10px 11px}.format-grid{grid-template-columns:repeat(2,1fr);gap:8px}.format-box{min-height:108px;padding:13px 8px}.format-box span{font-size:13px}}
.phrase-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:28px auto 0;max-width:560px}.phrase-compare>div{padding:18px;border:1px solid #ccd8f7;border-radius:16px;background:#f7f9ff;text-align:center}.phrase-compare small{display:block;margin-bottom:5px;color:var(--muted);font-size:13px}.phrase-compare strong{font-size:21px}.phrase-compare>span{color:var(--blue);font-size:14px;font-weight:850;text-align:center}
@media(max-width:680px){.phrase-compare{grid-template-columns:1fr;gap:8px}.phrase-compare>span{order:2}.phrase-compare>div:last-child{order:3}}
.format-grid{grid-template-columns:repeat(2,1fr);max-width:520px}
.word-pair-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px auto 0}.word-pair-grid>div{min-height:104px;display:grid;align-content:center;padding:14px;border:1px solid #ccd8f7;border-radius:16px;background:#f7f9ff;text-align:center}.word-pair-grid strong,.word-pair-grid span{display:block}.word-pair-grid strong{font-size:17px}.word-pair-grid span{margin-top:5px;color:var(--blue);font-size:14px;font-weight:800}
@media(max-width:680px){.word-pair-grid{grid-template-columns:repeat(2,1fr);gap:8px}.word-pair-grid>div{min-height:88px;padding:11px}.word-pair-grid strong{font-size:15px}}

.signin-button{min-height:40px;padding:0 18px;border:1px solid #cbd6e8;border-radius:11px;background:#fff;color:var(--blue);font-weight:850;cursor:pointer}.signin-button:hover{border-color:#91a8e8;background:#f7f9ff}.course-facts{display:flex;gap:10px;margin-top:20px}.course-facts span{padding:6px 11px;border:1px solid #d5def3;border-radius:9px;background:#fff;color:#53617a;font-size:13px;font-weight:800}
.mock-grid{display:grid;gap:16px;max-width:900px;margin:0 auto}.mock-card-large{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:20px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 7px 22px rgba(28,43,77,.05)}.mock-card-large h3{margin:3px 0 5px;font-size:21px}.mock-card-large p{margin:0;color:var(--muted)}.mock-number{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#e8eeff;color:var(--blue);font-size:22px;font-weight:900}.mock-variants{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.small-test-button{min-height:40px;padding:0 12px;border:1px solid #c9d5e9;border-radius:10px;background:#fff;color:var(--blue);font-size:13px;font-weight:850;white-space:nowrap;cursor:pointer}.small-test-button:hover{border-color:#8ea8f1;background:#f5f8ff}
.feedback-panel.neutral{border:1px solid #d6e0f1;background:#f7f9fd}.feedback-panel.error{background:#fff2f2}.lead-copy{line-height:1.65}.audio-panel{margin:22px 0;padding:18px;border:1px solid #d5deeb;border-radius:16px;background:#f8faff}.audio-panel span{display:block;margin-bottom:10px;color:#53617a;font-size:14px;font-weight:850}.audio-panel audio{display:block;width:100%}.question-title{font-size:clamp(25px,3.2vw,34px)!important;letter-spacing:-.025em!important}.math-fraction{display:inline-grid;grid-template-rows:auto auto;min-width:1.35em;margin:0 .08em;vertical-align:-.42em;line-height:1;text-align:center}.math-numerator{padding:0 .14em .08em;border-bottom:2px solid currentColor}.math-denominator{padding:.08em .14em 0}.source-question-image{display:block;width:min(100%,820px);max-height:560px;object-fit:contain;margin:18px auto;border:1px solid #dbe2ec;border-radius:14px;background:#fff}.source-question-formula{display:grid;place-items:center;min-height:112px;width:min(100%,660px);margin:20px auto;padding:22px;border:1px solid #d6deed;border-radius:18px;background:linear-gradient(135deg,#f7f9ff,#eef3ff);color:#17233b;font-family:Cambria,"Times New Roman",serif;font-size:clamp(32px,6vw,54px);font-weight:700;letter-spacing:.02em;text-align:center}.source-question-image[data-zoom-source]{cursor:zoom-in}.zoom-hint{margin:-8px auto 12px!important;color:#718098!important;font-size:13px!important;text-align:center}.image-zoom-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:68px 22px 22px;background:rgba(14,24,43,.88)}.image-zoom-scroll{max-width:100%;max-height:100%;overflow:auto;border-radius:16px;background:#fff;box-shadow:0 22px 70px rgba(0,0,0,.35)}.image-zoom-scroll img{display:block;width:1000px;max-width:none;height:auto;object-fit:contain}.image-zoom-close{position:absolute;top:18px;right:22px;min-height:42px;padding:0 18px;border:1px solid rgba(255,255,255,.55);border-radius:11px;background:#fff;color:#26344d;font-weight:850;cursor:pointer}.wide-lesson-card{width:min(100%,920px)}
.answer-button{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;width:100%}.answer-letter{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#edf1f7;color:#53617a;font-size:13px;font-weight:900}.answer-button.selected .answer-letter{background:var(--blue);color:#fff}.answer-button.correct .answer-letter{background:#20a06a;color:#fff}.answer-button.incorrect .answer-letter{background:#e24e5c;color:#fff}.answer-button.letter-answer{grid-template-columns:1fr;text-align:center}.answer-button.letter-answer .answer-letter{margin:auto}.answer-list.compact{margin-top:16px}.group-questions{display:grid;gap:18px;margin-top:24px}.group-question{position:relative;padding:24px;border:1px solid #dce3ed;border-radius:18px;background:#fff}.group-question h3{margin:0 0 12px;padding-right:38px;font-size:19px;line-height:1.45}.question-number{position:absolute;top:18px;right:18px;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#eef2ff;color:var(--blue);font-size:13px;font-weight:900}.inline-result{margin-top:16px;padding:14px 16px;border-radius:13px;background:#eaf9f3}.inline-result.wrong{background:#fff0f1}.inline-result strong{display:block}.inline-result p{margin:4px 0 0!important;font-size:15px!important}.passage-box,.transcript-box{margin:22px 0;border:1px solid #cbd8ef;border-radius:18px;background:#fff}.passage-box summary,.transcript-box summary{padding:17px 20px;color:#33415a;font-weight:850;cursor:pointer}.passage-box>div,.transcript-box .transcript-lines{max-height:420px;overflow:auto;padding:0 20px 18px}.passage-box p,.transcript-lines p{margin:0 0 13px!important;color:#34415a!important;font-size:16px!important;line-height:1.65}.transcript-intro{padding:0 20px;color:#67758c!important;font-size:14px!important}.evidence-card{margin-top:12px;padding:15px 17px;border-left:4px solid var(--orange);border-radius:0 13px 13px 0;background:#fff8ef}.evidence-card strong{display:block;margin-bottom:4px}.evidence-card p{font-size:15px!important}.pair-grid{display:grid;gap:9px;margin:25px 0}.pair-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:15px 17px;border:1px solid #d8e1ef;border-radius:14px;background:#f8faff}.pair-row strong,.pair-row b{font-size:17px}.pair-row b{color:var(--blue)}.pair-row span{color:#7a879b;font-size:12px;font-weight:800}.mock-score{display:flex;align-items:baseline;justify-content:center;gap:9px;margin:22px 0}.mock-score strong{color:var(--blue);font-size:64px;line-height:1}.mock-score span{color:var(--muted);font-size:22px;font-weight:800}
.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0}.result-grid>div{padding:14px;border:1px solid #dbe3ef;border-radius:13px;background:#f8faff}.result-grid strong,.result-grid span{display:block}.result-grid strong{font-size:19px}.result-grid span{margin-top:3px;color:var(--muted);font-size:12px}.answer-review{margin-top:14px;border:1px solid #d7dfeb;border-radius:15px;background:#fff;text-align:left}.answer-review summary{padding:16px 18px;font-weight:850;cursor:pointer}.answer-review>div{max-height:520px;overflow:auto;padding:0 18px 18px}.review-answer{display:grid;grid-template-columns:30px 1fr;gap:11px;padding:14px 0;border-top:1px solid #edf0f5}.review-answer>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#eaf9f3;color:#16714c;font-size:12px;font-weight:900}.review-answer.wrong>span{background:#fff0f1;color:#b72f42}.review-answer strong{display:block;font-size:14px}.review-answer p{margin:5px 0!important;font-size:13px!important}.review-answer small{display:block;color:#5d6b82;font-size:13px}.review-image{max-height:260px;margin:9px 0}.jump-list{display:grid;gap:9px;margin-top:22px}.jump-button{min-height:48px;padding:10px 15px;border:1px solid #cbd7ea;border-radius:11px;background:#fff;color:var(--blue);font-weight:850;text-align:left;cursor:pointer}

@media(max-width:680px){.account{gap:8px}.signin-button{padding:0 12px}.course-facts{flex-wrap:wrap}.mock-card-large{grid-template-columns:50px minmax(0,1fr);gap:14px;padding:18px}.mock-number{width:48px;height:48px}.mock-variants{grid-column:1/3;width:100%}.small-test-button{padding:0 7px}.group-question{padding:19px 15px}.group-question h3{padding-right:34px;font-size:17px}.question-number{top:14px;right:14px}.answer-button{min-height:56px;padding:12px}.pair-row{grid-template-columns:1fr;padding:13px;text-align:center}.pair-row span{order:2}.pair-row b{order:3}.source-question-image{max-height:420px}.passage-box>div,.transcript-box .transcript-lines{max-height:360px}.mock-score strong{font-size:54px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mock-card-large .mock-variants{grid-column:1/-1;width:100%;display:grid;grid-template-columns:1fr;gap:14px;margin-top:8px}.mock-variant-group{min-width:0}.mock-variant-group h4{display:flex;align-items:baseline;gap:8px;margin:0 0 7px;color:#33415a;font-size:13px}.mock-variant-group h4 span{color:var(--muted);font-size:12px;font-weight:700}.mock-variant-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.small-test-button{min-width:0}
@media(max-width:680px){.mock-variant-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.mock-variant-group h4{font-size:12px}}

/* SoloLearn-style test catalog: reveal a family, then its section, then shuffled variants. */
.test-family,.test-section{border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 7px 22px rgba(28,43,77,.05);overflow:hidden}
.test-family>summary,.test-section>summary{display:flex;align-items:center;gap:15px;padding:22px 24px;cursor:pointer;list-style:none}
.test-family>summary::-webkit-details-marker,.test-section>summary::-webkit-details-marker{display:none}
.test-family>summary>span:nth-child(2),.test-section>summary>span{display:grid;gap:3px;min-width:0}
.test-family>summary strong,.test-section>summary strong{font-size:20px}
.test-family>summary small,.test-section>summary small{color:var(--muted);font-size:13px}
.test-family>summary>b,.test-section>summary>b{margin-left:auto;color:var(--blue);font-size:28px;font-weight:400;transition:transform .18s}
.test-family[open]>summary>b,.test-section[open]>summary>b{transform:rotate(90deg)}
.family-number{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#e8eeff;color:var(--blue);font-size:20px;font-weight:900;flex:0 0 auto}
.test-family-body{padding:0 24px 24px}.test-family-body>p{margin:0 0 16px;color:var(--muted)}
.test-family-sections{display:grid;gap:12px}.test-section>summary{padding:16px 18px}.test-section>summary img{width:38px;height:38px;flex:0 0 auto}.test-section>summary strong{font-size:17px}
.test-family .mock-variants,.test-section .mock-variants{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:16px 18px 18px}
.test-family .family-variants{padding:18px 0 0}.small-test-button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:0 12px}.mock-check{color:#18875c;font-size:18px;font-weight:900}
@media(max-width:680px){.test-family>summary,.test-section>summary{padding:17px 16px}.test-family-body{padding:0 16px 17px}.test-family .mock-variants,.test-section .mock-variants{grid-template-columns:repeat(2,minmax(0,1fr));padding:13px 14px 15px}.test-family .family-variants{padding:16px 0 0}}
.matching-board{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.matching-column{display:grid;align-content:start;gap:10px}.matching-column>strong{margin-bottom:2px;color:#64718a;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.match-button{min-height:54px;padding:13px 16px;border:2px solid #d9e1ed;border-radius:14px;background:#fff;color:#172238;font:inherit;font-weight:800;text-align:left;cursor:pointer;transition:.16s ease}.match-button:hover{border-color:#8da8ee;background:#f6f8ff}.match-button.selected{border-color:var(--blue);background:#edf2ff;box-shadow:0 0 0 3px rgba(60,99,221,.12)}.match-button.assigned{border-color:#aab9dc;background:#f3f6fd;color:#33415a}.match-button.matched{border-color:#72caa5;background:#eaf9f3;color:#16764e;cursor:default}.match-button.incorrect{border-color:#e58a94;background:#fff0f1;color:#a52b3b;cursor:default}.question-preview-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;margin-top:14px;padding:18px;border:1px solid #d9e2ef;border-radius:16px;background:#f8faff}.question-preview-card>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#e8edff;color:var(--blue);font-weight:900}.question-preview-card strong{display:block;line-height:1.45}.question-preview-card ul{display:grid;gap:6px;margin:12px 0 0;padding-left:20px;color:#5c6980;font-size:15px;line-height:1.45}@media(max-width:680px){.matching-board{grid-template-columns:1fr;gap:20px}.match-button{min-height:50px}.question-preview-card{grid-template-columns:32px minmax(0,1fr);padding:15px}}

/* Профильные предметы: расширенный текст, таблицы, код, рисунки */
.rich-table-wrap{overflow-x:auto;margin:20px auto;max-width:100%}
.rich-table-wrap table{border-collapse:collapse;width:100%;font-size:15px}
.rich-table-wrap th,.rich-table-wrap td{border:1px solid #dbe2ec;padding:8px 12px;text-align:left;vertical-align:top}
.rich-table-wrap th{background:#f3f6fb;font-weight:800}
.lesson-card pre{background:#1c2333;color:#eef2f8;padding:16px 18px;border-radius:12px;overflow-x:auto;margin:18px auto;max-width:100%;text-align:left;font-size:14.5px;line-height:1.55}
.lesson-card pre code{background:none;padding:0;color:inherit;font-size:inherit}
.lesson-card code{background:#eef2f8;color:#2a3550;padding:2px 6px;border-radius:6px;font-size:.92em}
.lesson-card figure{margin:22px auto;max-width:100%;text-align:center}
.lesson-card figure svg{width:100%;height:auto;max-height:420px;color:#2a3550}
.lesson-card figure img{max-width:100%;height:auto;border-radius:12px;border:1px solid #dbe2ec}
.lead-copy{text-align:left}
.lead-copy p,.lead-copy table,.lead-copy pre,.lead-copy figure{text-align:left}
.rich-title{font-size:clamp(25px,3.2vw,34px)!important;letter-spacing:-.025em!important;text-align:left;max-width:680px;margin:0 auto}
.rich-title p{font-size:inherit;letter-spacing:inherit;max-width:none;margin:0 0 14px;color:var(--ink)}
.rich-title p:last-child{margin-bottom:0}
.rich-title .rich-table-wrap,.rich-title pre,.rich-title figure{font-size:16px;letter-spacing:normal}

/* ---- Шапка урока: длинное название сокращается и не налезает на счётчик ---- */
.lesson-header{grid-template-columns:minmax(64px,1fr) minmax(0,auto) minmax(64px,1fr)!important;gap:16px}
.lesson-title{min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}
.lesson-count{white-space:nowrap}
@media(max-width:680px){.lesson-header{grid-template-columns:minmax(72px,1fr) minmax(0,auto) minmax(72px,1fr)!important;gap:8px}}
/* карточка шага не шире экрана, даже если внутри широкая таблица */
.lesson-card{min-width:0;max-width:100%}

/* ---- Шаги профильных уроков: подзаголовок вместо служебной метки ---- */
.rich-card .step-heading{display:flex;align-items:baseline;gap:10px;margin:0 0 14px;color:var(--ink);font-size:clamp(21px,2.4vw,26px);line-height:1.25;letter-spacing:-.015em;font-weight:850}
.step-heading-num{flex:none;min-width:30px;height:30px;display:inline-grid;place-items:center;padding:0 6px;border-radius:9px;background:#edf2ff;color:var(--blue);font-size:15px;font-weight:850;letter-spacing:0;transform:translateY(-3px)}
.rich-card .lead-copy>p+p,.rich-card .lead-copy>p+.rich-table-wrap,.rich-card .lead-copy>.rich-table-wrap+p,.rich-card .lead-copy>p+pre,.rich-card .lead-copy>pre+p,.rich-card .lead-copy>figure+p{margin-top:14px}
@media(max-width:680px){.rich-card .step-heading{font-size:21px;gap:8px}.step-heading-num{min-width:26px;height:26px;font-size:14px;transform:translateY(-2px)}}

/* ---- Закреплённый аудиоплеер ---- */
.sticky-player{position:sticky;top:-24px;z-index:6;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:20px 0;padding:10px 16px;border:1px solid #d5deeb;border-radius:16px;background:#fff;transition:border-radius .15s,box-shadow .15s}
.lesson-stage .sticky-player{top:-34px}
.sticky-player.is-stuck{border-color:transparent;border-bottom-color:var(--line);border-radius:0;box-shadow:0 8px 18px -14px rgba(20,33,61,.45)}
.player-toggle{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--blue);color:#fff;cursor:pointer}
.player-toggle:hover{background:var(--blue-dark)}
.player-toggle:focus-visible,.player-seek:focus-visible,.passage-toggle:focus-visible,.passage-scroll:focus-visible{outline:3px solid #9db6ff;outline-offset:2px}
.player-icon{width:0;height:0;margin-left:4px;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff}
.is-playing .player-icon{width:12px;height:15px;margin-left:0;border:0;border-left:4px solid #fff;border-right:4px solid #fff}
.player-track{min-width:0;display:grid;gap:4px}
.player-caption{overflow:hidden;color:#53617a;font-size:13px;font-weight:800;white-space:nowrap;text-overflow:ellipsis}
.player-seek{--seek:0%;width:100%;height:20px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}
.player-seek::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--blue) var(--seek),#dfe6f0 var(--seek))}
.player-seek::-moz-range-track{height:6px;border-radius:99px;background:#dfe6f0}
.player-seek::-moz-range-progress{height:6px;border-radius:99px;background:var(--blue)}
.player-seek::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5px;border:2px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 1px 4px rgba(20,33,61,.35);-webkit-appearance:none;appearance:none}
.player-seek::-moz-range-thumb{width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 1px 4px rgba(20,33,61,.35)}
.player-time{color:#33415a;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.player-time-sep{color:#8a95aa}
.audio-card .sticky-player{margin:16px 0 18px}
@media(max-width:680px){
  .lesson-stage .sticky-player{top:-24px}
  .sticky-player{gap:10px;margin:16px 0;padding:8px 12px;border-radius:14px}
  .player-toggle{width:40px;height:40px}
  .player-caption{font-size:12px}
  .player-time{font-size:13px}
}

/* ---- Закреплённый текст Reading ---- */
.lesson-card.reading-card{width:min(100%,1240px)}
.reading-card>h2,.reading-card>.instruction{max-width:none;margin-left:0;margin-right:0}
.reading-layout{margin-top:22px}
.passage-pane{position:sticky;top:-24px;z-index:5;display:flex;flex-direction:column;border:1px solid #cbd8ef;border-radius:18px;background:#fff}
.lesson-stage .passage-pane{top:-34px}
.passage-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:6px 8px 6px 18px;border-bottom:1px solid #e3e9f3}
.passage-head strong{min-width:0;overflow:hidden;color:#33415a;font-size:15px;font-weight:850;white-space:nowrap;text-overflow:ellipsis}
.passage-toggle{flex:none;min-height:36px;padding:0 12px;border:1px solid #cbd5e3;border-radius:10px;background:#fff;color:var(--blue);font-size:14px;font-weight:800;cursor:pointer}
.passage-toggle:hover{border-color:#88a4ff;background:#f5f8ff}
.passage-scroll{overflow:auto;overscroll-behavior:contain;padding:14px 18px 6px}
.passage-scroll p{max-width:none!important;margin:0 0 13px!important;color:#34415a!important;font-size:16px!important;line-height:1.65}
.passage-pane.is-collapsed .passage-scroll{display:none}
.passage-pane.is-collapsed .passage-head{border-bottom:0}
.passage-pane.is-stuck{border-color:transparent;border-bottom-color:#cbd8ef;border-radius:0;box-shadow:0 10px 18px -14px rgba(20,33,61,.5)}
.reading-questions .group-questions{margin-top:18px}
@media(max-width:899px){
  .passage-scroll{height:max(132px,calc(38vh - 48px))}
}
@media(max-width:680px){
  .lesson-stage .passage-pane{top:-24px}
  .passage-head{padding-left:14px}
  .passage-scroll{padding:12px 14px 4px}
  .passage-scroll p{font-size:15px!important;line-height:1.6}
}
@media(min-width:900px){
  .reading-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start;gap:28px}
  .passage-pane{top:0;max-height:calc(100vh - 166px - 58px)}
  .lesson-stage .passage-pane{top:0}
  .passage-pane.is-stuck{border-color:#cbd8ef;border-radius:18px;box-shadow:none}
  .passage-toggle{display:none}
  .passage-scroll{flex:1;min-height:0}
  .passage-pane.is-collapsed .passage-scroll{display:block}
  .passage-pane.is-collapsed .passage-head{border-bottom:1px solid #e3e9f3}
  .reading-questions .group-questions{margin-top:0}
}
.player-time{align-self:end;line-height:20px}
@media(max-width:680px){.rich-table-wrap table{font-size:14px}.rich-table-wrap th,.rich-table-wrap td{padding:7px 8px}}

/* ---- Поиск специальности и предмета ---- */
.spec-search{grid-column:1/-1;display:grid;gap:14px}
.spec-search-field{position:relative;display:flex;align-items:center}
.spec-search-field input{width:100%;height:58px;padding:0 54px 0 52px;border:2px solid #cfd8e6;border-radius:16px;background:#fff;color:var(--ink);font:inherit;font-size:17px;font-weight:650;box-shadow:0 7px 22px rgba(28,43,77,.05);-webkit-appearance:none;appearance:none}
.spec-search-field input::placeholder{color:#8a95aa;font-weight:600}
.spec-search-field input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(36,87,245,.14)}
.spec-search-field input::-webkit-search-cancel-button{display:none}
.spec-search-icon{position:absolute;left:19px;top:50%;width:17px;height:17px;margin-top:-10px;border:2.5px solid #7a879c;border-radius:50%;pointer-events:none}
.spec-search-icon::after{content:"";position:absolute;right:-7px;bottom:-6px;width:8px;height:2.5px;border-radius:2px;background:#7a879c;transform:rotate(45deg)}
.spec-search-clear{position:absolute;right:9px;top:50%;width:40px;height:40px;margin-top:-20px;border:0;border-radius:11px;background:#eef2f7;cursor:pointer}
.spec-search-clear::before,.spec-search-clear::after{content:"";position:absolute;left:12px;top:19px;width:16px;height:2px;border-radius:2px;background:#63718a;transform:rotate(45deg)}
.spec-search-clear::after{transform:rotate(-45deg)}
.spec-search-clear:hover{background:#e2e8f1}
.spec-search-clear[hidden]{display:none}
.spec-search-results:empty{display:none}
.spec-search-results{display:grid;gap:22px}
.search-group{display:grid;gap:10px}
.search-group h3{display:flex;align-items:center;gap:8px;margin:4px 0 2px;color:var(--muted);font-size:13px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.search-group h3 b{min-width:24px;padding:2px 7px;border-radius:99px;background:#e8eefb;color:var(--blue);font-size:12px;letter-spacing:0;text-align:center}
.search-hit{display:grid;gap:4px;width:100%;padding:15px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.search-hit:hover,.search-hit:focus-visible{border-color:#88a4ff;background:#f7f9ff;outline:0}
.search-hit:first-of-type{border-color:#b8c7f5}
.search-hit-title{font-size:17px;font-weight:800;line-height:1.35}
.search-code{color:var(--blue)}
.search-hit small{color:var(--muted);font-size:14px;line-height:1.45}
.search-hit mark{padding:0 1px;border-radius:4px;background:#ffe7c2;color:inherit}
.search-empty,.search-more{margin:0;padding:18px;border:1px dashed #cbd5e3;border-radius:14px;background:#fff;color:#53617a;font-size:16px;text-align:center}
.search-more{padding:10px;font-size:14px}
.course-grid.is-searching>.course-card[data-home-view^="spec:"]{display:none}
@media(max-width:680px){
  .spec-search-field input{height:54px;font-size:16px}
  .search-hit{padding:13px 14px}
  .search-hit-title{font-size:16px}
  .search-hit small{font-size:13px}
}
@media(max-width:680px){.spec-search-field input{padding:0 46px 0 46px;font-size:16px}.spec-search-field input::placeholder{font-size:15px}.spec-search-icon{left:16px}.spec-search-clear{right:7px}}
@media(min-width:900px){.search-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.search-group>h3,.search-group>.search-more{grid-column:1/-1}}

/* Пробный тест: выбор режима */
.mode-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:680px;margin:28px auto 0;text-align:left}
.mode-option{display:flex;flex-direction:column;gap:8px}
.mode-card{flex:1;display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;align-items:start;width:100%;padding:20px;border:2px solid #cfd8e6;border-radius:18px;background:#fff;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.mode-card:hover{border-color:#88a4ff}
.mode-card:focus-visible{outline:3px solid #b9cbff;outline-offset:2px}
.mode-card.selected{border-color:var(--blue);background:#f3f6ff;box-shadow:0 10px 24px rgba(36,87,245,.12)}
.mode-radio{width:22px;height:22px;margin-top:2px;border:2px solid #b7c3d6;border-radius:50%;background:#fff}
.mode-card.selected .mode-radio{border:7px solid var(--blue)}
.mode-body strong{display:block;margin-bottom:6px;color:var(--ink);font-size:19px;line-height:1.3}
.mode-body span{display:block;color:#53617a;font-size:15px;line-height:1.5}
.mode-note{margin:0!important;padding-left:4px;color:#16714c!important;font-size:14px!important;font-weight:800}
.mode-mascot{width:150px;height:180px}

/* Разбор пробного теста */
.mock-review{width:min(100%,1120px);margin-top:30px;text-align:left}
.mock-review-head h2{margin:0 0 6px;font-size:28px;letter-spacing:-.03em}
.mock-review-head p{margin:0;color:var(--muted);font-size:15px}
.mock-review-layout{display:grid;gap:18px;margin-top:18px}
.review-nav{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}
.review-nav-head strong{display:block;font-size:16px}
.review-legend{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:6px;color:var(--muted);font-size:12px;font-weight:700}
.review-legend>span{display:inline-flex;align-items:center;gap:5px}
.legend-dot{width:10px;height:10px;border-radius:3px;background:#e3e8f0}
.legend-dot.right{background:#20a06a}.legend-dot.wrong{background:#e24e5c}.legend-dot.empty{background:#c3ccd9}
.review-nav-group{margin-top:14px}
.review-nav-title{display:flex;justify-content:space-between;gap:8px;margin-bottom:7px;color:var(--ink);font-size:13px;font-weight:850}
.review-nav-title b{color:var(--muted);font-weight:800}
.review-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}
.review-cell{height:32px;padding:0;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:850;cursor:pointer}
.review-cell.status-right{background:#eaf9f3;border-color:#bfe8d5;color:#16714c}
.review-cell.status-wrong{background:#fff0f1;border-color:#f5c2c8;color:#b72f42}
.review-cell.status-empty{background:#f1f4f8;border-color:#dfe5ee;color:#7a879c}
.review-cell.is-current{outline:2px solid var(--blue);outline-offset:1px}
.review-cell:focus-visible{outline:3px solid #88a4ff;outline-offset:1px}
.review-summary{display:flex;flex-wrap:wrap;gap:4px 12px;margin:14px 0 0!important;padding-top:12px;border-top:1px solid var(--line);color:var(--muted)!important;font-size:13px!important;font-weight:750}
.review-items{display:grid;gap:16px}
.review-item{padding:24px;border:1px solid var(--line);border-left:5px solid #c3ccd9;border-radius:18px;background:#fff;scroll-margin-top:12px}
.review-item.status-right{border-left-color:#20a06a}
.review-item.status-wrong{border-left-color:#e24e5c}
.review-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.review-section{padding:4px 10px;border-radius:99px;background:#e8eefb;color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.review-status{padding:4px 10px;border-radius:99px;background:#f1f4f8;color:#5d6b82;font-size:12px;font-weight:850}
.status-right .review-status{background:#eaf9f3;color:#16714c}
.status-wrong .review-status{background:#fff0f1;color:#b72f42}
.review-topic{margin-left:auto;color:var(--blue);font-size:14px;font-weight:850;text-decoration:none;white-space:nowrap}
.review-topic:after{content:" →"}
.review-topic:hover{text-decoration:underline}
.review-count{display:block;margin-top:12px;color:var(--muted);font-size:13px;font-weight:750}
.review-prompt{margin:6px 0 4px;font-size:21px;line-height:1.4;letter-spacing:-.01em}
.review-context{margin:12px 0;border:1px solid #cbd8ef;border-radius:14px;background:#f8faff}
.review-context summary{padding:11px 15px;color:var(--blue);font-size:14px;font-weight:850;cursor:pointer}
.review-context>div{max-height:360px;overflow:auto;margin:0 15px 14px;padding-top:10px;border-top:1px solid var(--line)}
.review-passage p{margin:0 0 10px!important;color:#34415a!important;font-size:15px!important;line-height:1.6}
.review-empty{margin:10px 0 0!important;padding:9px 13px;border:1px dashed #c3ccd9;border-radius:11px;color:#5d6b82!important;font-size:14px!important}
.review-options{max-width:none;margin-top:14px;gap:9px}
.review-option{min-height:52px;cursor:default}
.review-option:hover{border-color:#cfd8e6}
.review-option.correct:hover{border-color:#20a06a}.review-option.incorrect:hover{border-color:#e24e5c}
.review-option-text{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.review-pick{padding:2px 8px;border-radius:99px;background:#fff;border:1px solid currentColor;font-size:11px;font-weight:850;letter-spacing:.02em}
.review-option.correct .review-pick{color:#16714c}.review-option.incorrect .review-pick{color:#b72f42}
.review-explanation{max-width:none;margin-top:16px}
.review-explanation p{max-width:none}
.review-source-note{margin:10px 0 0!important;color:#5d6b82!important;font-size:13px!important}
.review-pager{display:none}
@media(min-width:1024px){
  .mock-review-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start}
  .review-nav{grid-column:2;grid-row:1;position:sticky;top:-34px;max-height:calc(100vh - 220px);overflow:auto}
  .review-main{grid-column:1;grid-row:1;min-width:0}
  .review-item{display:none}
  .review-item.is-active{display:block}
  .review-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
  .review-pager .lesson-primary,.review-pager .lesson-secondary{min-width:150px;min-height:46px}
  .review-pager .lesson-primary:disabled{background:#b7c1d2}
  .review-pager-label{color:var(--muted);font-size:14px;font-weight:750}
}
@media(max-width:1023px){
  .review-nav{position:sticky;top:-24px;z-index:6;margin:0 -2px;padding:10px 12px;border-radius:14px;box-shadow:0 8px 18px rgba(28,43,77,.08)}
  .review-nav-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px}
  .review-nav-head strong{font-size:14px}
  .review-legend{margin-top:0}
  .review-nav-groups{display:flex;gap:14px;margin-top:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
  .review-nav-group{flex:none;display:flex;align-items:center;gap:7px;margin-top:0}
  .review-nav-title{flex-direction:column;gap:0;margin:0;font-size:11px;line-height:1.25;white-space:nowrap}
  .review-grid{display:flex;gap:5px}
  .review-cell{flex:none;width:34px;height:34px}
  .review-summary{display:none}
}
@media(max-width:680px){
  .mode-cards{grid-template-columns:1fr;gap:14px;margin-top:22px}
  .mode-card{padding:16px}
  .mode-body strong{font-size:17px}
  .mode-mascot{width:110px;height:130px}
  .mock-review{margin-top:22px}
  .mock-review-head h2{font-size:23px}
  .review-item{padding:16px 14px}
  .review-prompt{font-size:18px}
  .review-topic{margin-left:0}
}
.mock-review,.mock-review-layout>*,.review-nav-groups{min-width:0}
.review-option{font-size:16px}
@media(min-width:1024px){.review-cell{height:28px;font-size:12px}.review-grid{gap:4px}.review-nav-group{margin-top:11px}.review-nav{max-height:calc(100vh - 190px)}}
@media(max-width:680px){.review-option{min-height:48px;font-size:15px}}

.family-whole{margin:18px 0 8px;font-weight:800;color:#0b1b3a}
/* предложение пакета «Максимум» на странице специальности и профильного предмета */
.spec-offer{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:26px 30px;border:1px solid #cfdafc;border-radius:22px;background:linear-gradient(135deg,#fff,#f0f4ff);box-shadow:0 8px 24px rgba(28,43,77,.06)}
.curriculum .spec-offer{margin-top:18px}
.spec-offer h3{margin:4px 0 12px;font-size:22px;letter-spacing:-.02em}
.spec-offer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.spec-offer li{display:grid;gap:1px;padding-left:22px;position:relative;font-size:15px}
.spec-offer li::before{content:"";position:absolute;left:0;top:9px;width:10px;height:10px;border-radius:50%;background:var(--blue)}
.spec-offer li b{color:var(--ink)}
.spec-offer li span{color:var(--muted);font-size:14px}
.spec-offer .primary-button{white-space:nowrap}
@media(max-width:680px){.spec-offer{grid-template-columns:1fr;padding:22px 20px}.spec-offer .primary-button{width:100%}}

.site-footer{max-width:1100px;margin:40px auto 0;padding:24px 20px 40px;border-top:1px solid #e1e8f5;color:#6a7894;font-size:13px;line-height:1.55;text-align:center}.site-footer p{margin:0 0 6px}.site-footer-note{max-width:640px;margin-left:auto!important;margin-right:auto!important}.site-footer a{color:#2457f5;text-decoration:none}.site-footer a:hover{text-decoration:underline}
