/* robolab school: a clear learning workspace, with a little room for character. */
:root{--paper:#f5f6f8;--ink:#202c42;--muted:#6b7585;--line:#e6e9ee;--blue:#007fa8;--blue-dark:#006784;--school-cyan:#00b7e8;--radius-xl:24px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px}
body{background:var(--paper);color:var(--ink);font-family:'Golos Text',sans-serif;font-size:15px}
h1,h2,h3{font-weight:600;letter-spacing:-.035em}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #007fa8;outline-offset:4px}
.primary-button{background:var(--school-cyan);color:#142d43;border:0;border-radius:14px;min-height:48px;padding:13px 21px;font-weight:600;box-shadow:none}
.primary-button:hover{background:#15c5ef;color:#142d43;transform:none;box-shadow:none}
.primary-button:disabled{background:#e8edf1;color:#798593}
.secondary-button{background:#fff;color:var(--ink);border:1px solid #dce3eb;border-radius:13px;min-height:46px}
.secondary-button:hover{background:#f2f9fc;border-color:#b4dbe6;transform:none;box-shadow:none}
.icon-button,.more-button{border-radius:12px}
.text-link{color:#00799f;font-weight:500;display:inline-flex;align-items:center;gap:8px}
.text-link .icon{width:17px;height:17px}
.site-header{height:76px;position:sticky;top:0;padding:0 30px;background:#fff;z-index:70;border-bottom:1px solid var(--line);gap:20px}
.brand{font-size:28px;letter-spacing:-1.1px;gap:9px;color:#202c42}
.brand-mark{background:var(--school-cyan);color:#15354c;width:35px;height:35px;border-radius:12px;box-shadow:none;font-weight:700}
.header-utility{margin-left:auto;gap:22px}
.teacher-link{color:#627183;font-size:14px;padding:9px 0}
.avatar{width:38px;height:38px;border-radius:50%;background:#e2f4fa;color:#176a80}
.auth-login-link{background:#e9f8fc;color:#00799f;border-radius:12px;padding:10px 18px}
.mobile-menu{display:none}
.school-sidebar{position:fixed;top:76px;left:0;bottom:0;width:228px;padding:32px 18px 22px;background:#fff;border-right:1px solid var(--line);z-index:55;display:flex;flex-direction:column;overflow-y:auto}
.school-sidebar-label{font-size:10px;font-weight:600;letter-spacing:1.3px;color:#8d96a2;padding:0 15px;margin-bottom:14px}
.school-sidebar .main-nav{display:flex;position:static;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:5px;margin:0;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0;height:auto}
.school-sidebar .main-nav a{display:flex;align-items:center;justify-content:flex-start;gap:13px;font-size:14px;padding:13px 15px;min-height:49px;border-radius:13px;color:#677385;font-weight:400;white-space:normal}
.school-sidebar .main-nav a .icon{width:20px;height:20px;flex-shrink:0;stroke-width:1.8}
.school-sidebar .main-nav a.active{background:#e3f5fc;color:#006f94;font-weight:600}
.school-sidebar .main-nav a:hover{background:#f0f8fb;color:#006f94}
.school-nav-divider{height:1px;margin:17px 15px 12px;background:var(--line)}
.school-sidebar-plan{margin:44px 0 0;padding:19px 17px;background:#f4f6fb;border-radius:18px;display:flex;flex-direction:column;gap:9px;color:var(--ink)}
.school-sidebar-plan>span:first-child{font-size:11px;color:#7a8493}
.school-sidebar-plan b{font-size:14px;line-height:1.5;font-weight:500}
.school-sidebar-plan small{font-size:11px;color:#7a8493}
.school-sidebar-track{height:5px;overflow:hidden;border-radius:9px;background:#e0e6ed;width:100%;margin-top:6px}
.school-sidebar-track i{display:block;height:100%;background:var(--school-cyan);border-radius:9px}
.app-shell{width:calc(100% - 228px);max-width:1390px;margin:0 0 0 228px;padding:0 34px}
.context-bar{padding:22px 0 0;font-size:12px;min-height:40px}
.context-bar .breadcrumb{color:#8b94a1}
.context-bar .local-status{font-size:11px;color:#8b94a1}
main{padding:25px 0 56px;max-width:1160px;margin:0 auto;min-height:70vh}
.footer{margin:0;padding:24px 0;border-color:#e4e8ee;color:#7b8794}
.footer-wordmark{font-size:21px;color:#7b8794}
.footer>div{gap:24px}
.school-overline{display:block;color:#80909f;font-size:10px;font-weight:500;letter-spacing:1.25px;margin-bottom:10px}
.study-home-head{margin:0 0 25px}
.study-home-head h1{font-size:36px;line-height:1.18;font-weight:600;letter-spacing:-1.1px;margin-bottom:12px}
.study-home-head p{font-size:15px;line-height:1.6;color:#778392}
.school-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.9fr);gap:12px;background:#d4f3fc;border:0;border-radius:26px;padding:30px 34px;overflow:hidden}
.school-hero-copy{position:relative;z-index:1}
.school-hero-tag{display:inline-flex;font-size:11px;font-weight:500;background:#fff9;padding:6px 11px;border-radius:8px;color:#357086}
.school-hero h2{font-size:31px;letter-spacing:-.8px;line-height:1.2;margin:15px 0 12px;color:#1e384d}
.school-hero p{font-size:14px;line-height:1.65;color:#56758a;max-width:400px;margin:0 0 23px}
.school-hero .primary-button{font-size:14px;min-height:49px;border-radius:13px;padding:13px 21px;display:inline-flex;min-width:0;margin:0}
.school-hero-note{display:block;font-size:10px;color:#608396;margin-top:12px}
.school-hero-art{width:100%;max-width:340px;justify-self:center;align-self:center}
.school-hero-art svg{display:block;width:100%;height:auto;overflow:visible}
.section-heading{margin:35px 0 19px}
.section-heading h2{font-size:25px;line-height:1.25;font-weight:600}
.school-section-note{color:#8c95a1;font-size:12px;margin:7px 0 0}
.section-heading>.text-link{font-size:12px;align-self:center;white-space:nowrap}
.school-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;border:0;margin:0}
.school-course-grid .school-course-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid #e8edf2;border-radius:21px;min-height:240px;padding:21px;overflow:hidden;box-shadow:none;transition:border-color 160ms ease,transform 160ms ease}
.school-course-grid .school-course-card:hover{transform:translateY(-3px);border-color:#88d7ee;background:#fff;box-shadow:none}
.school-course-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.school-course-grid .world-number{width:auto;font-size:11px;color:#8290a0;flex-shrink:0;display:inline-block;padding-top:7px}
.school-course-grid .school-course-top .course-thumb{width:59px;height:59px;position:static;border:0;border-radius:15px;background:#e6f6fd;padding:8px;flex-shrink:0}
.school-course-grid .school-course-top .course-thumb svg{width:100%;height:100%}
.school-course-grid [data-course-tone="1"] .course-thumb{background:#ede9fc}
.school-course-grid [data-course-tone="2"] .course-thumb{background:#eff6dd}
.school-course-grid [data-course-tone="3"] .course-thumb{background:#fff0e5}
.school-course-grid [data-course-tone="4"] .course-thumb{background:#e7f5ef}
.school-course-grid [data-course-tone="5"] .course-thumb{background:#fff2cd}
.school-course-grid .study-course-copy{flex:1;min-width:0}
.school-course-grid .school-course-card h3{font-size:18px;line-height:1.3;margin:0 0 9px;max-width:230px;letter-spacing:-.35px}
.school-course-grid .study-course-copy p{font-size:12px;line-height:1.6;color:#8a93a1;margin:0 0 16px}
.school-course-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#7d8898;margin-top:auto}
.school-course-bottom .icon{width:17px;height:17px;color:#567b8a}
.school-course-meter{position:absolute;bottom:0;left:0;right:0;display:block;height:3px;background:#f0f4f7}
.school-course-meter i{display:block;height:100%;background:#46c5e5}
.study-more{border-color:#e0e6ed;margin-top:23px}
.study-more>summary{color:#667789;font-weight:400;font-size:13px}
.ac-branch{background:#fff;border:1px solid #e5ebf2;border-radius:18px;padding:20px;margin-bottom:8px}
.ac-branch .course-thumb{background:#edf6fa;border-radius:13px}
.mission-course-head{padding:0 0 24px;align-items:center}
.mission-course-head h1{font-size:35px;line-height:1.2;font-weight:600}
.mission-course-head>.course-thumb{background:#e0f3fb;border-radius:22px;width:92px;height:92px;padding:13px}
.study-lesson-list{background:#fff;border:1px solid #e6ebf1;border-radius:21px;overflow:hidden}
.study-lesson-list .mission-tile{padding:22px 24px;border-color:#eef1f5;background:#fff;min-height:92px}
.study-lesson-list .mission-tile:last-child{border-bottom:0}
.study-lesson-list .mission-tile:hover{background:#f3fbfd}
.study-lesson-list .tile-marker{width:39px;height:39px;border-radius:13px;background:#e8f5fa;color:#24778f;font-size:14px}
.study-lesson-list .mission-tile h2{font-size:18px;letter-spacing:-.3px}
.study-lesson-list .ac-status{font-size:12px;color:#8893a0}
.mission-page-top{margin-bottom:13px}
.back-link{color:#7c8a9b;font-size:12px}
.bookmark-dot{color:#7c8a9b}
.lesson-page-heading{margin-bottom:20px}
.lesson-page-heading>h1{font-size:23px;font-weight:600;color:#65778b;margin-bottom:13px}
.study-steps{max-width:100%;margin:0}
.study-steps>summary{font-size:12px;display:flex;justify-content:space-between;padding:9px 1px;color:#8090a1}
.study-step-meter i{width:31px;height:4px}
.study-step-meter i.current{background:var(--school-cyan)}
.study-step-meter i.done{background:#8abfaf}
.depth-steps button{border-radius:11px;background:#fff;border-color:#e2e9ef;min-height:45px}
.depth-steps button.current{background:#dff5fc;border-color:#9bd7e9;color:#056b8a}
.lesson-workspace{background:#fff;border:1px solid #e7ecf2;border-radius:23px;overflow:hidden}
.lesson-assignment{padding:25px 29px 24px;background:#fff;border-bottom:1px solid #e8edf2;border-radius:0}
.lesson-assignment-top{margin-bottom:14px;display:flex;align-items:center;gap:11px}
.lesson-task-label{background:#daf5fe;color:#006f94;border-radius:7px;padding:5px 9px;font-size:10px;letter-spacing:.7px;font-weight:600}
.lesson-task-context{color:#8a96a4;font-size:11px}
.lesson-assignment h2{font-size:28px;font-weight:600;line-height:1.3;letter-spacing:-.6px;color:#203248;max-width:860px}
.lesson-assignment>.lesson-answer-note{font-size:14px;color:#6b7c8e;margin-top:10px}
.lesson-task-help>summary{font-size:12px;color:#00799f;font-weight:400}
.lesson-task-tabs{gap:7px;margin-top:12px}
.lesson-task-tabs button{border:0;border-radius:9px;background:#f2f5f8;font-size:11px;min-height:34px;color:#8090a1;padding:8px 11px}
.lesson-task-tabs [aria-pressed=true]{background:#e3f6fc;border:0;color:#006e91}
.lesson-work-area{padding:25px 29px 28px}
.lesson-work-heading,.lesson-work-area h3.lesson-work-heading{font-size:14px;color:#596c81;font-weight:500;margin:0 0 18px;letter-spacing:0}
.lesson-workspace .depth-bench{grid-template-columns:minmax(240px,.76fr) minmax(0,1.24fr);gap:32px}
.lesson-workspace .depth-control>span{font-size:12px;color:#6a788a;font-weight:400;margin-bottom:7px}
.lesson-workspace .depth-control select,.lesson-workspace .depth-number input[type=number]{background:#f9fbfd;border:1px solid #dce6ed;border-radius:10px;min-height:45px;font-size:15px;color:#334b60}
.lesson-workspace .depth-number input[type=number]{width:76px}
input[type=range]{accent-color:var(--school-cyan)}
.lesson-workspace .depth-console .primary-button{background:var(--school-cyan);color:#142d43;border-radius:12px;min-height:48px;font-size:13px}
.lesson-workspace .depth-scene{border-radius:16px;background:#eef7fb;aspect-ratio:620/390;border:0}
.rover-playback-controls button,.rover-playback-controls select{border-color:#e1e9f0;background:#f9fbfd;border-radius:9px;min-height:36px;font-size:11px;color:#6a7c8e}
.depth-caption{font-size:11px;color:#8a97a4;line-height:1.6}
.lesson-extra{margin-top:15px;padding-top:12px;border-color:#e7edf3}
.lesson-extra>summary{color:#8a97a4;font-size:11px}
.lesson-workspace .depth-next .primary-button{background:var(--school-cyan);color:#142d43;border-radius:12px;min-height:45px;font-size:13px}
.lesson-workspace .depth-next .primary-button:disabled{background:#edf2f5;color:#8c98a6}
.lesson-workspace .depth-reading{padding-top:10px;margin-top:11px}
.depth-reading>summary{font-size:12px;color:#7b8da0;font-weight:400}
.depth-feedback.success{background:#edf8f3;border-color:#c7e5d7;border-radius:14px;color:#336852}
.depth-feedback.retry{background:#fff7ea;border-color:#f0dfbc;border-radius:14px;color:#846540}
.depth-command-list{background:#eff6fb;border:0;border-radius:15px;padding:9px 19px}
.depth-command-list>div{font-size:15px;border-color:#e2ebf3}
.quiz-option{background:#fafcfd;border:1px solid #e0e8f0;border-radius:13px;min-height:51px;font-size:14px;color:#44566d}
.quiz-option:hover{background:#eaf8fc;border-color:#8fd6eb}
.quiz-option.selected{background:#e3f6fc;border-color:#8bd7ec}
.lesson-program-workspace .track-panel,.study-free-bench .track-panel{background:#f1f7fb;border:1px solid #e3ecf3;border-radius:17px;overflow:hidden}
.lesson-program-workspace .track-stage{height:295px;background:#edf6fb}
.lesson-program-workspace .program-panel>.panel-head{color:#60738b}
.mode-tabs{background:#f2f6f9;border:0;border-radius:11px;padding:4px}
.mode-tabs button{border-radius:8px;font-size:12px;min-height:36px}
.mode-tabs button.active{color:#006f94;background:#fff;box-shadow:0 1px 4px #1a3d5a0b}
.ac-block{background:#edf5fb;border:1px solid #dbe8f1;border-radius:13px;padding:14px}
.ac-block-if,.ac-block-while,.ac-block-for{background:#eef6ec;border-color:#dce8d6}
.ac-block input,.ac-block select{border-radius:7px}
.python-editor{border-radius:14px;overflow:hidden;background:#eff6fb}
.study-free-task{background:#fff;border:1px solid #e7ecf2;border-radius:19px;padding:23px 26px;margin:0 0 22px}
.study-free-task .mission-text h2{font-size:23px}
.study-free-bench{background:#fff;border:1px solid #e7ecf2;border-radius:21px;padding:26px}
.study-free-bench .program-editor{padding-top:12px}
.ac-progress-strip{background:transparent;border:0;gap:17px;margin-bottom:26px}
.ac-progress-strip>div{border:1px solid #e5ebf1;background:#fff;border-radius:20px;padding:24px}
.ac-progress-strip b{font-size:35px;color:#263b50;font-weight:500}
.ac-progress-strip span{font-size:12px;color:#8190a0}
.ac-skill-grid{gap:17px;grid-template-columns:repeat(3,minmax(0,1fr))}
.ac-skill-card{padding:23px;background:#fff;border:1px solid #e5ebf1;border-radius:20px}
.ac-skill-card h3{font-size:20px}
.ac-skill-card .course-thumb{background:#edf6fb;border-radius:13px;padding:6px;width:49px;height:49px}
.family-mode-nav{margin-bottom:24px;gap:6px}
.family-mode-nav a{border-radius:11px!important;font-size:13px!important;color:#7a8a9c;min-height:42px}
.family-mode-nav a.active{background:#e0f4fc!important;color:#006f94!important}
.family-stats{background:transparent;border:0;gap:17px;overflow:visible}
.family-stats article{border:1px solid #e5ebf1;background:#fff;border-radius:20px;padding:24px}
.family-stats strong{font-size:35px;color:#263b50;font-weight:500}
.family-stats span{font-size:12px;color:#8190a0}
.study-parent-latest{background:#e3f5fc;border:0;border-radius:23px;padding:27px 29px}
.study-parent-latest h2{font-size:27px;color:#233d52;font-weight:600}
.study-parent-latest p{font-size:14px;color:#6a8599}
.study-parent-latest>.ac-evidence{border-color:#c3e3ef}
.study-parent-next{margin-top:18px;background:#fff;border:1px solid #e6ecf2;padding:22px 26px;border-radius:18px}
.study-parent-courses{border:0}
.study-parent-course{background:#fff;border:1px solid #e5ebf1;border-radius:15px;margin-bottom:10px;overflow:hidden}
.study-parent-course>summary{padding:17px 20px;min-height:76px;font-size:15px}
.study-parent-course>div{padding:0 20px 15px}
.study-parent-course .course-thumb{background:#eef6fb;border-radius:11px;padding:4px;width:41px;height:41px}
.family-paper,.family-auto-save{border:1px solid #e5ebf1;border-radius:20px;padding:25px;background:#fff}
.page-intro h1{font-size:34px;font-weight:600;line-height:1.2;margin-bottom:12px}
.page-intro .intro-sub{color:#8090a0;font-size:14px}
.auth-layout{max-width:470px}
body:is([data-page=login],[data-page=register],[data-page=forgot],[data-page=reset],[data-page=verify]) main{max-width:470px;margin:20px auto 0}
.auth-card{background:#fff;border:1px solid #e5ebf1;border-radius:23px;padding:29px}
.auth-card form{gap:19px}
.auth-field{font-size:13px;color:#667c90;gap:8px;font-weight:500}
.auth-field input,.auth-password{background:#f8fbfd;border:1px solid #dce6ee;border-radius:12px;min-height:49px;font-size:16px}
.auth-password input{border:0;background:transparent}
.auth-password button{color:#007d9f;font-size:12px}
.auth-card .primary-button{width:100%;border-radius:12px;font-size:14px}
.auth-password-hint,.auth-check{font-size:12px;color:#8695a5}
.guide-row,.short-guides .guide-row{background:#fff;border:1px solid #e5ebf1;border-radius:17px;padding:22px;margin-bottom:12px}
.guide-row h3,.short-guides .guide-row h3{font-size:20px}
.reader-head h1{font-size:34px}
.reader-section{max-width:800px}
.reader-section h2{font-size:26px}
.reader-section p,.reader-section li{font-size:16px;color:#51667c}
.study-roadmap>li{border-radius:20px;border-color:#e5ebf1;padding:25px}
dialog{border-radius:21px;border-color:#e5ebf1;box-shadow:0 20px 80px #1d3c5b20}
.modal-head h2{font-size:24px}
.toast{border-radius:14px;background:#213a4e;color:#fff}
@media(min-width:1900px){.app-shell{margin-left:calc(228px + (100vw - 1618px)/2)}}
@media(max-width:1200px){.school-sidebar{width:200px;padding-left:12px;padding-right:12px}.app-shell{width:calc(100% - 200px);margin-left:200px;padding:0 26px}.school-sidebar .main-nav a{font-size:13px;padding:12px}.school-hero{padding:28px;grid-template-columns:1.2fr .85fr}.school-hero h2{font-size:28px}.school-course-grid{gap:13px}.school-course-grid .school-course-card{padding:18px;min-height:235px}.ac-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.school-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.school-hero{grid-template-columns:1fr .65fr}.school-hero h2{font-size:27px}.school-hero-art{max-width:230px}.lesson-workspace .depth-bench{gap:23px;grid-template-columns:minmax(200px,.9fr) minmax(0,1.1fr)}.lesson-work-area,.lesson-assignment{padding:23px}.school-hero p{font-size:13px}.study-home-head h1{font-size:31px}}
@media(max-width:850px){.school-sidebar{display:none;top:66px;bottom:auto;width:100%;max-height:calc(100dvh - 66px);padding:14px 20px 20px;border:0;border-bottom:1px solid #e3ebf2;box-shadow:0 14px 28px #20324914}.school-sidebar.is-open{display:block}.school-sidebar-label,.school-sidebar-plan{display:none}.school-sidebar .main-nav{display:grid;grid-template-columns:1fr 1fr;gap:6px}.school-sidebar .main-nav a{min-height:48px;font-size:14px;padding:12px}.school-nav-divider{display:none}.site-header{height:66px;padding:0 22px;position:sticky;top:0}.brand{font-size:26px}.brand-mark{width:33px;height:33px}.mobile-menu{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;font-size:23px}.mobile-menu[aria-expanded=true]{background:#e7f7fc}.header-utility{gap:17px}.app-shell{width:100%;margin:0;padding:0 24px}.context-bar{padding-top:17px}.school-hero-art{max-width:290px}.school-course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.school-hero{grid-template-columns:1.2fr .9fr}.phone-nav{display:none}body{padding-bottom:0}}
@media(max-width:700px){.app-shell{padding:0 19px}.site-header{padding:0 19px}.header-utility{gap:12px}.teacher-link{display:none}.context-bar{padding:14px 0 0;font-size:11px;min-height:31px;gap:12px}.context-bar .local-status{font-size:10px;max-width:165px}.study-home-head{margin:0 0 21px}.study-home-head h1{font-size:30px;line-height:1.18;letter-spacing:-.8px}.school-overline{font-size:8px;letter-spacing:1px;margin-bottom:9px}.study-home-head p{font-size:13px;line-height:1.65}.school-hero{grid-template-columns:1fr;gap:0;padding:25px;border-radius:23px}.school-hero h2{font-size:29px;max-width:240px;margin-top:14px}.school-hero p{font-size:13px;max-width:300px;margin-bottom:19px}.school-hero-tag{font-size:10px}.school-hero-art{width:180px;position:absolute;right:-34px;top:42px;opacity:.45}.school-hero-copy{width:100%;padding:0}.school-hero-copy h2{max-width:240px}.school-hero-copy p{position:relative;max-width:265px}.school-hero-copy .primary-button{font-size:13px}.school-hero-note{font-size:9px}.section-heading{margin:29px 0 17px;gap:12px;align-items:center}.section-heading h2{font-size:23px}.school-section-note{font-size:11px}.section-heading>.text-link{font-size:11px;max-width:105px;white-space:normal;text-align:right;line-height:1.5}.school-course-grid{grid-template-columns:1fr 1fr;gap:12px}.school-course-grid .school-course-card{min-height:228px;padding:16px;border-radius:18px}.school-course-top{margin-bottom:12px}.school-course-grid .school-course-top .course-thumb{width:43px;height:43px;border-radius:12px;padding:6px}.school-course-grid .world-number{font-size:10px;padding-top:4px}.school-course-grid .school-course-card h3{font-size:16px;line-height:1.3;max-width:none;letter-spacing:-.3px}.school-course-grid .study-course-copy p{font-size:11px;line-height:1.5;margin-bottom:17px}.school-course-bottom{font-size:10px;gap:7px}.school-course-bottom .icon{width:14px;height:14px;flex-shrink:0}.study-more>summary{font-size:12px;padding:15px 0}.footer{margin:0;padding:21px 0;gap:17px}.footer>div{gap:17px}.footer>div a,.footer>div button{font-size:11px}main{padding:20px 0 38px}.mission-course-head{gap:15px}.mission-course-head h1{font-size:29px}.mission-course-head p{font-size:13px}.mission-course-head>.course-thumb{width:64px;height:64px;padding:9px;border-radius:18px}.study-lesson-list .mission-tile{padding:19px 17px;gap:13px}.study-lesson-list .mission-tile h2{font-size:16px}.study-lesson-list .ac-status{font-size:11px}.study-lesson-list .tile-marker{width:33px;height:33px;font-size:12px;border-radius:11px}.lesson-page-heading>h1{font-size:20px;line-height:1.3;margin-bottom:11px}.study-steps>summary{font-size:11px;gap:10px;min-height:40px}.study-step-meter{gap:3px}.study-step-meter i{width:17px;height:3px}.lesson-assignment{padding:21px 20px;background:#fff}.lesson-assignment-top{margin-bottom:12px}.lesson-assignment h2{font-size:25px;line-height:1.3}.lesson-task-context{font-size:10px}.lesson-task-label{font-size:9px;padding:5px 8px}.lesson-assignment>.lesson-answer-note{font-size:13px;line-height:1.6}.lesson-task-help>summary{font-size:11px}.lesson-workspace{border-radius:20px}.lesson-work-area{padding:22px 20px}.lesson-workspace .depth-bench{grid-template-columns:1fr;gap:22px}.lesson-work-heading,.lesson-work-area h3.lesson-work-heading{font-size:13px;margin-bottom:16px}.lesson-workspace .depth-settings{gap:14px;margin-bottom:19px}.lesson-workspace .depth-number input[type=number]{width:100%;min-height:47px;border-radius:11px;background:#f7fbfd;font-size:16px}.lesson-workspace .depth-number input[type=range]{display:none}.lesson-workspace .depth-control select{min-height:47px;font-size:16px}.lesson-workspace .depth-control>span{font-size:12px}.lesson-workspace .depth-scene{aspect-ratio:620/390;border-radius:13px}.lesson-workspace .depth-visual .lesson-work-heading{font-size:12px;color:#8394a4}.lesson-task-tabs button{min-height:35px;font-size:11px}.lesson-workspace .depth-console .primary-button{min-height:49px;font-size:13px}.lesson-workspace .depth-next .primary-button{min-height:46px;font-size:12px;width:100%}.depth-caption{font-size:10px}.rover-playback-controls button,.rover-playback-controls select{font-size:10px;min-height:35px}.lesson-extra>summary,.depth-reading>summary{font-size:11px}.lesson-program-workspace .mission-bench{grid-template-columns:1fr;grid-template-areas:'parts' 'program' 'track' 'status' 'memory' 'settings' 'next';gap:19px}.lesson-program-workspace .track-stage{height:250px}.ac-block{padding:13px;border-radius:12px}.study-free-bench{padding:20px;border-radius:20px}.study-free-task{padding:20px;border-radius:19px}.study-free-task .mission-text h2{font-size:21px}.ac-progress-strip{grid-template-columns:1fr;gap:10px}.ac-progress-strip>div{padding:18px 21px;display:flex;align-items:center;gap:19px;border-radius:16px}.ac-progress-strip b{font-size:29px;min-width:40px;margin:0}.ac-progress-strip span{font-size:12px}.ac-skill-grid{grid-template-columns:1fr;gap:13px}.ac-skill-card{padding:22px;border-radius:19px}.family-stats{gap:9px;grid-template-columns:repeat(3,minmax(0,1fr))}.family-stats article{padding:17px 12px;border-radius:15px}.family-stats strong{font-size:28px}.family-stats strong small{font-size:12px}.family-stats span{font-size:10px;line-height:1.5}.study-parent-latest{padding:23px 22px;border-radius:21px}.study-parent-latest h2{font-size:25px}.study-parent-next{padding:19px 21px}.study-parent-next b{font-size:15px}.study-parent-course>summary{padding:15px;font-size:14px;gap:11px}.study-parent-course>summary>span{font-size:11px}.family-mode-nav a{font-size:12px!important;padding:10px 13px!important}.page-intro h1{font-size:29px}.auth-card{padding:23px;border-radius:21px}.auth-field{font-size:13px}.auth-card .primary-button{min-height:49px}.reader-head h1{font-size:29px}.guide-row,.short-guides .guide-row{padding:20px}.guide-row h3,.short-guides .guide-row h3{font-size:19px}.study-roadmap{grid-template-columns:1fr}.study-roadmap>li{padding:22px}}
@media(max-width:360px){.app-shell{padding:0 14px}.site-header{padding:0 14px}.school-course-grid{gap:10px}.school-course-grid .school-course-card{padding:13px;min-height:240px}.school-course-grid .school-course-card h3{font-size:15px}.school-course-grid .school-course-top .course-thumb{width:37px;height:37px}.school-hero{padding:23px 21px}.school-hero h2{font-size:27px}.school-hero-art{opacity:.22;right:-48px}.lesson-assignment,.lesson-work-area{padding:20px 17px}.lesson-assignment h2{font-size:23px}.family-stats article{padding:16px 10px}.school-sidebar .main-nav a{font-size:12px;gap:8px}.family-stats strong{font-size:25px}.family-stats span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.school-course-grid .school-course-card{transition:none}.school-course-grid .school-course-card:hover{transform:none}}
@media print{.school-sidebar,.site-header,.phone-nav{display:none!important}.app-shell{width:100%;margin:0;padding:0}.lesson-workspace{border:0}.school-hero{background:#fff}.school-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Readable supporting text and balanced figures inside the school palette. */
.school-course-grid .study-course-copy p{font-size:13px;color:#68798b}
.school-course-grid .world-number,.school-course-bottom,.school-section-note,.study-home-head p,.study-steps>summary,.lesson-task-context,.lesson-extra>summary,.depth-caption,.auth-password-hint,.auth-check,.ac-progress-strip span,.family-stats span{color:#68798b}
.lesson-workspace .depth-number input[type=range]{accent-color:#00b7e8}
.lesson-workspace .depth-scene{aspect-ratio:620/340}
@media(max-width:700px){.school-course-grid .study-course-copy p{font-size:12px}.school-hero-art{opacity:1;position:static;width:180px;max-width:100%;margin:13px auto -8px;justify-self:center}.school-hero{padding-bottom:17px}.school-hero-copy h2,.school-hero-copy p{max-width:none}.school-hero h2{font-size:28px}.lesson-workspace .depth-scene{aspect-ratio:620/340}.school-hero p{margin-bottom:18px}.family-stats span{font-size:10px}}

/* Keep the first experiment action within the initial lesson viewport. */
body[data-page=lesson] main{padding-top:18px}
body[data-page=lesson] .mission-page-top{margin-bottom:9px}
body[data-page=lesson] .lesson-page-heading{margin-bottom:15px}
.lesson-task-help{display:inline-block;margin:5px 13px 0 0;vertical-align:middle}
.lesson-task-help[open]{display:block}
.lesson-task-tabs{display:inline-flex;vertical-align:middle;margin-top:8px}
.lesson-assignment{padding-top:22px;padding-bottom:21px}
.lesson-workspace .depth-settings{gap:12px;margin-bottom:16px}
@media(max-width:700px){body[data-page=lesson] main{padding-top:17px}.lesson-assignment{padding-top:20px;padding-bottom:20px}.lesson-task-help{margin-right:9px}.lesson-task-help>summary{font-size:11px}.lesson-workspace .depth-settings{gap:14px;margin-bottom:19px}}

:root{color-scheme:light}
.lesson-workspace .depth-number input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}
.lesson-workspace .depth-number input[type=range]::-webkit-slider-runnable-track{height:6px;border:0;background:#e5edf3;border-radius:10px}
.lesson-workspace .depth-number input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border:0;border-radius:50%;background:#00b7e8}
.lesson-workspace .depth-number input[type=range]::-moz-range-track{height:6px;border:0;background:#e5edf3;border-radius:10px}
.lesson-workspace .depth-number input[type=range]::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:#00b7e8}