/* Tutor: a warm study desk, the robot's week and the parent's report.
   Photos retain their native proportions; desktop stages adapt to height. */
.page--edu{--tutor-accent:var(--green-ink);--tutor-soft:var(--mint-soft)}
.page--edu .sec{padding-block:48px;scroll-margin-top:72px}
.page--edu .sec>.wrap{min-width:0}
.page--edu .banner{margin-bottom:26px}
.page--edu .banner__title{font-size:clamp(28px,3.2vw,40px);line-height:1.12;text-wrap:balance}
.page--edu .banner__lede{font-size:14px;line-height:1.65;color:var(--petrol);max-width:68ch}
.page--edu .banner--row{grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.page--edu .eyebrow{color:var(--tutor-accent);line-height:1.5}
.page--edu .phero{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:56px}
.page--edu .phero__copy>.eyebrow{border-left:4px solid var(--tutor-accent);padding-left:12px;max-width:48ch}
.page--edu .phero__title{font-size:clamp(36px,4.2vw,60px);max-width:20ch;line-height:1.05;margin-bottom:24px}
.page--edu .phero__lede{font-size:15px;line-height:1.65;margin-bottom:24px}
.page--edu .phero__shot{max-height:none;aspect-ratio:9/16;max-width:340px;width:100%;justify-self:center}
.page--edu .phero__actions .btn{animation:none!important}
.page--edu .tutor-icon{display:block;width:64px;height:64px;flex:none;background-image:url('/assets/img/icons/tutor-retro-generated-alpha-v2.png');background-size:400% 400%;background-repeat:no-repeat;background-color:transparent;image-rendering:pixelated}
.page--edu .tutor-icon--megaphone{background-position:0 0}
.page--edu .tutor-icon--book{background-position:33.333% 0}
.page--edu .tutor-icon--trophy{background-position:66.667% 0}
.page--edu .tutor-icon--calendar{background-position:100% 0}
.page--edu .tutor-icon--battery{background-position:0 33.333%}
.page--edu .tutor-icon--heart{background-position:33.333% 33.333%}
.page--edu .tutor-icon--calculator{background-position:66.667% 33.333%}
.page--edu .tutor-icon--language{background-position:100% 33.333%}
.page--edu .tutor-icon--globe{background-position:0 66.667%}
.page--edu .tutor-icon--home{background-position:33.333% 66.667%}
.page--edu .tutor-icon--puzzle{background-position:66.667% 66.667%}
.page--edu .tutor-icon--phone{background-position:100% 66.667%}
.page--edu .type-block.is-typed .phero__lede::after{display:none}
.page--edu .chain{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:480px;margin-bottom:28px}
.page--edu .chain li{display:flex;flex-direction:column;gap:8px;padding:12px 4px;border-block:2px solid var(--tutor-accent);box-shadow:none;background:transparent;font-size:12px;letter-spacing:.02em}
.page--edu .chain li .tutor-icon{width:48px;height:48px}
.page--edu .chain li+li::before{left:-13px;top:25px;color:var(--tutor-accent)}
.page--edu .bignums--two{margin-bottom:24px;gap:24px}
.page--edu .bignums b{font-family:var(--font-display);font-size:40px;line-height:1.1}
.page--edu .bignums span{font-size:13px;line-height:1.5}
.page--edu .bignums--two li{padding:14px 18px;background:var(--paper);border-top-color:var(--tutor-accent)}
.page--edu .bignums--two .is-bad{border-top-color:var(--slate)}
.page--edu .bignums--two .is-bad b{color:var(--slate)}
.page--edu .evenings{gap:24px;align-items:stretch}
.page--edu .tl{padding:18px 22px}
.page--edu .tl--edu{--pxbg:var(--tutor-soft)}
.page--edu .tl .tl__title{padding-bottom:14px!important}
.page--edu .tl__title b{font-size:20px;letter-spacing:0}
.page--edu .tl li{padding:10px 0;gap:4px 14px;grid-template-columns:60px minmax(0,1fr)}
.page--edu .tl time{font-size:12px;line-height:1.5}
.page--edu .tl span{font-size:13px;line-height:1.5}
.page--edu .pet-console{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:28px}
.page--edu .pet-console__preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;--pxbg:var(--tutor-soft);text-align:center}
.page--edu .pet-console__preview .eyebrow{margin:0}
.page--edu .pet-console__preview>svg{width:190px;max-width:90%;height:auto}
.page--edu .pet-console__preview>b{font-family:var(--font-display);font-size:24px;color:var(--tutor-accent)}
.page--edu .pet-console__preview>p:not(.eyebrow){margin:0;font-size:13px}
.page--edu .pet-console__preview meter{width:80%;height:20px;accent-color:var(--tutor-accent)}
.page--edu .week{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr 1fr;height:auto;margin:0;padding:0;gap:14px;align-items:stretch}
.page--edu .week li{display:block;min-width:0}
.page--edu .pet-day{cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto;align-items:center;gap:8px 12px;width:100%;height:100%;padding:14px;border:2px solid var(--outline-blue);background:var(--paper);color:var(--petrol);box-shadow:3px 3px 0 var(--shadow);text-align:left}
.page--edu .pet-day[aria-pressed=true]{background:var(--tutor-soft);border-color:var(--tutor-accent);box-shadow:inset 0 -4px 0 var(--tutor-accent),3px 3px 0 var(--shadow)}
.page--edu .pet-day:hover{background:var(--blue-pale)}
.page--edu .pet-day{border-width:3px;border-image-source:var(--frame-img);border-image-slice:6;border-image-width:6px;clip-path:var(--stair)}
.page--edu .pet-day:focus-visible{box-shadow:inset 0 0 0 4px var(--orange)}
.page--edu .week b{grid-column:1/-1;font-size:14px;letter-spacing:0}
.page--edu .week__screen{width:57px;height:48px;aspect-ratio:76/64;background:none;padding:0;box-shadow:none!important}
.page--edu .week__screen svg{width:100%;height:100%}
.page--edu .week i{height:12px;width:var(--h);min-width:4px;align-self:center;background:var(--tutor-accent);box-shadow:none}
.page--edu .week em{grid-column:1/-1;color:var(--petrol);font-family:var(--font-body);font-size:11px;line-height:1.5}
.page--edu .strip{gap:24px;margin-top:24px}
.page--edu .strip span{font-size:13px;line-height:1.5;color:var(--petrol)}
.page--edu .sec--lesson .twin{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:28px;align-items:start}
.page--edu .lesson-board__task{padding:28px;--pxbg:var(--tutor-soft)}
.page--edu .lesson-board__formula{font-family:var(--font-body);font-size:clamp(28px,3vw,42px);letter-spacing:-.05em;white-space:nowrap;color:var(--navy);margin:20px 0}
.page--edu .lesson-board__formula strong{color:var(--tutor-accent)}
.page--edu .fraction{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin:0 0 22px}
.page--edu .fraction i{height:42px;background:var(--band);border:2px solid var(--outline-blue)}
.page--edu .fraction i:nth-child(7){background:var(--orange)}
.page--edu .fraction i:nth-child(8){background:var(--paper);border-style:dashed}
.page--edu .lesson-board__task>p:not(.eyebrow):not(.lesson-board__formula){font-size:13px;line-height:1.5}
.page--edu .lesson-board__hint{padding-top:12px;border-top:1px solid var(--mint-line);color:var(--tutor-accent)}
.page--edu .lesson-details{margin-top:18px;border:2px solid var(--outline-blue);background:var(--paper)}
.page--edu .lesson-details summary{cursor:pointer;font-family:var(--font-display);font-size:16px;padding:14px;color:var(--navy)}
.page--edu .lesson-details .log{clip-path:none;font-size:12px;padding:14px;gap:10px}
.page--edu .lesson-details .log__row{grid-template-columns:50px minmax(0,1fr);gap:3px 10px}
.page--edu .lesson-details .log__row span{grid-column:2;line-height:1.5}
.page--edu .chat{border:2px solid var(--outline-blue);background:var(--paper);padding:0 16px 16px;gap:12px;max-width:none;clip-path:var(--stair)}
.page--edu .chat__head{margin:0 -16px 4px;padding:12px 16px;background:var(--band);color:var(--white);font-size:14px;letter-spacing:0;text-transform:none;border-bottom:2px solid var(--outline-blue)}
.page--edu .chat__msg{grid-template-columns:57px minmax(0,1fr);gap:10px}
.page--edu .chat__msg{grid-template-rows:auto}
.page--edu .chat__screen{grid-row:1}
.page--edu .chat__screen{width:57px;height:48px;background:none;box-shadow:none;padding:0}
.page--edu .chat__screen svg{width:100%;height:100%}
.page--edu .chat__text{padding:10px 12px;font-size:13px;line-height:1.5;background:var(--tutor-soft);border-left:3px solid var(--tutor-accent)}
.page--edu .chat__msg--guest{grid-template-columns:minmax(0,1fr);margin-left:67px}
.page--edu .chat__msg--guest .chat__text{justify-self:end;background:var(--butter);border-right:3px solid var(--orange);text-align:left}
.page--edu .report{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px}
.page--edu .phonefx{max-width:390px;padding:12px;box-shadow:inset 0 0 0 3px var(--outline-blue);background:var(--rail)}
.page--edu .phonefx__bar{font-size:12px;padding:4px 6px 12px}
.page--edu .phone{padding:20px}
.page--edu .phone__app{font-size:14px;text-transform:none;letter-spacing:0}
.page--edu .phone__msg{font-size:14px;line-height:1.65}
.page--edu .weekly{padding:24px;gap:18px;max-width:none}
.page--edu .weekly>.eyebrow{margin:0 0 4px;padding-bottom:14px;border-bottom:2px solid var(--outline-blue)}
.page--edu .weekly__kpi li{padding:12px;background:var(--tutor-soft);border-top-color:var(--tutor-accent)}
.page--edu .weekly__kpi b{font-family:var(--font-display);font-size:28px;line-height:1.2}
.page--edu .weekly__kpi span{font-size:12px;color:var(--petrol)}
.page--edu .weekly__days{height:120px;gap:12px}
.page--edu .weekly__days i{max-height:75px}
.page--edu .weekly__topics li{gap:16px;padding:10px 0}
.page--edu .weekly__topics .redo{color:var(--orange-ink)}
.page--edu .weekly__next{padding:12px;line-height:1.6}
.page--edu .loop{gap:24px;margin-bottom:36px}
.page--edu .loop li{grid-template-columns:1fr;gap:12px;padding:20px;align-content:start}
.page--edu .loop .steps__n{grid-row:auto;width:40px;height:40px}
.page--edu .loop span{line-height:1.6}
.page--edu .loop::after{display:none}
.page--edu .sec--tests .why{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:24px 36px}
.page--edu .sec--tests .why__band{display:contents}
.page--edu .sec--tests .why__band::before,.page--edu .sec--tests .why__band::after{display:none}
.page--edu .sec--tests .why__band>img{position:static;width:100%;height:auto;max-height:600px;object-fit:contain;grid-column:1;grid-row:1/3;align-self:center;aspect-ratio:3/2;clip-path:var(--stair)}
.page--edu .sec--tests .who__over{position:static;display:block;grid-column:2;background:none;padding:0;align-self:end;clip-path:none}
.page--edu .sec--tests .who__over .banner{margin:0}
.page--edu .sec--tests .who__over .banner__title{color:var(--heading-blue);text-shadow:none}
.page--edu .sec--tests .who__over .banner__lede{color:var(--petrol)}
.page--edu .sec--tests figcaption{display:none}
.page--edu .whos--four{grid-column:2;grid-template-columns:1fr 1fr;margin:0;gap:16px;align-self:start}
.page--edu .whos--four li{padding:16px;gap:8px;--pxbg:var(--paper)}
.page--edu .whos--four b{font-size:15px}
.page--edu .whos--four span{font-size:13px;line-height:1.5}
.page--edu .trust2{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center}
.page--edu .trust__grid{grid-template-columns:1fr 1fr;gap:18px}
.page--edu .trust__grid li{padding:18px;gap:8px}
.page--edu .trust__grid span{font-size:13px;line-height:1.5}
.page--edu .trust2>.price__card{padding:28px;--pxbg:var(--tutor-soft)}
.page--edu .price__sum{font-family:var(--font-display);font-size:52px;line-height:1.1}
.page--edu .price__list li{font-size:13px;line-height:1.5;padding:7px 0}
.page--edu .plan__note{font-size:12px;line-height:1.5}
.page--edu .ask-wrap{max-width:1120px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"heading heading" "photo form";gap:26px 36px;align-items:center}
.page--edu .ask-wrap>.banner{grid-area:heading;margin:0;max-width:700px}
.page--edu .ask__video{grid-area:photo;width:100%;max-width:none;max-height:none;aspect-ratio:4/3;margin:0}
.page--edu .ask__video img{object-fit:contain}
.page--edu .ask{grid-area:form;padding:22px;min-width:0}
.page--edu .ask__row{flex-wrap:wrap;gap:14px}
.page--edu :is(a,button,summary,input,textarea):focus-visible{outline:3px solid var(--outline-blue);outline-offset:4px}
@media(min-width:1280px){
 .page--edu .bignums--two li{display:flex;gap:14px;align-items:center;padding:12px 16px}
 .page--edu .bignums--two b{flex:none}
 .page--edu .bignums--two span{margin:0}
 .page--edu .sec{padding-block:24px;min-height:calc(100svh - 100px)}
 .page--edu .phero__shot{max-width:min(340px,calc((100svh - 156px) * 9 / 16))}
 .page--edu .banner__title{font-size:clamp(28px,3.5vh,36px)}
 .page--edu .pet-console__preview>svg{width:150px}
 .page--edu .sec--tests .why__band>img{max-height:calc(100svh - 156px)}
}
@media(min-width:1280px) and (max-height:800px){
 .page--edu .sec{padding-block:20px}
 .page--edu .banner{margin-bottom:18px}
 .page--edu .banner__title{font-size:28px}
 .page--edu .banner__lede{font-size:13px;line-height:1.5}
 .page--edu .phero__title{font-size:44px}
 .page--edu .phero__lede{font-size:14px;line-height:1.55}
 .page--edu .chain{margin-bottom:20px}
 .page--edu .chain li{padding-block:8px}
 .page--edu .bignums--two{margin-bottom:16px}
 .page--edu .bignums--two li{padding:10px 14px}
 .page--edu .bignums b{font-size:32px}
 .page--edu .tl{padding:14px 18px}
 .page--edu .tl li{padding:6px 0;gap:2px 12px}
 .page--edu .sec--evening .tl li{padding-block:4px}
 .page--edu .tl span{font-size:12px;line-height:1.4}
 .page--edu .tl .tl__title{padding-bottom:10px!important}
 .page--edu .pet-console__preview{padding:16px;gap:6px}
 .page--edu .pet-console__preview>svg{width:130px}
 .page--edu .pet-day{padding:10px;gap:6px 8px}
 .page--edu .strip{margin-top:18px}
 .page--edu .strip span{font-size:12px;line-height:1.4}
 .page--edu .chat{gap:8px;padding-bottom:12px}
 .page--edu .sec--lesson .chat{gap:6px}
 .page--edu .sec--lesson .chat__msg{grid-template-columns:48px minmax(0,1fr)}
 .page--edu .sec--lesson .chat__screen{width:48px;height:40px}
 .page--edu .sec--lesson .chat__msg--guest{grid-template-columns:1fr;margin-left:58px}
 .page--edu .sec--lesson .strip{margin-top:14px}
 .page--edu .chat__text{padding:7px 10px;line-height:1.4}
 .page--edu .lesson-board__task{padding:20px}
 .page--edu .weekly{padding:18px;gap:12px}
 .page--edu .weekly__kpi b{font-size:24px}
 .page--edu .weekly__days{height:90px}
 .page--edu .weekly__days i{max-height:50px}
 .page--edu .weekly__topics li{padding:7px 0}
 .page--edu .trust__grid li{padding:12px}
 .page--edu .trust2>.price__card{padding:20px}
 .page--edu .price__sum{font-size:44px}
 .page--edu .price__list li{padding:4px 0}
 .page--edu .whos--four li{padding:12px;gap:6px}
}
@media(max-width:1000px){
 .page--edu .phero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px}
 .page--edu .phero__shot{order:0}
 .page--edu .banner--row,.page--edu .report,.page--edu .trust2{grid-template-columns:1fr;gap:28px}
 .page--edu .sec--lesson .twin{grid-template-columns:1fr}
 .page--edu .lesson-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
 .page--edu .lesson-details{margin-top:0}
 .page--edu .pet-console{grid-template-columns:1fr}
 .page--edu .pet-console__preview{display:grid;grid-template-columns:120px minmax(0,1fr);text-align:left;gap:8px 20px}
 .page--edu .pet-console__preview>svg{grid-column:1;grid-row:1/5;width:120px}
 .page--edu .pet-console__preview>:not(svg){grid-column:2}
 .page--edu .weekly{max-width:none}
 .page--edu .loop{grid-template-columns:1fr 1fr}
 .page--edu .loop li+li::before{display:none}
 .page--edu .sec--tests .why{grid-template-columns:1fr 1fr;gap:24px}
 .page--edu .sec--tests .why__band>img{grid-row:1}
 .page--edu .sec--tests .who__over{align-self:center}
 .page--edu .whos--four{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
 .page--edu .sec{min-height:0;padding-block:40px}
 .page--edu .phero,.page--edu .evenings,.page--edu .lesson-board{grid-template-columns:1fr}
 .page--edu .phero__title{font-size:36px}
 .page--edu .phero__lede{font-size:14px}
 .page--edu .phero__shot{max-width:300px}
 .page--edu .phero__actions{display:grid;grid-template-columns:1fr}
 .page--edu .phero__actions .btn{text-align:center}
 .page--edu .chain{gap:10px}
 .page--edu .chain li{font-size:12px;letter-spacing:0}
 .page--edu .chain li+li::before{left:-10px}
 .page--edu .bignums--two{gap:12px}
 .page--edu .bignums--two li{padding:10px}
 .page--edu .bignums b{font-size:30px}
 .page--edu .bignums span{font-size:12px}
 .page--edu .week{grid-template-columns:1fr 1fr;gap:12px}
 .page--edu .pet-day{padding:12px;gap:8px}
 .page--edu .pet-console__preview{padding:18px}
 .page--edu .strip{grid-template-columns:1fr;gap:16px}
 .page--edu .lesson-board__formula{font-size:36px}
 .page--edu .chat{padding-inline:12px}
 .page--edu .chat__head{margin-inline:-12px;padding-inline:12px}
 .page--edu .chat__msg{grid-template-columns:48px minmax(0,1fr);gap:8px}
 .page--edu .chat__screen{width:48px;height:41px}
 .page--edu .chat__msg--guest{grid-template-columns:1fr;margin-left:56px}
 .page--edu .weekly{padding:16px;gap:16px}
 .page--edu .weekly__kpi{gap:6px}
 .page--edu .weekly__kpi li{padding:8px}
 .page--edu .weekly__kpi b{font-size:22px}
 .page--edu .weekly__kpi span{font-size:11px}
 .page--edu .weekly__topics li{font-size:12px;gap:8px}
 .page--edu .weekly__topics em{font-size:10px;letter-spacing:0}
 .page--edu .loop{grid-template-columns:1fr;gap:14px}
 .page--edu .loop li{grid-template-columns:40px minmax(0,1fr);padding:16px}
 .page--edu .loop li span{grid-column:2}
 .page--edu .sec--platform .bignums{grid-template-columns:1fr 1fr;gap:20px}
 .page--edu .sec--tests .why{grid-template-columns:1fr}
 .page--edu .sec--tests .who__over{grid-column:1;grid-row:1}
 .page--edu .sec--tests .why__band>img{grid-column:1;grid-row:2;max-height:none}
 .page--edu .whos--four{grid-template-columns:1fr}
 .page--edu .trust__grid{grid-template-columns:1fr}
 .page--edu .trust2>.price__card{padding:22px}
 .page--edu .ask-wrap{grid-template-columns:1fr;grid-template-areas:"heading" "photo" "form";gap:24px}
 .page--edu .ask{padding:16px}
 .page--edu .ask__video{max-width:none}
}
/* Transparent retro sprites: no backing plates or blend-mode masking. */
.page--edu .strip li{grid-template-columns:52px minmax(0,1fr)}
.page--edu .strip__ico .tutor-icon{width:48px;height:48px}
.page--edu .trust__grid li{grid-template-columns:56px minmax(0,1fr);column-gap:12px}
.page--edu .trust__grid .cans__ico{width:56px;height:56px;background:none;box-shadow:none}
.page--edu .trust__grid .cans__ico .tutor-icon{width:56px;height:56px}
.page--edu:lang(zh-Hans) .phero__title{font-size:48px;line-height:1.2}
.page--edu:lang(zh-Hans) .banner__title{font-size:36px;line-height:1.2}
@media(max-width:640px){.page--edu:lang(zh-Hans) .phero__title{font-size:36px}.page--edu:lang(zh-Hans) .banner__title{font-size:24px}}