body[data-route=unit] .page{max-width:1140px}.unit-hub{--unit-ink:#9784ae;--unit-pale:#f1edf6;--unit-medium:#dcd1e7}.unit-tone-1{--unit-ink:#7b9fac;--unit-pale:#edf4f5;--unit-medium:#d0e3e7}.unit-tone-2{--unit-ink:#c49c73;--unit-pale:#f8f0e6;--unit-medium:#eddbc6}.unit-tone-3{--unit-ink:#8ba16a;--unit-pale:#eff3e6;--unit-medium:#d8e3c6}.unit-breadcrumb{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--mut);margin:4px 0 20px}.unit-breadcrumb a{color:var(--mut);text-decoration:none}.unit-breadcrumb b{font-weight:600;color:var(--unit-ink)}.unit-breadcrumb>span:nth-child(even){color:var(--hint)}.unit-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--unit-pale);border:1px solid var(--unit-medium);border-radius:23px;padding:31px 35px;position:relative;overflow:hidden}.unit-kicker{display:block;color:var(--unit-ink);font-size:11px}.unit-intro-copy{position:relative;z-index:1}.unit-intro h1{font-size:38px;font-weight:700;margin:10px 0;line-height:1.3;color:var(--tx);max-width:680px}.unit-intro p{font-size:13px;color:var(--mut);margin:10px 0 20px}.unit-start{display:inline-flex;align-items:center;gap:25px;padding:9px 17px;background:var(--unit-ink);color:white!important;text-decoration:none;font-family:Baloo,Cairo,sans-serif;font-size:14px;border-radius:11px}.unit-start>span{font-size:20px}.unit-start:hover{filter:brightness(.95)}.unit-emblem{width:170px;height:165px;flex-shrink:0;border:1px solid #ffffff98;background:#ffffff60;display:flex;align-items:center;justify-content:center;border-radius:48px 66px 44px 61px;transform:rotate(-8deg);color:var(--unit-ink);position:relative}.unit-emblem>.ic{width:97px;height:97px;stroke-width:1.2;transform:rotate(8deg)}.unit-emblem-note{position:absolute;bottom:-8px;right:-14px;border:1px solid var(--unit-medium);border-radius:9px;padding:3px 13px;font-family:Baloo,Cairo,sans-serif;background:var(--card);font-size:15px;transform:rotate(10deg)}
.unit-layout{display:grid;grid-template-columns:minmax(0,1fr) 266px;gap:27px;margin-top:31px;align-items:start}.unit-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.unit-section-heading h2{font-size:25px;font-weight:600;margin:0}.unit-section-heading>span{font-size:10px;color:var(--mut)}.unit-lesson-list{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden}.unit-lesson-row{display:flex;align-items:center;gap:18px;padding:20px 23px;text-decoration:none;color:var(--tx);transition:background .2s}.unit-lesson-row+.unit-lesson-row{border-top:1px solid var(--line)}.unit-lesson-row:hover{background:var(--bg2)}.lesson-step{width:41px;height:43px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:var(--unit-pale);color:var(--unit-ink);font-family:Baloo,Cairo,sans-serif;font-size:25px;line-height:1}.lesson-step .ic{width:22px;height:22px}.lesson-row-copy{flex:1;min-width:0}.lesson-row-copy>small{font-size:9px;color:var(--mut)}.lesson-row-copy h3{font-size:22px;font-weight:500;line-height:1.4;margin:4px 0 7px}.lesson-state{display:flex;gap:5px;align-items:center;color:var(--mut);font-size:9px}.lesson-state .ic{width:12px;height:12px}.state-mastered{color:var(--g)}.state-learning{color:var(--b)}.state-weak{color:var(--o)}.lesson-row-arrow{font-size:21px;color:var(--hint);padding-right:5px}.lesson-mastered .lesson-step{background:var(--gl);color:var(--g)}.unit-exam{display:flex;align-items:center;gap:15px;padding:21px 23px;margin-top:17px;border:1px solid #eadfbb;background:#faf5e6;border-radius:18px;text-decoration:none;color:#746545}.unit-exam-icon{display:grid;place-items:center;width:47px;height:52px;color:#b99d5d;background:#efe5c9;border-radius:13px;flex-shrink:0}.unit-exam-icon .ic{width:27px;height:27px}.unit-exam div>span{color:#b39d6b;font-size:9px}.unit-exam h3{font-size:24px;font-weight:600;color:#7c6841;margin:5px 0}.unit-exam p{font-size:10px;color:#aa986f;margin:0}.exam-action{margin-right:auto;white-space:nowrap;font-size:10px;display:flex;gap:9px;align-items:center;color:#9e8652}.unit-reading{margin-top:24px}.unit-reading details{border-bottom:1px solid var(--line);padding:17px 0}.unit-reading summary{display:flex;align-items:center;gap:10px;cursor:pointer;font-family:Baloo,Cairo,sans-serif;font-size:19px;color:var(--tx2);list-style:none}.unit-reading summary::-webkit-details-marker{display:none}.unit-reading summary::after{content:"+";margin-right:auto;color:var(--hint);font-family:Cairo,sans-serif}.unit-reading details[open] summary::after{content:"−"}.unit-reading summary .ic{color:var(--unit-ink);width:21px;height:21px}.unit-reading summary small{font-family:Cairo,sans-serif;font-size:9px;color:var(--mut);margin-right:3px}.unit-reading ul{font-size:12px;line-height:2.2;color:var(--mut);padding-right:27px;margin:18px 0 4px}.unit-reading li+li{margin-top:8px}
.unit-aside{display:grid;gap:20px}.unit-progress-panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px 22px}.unit-progress-number{display:flex;align-items:center;justify-content:space-between;margin:16px 0 19px;gap:12px}.unit-progress-number>b{font-family:Baloo,Cairo,sans-serif;font-size:48px;line-height:1;color:var(--unit-ink);font-weight:600;display:flex;align-items:baseline;gap:4px}.unit-progress-number>b span{font-size:25px}.unit-progress-number>span{font-size:12px;color:var(--tx2);text-align:center}.unit-progress-number small{display:block;font-size:10px;color:var(--mut);margin-top:3px}.unit-progress-track{height:6px;background:var(--unit-pale);border-radius:20px;overflow:hidden}.unit-progress-track i{display:block;height:100%;background:var(--unit-ink);border-radius:inherit}.unit-progress-panel p{font-size:10px;color:var(--mut);line-height:1.9;margin:14px 0 0}.unit-next{background:var(--unit-pale);border:1px solid var(--unit-medium);border-radius:20px;padding:20px 22px;text-align:center}.unit-next>img{width:86px;height:103px;object-fit:contain;margin:0 auto 10px;display:block}.unit-next h2{font-size:23px;font-weight:600;line-height:1.5;margin:9px 0;color:var(--tx)}.unit-next p{font-size:11px;line-height:1.9;color:var(--mut);margin:8px 0 17px}.unit-next a{display:flex;align-items:center;justify-content:center;gap:22px;background:var(--card);border:1px solid var(--unit-medium);border-radius:10px;font-size:11px;text-decoration:none;color:var(--unit-ink);padding:8px 12px}.unit-lab-links{padding:2px 6px}.unit-lab-links h2{font-size:22px;font-weight:500;margin:7px 0 12px}.unit-lab-links a{display:flex;align-items:center;gap:9px;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--mut);font-size:11px}.unit-lab-links .ic{width:18px;height:18px;color:var(--unit-ink)}.unit-lab-links a>span:last-child{margin-right:auto;font-size:20px}
[data-theme=dark] .unit-intro,[data-theme=dark] .unit-next{background:var(--bg2);border-color:var(--line)}[data-theme=dark] .unit-emblem{background:var(--card);border-color:var(--line)}[data-theme=dark] .lesson-step{background:var(--bg2)}[data-theme=dark] .unit-exam{background:#393727;border-color:#514b32}[data-theme=dark] .unit-exam h3{color:#d6c495}[data-theme=dark] .unit-exam-icon{background:#52492d}
@media(min-width:900px) and (max-width:1200px){.unit-layout{grid-template-columns:minmax(0,1fr) 221px;gap:20px}.unit-intro{padding:27px}.unit-intro h1{font-size:33px}.unit-emblem{width:139px;height:143px}.unit-emblem>.ic{width:83px;height:83px}.unit-lesson-row{padding:18px 17px;gap:13px}.lesson-row-copy h3{font-size:20px}.unit-section-heading h2{font-size:23px}.unit-section-heading>span{display:none}.unit-exam{padding:17px;gap:12px}.exam-action{font-size:0}.exam-action>span{font-size:20px}.unit-progress-panel,.unit-next{padding:20px 17px}}
@media(max-width:899px){.unit-intro{padding:26px}.unit-intro h1{font-size:33px}.unit-emblem{width:132px;height:141px}.unit-emblem>.ic{width:82px;height:82px}.unit-layout{grid-template-columns:minmax(0,1fr) 213px;gap:19px}.unit-lesson-row{padding:19px 16px;gap:12px}.lesson-step{width:35px;height:39px}.lesson-row-copy h3{font-size:21px}.unit-section-heading h2{font-size:22px}.unit-section-heading>span{display:none}.unit-progress-panel,.unit-next{padding:20px 16px}.unit-exam{padding:17px;gap:10px}.exam-action{font-size:0}.exam-action>span{font-size:20px}.unit-reading summary{font-size:18px}.unit-reading summary small{display:none}}
@media(max-width:600px){.unit-breadcrumb{font-size:10px;gap:8px;margin:0 0 18px}.unit-intro{padding:25px 22px;gap:0;min-height:250px}.unit-intro-copy{max-width:100%;width:100%}.unit-kicker{font-size:10px}.unit-intro h1{font-size:32px;line-height:1.35;max-width:260px;margin:12px 0}.unit-intro p{font-size:11px;max-width:250px;line-height:1.9;margin:9px 0 20px}.unit-start{font-size:13px;gap:20px;padding:9px 15px}.unit-emblem{position:absolute;left:-38px;bottom:-24px;width:133px;height:150px;opacity:.2;border:0}.unit-emblem>.ic{width:104px;height:104px}.unit-emblem-note{display:none}.unit-layout{grid-template-columns:1fr;margin-top:25px;gap:26px}.unit-section-heading{margin-bottom:13px}.unit-section-heading h2{font-size:25px}.unit-lesson-row{padding:18px 17px;gap:14px}.lesson-row-copy h3{font-size:22px;line-height:1.4}.lesson-row-copy>small{font-size:9px}.lesson-step{width:37px;height:41px;font-size:23px}.lesson-state{font-size:9px}.lesson-row-arrow{font-size:19px}.unit-exam{padding:18px 17px;gap:13px}.unit-exam h3{font-size:24px}.unit-exam p{font-size:9px;line-height:1.9}.unit-exam-icon{width:39px;height:46px}.unit-exam-icon .ic{width:24px;height:24px}.unit-reading{margin-top:19px}.unit-reading details{padding:15px 0}.unit-reading summary{font-size:20px}.unit-reading ul{font-size:11px;line-height:2}.unit-aside{grid-template-columns:1fr;gap:15px}.unit-progress-panel{padding:22px}.unit-progress-number{margin:15px 0}.unit-progress-number>b{font-size:44px}.unit-progress-panel p{font-size:11px}.unit-next{padding:21px 24px;display:grid;grid-template-columns:75px 1fr;column-gap:17px;text-align:right}.unit-next>img{width:75px;height:104px;grid-row:1/4;margin:0;align-self:center}.unit-next h2{font-size:23px;margin:8px 0;line-height:1.4}.unit-next p{font-size:10px;margin:0 0 11px}.unit-next a{grid-column:2;font-size:11px;justify-content:space-between;gap:8px}.unit-lab-links{padding:8px 5px}.unit-lab-links h2{font-size:23px}.unit-lab-links a{font-size:12px;padding:15px 0}}
@media(max-width:360px){.unit-intro h1{font-size:29px}.unit-lesson-row{padding:17px 13px;gap:11px}.lesson-row-copy h3{font-size:20px}.lesson-row-arrow{padding-right:0}.unit-next{padding:18px;column-gap:12px;grid-template-columns:65px 1fr}.unit-next>img{width:65px}}