:root{color:#243f52;font-synthesis:none;--ink:#193b54;--muted:#62747d;--line:#d8e2e4;--teal:#087c92;--orange:#c47731;--success:#28734f;--success-bg:#e8f5ec;--danger:#a64438;--chapter:var(--teal);background:#f7f5ef;font-family:ui-rounded,Avenir Next,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior-y:none;min-height:100%;margin:0}body{font-size:16px;line-height:1.5}button,input,select{font:inherit}button,.button{min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #cbdadd;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:9px 17px;font-weight:700;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.button:hover{filter:brightness(.97);border-color:#729eab}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #de943f}[hidden]{display:none!important}.primary{background:var(--teal);color:#fff;border-color:var(--teal)}.secondary{background:#eff4f4}.quiet{background:0 0}.text-button{text-underline-offset:4px;color:#516c7c;background:0 0;border-color:#0000;padding:8px 4px;text-decoration:underline}.icon{border-radius:50%;width:44px;min-width:44px;padding:0}.topbar{align-items:center;gap:15px;max-width:1440px;min-height:78px;margin:auto;padding:17px 30px;display:flex}.brand{letter-spacing:-.6px;color:var(--ink);align-items:center;gap:10px;font-size:20px;font-weight:850;line-height:1.15;text-decoration:none;display:flex}.drop{color:var(--teal);font-size:34px}.tools{align-items:center;gap:9px;margin-left:auto;display:flex}.tools button{white-space:nowrap}.chapter-badge{text-transform:uppercase;letter-spacing:.07em;color:#fff;border-radius:8px;max-width:215px;padding:6px 8px;font-size:10px;font-weight:800}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 9px;font-size:11px;font-weight:800}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.2}h2{margin-bottom:14px;font-size:23px}p{margin-bottom:16px}strong{font-weight:750}.small,.model-note,.local-note{color:var(--muted);font-size:12px;line-height:1.5}.overview{max-width:1140px;margin:0 auto;padding:15px 34px 30px}.hero{grid-template-columns:1.6fr 1fr;align-items:center;gap:40px;min-height:310px;display:grid}.hero h1{letter-spacing:-2.5px;margin:12px 0 17px;font-size:clamp(44px,5vw,65px);font-weight:900;line-height:1.02}.color-stripe{border-radius:10px;max-width:330px;height:8px;margin-bottom:20px;display:flex;overflow:hidden}.color-stripe i{background:#2b8a62;flex:1}.color-stripe i:nth-child(2){background:#087c92}.color-stripe i:nth-child(3){background:#7656a7}.color-stripe i:nth-child(4){background:#d86f18}.color-stripe i:nth-child(5){background:#b44b62}.hero-copy{color:#526c7a;margin-bottom:20px;font-size:18px;line-height:1.6}.hero-art{background:radial-gradient(#e4eef0 0,#0000 68%);justify-content:center;height:310px;display:flex}.overview-strip{background:#eeede4;border:1px solid #e3e3d7;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;margin:18px 0 23px;padding:13px 17px;font-size:13px;display:flex}.progress-label{white-space:nowrap;color:#4c6571;font-weight:750}.chapter-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.chapter-tile{text-align:left;border:1px solid #dce4e4;border-left:5px solid var(--chapter);border-radius:15px;grid-template-columns:45px 1fr 20px;align-items:start;gap:12px;min-height:158px;padding:21px 20px;display:grid;box-shadow:0 3px 10px #16354a03}.chapter-tile:disabled{opacity:.65}.chapter-num{color:var(--chapter);font-size:25px;font-weight:850;line-height:1.15}.chapter-tile .eyebrow{margin-bottom:6px;font-size:10px;display:block}.chapter-tile strong{font-size:19px;line-height:1.25;display:block}.tile-subtitle{color:var(--muted);margin:8px 0 12px;font-size:13px;font-weight:400;display:block}.tile-status{color:var(--chapter);font-size:11px;font-weight:750}.overview-actions{align-items:center;gap:24px;margin-top:25px;display:flex}.overview-actions .primary{padding-inline:26px}.local-note{margin-top:16px}.teacher-nav{color:#764514;background:#fff0cf;border-radius:9px;align-items:center;gap:5px;padding:3px 6px;font-size:11px;font-weight:750;display:flex}.teacher-nav button{color:#fff;background:#df893d;border:0;border-radius:7px;width:30px;min-height:30px;padding:0;font-size:20px}.teacher-nav>span:nth-of-type(2){text-align:center;min-width:55px}.teacher-box{background:#fff5d9;border:1px solid #dfa357;border-radius:12px;margin:18px 0;padding:15px 18px}.teacher-box p{margin:8px 0;font-size:13px}.teacher-solution{background:#fff4da;border:1px solid #eac988;border-radius:10px;margin-top:14px;padding:10px 14px;font-size:13px}.teacher-solution summary{cursor:pointer;font-weight:750}.teacher-solution p{margin:10px 0 0}.learning-shell{max-width:1340px;margin:0 auto;padding:0 30px 12px}.learning-card{border:1px solid #d9e2e4;border-top:7px solid var(--chapter);background:#fff;border-radius:22px;flex-direction:column;min-height:600px;display:flex;overflow:hidden;box-shadow:0 8px 30px #23495606}.card-heading{border-bottom:1px solid #eef1f1;justify-content:space-between;gap:25px;padding:24px 30px 15px;display:flex}.card-heading h1{letter-spacing:-.6px;margin:0 0 9px;font-size:27px}.card-heading h1:focus{outline:none}.intro{color:#5b707c;max-width:830px;margin:0;font-size:14px}.card-count{white-space:nowrap;color:var(--chapter);padding-top:21px;font-size:18px;font-weight:800}.card-body{overscroll-behavior:none;flex:1;min-height:0;padding:24px 30px;overflow-y:auto}.card-footer{background:#fcfdfc;border-top:1px solid #e7eded;align-items:center;gap:12px;padding:14px 30px;display:flex}.card-footer .primary{min-width:135px}.footer-spacer{flex:1}.position-note{text-align:center;color:#71818a;padding:8px 0 0;font-size:11px}.two-column,.experiment-layout{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);align-items:start;gap:30px;display:grid}.task-panel{min-width:0}.lab-panel{background:#f2f7f7;border:1px solid #dce9eb;border-radius:17px;padding:16px 16px 7px}.lab-topline{justify-content:space-between;align-items:center;padding:0 3px;display:flex}.lab-tag{text-transform:uppercase;letter-spacing:.08em;color:#668089;font-size:10px;font-weight:750}.temperature{font-variant-numeric:tabular-nums;text-align:center;min-width:100px;color:var(--teal);background:#fff;border:1px solid #dbe8e9;border-radius:9px;padding:8px 14px;font-size:23px;font-weight:800;line-height:1}.flasks{grid-template-columns:1fr 1fr;gap:3px;margin-top:12px;display:grid}.flasks>div{min-width:0}.flasks h2{text-align:center;justify-content:center;align-items:center;gap:7px;margin:0;font-size:17px;display:flex}.liquid-dot{background:#178dab;border-radius:50%;width:10px;height:10px;display:inline-block}.liquid-dot.alcohol{background:#cc5b4b}.flask-svg{width:100%;max-height:370px;display:block}.level-mark text{font:700 12px Segoe UI,sans-serif}.svg-label{font:12px Segoe UI,sans-serif}.model-note{text-align:center;margin:2px 0 6px;font-size:10px}.temperature-steps{gap:8px;margin:19px 0;display:flex}.temperature-steps span{white-space:nowrap;border:1px solid #d6e1e4;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:750}.temperature-steps .active{outline-offset:2px;outline:2px solid #d7a262}.full-width{width:100%;margin:0 0 10px}.task-panel>.text-button{display:flex}.task-panel>.small{margin-top:12px}.book-box{background:#fcf4e5;border:1px solid #ecdcb9;border-left:4px solid #cf8b40;border-radius:12px;align-items:flex-start;gap:14px;margin:0 0 22px;padding:17px;display:flex}.book-box .eyebrow{color:#946122;font-size:10px;display:block}.book-box strong{color:#77501e;font-size:16px;display:block}.book-box p{color:#75654d;margin:9px 0 0;font-size:13px}.book-icon{color:#b47a35;font-size:30px;line-height:1}.reading-layout,.order-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);align-items:start;gap:32px;display:grid}.reading-tip{background:#f1f5f6;border-radius:14px;padding:24px}.reading-tip h2{font-size:20px}.reading-tip p{color:#5e7481;margin-bottom:0;font-size:14px}.big-number{color:#7b669f;margin:10px 0;font-size:65px;font-weight:850;display:block}.record-visual{text-align:center;background:#f1f7f8;border-radius:16px;padding:18px}.record-visual h2{margin:0;font-size:17px}.record-visual svg{max-height:300px}.record-visual .small{margin:0}.choices{border:0;min-width:0;margin:0;padding:0}.choices legend{color:var(--ink);margin-bottom:18px;padding:0;font-size:20px;font-weight:750;line-height:1.4}.choice{cursor:pointer;border:1.5px solid #d7e2e5;border-radius:12px;align-items:center;gap:12px;min-height:56px;margin:0 0 11px;padding:14px;font-size:15px;font-weight:600;display:flex}.choice input{width:19px;height:19px;accent-color:var(--teal);flex:none;margin:0}.checkmark{color:var(--success);margin-left:auto;font-size:20px;font-weight:800}.correct{background:var(--success-bg)!important;border-color:#67a77f!important}.incorrect{background:#fff3ef!important;border-color:#d69688!important}.feedback{color:#8a4c31;min-height:24px;margin-top:15px;font-size:14px;line-height:1.5}.feedback:empty{display:none}.feedback.success{color:var(--success);background:var(--success-bg);border-radius:10px;padding:12px 14px;font-weight:650}.hint-box{background:#fff6df;border:1px solid #e4cc96;border-radius:12px;margin-top:15px;padding:14px;font-size:14px}.hint-box strong{text-transform:uppercase;letter-spacing:.06em;color:#96632c;font-size:11px}.hint-box p{color:#725c39;margin:6px 0 0}.fields{flex-direction:column;gap:13px;display:flex}.field-row{border:1.5px solid #d8e2e5;border-radius:12px;align-items:start;gap:12px;padding:15px;font-size:15px;line-height:1.5;display:flex}.field-number{color:#71618f;background:#edf0f7;border-radius:50%;justify-content:center;align-items:center;min-width:25px;height:25px;font-size:12px;font-weight:750;display:flex}.field-row>span:last-child{flex:1;min-width:0}.select-line{align-items:center;gap:8px;margin-top:10px;display:flex}.select-line select{width:100%;min-width:0;max-width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #b8cbd1;border-radius:9px;padding:10px 28px 10px 11px;font-size:14px;font-weight:650}.field-check{color:var(--success);font-size:20px;font-weight:800}.density-visual{background:#f2f7f7;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:end;gap:23px;padding:30px 18px;display:flex}.density-block{background:#bee3ec;border:2px solid #5b9fb1;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;width:125px;height:130px;display:flex}.density-block.expanded{background:#d9edf2;width:145px;height:165px}.density-block strong{font-size:28px}.density-block span{font-size:11px}.density-visual>p{text-align:center;width:100%;margin:0;font-size:13px}.density-visual>p.small{font-size:11px}.freeze-visual{text-align:center;background:#f2f7f7;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;padding:30px 12px;display:flex}.freeze-visual>div{flex-direction:column;align-items:center;gap:13px;display:flex}.freeze-visual>span{color:#7d969e;font-size:26px}.freeze-visual strong{font-size:13px}.freeze-visual>p{width:100%;margin:8px 0 0}.volume-cube{color:#21506a;background:linear-gradient(140deg,#d0edf3,#72b7d0);border:2px solid #4795ad;border-radius:10px;justify-content:center;align-items:center;width:110px;height:110px;font-weight:750;display:flex}.ice-cube{background:linear-gradient(140deg,#f9feff,#cce2ec);border-color:#8aafc0;width:114px;height:114px}.visual-panel{min-width:0}.lake-svg{width:100%;max-height:410px;display:block}.lake-label{fill:#486d81;font:700 18px Segoe UI,sans-serif}.lake-temp{fill:#274e67;font:700 20px Segoe UI,sans-serif}.lake-task{background:#f3f7f8;border-radius:15px;padding:6px}.season-steps{flex-wrap:wrap;gap:7px;margin-bottom:23px;display:flex}.season-steps span{color:#617a88;background:#eef3f5;border-radius:7px;padding:6px 8px;font-size:11px;font-weight:700}.season-steps .active{color:#fff;background:#246895}.task-panel #nextSeason{margin-top:5px}.task-panel #replayLake{margin-top:10px}.order-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.order-item{background:#fff;border:1.5px solid #d9e3e4;border-radius:12px;grid-template-columns:24px 94px 1fr 36px;align-items:center;gap:12px;padding:10px 12px;display:grid}.order-number{color:var(--chapter);font-size:14px;font-weight:800}.road-thumb svg{width:100%;display:block}.order-item strong{font-size:14px}.order-item p{color:#637783;margin:4px 0 0;font-size:12px;line-height:1.4}.order-arrows{flex-direction:column;gap:6px;display:flex}.order-arrows button{background:#edf3f4;width:35px;min-height:35px;padding:2px;font-size:21px}.summary-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.summary-grid>section{background:#f3f7f7;border:1px solid #e1e9eb;border-radius:15px;padding:22px}.summary-grid h2{font-size:20px}.summary-grid p,.summary-grid ol{font-size:14px;line-height:1.65}.summary-grid p:last-child{margin-bottom:0}.summary-icon{color:var(--chapter);margin-bottom:10px;font-weight:850;display:block}.notebook li{margin-bottom:7px}dialog{width:92%;max-width:510px;color:var(--ink);background:linear-gradient(145deg,#fffdf9,#fff0e2);border:1px solid #efdac5;border-radius:24px;max-height:90dvh;padding:42px 26px 26px;overflow:auto;box-shadow:0 20px 70px #16374d30}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#172f4880}dialog h2{font-size:27px}dialog p{font-size:14px;line-height:1.6}dialog .close{background:0 0;border:0;font-size:27px;position:absolute;top:8px;right:8px}dialog .text-button{margin-top:12px;font-size:12px;display:flex}.dialog-actions{justify-content:end;gap:12px;display:flex}.storage-notice{color:#8a4c31;background:#fff0d9;padding:12px 20px;font-size:12px}@media (width>=760px){body.learning{flex-direction:column;height:100dvh;display:flex;overflow:hidden}body.learning .topbar{flex-shrink:0;width:100%;min-height:65px;padding-block:12px}body.learning #app{flex:1;min-height:0}body.learning .learning-shell{flex-direction:column;height:100%;display:flex}.learning-card{flex:1;min-height:0}.learning-card .flask-svg{max-height:320px}.learning-card .record-visual svg{max-height:290px}.learning-card .card-body{scrollbar-width:thin}.position-note{flex-shrink:0}}@media (width>=760px) and (height<=820px){.card-heading{padding:17px 24px 12px}.card-heading h1{font-size:24px}.card-body{padding:18px 24px}.card-footer{padding:10px 24px}.learning-card .flask-svg{max-height:260px}.lab-topline{padding:0}.lab-panel{padding:12px 12px 5px}.task-panel h2{font-size:20px}.temperature-steps{margin:14px 0}.task-panel>.small{margin-top:8px}.task-panel #replayExperiment{min-height:34px;font-size:12px}.flasks{margin-top:8px}.book-box{margin-bottom:15px;padding:13px}.record-visual svg{max-height:240px!important}.choice{margin-bottom:9px;padding:12px}.order-item{gap:10px;padding:7px 10px}.order-item p{font-size:11px}.order-item strong{font-size:13px}.order-arrows button{min-height:31px}.summary-grid>section{padding:17px}.summary-grid h2{font-size:18px}}@media (width<=1050px){.topbar{gap:10px;padding-inline:22px}.brand{font-size:18px}.drop{font-size:26px}.tools{gap:6px}.chapter-badge{max-width:150px;font-size:9px}.learning-shell{padding-inline:18px}.card-heading,.card-body{padding-left:22px;padding-right:22px}.card-footer{padding-inline:22px}.two-column,.experiment-layout,.reading-layout,.order-layout{gap:22px}.choices legend{font-size:18px}.choice{font-size:14px}.chapter-tile{grid-template-columns:35px 1fr 15px;gap:8px;padding:17px 14px}.chapter-tile strong{font-size:17px}.teacher-nav>span:first-child{max-width:52px;line-height:1.2}.temperature-steps{gap:6px}.temperature-steps span{padding:7px;font-size:12px}.book-box{gap:10px}.book-icon{font-size:24px}.order-item{grid-template-columns:20px 70px 1fr 34px;gap:9px}.summary-grid{gap:14px}}@media (width>=760px) and (width<=900px){.brand{max-width:155px;font-size:17px}.topbar .quiet{padding-inline:10px;font-size:12px}.learning-card .flask-svg{max-height:300px}.two-column,.experiment-layout{grid-template-columns:1fr 1fr;gap:20px}.lab-panel{padding:13px 8px 6px}.lab-tag{font-size:8px}.temperature{min-width:80px;padding:8px;font-size:20px}.flasks h2{font-size:15px}.model-note{font-size:9px}.temperature-steps{flex-wrap:wrap}.choice{padding:13px 10px;font-size:14px}.card-heading h1{font-size:24px}.reading-layout,.order-layout{grid-template-columns:.8fr 1.2fr;gap:19px}.order-item{grid-template-columns:22px 1fr 32px}.road-thumb{display:none}.field-row{gap:8px;padding:12px;font-size:14px}.select-line select{font-size:13px}.teacher-nav{gap:3px;font-size:10px}.teacher-nav>span:first-child{display:none}.teacher-nav>span:nth-of-type(2){min-width:42px}}@media (width<=759px){.topbar{flex-wrap:wrap;gap:10px;min-height:70px;padding:12px 16px}.brand{max-width:230px;font-size:18px}.tools{gap:5px}.tools .quiet{padding:7px 10px;font-size:12px}.tools .icon{width:36px;min-width:36px;min-height:36px}.chapter-badge{order:3;max-width:none}.overview{padding:8px 19px 26px}.hero{grid-template-columns:1.7fr 1fr;gap:0;min-height:270px}.hero h1{letter-spacing:-1.7px;font-size:42px}.hero-copy{font-size:15px}.hero-art{height:220px;margin-right:-8px}.hero .eyebrow{font-size:9px}.color-stripe{max-width:220px}.overview-strip{flex-direction:column;align-items:start;gap:8px;margin-top:8px;font-size:12px}.chapter-grid{grid-template-columns:1fr;gap:12px}.chapter-tile{grid-template-columns:38px 1fr 15px;min-height:130px}.tile-subtitle{margin:6px 0 9px}.overview-actions{flex-wrap:wrap;gap:16px}.learning-shell{padding:0 12px 16px}.learning-card{border-top-width:6px;border-radius:17px;min-height:0}.card-heading{gap:13px;padding:18px 16px 14px}.card-heading h1{font-size:23px}.card-count{padding-top:20px;font-size:15px}.intro{font-size:13px}.card-body{padding:18px 16px;overflow:visible}.two-column,.experiment-layout,.reading-layout,.order-layout{grid-template-columns:1fr;gap:22px;display:grid}.card-footer{gap:8px;padding:12px 14px;position:static}.card-footer button{padding:9px 11px;font-size:13px}.card-footer .primary{min-width:110px}.flasks{max-width:470px;margin:12px auto 0}.flask-svg{max-height:280px}.lab-panel{padding:13px 10px 5px}.model-note{font-size:9px}.temperature-steps{justify-content:start}.reading-tip{display:none}.choices legend{font-size:18px}.record-visual svg{max-height:260px}.record-visual .small{font-size:10px}.book-box{margin-bottom:8px}.lake-svg{max-height:310px}.summary-grid{grid-template-columns:1fr}.order-item{grid-template-columns:24px 80px 1fr 35px;padding:9px}.order-item strong{font-size:13px}.order-item p{font-size:11px}.order-layout .book-box{margin-bottom:0}.teacher-nav>span:first-child{display:none}.teacher-nav{font-size:10px}.teacher-nav button{width:26px;min-height:28px}.teacher-nav>span:nth-of-type(2){min-width:40px}.topbar:has(.teacher-nav:not([hidden])) .brand{max-width:160px;font-size:16px}.topbar:has(.teacher-nav:not([hidden])) .tools{flex-wrap:wrap;justify-content:end}.density-visual,.freeze-visual{padding-block:20px}.book-box p{font-size:12px}}@media (width<=390px){.brand{max-width:180px;font-size:16px}.drop{display:none}.hero h1{font-size:37px}.hero-art{height:190px}.hero-copy{font-size:13px}.hero .eyebrow{max-width:200px}.card-footer .primary{min-width:95px}.order-item{grid-template-columns:20px 1fr 35px}.road-thumb{display:none}.temperature-steps span{padding:7px 9px}}.sinking-water{animation:2s ease-in-out both sink}.rising-water{animation:2s ease-in-out both rise}@keyframes sink{0%{transform:translateY(0)}to{transform:translateY(96px)}}@keyframes rise{0%{transform:translateY(0)}to{transform:translateY(-96px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.topbar,.card-footer,.position-note,.overview-actions{display:none}body.learning,.learning-shell,.learning-card,.card-body{height:auto;display:block;overflow:visible}.learning-card{box-shadow:none;border:0}.two-column,.reading-layout,.summary-grid{display:block}.summary-grid section{break-inside:avoid;margin-bottom:15px}}:root{color:#17333a;--ink:#17333a;--muted:#62777b;--paper:#f5f1e9;--card:#fffdf8;--teal:#167f7c;--teal-dark:#0c625f;--orange:#f1783d;--line:#d9ddd8;background:#f5f1e9;font-family:Inter,Segoe UI,sans-serif}body{background:radial-gradient(circle at 12% 15%,#fff 0,#0000 26%),linear-gradient(135deg,#f7f3eb,#e8f0ec)}button,.button{touch-action:manipulation;border-radius:9px;font-weight:700}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-color:#f1783d}.primary:hover:not(:disabled){background:var(--teal-dark)}.secondary{background:#fffdf8;border-color:#cdd9d4}.topbar{max-width:none;color:var(--ink);background:#fffdf8eb;border-bottom:1px solid #17333a1f;grid-template-columns:minmax(230px,1fr) auto;gap:7px 22px;padding:17px max(24px,50vw - 660px);display:grid}.brand{max-width:none;color:var(--ink);letter-spacing:0;grid-area:1/1;gap:12px;font-weight:700}.lab-symbol{color:#fff;background:var(--teal);border-radius:50% 50% 44% 56%;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:inset -5px -6px #00000012}.brand-subject{color:var(--teal);letter-spacing:.12em;text-transform:uppercase;font:800 9px/1.3 Segoe UI,sans-serif;display:block}.brand-topic{margin-top:3px;font:700 22px/1.15 Georgia,serif;display:block}.tools{flex-wrap:wrap;grid-area:1/2/span 2;justify-content:flex-end;align-items:center;gap:7px;max-width:760px;display:flex}.tools>button,.tools .button,#resetAllProgress{min-height:40px;padding:8px 10px;font-size:11px}.tools .quiet,.tools .icon{color:var(--teal-dark);border-color:var(--line);background:#fffdf8}.tools .icon{border-radius:50%;width:40px;min-width:40px;font:700 18px Georgia,serif}.teacher-actions{display:contents}.teacher-nav{color:#254d86;background:#e8effb;border:1px solid #b9cbe5;border-radius:8px;gap:6px;padding:4px 6px}.teacher-nav button{color:#254d86;background:#fff;border:1px solid #bbcee8;border-radius:5px}.teacher-nav>span:first-child{white-space:nowrap;flex-shrink:0;max-width:none;font-size:10px}.teacher-nav>span:nth-of-type(2){font-size:10px}.chapter-badge{max-width:none;color:var(--teal-dark);letter-spacing:.04em;border-radius:5px;grid-area:2/1;justify-self:start;margin-left:58px;padding:4px 7px;font-size:9px;background:#e3efeb!important}.eyebrow{color:var(--teal);font-family:Segoe UI,sans-serif;font-weight:800}h1,h2,h3{font-family:Georgia,serif}.overview{max-width:1210px;padding-top:26px}.hero{background:linear-gradient(115deg,#fffdf8,#ecf5ee);border:1px solid #d6e1d9;border-radius:20px;grid-template-columns:1.2fr .8fr;align-items:center;gap:32px;min-height:320px;padding:30px 42px;box-shadow:0 12px 32px #243a3808}.hero h1{color:var(--ink);letter-spacing:-1.6px;margin:10px 0 22px;font-size:clamp(39px,4.5vw,57px);font-weight:700;line-height:1.05}.hero-copy{color:#516e70;margin-bottom:23px;font-size:16px}.hero-reference{color:var(--teal-dark);letter-spacing:.06em;background:#e3efeb;border-radius:7px;padding:8px 11px;font-size:10px;font-weight:750;display:inline-block}.hero-art{background:#eaf5f1;border:1px solid #cbded7;border-radius:16px;flex-direction:column;justify-content:space-between;justify-self:end;align-items:center;width:100%;max-width:300px;height:280px;margin:0;padding:14px 16px 10px;display:flex}.hero-art>div{flex:1;width:100%;min-height:0}.hero-art svg{width:100%;height:100%}.specimen-label{letter-spacing:.08em;color:var(--teal-dark);font-size:9px;font-weight:750}.specimen-caption{color:#587571;font-size:10px}.overview-strip{background:0 0;border:0;border-bottom:1px solid #d6dfd8;border-radius:0;margin:0;padding:16px 0}.progress-label{color:var(--teal-dark);font-size:12px}.chapter-grid{flex-direction:column;gap:10px;display:flex}.chapter-tile{background:var(--card);border:1px solid #d4ded7;border-left:0;border-radius:13px;grid-template-columns:44px 1fr 20px;align-items:center;gap:16px;min-height:98px;padding:15px 20px;display:grid;box-shadow:0 5px 15px #243a3804}.chapter-tile:hover:not(:disabled){background:#f1f8f3;border-color:#86b6a8}.chapter-tile:disabled{opacity:.64;background:#f7f8f2}.chapter-num{width:40px;height:40px;color:var(--teal-dark);background:#e3efeb;border-radius:11px;place-items:center;font:700 19px Georgia,serif;display:grid}.chapter-tile>span:nth-child(2){grid-template-columns:1fr auto;align-items:baseline;column-gap:20px;display:grid}.chapter-tile .eyebrow{color:var(--teal);grid-column:1;margin-bottom:4px;font-size:9px}.chapter-tile strong{grid-column:1;font-family:Georgia,serif;font-size:19px}.tile-subtitle{grid-column:1;margin:5px 0 0;font-size:12px}.tile-status{text-align:right;max-width:180px;color:var(--teal-dark);grid-area:2/2/4;align-self:center;font-size:10px}.overview-actions{margin-top:22px}.local-note{font-size:11px}.learning-shell{max-width:1380px;padding-top:17px}.learning-card{background:var(--card);border:1px solid #d4ded7;border-radius:20px;box-shadow:0 14px 38px #243a380a}.card-heading{background:var(--card);border-bottom:1px solid #e1e8e0;padding-top:21px;padding-bottom:17px}.card-heading .eyebrow{color:var(--teal)}.card-heading h1{letter-spacing:-.4px;font-size:27px;font-weight:700}.card-count{color:var(--teal-dark);font-family:Segoe UI,sans-serif;font-size:14px}.card-body{background:var(--card)}.card-footer{background:#f3f5ed;border-top:1px solid #dbe3d9}.task-panel{border-left:1px solid #d9e3db;padding-left:20px}.task-panel>.eyebrow{color:var(--teal);font-size:10px}.task-panel h2{font-size:22px}.lab-panel{background:#eaf5f1;border:1px solid #ccdfd5;border-radius:16px;padding-top:15px}.lab-topline{border-bottom:1px solid #c8dcd1;padding:0 2px 10px}.lab-tag{color:var(--teal-dark);font:800 9px Segoe UI,sans-serif}.temperature{color:var(--teal-dark);background:#fffdf8;border:1px solid #c1d8cd;border-radius:10px;padding:9px 12px;font:750 23px Segoe UI,sans-serif}.flasks{background:linear-gradient(#eaf5f1 0 88%,#d9d3c5 88%);border-bottom:2px solid #bbb3a3;border-radius:10px;padding-top:8px}.flasks h2{font-family:Segoe UI,sans-serif;font-size:15px}.liquid-dot{border-radius:50%;width:9px;height:9px}.model-note{padding-top:7px}.temperature-steps span{border:1px solid #cadbd3;border-radius:8px}.temperature-steps .active{outline-color:var(--orange)}.temperature-steps .recorded{color:var(--teal-dark);background:#e3efeb}.book-box{border:1px solid #ead5c3;border-left:4px solid var(--orange);background:#fff4e9;border-radius:10px}.book-box .eyebrow{color:#9c542d}.book-box strong{color:#765038}.book-box p{color:#756250}.book-icon{color:#bb6837}.reading-tip{background:#edf5ef;border:1px solid #d4e2d7;border-radius:12px}.big-number{color:var(--teal);font:700 60px Georgia,serif}.record-visual{background:#eaf5f1;border:1px solid #cddfd5;border-radius:15px}.record-visual h2{font-size:18px}.choice,.field-row,.order-item{background:#fff;border-color:#ceddd4;border-radius:10px}.choice:has(input:checked):not(.correct):not(.incorrect){background:#e8f3ee;border-color:#569c88}.choices legend{font-family:Georgia,serif;font-size:21px}.field-number{color:var(--teal-dark);background:#e3efeb}.select-line select{border-color:#bacfc2;border-radius:7px}.feedback.success{border-radius:9px}.hint-box{border:1px solid #edcfb6;border-left:4px solid var(--orange);background:#fff4e9;border-radius:8px}.hint-box p{color:#654f43}.density-visual,.freeze-visual,.lake-task{background:#edf5ef;border:1px solid #d0e0d5;border-radius:15px}.density-block,.volume-cube{border-radius:9px}.season-steps span{color:#426c60;background:#e3efeb;border-radius:7px}.season-steps .active{background:var(--teal);color:#fff}.order-number{color:var(--teal-dark)}.order-arrows button{color:var(--teal-dark);background:#e8f2ec}.summary-grid>section{background:#edf5ef;border-color:#d3e1d7;border-radius:13px}.summary-icon{color:var(--teal-dark)}.summary-grid .notebook{background:#fff4e9;border-color:#ead5c3}dialog{background:#fffdf8;border:1px solid #d9ddd8;border-radius:19px;box-shadow:0 20px 70px #243a3838}dialog::backdrop{background:#17333a85}.position-note{color:#62777b;font-family:Segoe UI,sans-serif;font-size:10px}@media (width>=760px){body.learning .topbar{width:100%;min-height:72px;padding-block:11px;padding-inline:25px}body.learning .learning-shell{padding-top:15px}}@media (width>=760px) and (height<=820px){.card-heading{padding-top:16px;padding-bottom:13px}.card-heading h1{font-size:24px}.lab-topline{padding-bottom:8px}.flasks{padding-top:4px}.learning-card .flask-svg{max-height:240px}}@media (width<=1100px){.topbar{grid-template-columns:minmax(280px,auto) minmax(0,1fr);gap:6px 15px;padding-inline:22px}.tools{max-width:none}.tools>button,.tools .button,#resetAllProgress{padding:8px;font-size:10px}.brand-topic{font-size:20px}.brand{gap:9px}.lab-symbol{width:41px;height:41px}.chapter-badge{margin-left:50px;font-size:8px}.hero{padding:25px 30px}.task-panel{padding-left:16px}}@media (width>=760px) and (width<=900px){.topbar,body.learning .topbar{grid-template-columns:215px minmax(0,1fr);padding-inline:20px}.brand{max-width:none;font-size:18px}.tools{gap:6px}.tools>button,.tools .button,#resetAllProgress{padding:7px 8px;font-size:10px}.teacher-nav>span:first-child{max-width:none;display:inline}.teacher-nav>span:nth-of-type(2){min-width:45px}.lab-tag{font-size:8px}.hero h1{font-size:43px}.hero-art{height:260px}.tile-status{max-width:145px}.task-panel{padding-left:12px}}@media (width<=759px){.topbar{grid-template-columns:1fr;gap:10px;padding:13px 16px}.brand{grid-area:1/1;gap:10px;max-width:none;font-size:18px}.topbar:has(.teacher-nav:not([hidden])) .brand{grid-area:1/1;gap:10px;max-width:none;font-size:18px}.brand-topic{font-size:21px}.lab-symbol{width:40px;height:40px}.brand-subject{font-size:8px}.tools{grid-area:3/1;justify-content:flex-start;gap:7px;width:100%;margin:0}.topbar:has(.teacher-nav:not([hidden])) .tools{justify-content:flex-start}.tools>button,.tools .button,#resetAllProgress{min-height:40px;padding:8px;font-size:10px}.tools .icon{width:40px;min-width:40px;min-height:40px}.chapter-badge{grid-area:2/1;max-width:calc(100% - 50px);margin-left:50px;font-size:8px}.teacher-nav>span:first-child{display:inline}.teacher-nav>span:nth-of-type(2){min-width:42px}.overview{padding:17px 15px 25px}.hero{border-radius:17px;grid-template-columns:1fr;gap:25px;padding:23px 26px}.hero h1{font-size:43px}.hero-copy{font-size:14px}.hero-reference{font-size:9px}.hero-art{justify-self:stretch;max-width:none;height:235px;padding:12px 16px 10px}.hero-art>div{max-width:240px}.overview-strip{align-items:start;gap:10px;padding:15px 0;font-size:12px}.chapter-tile{grid-template-columns:34px 1fr 13px;gap:11px;min-height:110px;padding:15px 13px}.chapter-num{width:33px;height:35px;font-size:16px}.chapter-tile>span:nth-child(2){display:block}.chapter-tile strong{font-size:18px}.tile-status{text-align:left;max-width:none;margin-top:8px;font-size:10px;display:block}.tile-subtitle{font-size:12px}.learning-shell{padding-top:12px}.learning-card{border-top-width:1px;border-radius:16px}.card-heading{padding:17px 16px}.card-heading h1{font-size:23px}.card-count{font-size:12px}.task-panel{border-top:1px solid #d6e2d9;border-left:0;padding-top:18px;padding-left:0}.lab-panel{padding:12px 10px 6px}.lab-topline{padding-bottom:10px}.temperature{font-size:21px}.choices legend{font-size:20px}}@media (width<=390px){.hero h1{font-size:39px}.hero{padding-inline:22px}.tools{gap:6px}.teacher-nav{gap:4px;padding-inline:4px}}@media print{body{background:#fff}.hero{background:#fff;border:1px solid #bbb}}.topbar,body.learning .topbar{color:#e2f1f5;background:#112e3f;border-bottom-color:#284959;grid-template-rows:auto;min-height:76px}.brand{color:#fff}.lab-symbol{box-shadow:none;color:#78d5df;background:0 0;border-radius:0;width:40px;height:44px}.lab-symbol svg{width:38px;height:38px}.brand-subject{text-transform:none;color:#fff;letter-spacing:-.3px;font:750 25px/1.1 Segoe UI,sans-serif}.brand-lab{letter-spacing:.17em;color:#a0c9da;font-size:11px;font-weight:600}.brand-topic{color:#b4cfdd;margin-top:5px;font:600 12px/1.3 Segoe UI,sans-serif}.tools{grid-row:1}.tools .quiet,.tools .icon,.tools .button{color:#e7f3f7;background:#1b3c4e;border-color:#3a5969}#resetAllProgress{color:#ffdfce;background:#293b44;border-color:#9e7768}.tools .icon{border-radius:7px}.app-layout{grid-template-columns:156px minmax(0,1fr);align-items:start;gap:0;width:100%;max-width:1540px;margin:0 auto;padding:0 16px;display:grid}#app{min-width:0}.chapter-rail{flex-direction:column;gap:8px;min-width:0;padding:20px 0;display:flex;position:sticky;top:18px}.chapter-tab{text-align:left;color:#41665e;width:100%;min-height:90px;box-shadow:none;background:#e5eeea;border:1px solid #c9d9d1;border-radius:12px 0 0 12px;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:7px 9px;padding:13px 11px;display:grid}.chapter-tab .tab-number{color:#247668;font:700 16px Georgia,serif}.chapter-tab .tab-label{overflow-wrap:normal;font:700 13px/1.4 Segoe UI,sans-serif}.chapter-tab .tab-progress{color:#5b7770;grid-column:2;font-size:9px;font-weight:500;line-height:1.4}.chapter-tab.active{color:#153e3c;background:#fffdf8;border-color:#78a99c #78a99c #78a99c #f1783d;border-left-style:solid;border-left-width:4px;padding-left:8px}.chapter-tab:disabled{opacity:.5}.chapter-tab.summary-tab{background:#f2f0e5;min-height:65px;margin-top:12px}.chapter-tab.summary-tab.active{background:#fffdf8}.learning-shell{padding-left:15px;padding-right:6px}.overview{padding-left:22px;padding-right:6px}@media (width>=760px){body.learning .app-layout{flex:1;align-items:stretch;min-height:0}body.learning #app{min-height:0}body.learning .chapter-rail{overscroll-behavior:none;scrollbar-width:thin;min-height:0;position:static;overflow-y:auto}}@media (width>=760px) and (width<=999px){.app-layout{grid-template-columns:111px minmax(0,1fr);padding-inline:10px}.chapter-tab{grid-template-columns:1fr;gap:5px;min-height:105px;padding:12px 9px}.chapter-tab .tab-number{font-size:14px}.chapter-tab .tab-label{font-size:12px}.chapter-tab .tab-progress{grid-column:1;font-size:9px}.chapter-tab.active{padding-left:6px}.learning-shell{padding-left:10px;padding-right:0}.overview{padding-left:15px}.experiment-layout,.two-column,.reading-layout,.order-layout{grid-template-columns:1fr}.task-panel{border-top:1px solid #d6e2d9;border-left:0;padding-top:15px;padding-left:0}.lab-panel{max-width:100%}.learning-card .flask-svg{max-height:255px}.record-visual svg{max-height:240px}.card-heading h1{font-size:23px}.summary-grid{grid-template-columns:1fr}}@media (width<=759px){.app-layout{flex-direction:column;padding:0;display:flex}#app{width:100%}.chapter-rail{overscroll-behavior-x:contain;scrollbar-width:thin;flex-direction:row;gap:6px;width:100%;padding:12px 12px 3px;position:static;overflow-x:auto}.chapter-tab{border-radius:9px 9px 0 0;flex:0 0 122px;grid-template-columns:20px minmax(0,1fr);gap:4px 6px;width:auto;min-height:69px;padding:9px 8px}.chapter-tab .tab-number{font-size:13px}.chapter-tab .tab-label{font-size:11px}.chapter-tab .tab-progress{font-size:8px}.chapter-tab.active{border-bottom:3px solid #f1783d;border-left-width:1px;padding:9px 8px 7px}.chapter-tab.summary-tab{min-height:69px;margin:0}.brand-subject{font-size:24px}.brand-topic{font-size:11px}.tools{grid-row:2}.overview{padding:17px 15px 25px}.learning-shell{padding:12px 12px 16px}}@media print{.chapter-rail{display:none}.app-layout{padding:0;display:block}}.app-layout{grid-template-columns:110px minmax(0,1fr)}.sidebar{overscroll-behavior:none;scrollbar-width:thin;min-width:0;max-height:100dvh;padding:16px 0;position:sticky;top:0;overflow-y:auto}.sidebar .chapter-rail,body.learning .sidebar .chapter-rail{gap:7px;padding:0;position:static;overflow:visible}.sidebar .chapter-tab{grid-template-columns:21px minmax(0,1fr);gap:7px;min-height:62px;padding:11px 9px}.sidebar .chapter-tab.active{padding-left:6px}.sidebar .chapter-tab .tab-label{-webkit-hyphens:auto;hyphens:auto;font-size:11px}.sidebar .chapter-tab.summary-tab{min-height:56px;margin-top:7px}.sidebar .topbar,body.learning .sidebar .topbar{border:1px solid #284959;border-radius:11px;flex-direction:column;align-items:stretch;gap:12px;width:100%;min-height:0;margin:0 0 13px;padding:12px 8px;display:flex}.sidebar .brand,.sidebar .topbar .brand{gap:4px;min-width:0;max-width:none;display:flex}.sidebar .brand>span:last-child{min-width:0}.sidebar .lab-symbol{width:20px;height:33px}.sidebar .lab-symbol svg{width:20px;height:31px}.sidebar .brand-subject{white-space:nowrap;font-size:17px}.sidebar .brand-lab{letter-spacing:.08em;font-size:7px}.sidebar .brand-topic{margin-top:4px;font-size:8px}.sidebar .tools{grid-template-columns:minmax(0,1fr) 32px;gap:7px;width:100%;max-width:none;margin:0;display:grid}.sidebar .tools>button,.sidebar .tools .button,.sidebar #resetAllProgress{white-space:normal;border-radius:5px;min-height:34px;padding:6px 5px;font-size:10px;line-height:1.3}.sidebar #home{grid-area:1/1}.sidebar #info{grid-area:1/2;width:32px;min-width:32px;font:700 17px Georgia,serif}.sidebar .teacher-nav{color:#e7f3f7;background:#1b3c4e;border:1px solid #3a5969;border-radius:5px;grid-area:2/1/auto/-1;grid-template-columns:28px minmax(0,1fr) 28px;gap:5px;padding:6px;display:grid}.sidebar .teacher-nav>span:first-child{text-align:center;grid-column:1/-1;font-size:9px;line-height:1.2}.sidebar .teacher-nav>span:nth-of-type(2){grid-area:2/2;align-self:center;min-width:0;font-size:11px}.sidebar .teacher-nav button{width:28px;min-height:28px;padding:0;font-size:18px}.sidebar #teacherPosition{text-align:center;grid-area:2/1/auto/-1;min-width:0;font-size:10px}.sidebar #teacherPrev{grid-area:3/1}.sidebar #teacherNext{grid-area:3/3}.sidebar #teacherActions>a{grid-area:3/1/auto/-1}.sidebar #resetAllProgress{grid-area:4/1/auto/-1;font-size:9px}.sidebar #fullscreen{grid-area:2/1/auto/-1}.sidebar .teacher-nav{grid-row:3}.sidebar #teacherActions>a{grid-row:4}.sidebar #resetAllProgress{grid-row:5}.fullscreen-status{z-index:20;color:#654f43;background:#fff4e9;border:1px solid #d9aa83;border-radius:10px;width:min(480px,100% - 32px);margin:0;padding:14px 18px;font-size:14px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #17333a20}html:fullscreen{background:#f5f1e9;overflow-y:auto}html:fullscreen .app-layout{padding-bottom:env(safe-area-inset-bottom,0px)}@media (width>=760px){body.learning .sidebar{height:100%;min-height:0;position:static}}@media (width>=760px) and (width<=999px){.app-layout{grid-template-columns:100px minmax(0,1fr)}.sidebar .chapter-tab{grid-template-columns:1fr;gap:4px;min-height:68px}.sidebar .topbar,body.learning .sidebar .topbar{padding:10px 7px}.sidebar .brand-subject{font-size:15px}.sidebar .brand-lab{font-size:6px}.sidebar .brand-topic{font-size:8px}.sidebar .lab-symbol,.sidebar .lab-symbol svg{width:18px}.sidebar .teacher-nav{grid-template-columns:24px minmax(0,1fr) 24px;gap:4px;padding:4px}.sidebar .teacher-nav button{width:24px}.sidebar .teacher-nav>span:nth-of-type(2){font-size:10px}}@media (width<=759px){.sidebar{width:100%;max-height:none;padding:0;position:static;overflow:visible}.sidebar .chapter-rail,body.learning .sidebar .chapter-rail{gap:6px;padding:12px 12px 3px;overflow:auto hidden}.sidebar .chapter-tab,.sidebar .chapter-tab.summary-tab{min-height:69px;margin-top:0}.sidebar .topbar,body.learning .sidebar .topbar{flex-flow:wrap;align-items:center;gap:10px;width:calc(100% - 24px);margin:10px 12px 0;padding:10px}.sidebar .tools{flex-wrap:wrap;flex:170px;justify-content:flex-start;display:flex}.sidebar .teacher-nav{flex:0 0 136px;width:136px}.sidebar .teacher-nav>span:first-child{display:block}.sidebar #teacherActions>a,.sidebar #resetAllProgress{flex:125px}}@media print{.sidebar{display:none}}#helpDialog .hint-box{margin-bottom:20px}.experiment-question{border:0;min-width:0;margin:0 0 14px;padding:0}.experiment-question legend{color:var(--ink);margin-bottom:8px;padding:0;font-size:14px;font-weight:650;line-height:1.4}.experiment-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.experiment-options:has(>label:nth-child(2):last-child){grid-template-columns:1fr 1fr}.experiment-option{color:#31594f;text-align:center;cursor:pointer;background:#fff;border:1px solid #bcd2c9;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:8px 7px;font-size:12px;font-weight:650;line-height:1.3;display:flex;position:relative}.experiment-option input{opacity:0;width:1px;height:1px;position:absolute}.experiment-option:has(input:checked):not(.correct):not(.incorrect){background:#e3f0ec;border:2px solid #167f7c;padding:7px 6px}.experiment-option:has(input:focus-visible){outline:3px solid var(--orange);outline-offset:2px}.experiment-check{color:var(--success);font-size:12px;font-weight:800;position:absolute;top:1px;right:4px}.prediction-note{background:#edf3f2;border-left:3px solid #8baca3;margin:0 0 13px;padding:8px 10px;font-size:12px;line-height:1.45}#experimentAction{min-height:46px;margin-top:3px;font-size:14px;line-height:1.35}.experiment-task #replayExperiment{margin-top:8px;font-size:12px}@media (width>=760px){html.learning-view{overscroll-behavior:none;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}body.learning{overscroll-behavior:none;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.learning-card .card-heading{flex-shrink:0;padding:16px 20px 13px}.learning-card .card-heading h1{margin-bottom:8px;font-size:24px}.learning-card .intro{font-size:13px;line-height:1.45}.learning-card .card-body{padding:18px 20px}.learning-card .card-footer{flex-shrink:0;padding:11px 20px}.learning-card .experiment-layout,.learning-card .two-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.learning-card .reading-layout,.learning-card .order-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px}.learning-card .task-panel{border-top:0;border-left:1px solid #d9e3db;padding-top:0;padding-left:17px}.learning-card .task-panel>p:not(.eyebrow):not(.small){font-size:14px;line-height:1.5}.learning-card .task-panel h2{margin-bottom:12px;font-size:21px}.learning-card .flask-svg{max-height:clamp(200px,32dvh,280px)}.learning-card .book-box{margin-bottom:15px;padding:13px}.learning-card .book-box p{font-size:12px}.learning-card .choices legend{margin-bottom:15px;font-size:19px}.learning-card .choice{min-height:52px;margin-bottom:9px;padding:11px 12px;font-size:14px}.learning-card .field-row{padding:12px;font-size:14px}.learning-card .select-line select{font-size:13px}.learning-card .feedback{margin-top:12px;font-size:13px}.learning-card .feedback.success{padding:10px 12px}.learning-card .summary-grid{grid-template-columns:1fr 1fr;gap:15px}.learning-card .summary-grid>section{padding:18px}.learning-card .summary-grid h2{font-size:19px}.learning-card .summary-grid p,.learning-card .summary-grid ol{font-size:13px;line-height:1.55}.learning-card.fits-screen .card-body{touch-action:pan-x pinch-zoom;overflow:hidden}.learning-card.compact-card .card-body,.learning-card.compact-card .card-heading{padding:12px 16px}.learning-card.compact-card .card-heading h1{font-size:22px}.learning-card.compact-card .choices legend{margin-bottom:11px;font-size:18px}.learning-card.compact-card .choice{min-height:48px;margin-bottom:7px;padding:9px 10px}.learning-card.compact-card .field-row{padding:9px}.learning-card.compact-card .fields{gap:10px}.learning-card.compact-card .feedback.success{padding:8px 10px}.learning-card.compact-card .book-box{margin-bottom:12px;padding:10px}}.thinking-pause-disabled{opacity:.6;cursor:wait}:is(.experiment-option:has(input:disabled),.choice:has(input:disabled)){opacity:.65;cursor:wait}#mainAction.thinking-pause-disabled,#experimentAction.thinking-pause-disabled{color:#fff;background:#557982;border-color:#557982}.sidebar .chapter-tab .tab-number{font-size:11px}@media (width>=760px){.app-layout{grid-template-columns:100px minmax(0,1fr)}.sidebar .chapter-tab{grid-template-columns:14px minmax(0,1fr);gap:6px;min-height:58px;padding:10px 7px}.sidebar .chapter-tab.active{padding-left:4px}.sidebar .tools{grid-template-columns:minmax(0,1fr) 28px;gap:5px}.sidebar #info{width:28px;min-width:28px}.sidebar #home{letter-spacing:-.2px;padding-inline:3px;font-size:9px}.sidebar .teacher-nav{grid-template-columns:24px minmax(0,1fr) 24px;gap:4px;padding:4px}.sidebar .teacher-nav button{width:24px}.learning-card .card-body:has(>.experiment-layout){display:flex}.learning-card .experiment-layout{flex:1;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:stretch;height:100%;min-height:0}.experiment-layout .lab-panel{flex-direction:column;height:100%;min-height:0;display:flex}.experiment-layout .lab-topline,.experiment-layout .model-note{flex-shrink:0}.experiment-layout .flasks{flex:1;min-height:0}.experiment-layout .flasks>div{flex-direction:column;min-height:0;display:flex}.experiment-layout .flasks h2{flex-shrink:0}.experiment-layout .flasks>div>div{flex:1;min-height:0}.learning-card .experiment-layout .flask-svg{width:100%;height:100%;max-height:none}:is(html:fullscreen .app-layout,html:fullscreen .learning-shell,html:fullscreen .overview){max-width:none}html:fullscreen .learning-card .card-heading h1{font-size:clamp(24px,3dvh,32px)}html:fullscreen .learning-card .task-panel h2{font-size:clamp(21px,2.7dvh,29px)}html:fullscreen .learning-card .intro{font-size:clamp(14px,1.85dvh,19px)}html:fullscreen .learning-card .task-panel>p:not(.eyebrow):not(.small){font-size:clamp(14px,1.85dvh,19px)}html:fullscreen .learning-card .choices legend{font-size:clamp(19px,2.4dvh,25px)}:is(html:fullscreen .learning-card .choice,html:fullscreen .learning-card .field-row){font-size:clamp(14px,1.8dvh,18px)}html:fullscreen .experiment-question legend{font-size:clamp(14px,1.85dvh,19px)}html:fullscreen .experiment-option{min-height:clamp(44px,4.6dvh,52px);font-size:clamp(12px,1.55dvh,16px)}html:fullscreen #experimentAction{min-height:clamp(44px,4.8dvh,54px);font-size:clamp(14px,1.8dvh,18px)}html:fullscreen .card-footer button{min-height:clamp(44px,4.8dvh,54px);font-size:clamp(14px,1.8dvh,18px)}}@media (width>=760px) and (width<=999px){.app-layout{grid-template-columns:94px minmax(0,1fr)}.learning-card .experiment-layout{grid-template-rows:minmax(250px,1fr) auto;grid-template-columns:minmax(0,1fr);gap:15px}.experiment-layout .task-panel{border-top:1px solid #d9e3db;border-left:0;padding-top:10px;padding-left:0}.experiment-layout #experimentThinking{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.experiment-layout .prediction-note{grid-column:1/-1}.experiment-layout #experimentThinking:has(>fieldset:only-child){grid-template-columns:1fr}.experiment-layout .experiment-question{margin-bottom:10px}.experiment-layout .task-panel>.eyebrow{margin-bottom:6px}.experiment-layout .task-panel h2{margin-bottom:8px}.experiment-layout .task-panel>p{margin-bottom:11px}.experiment-layout .experiment-task #replayExperiment{min-height:32px;margin-top:3px}.experiment-layout .feedback{margin-top:8px}}.primary{background:#112e3f;border-color:#112e3f}.experiment-instructions{color:var(--ink);grid-column:1/-1;margin:0 0 20px;padding-left:23px;font-size:14px;line-height:1.6}.experiment-instructions li+li{margin-top:10px}@media (width>=760px){html:fullscreen .experiment-instructions{font-size:clamp(14px,1.85dvh,19px)}}.experiment-layout .lab-topline{justify-content:center}.learning-card .task-panel h2.experiment-kicker{color:#112e3f;letter-spacing:0;text-transform:none;font-family:Georgia,serif;font-size:21px;font-weight:700;line-height:1.2}html:fullscreen .learning-card .task-panel h2.experiment-kicker{color:#112e3f;letter-spacing:0;text-transform:none;font-family:Georgia,serif;font-size:21px;font-weight:700;line-height:1.2}.primary:hover:not(:disabled){background:#1b3c4e;border-color:#1b3c4e}:is(.experiment-option:has(input:checked):not(.correct):not(.incorrect),.choice:has(input:checked):not(.correct):not(.incorrect)){background:#eaf0f4;border-color:#244c63}.experiment-option{min-height:44px;padding-block:6px}.experiment-option:has(input:checked):not(.correct):not(.incorrect){padding-block:5px}#experimentAction{min-height:44px}.card-footer:has(.footer-feedback){flex-wrap:wrap;gap:8px 12px}.footer-feedback{flex:0 0 100%;min-width:0}.footer-feedback:has(.feedback:empty){display:none}.learning-card .footer-feedback .feedback{margin:0;padding:8px 12px;font-size:13px;line-height:1.4}.footer-feedback .feedback:not(.success){color:#754c34;background:#fff4e9;border-left:3px solid #f1783d;border-radius:6px}.learning-card .experiment-task #feedback{border-radius:6px;margin:0 0 8px;padding:8px 10px;font-size:13px;line-height:1.4}.experiment-task #feedback:not(.success):not(:empty){color:#754c34;background:#fff4e9;border-left:3px solid #f1783d}.comparison-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.comparison-column{min-width:0}.comparison-column+.comparison-column{border-left:1px solid #d4e0db;padding-left:15px}.comparison-column h3{align-items:center;gap:7px;margin:0 0 7px;font-size:18px;display:flex}.comparison-column .prediction-note{min-height:62px;margin-bottom:10px;padding:7px 9px;font-size:12px;line-height:1.4}.comparison-column .experiment-question{margin-bottom:10px}.comparison-column .experiment-question legend{margin-bottom:6px;font-size:13px}.comparison-columns.with-prediction .experiment-question:last-child legend{min-height:37px}.comparison-column .experiment-options{gap:5px}.comparison-column .experiment-option{padding-inline:4px;font-size:12px}.comparison-column .experiment-option:has(input:checked):not(.correct):not(.incorrect){padding-inline:3px}.card-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:7px;display:flex}.card-meta .card-count{padding-top:0}.learning-card .card-heading:not(:has(.intro)){align-items:center;padding-top:8px;padding-bottom:8px}.learning-card .card-heading:not(:has(.intro)) h1{margin:0;line-height:1.15}.experiment-task-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.learning-card .experiment-task-heading #experimentInstruction{min-width:0;margin-bottom:0}.experiment-task-heading #replayExperiment{white-space:nowrap;border-radius:9px;flex-shrink:0;min-height:34px;margin:0;padding:6px 12px;font-size:12px;line-height:1.3}.record-flask{min-height:0}.book-worksheet{flex-direction:column;gap:11px;min-width:0;display:flex}.book-worksheet .book-box{margin:0}.worksheet-context{color:#526f70;margin:0;padding:0 3px;font-size:12px;line-height:1.4}.worksheet-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;display:grid}.worksheet-group{background:#f1f6f2;border:1px solid #d2e0d7;border-radius:12px;min-width:0;padding:12px}.worksheet-group h2{margin:0 0 10px;font-size:18px}.worksheet-result{align-items:start;gap:14px;display:flex}.worksheet-result #feedback{flex:1;margin:0}.worksheet-result:has(.feedback:empty):not(:has(button)){display:none}@media (width>=760px){.card-body:has(>.book-worksheet){display:flex}.book-worksheet{flex:1;min-height:0}.learning-card .book-worksheet .book-box{align-items:center;margin:0;padding:10px 12px}.book-worksheet .book-box>div{flex:1;grid-template-columns:minmax(170px,.7fr) minmax(0,1.3fr);gap:2px 20px;display:grid}.book-worksheet .book-box .eyebrow{grid-area:1/1;margin:0}.book-worksheet .book-box strong{grid-area:2/1;font-size:14px}.book-worksheet .book-box p{grid-area:1/2/3;margin:0;font-size:12px}.worksheet-columns{flex:1;min-height:0}.worksheet-group{flex-direction:column;min-height:0;padding:10px;display:flex}.worksheet-group .fields{flex:1;grid-template-rows:repeat(3,minmax(min-content,1fr));gap:8px;display:grid}.learning-card .book-worksheet .field-row{gap:8px;padding:8px;font-size:13px;line-height:1.4}.worksheet-group .field-number{min-width:21px;height:21px;font-size:10px}.worksheet-group .field-row>span:last-child{flex-direction:column;justify-content:space-between;display:flex}.worksheet-group .select-line{margin-top:6px}.learning-card .book-worksheet .select-line select{min-height:38px;padding:7px 26px 7px 8px;font-size:12px}.learning-card .book-worksheet .feedback{font-size:12px;line-height:1.4}.learning-card .book-worksheet .feedback.success{padding:8px 10px}.compact-card .book-worksheet{gap:8px}.compact-card .book-worksheet .worksheet-group{padding:8px}.compact-card .book-worksheet .worksheet-group h2{margin-bottom:7px;font-size:17px}}@media (width<=759px){.worksheet-columns{grid-template-columns:1fr}.worksheet-result{flex-wrap:wrap}}@media (width>=760px){.card-body:has(.record-visual){display:flex}.card-body:has(.record-visual)>.two-column{flex:1;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch;min-height:0}.context-panel:has(.record-visual){min-height:0;display:flex}.record-visual{flex-direction:column;flex:1;min-height:0;padding:18px 18px 14px;display:flex}.record-visual h2{flex-shrink:0;margin-bottom:8px}.record-visual .record-flask{flex:1;min-height:0}.learning-card .record-visual .record-flask .flask-svg{width:100%;height:100%;max-height:none!important}.record-visual .small{flex-shrink:0;margin-top:8px}}@media (width>=1000px){.learning-card .experiment-layout{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:19px}.experiment-layout .flasks{gap:0}}@media (width>=760px) and (width<=999px){.experiment-layout #experimentThinking{display:block}}@media (width>=760px){html:fullscreen .comparison-column .experiment-question legend{font-size:clamp(13px,1.55dvh,16px)}html:fullscreen .comparison-column .experiment-option{min-height:clamp(44px,4.4dvh,50px);font-size:clamp(12px,1.3dvh,14px)}}@media (width<=699px){.comparison-columns{grid-template-columns:1fr;gap:15px}.comparison-column+.comparison-column{border-top:1px solid #d4e0db;border-left:0;padding-top:15px;padding-left:0}.comparison-column .prediction-note,.comparison-columns.with-prediction .experiment-question:last-child legend{min-height:0}}@media (width<=759px){.card-footer{flex-wrap:wrap}}.single-group .worksheet-columns{grid-template-columns:1fr}.temperature-models{background:#eaf4ef;border:1px solid #d2e0d7;border-radius:12px;flex-direction:column;gap:8px;min-width:0;min-height:0;padding:10px;display:flex}.temperature-models h2{margin:0;font-size:18px}.temperature-model-grid{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:8px;min-height:0;display:grid}.temperature-model{background:#fffdf7;border:1px solid #c8ddd7;border-radius:9px;flex-direction:column;min-width:0;min-height:0;margin:0;padding:7px;display:flex}.temperature-model figcaption{text-align:center;flex-direction:column;gap:2px;font-size:12px;display:flex}.temperature-model figcaption span{color:#56717a;font-size:10px}.temperature-model figcaption .inline-state{font-size:inherit;white-space:nowrap;font-weight:400}.temperature-model svg{flex:1;width:100%;height:100%;min-height:0;display:block}.temperature-model-note{color:#526c78;margin:0;font-size:10px;line-height:1.4}@media (width>=760px){.sortable-models .temperature-model-note{white-space:nowrap;width:100%;min-width:0;font-size:8px;line-height:1.2}}.phase-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px;min-height:0;display:grid}.density-discovery{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;min-height:0;display:grid}.discovery-panel{background:#edf5ef;border:1px solid #c8ddd7;border-radius:14px;flex-direction:column;gap:10px;min-width:0;min-height:0;padding:12px;display:flex}.discovery-panel h2,.discovery-tasks h2{margin:0;font-size:15px;line-height:1.4}.discovery-temperatures{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;display:grid}.discovery-temperatures button{white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:44px;padding:3px 2px;font-size:13px;display:flex}@media (width<=999px){.discovery-temperatures{grid-template-columns:repeat(3,minmax(0,1fr))}}.discovery-temperatures button[aria-pressed=true]{color:#fff;background:#112e3f;border-color:#112e3f}.discovery-seen{font-size:10px}.discovery-stage-label{margin-top:2px;font-size:10px;line-height:1.3;display:block}.discovery-particle.discovery-solid{animation-name:frozen-particle-motion}.model-connection,.freezing-bond{stroke:#6e9691;stroke-width:.75px;stroke-opacity:.24;stroke-dasharray:2 5}#discoveryVisual{flex:1;min-height:0;display:flex}.discovery-current{flex-direction:column;gap:6px;width:100%;min-width:0;min-height:0;display:flex}.discovery-readout{justify-content:center;align-items:center;gap:10px;display:flex}.discovery-readout strong{color:#087c92;font-size:27px}.discovery-readout span{font-size:12px}.discovery-svg{flex:1;width:100%;min-height:0;display:block}.discovery-particle{animation:liquid-particle-motion var(--discovery-duration) ease-in-out infinite alternate;animation-delay:var(--motion-delay)}.discovery-opening{animation:4s ease-in-out infinite alternate opening-hint}.discovery-opening.opening-occasional{animation:7s ease-in-out infinite occasional-opening}@keyframes occasional-opening{0%,45%,90%,to{opacity:0}62%,72%{opacity:.7}}@keyframes opening-hint{0%{opacity:.15}to{opacity:1}}.motion-paused :is(.discovery-particle,.discovery-opening){animation-play-state:paused}.discovery-observation{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#pauseDiscovery{align-self:flex-start;min-height:32px;padding:6px 9px;font-size:11px}.discovery-model-note{color:#526c78;margin:0;font-size:10px;line-height:1.4}.discovery-tasks{flex-direction:column;gap:6px;min-width:0;min-height:0;display:flex}.discovery-tasks>p{margin:0;font-size:12px;line-height:1.45}.discovery-tasks .fields{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.learning-card .discovery-tasks .field-row{padding:8px;font-size:12px;display:block}.discovery-tasks .field-number{float:left;min-width:18px;height:18px;margin-right:6px;font-size:10px}.discovery-tasks .field-row>span:last-child{display:block}.discovery-tasks .select-line{clear:both;margin-top:6px}.learning-card .discovery-tasks select{min-height:38px;padding:7px 19px 7px 7px;font-size:11.5px}.select-input{flex:1;min-width:0;display:block;position:relative}.select-visible{overflow-wrap:anywhere;background:#fff;border:1px solid #b8cbd1;border-radius:9px;min-height:38px;padding:8px 20px 8px 7px;font-size:11.5px;font-weight:650;line-height:1.35;display:block;position:relative}.select-visible:after{content:"⌄";position:absolute;top:8px;right:6px}.learning-card .select-input select{opacity:0;z-index:1;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.select-input:has(select:focus-visible) .select-visible{outline:3px solid var(--orange,#ff763b);outline-offset:2px}.select-input:has(select:disabled) .select-visible{opacity:.6}.select-input select[data-answer]{display:none}.question-select{text-align:left;width:100%;color:var(--ink);white-space:normal;font-family:inherit}.question-select:focus-visible{outline:3px solid var(--orange,#ff763b);outline-offset:2px}.question-options{overscroll-behavior:contain;background:#fffdf9;border:1px solid #aac3c6;border-radius:9px;flex-direction:column;gap:8px;min-height:0;margin:0;padding:4px;display:flex;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 8px 24px #14334230}.question-option{text-align:left;white-space:normal;overflow-wrap:anywhere;width:100%;height:auto;min-height:44px;color:var(--ink);background:#fff;border:1px solid #b8cbd1;flex-shrink:0;padding:12px 16px;font-size:14px;line-height:1.45}.question-option[aria-selected=true]{background:#e6f2ee;border-color:#087c92}.question-option:focus-visible{outline:3px solid var(--orange,#ff763b);outline-offset:0}.discovery-tasks .feedback{flex-shrink:0;margin:0;font-size:12px;line-height:1.4}.discovery-tasks.is-locked{opacity:.45}.discovery-tasks .feedback.success{padding:8px 10px}.discovery-tasks>.discovery-source{margin-top:auto;font-size:10px}@media (width>=760px){.card-body:has(>.density-discovery){display:flex}.density-discovery{flex:1}}@media (width<=759px){.density-discovery{grid-template-columns:1fr}.discovery-svg{min-height:220px}.discovery-tasks .fields{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.discovery-particle,.discovery-opening,.discovery-opening.opening-occasional{animation:none}.opening-occasional{opacity:.35}}.phase-text{flex-direction:column;gap:6px;min-width:0;min-height:0;display:flex}.phase-text>*{flex-shrink:0}.phase-task-title,.temperature-models .density-sort-title{margin:0;font-size:15px;line-height:1.4}.density-sort-title span{font:inherit;font-weight:400}.density-sort-controls{flex-shrink:0;align-items:center;gap:9px;display:flex}.density-sort-controls button{flex-shrink:0;align-self:center;min-height:34px;padding:6px 9px;font-size:11px}.density-sort-feedback,.density-questions-lock{color:#526c78;margin:0;font-size:11px;line-height:1.4}.density-sort-feedback.success{color:var(--success)}.density-sort-feedback:empty{display:none}.density-sort-controls:has(.density-sort-feedback:empty){display:none}.phase-text.is-locked{opacity:.45}.phase-text>.fields{flex:1;grid-template-rows:repeat(4,minmax(min-content,1fr));gap:6px;display:grid}.learning-card .phase-text .field-row{gap:8px;padding:9px;font-size:13px;line-height:1.4}.phase-text .field-number{min-width:22px;height:22px;font-size:11px}.phase-text .select-line{margin-top:6px}.learning-card .phase-text select{min-height:38px;padding:7px 25px 7px 8px;font-size:12px}.phase-steps{gap:8px;margin:0;padding-left:23px;display:grid}.phase-steps li::marker{color:#087c92;font-weight:800}.phase-steps h2{margin:0 0 3px;font-size:17px}.phase-steps p{margin:0;font-size:12px;line-height:1.45}.phase-text #densityValues{align-self:flex-start;min-height:29px;padding:5px 9px;font-size:11px}.phase-layout .expanded-models .temperature-model-grid{grid-template-rows:repeat(3,minmax(0,1fr))}.model-key{color:#285765;flex-direction:column;justify-content:center;gap:7px;padding:9px;font-size:11px;line-height:1.4;display:flex}.density-sort-instruction{margin:0;font-size:11px;line-height:1.4}.sortable-models .temperature-model{padding:5px}.sortable-models .temperature-model figcaption{font-size:11px}.temperature-model.density-card{grid-template-columns:minmax(62px,.38fr) minmax(0,1fr);align-items:center;gap:6px;padding:6px;display:grid}.temperature-model.density-card figcaption{text-align:left;font-size:11px}.temperature-model.density-card svg{min-width:0}.density-card{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.density-slot{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.density-slot-label{z-index:1;pointer-events:none;color:#285765;white-space:nowrap;font-size:9px;font-weight:750;line-height:1.2;position:absolute;top:7px;left:8px}.density-slot:first-child .density-slot-label,.density-slot:nth-child(5) .density-slot-label{color:#087c92}.density-slot>.temperature-model{flex:1}.density-card:focus-visible{outline-offset:2px;outline:3px solid #087c92}.density-card.density-dragging{opacity:.3}.density-card.density-drop-target{outline-offset:-3px;background:#d8eee8;outline:3px dashed #087c92}.density-drag-ghost{z-index:10000;pointer-events:none;opacity:.94;background:#fffdf7;margin:0;position:fixed;transform:rotate(2deg);box-shadow:0 10px 25px #112e3f40}.density-card.thinking-pause-disabled{cursor:wait}.freezing-note{color:#285765;flex-direction:column;justify-content:center;gap:5px;min-width:0;min-height:0;font-size:10px;line-height:1.4;display:flex}.freezing-note strong{font-size:11px}.freezing-note p{margin:0}.freezing-note button{align-self:flex-start;min-height:27px;padding:4px 6px;font-size:10px}#freezingDialog{max-width:610px}.freezing-demo{width:100%;max-height:270px;display:block}.freezing-particle{transition:transform 1.6s ease-in-out}.freezing-bond{opacity:0;transition:opacity 1.6s}.particle-motion{animation:4.4s ease-in-out infinite alternate liquid-particle-motion;animation-delay:var(--motion-delay)}.is-frozen .particle-motion{animation-name:frozen-particle-motion;animation-duration:4.4s}@keyframes liquid-particle-motion{0%{transform:translate(-3px,2px)}50%{transform:translate(2px,-3px)}to{transform:translate(3px,3px)}}@keyframes frozen-particle-motion{0%{transform:translate(-1.8px,1.1px)}to{transform:translate(1.8px,-1.1px)}}#freezingStatus{min-height:65px}@media (prefers-reduced-motion:reduce){.freezing-particle,.freezing-bond{transition:none}.particle-motion{animation:none}}.learning-card .phase-text .choices legend{margin-bottom:7px;font-size:14px}.learning-card .phase-text .choice{gap:7px;min-height:38px;margin-bottom:6px;padding:7px 9px;font-size:12px;line-height:1.4}.phase-text .feedback{margin:0;font-size:12px;line-height:1.4}.phase-text .feedback.success{padding:8px 10px}#densityDialog table{border-collapse:collapse;width:100%;font-size:14px}#densityDialog :is(th,td){text-align:left;border-bottom:1px solid #d1ddd8;padding:9px 6px}@media (width>=760px){.card-body:has(>.phase-layout){display:flex}.phase-layout{flex:1}.phase-layout .temperature-models{min-height:0}}@media (width<=759px){.phase-layout{grid-template-columns:1fr}.phase-layout .temperature-model-grid{grid-template-rows:repeat(3,auto)}.temperature-model.density-card{flex-direction:column;display:flex}.temperature-model.density-card figcaption{text-align:center}}@media (width>=760px){.with-temperature-models .worksheet-columns{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.with-temperature-models .worksheet-group .fields{flex-direction:column;display:flex}.with-temperature-models .field-row{flex:1;min-height:min-content}.with-temperature-models .field-row:has(.field-note){flex:1.35}}@media (width<=759px){.temperature-model svg{min-height:110px}}.field-note{color:#526c78;margin-top:7px;font-size:11px;line-height:1.4;display:block}.particle-task{flex-direction:column;gap:12px;min-width:0;display:flex}.particle-columns{grid-template-columns:1fr 1fr;gap:18px;display:grid}.particle-group{background:#eff6f2;border:1px solid #d0e1dc;border-radius:13px;min-width:0;padding:12px}.particle-group h2{margin:0 0 10px;font-size:21px}.particle-group-heading{justify-content:space-between;align-items:center;gap:8px;min-height:29px;margin-bottom:8px;display:flex}.particle-group-heading h2{margin:0}.particle-group-heading button{min-height:29px;padding:5px 7px;font-size:10px}.particle-picture.animated-particle-picture{aspect-ratio:5/3;background:#fffdf7;border-color:#c8ddd7}.animated-particle-picture svg{width:100%;height:100%;display:block}.match-motion{animation-delay:var(--state-delay);animation-duration:var(--state-duration);animation-iteration-count:infinite}.match-liquid-motion{animation-name:match-liquid;animation-timing-function:ease-in-out;animation-direction:alternate}.match-solid-motion{animation-name:match-solid;animation-timing-function:ease-in-out;animation-direction:alternate}.match-gas-motion{animation-name:match-gas;animation-timing-function:linear}@keyframes match-liquid{0%{transform:translate(-4px,2px)}50%{transform:translate(2px,-4px)}to{transform:translate(4px,4px)}}@keyframes match-solid{0%{transform:translate(-1.4px,.9px)}to{transform:translate(1.4px,-.9px)}}@keyframes match-gas{0%,to{transform:translate(var(--x0), var(--y0))}33%{transform:translate(var(--x1), var(--y1))}66%{transform:translate(var(--x2), var(--y2))}}.state-models-paused .match-motion{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.match-motion{animation:none}.match-gas-motion{transform:translate(var(--x0), var(--y0))}}.particle-pair{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);align-items:center;gap:10px;margin-top:9px;display:grid}.particle-picture{aspect-ratio:2.4;background:#fff9e9;border:1px solid #b9cfcd;border-radius:7px;position:relative;overflow:hidden}.particle-picture img{pointer-events:none;max-width:none;display:block;position:absolute}.particle-picture.water img{width:300%;height:100%;left:calc(var(--part) * -100%)}.particle-picture.other{aspect-ratio:4.15}.particle-picture.other img{width:100%;height:auto;transform:translateY(calc(var(--part) * -33.3333%));top:0}.particle-pair .fields{min-width:0}.particle-pair>.fields{width:100%;max-width:100%}.particle-pair .field-row,.particle-pair .field-row>span:last-child{min-width:0}.learning-card .particle-task .field-row{gap:7px;padding:8px;font-size:12px}.particle-task .field-number{min-width:21px;height:21px;font-size:10px}.particle-task .select-line{margin-top:5px}.learning-card .particle-task select{min-height:38px;padding:7px 25px 7px 8px;font-size:12px}.particle-task .feedback{margin-top:0}@media (width>=760px){.particle-comparison>.fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.particle-comparison .field-row{min-width:0}}.state-model-note{color:#526c78;margin:0;font-size:10px;line-height:1.35}.flask-svg.marking-ready{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none}.flask-svg.marking-ready:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #087c92}.hand-level-mark{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.level-mark-instruction{margin:0 0 12px;font-size:14px;line-height:1.5}.cooling-dots{white-space:nowrap;display:inline-flex}.cooling-dots>span{animation:1.2s ease-in-out infinite cooling-dot}.cooling-dots>span:nth-child(2){animation-delay:.2s}.cooling-dots>span:nth-child(3){animation-delay:.4s}@keyframes cooling-dot{0%,to{opacity:.2}45%,65%{opacity:1}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.cooling-dots>span{animation:none}}#infoDialog{width:min(92vw,480px)}.school-credit{text-align:center;padding-top:12px}.school-credit h2{font:400 16px Segoe UI,sans-serif}.school-credit img{width:min(100%,320px);height:auto;margin:0 auto 18px;display:block}.app-info-credit{border-top:1px solid #e6d7c9;padding-top:12px}.app-info-credit p{margin:0}.app-info-credit p+p{color:#546978;font-size:13px}.app-technical-info{margin-top:20px;font-size:12px}#flaskOverviewDialog{width:min(94vw,780px);max-width:780px}#flaskOverviewTitle{white-space:nowrap;font-size:clamp(16px,3vw,27px)}#flaskOverviewContent>svg{width:100%;max-height:65dvh;display:block}#flaskOverviewContent .flask-svg{max-height:none}.record-comparison .record-flask>svg{width:100%;height:100%;max-height:none;display:block}.record-comparison .overview-flask{max-height:none}.record-comparison svg{max-height:none!important}.record-comparison .small{font-size:10px;line-height:1.35}@media (width<=759px){.record-comparison .record-flask>svg{height:auto}}@media (width>=760px){.card-body:has(>.particle-task){display:flex}.particle-task,.particle-columns{flex:1;min-height:0}.particle-group{grid-template-rows:auto repeat(3,minmax(0,1fr));gap:9px;min-height:0;display:grid}.particle-pair{min-height:0;margin-top:0}.particle-pair .animated-particle-picture{aspect-ratio:auto;height:100%;min-height:0;max-height:100%}}@media (width<=759px){.particle-columns{grid-template-columns:1fr}.particle-comparison select{text-wrap:wrap}}.book-cover{object-fit:contain;border-radius:3px;flex:0 0 44px;width:44px;height:auto;display:block}.book-box .book-cover{align-self:center}.overview-book{align-items:center;gap:12px;display:flex}html,body,dialog{overscroll-behavior-y:none}@media (width>=760px){.learning-card.fits-screen{touch-action:pinch-zoom}}.question-select.single-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.question-options:not(:popover-open){display:none}.question-option{border:0;border-radius:3px;min-height:36px;padding:8px 12px;font-weight:400;display:block}.question-options{gap:0}.lake-exploration .visual-panel{min-width:0}.lake-help-inline{color:#176879;background:#edf6f4;border:1px solid #c7dfdc;border-radius:9px;gap:8px;width:fit-content;max-width:100%;min-height:34px;margin:10px 0 0;padding:6px 12px;font-size:12px;font-weight:600;line-height:1.4;display:flex}.lake-help-inline:before{content:"?";background:#d9ece8;border-radius:50%;flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;font-weight:800;display:inline-flex}.lake-exploration #lakeResearch{min-height:36px;margin-top:10px;font-size:12px}#lakeResearchDialog li{margin:0 0 12px;font-size:15px;line-height:1.5}#lakeAssignments .fields{gap:7px;margin-bottom:12px}.learning-card #lakeAssignments .field-row{padding:7px 9px;font-size:12px}#lakeAssignments .select-line{margin-top:4px}.lake-exploration .season-steps{gap:5px;margin-bottom:12px}.lake-exploration .season-steps button{color:#426c60;background:#e3efeb;border:0;border-radius:7px;min-height:32px;padding:5px 7px;font-size:10px}.lake-exploration .season-steps button.active{background:var(--teal);color:#fff}.lake-exploration #seasonText{min-height:0;margin-bottom:12px}.lake-exploration .small{margin:5px 0;font-size:10px}#lakeWaterHelpDialog{width:min(94vw,1000px);max-width:1000px}#lakeWaterHelpContent{overflow-x:auto}#lakeWaterHelpContent>svg{width:100%;min-width:700px;display:block}.lake-drop-picture{width:100%;position:relative}.lake-drop-picture>img{-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:12px;width:100%;height:auto;display:block}.lake-drop-slot{left:81.9%;top:var(--slot-top);color:#0b4564;touch-action:none;background:#f0fbff;border:1.5px solid #139fc0;border-radius:12px;width:14.85%;height:9.4%;min-height:36px;padding:0 2px;font-size:clamp(14px,2.4vw,26px);position:absolute}.lake-drop-slot.correct{background:#dff1e4;border-color:#48945e}.lake-drop-slot.incorrect{background:#fff0e7;border-color:#c96e42}.lake-drop-slot:disabled{opacity:1}.lake-reference-temp{touch-action:auto;justify-content:center;align-items:center;font-weight:700;display:flex}.writing-layout .book-box{margin-bottom:14px}.mappe-task .mappe-assignment{font-weight:600;line-height:1.6}.mappe-writing-tips{margin:16px 0 22px;padding-left:20px;font-size:13px;line-height:1.6}.mappe-writing-tips li{margin-bottom:8px}.mappe-confirm{cursor:pointer;background:#edf6f4;border:1px solid #c7dfdc;border-radius:10px;align-items:flex-start;gap:12px;padding:14px;font-size:13px;display:flex}.mappe-confirm input{accent-color:#087c92;flex:0 0 20px;width:20px;height:20px;margin:0}.writing-help-button{text-align:left;min-height:40px;margin:0 0 14px;font-size:12px}#writingHelpDialog{width:min(94vw,660px);max-width:660px}#writingHelpDialog details{background:#f4f9f6;border:1px solid #c7dfdc;border-radius:10px;margin-top:12px;padding:12px 14px}#writingHelpDialog summary{cursor:pointer;font-size:16px;font-weight:700}#writingHelpDialog details p,#writingHelpDialog li{font-size:14px;line-height:1.5}#writingHelpDialog details p{margin:12px 0 0}#writingHelpDialog li{margin-bottom:9px}.writing-word-bank{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.writing-word-bank span{background:#fff;border:1px solid #c7dfdc;border-radius:7px;padding:5px 9px;font-size:13px}.learning-card .order-item,.road-drag-ghost{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;grid-template-columns:24px minmax(120px,.85fr) minmax(0,1.3fr);align-items:center;gap:12px}.learning-card .road-thumb{border-radius:9px;min-width:0;display:block;overflow:hidden}.road-thumb svg{width:100%;display:block;overflow:hidden}.order-item.road-drop-target{outline-offset:2px;outline:3px solid #ff763b}.road-drag-ghost{z-index:10000;opacity:.95;background:#fffdf9;border:2px solid #178b9e;border-radius:10px;margin:0;padding:10px 12px;display:grid;position:fixed;transform:translate(-50%,-50%);box-shadow:0 8px 24px #12334244}.road-drag-ghost,.road-drag-ghost *{pointer-events:none}body:has(.thinking-pause-disabled) .order-item{opacity:.6;cursor:wait}@media (width<=759px){.learning-card .order-item{grid-template-columns:24px minmax(0,1fr)}.order-item .road-thumb,.order-item>div:last-child{grid-column:2}.order-item .order-number{grid-area:1/1/span 2}}.road-sort-panel{min-width:0}.road-sort-panel .book-box{margin-bottom:12px}.road-sort-instruction{margin:0 0 12px;font-size:13px;line-height:1.4}.road-sort-panel .book-box p{margin-top:4px}.road-sort-panel #roadSortFeedback{margin:10px 0 0}.road-weather-panel.is-locked{opacity:.45}#roadWeatherLock{font-size:12px;line-height:1.4}@media (width>=760px){.learning-card .combined-road{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.combined-road .order-item{gap:8px;padding:8px}.combined-road .order-item strong{font-size:13px}.combined-road .order-item p{margin-bottom:0;font-size:11px;line-height:1.35}}.overview{background:linear-gradient(125deg,#fffdf8,#edf6f0);border:1px solid #d6e1d9;border-radius:22px;flex-direction:column;width:calc(100% - 15px);max-width:none;min-height:calc(100dvh - 32px);margin:16px 0 16px 15px;padding:clamp(22px,3vw,42px);display:flex}.overview .hero{min-height:0;box-shadow:none;text-align:center;background:0 0;border:0;border-radius:0;flex:1;justify-content:center;padding:28px 0;display:flex}.overview .hero-text{width:100%}.overview .hero h1{max-width:20ch;margin:0 auto 20px;font-size:clamp(40px,6vw,78px);line-height:1.08}.overview .hero-copy{margin:0;font-size:clamp(14px,1.7vw,19px)}.overview .overview-strip{border-top:1px solid #d6dfd8;flex-direction:row;flex:none;align-items:center;gap:18px;margin:0;padding:18px 0}.overview .overview-actions{justify-content:center;margin:22px 0 0;display:flex}.overview #continue{width:min(100%,320px);min-height:54px;font-size:18px}.overview .local-note{text-align:center;margin:14px 0 0}@media (width<=759px){.overview{width:100%;min-height:520px;margin:12px 0;padding:24px 20px}.overview .hero{padding:26px 0 34px}.overview .hero h1{font-size:clamp(36px,9vw,52px)}.overview .overview-strip{flex-direction:column;align-items:flex-start}}.overview .hero h1{letter-spacing:-1px;max-width:24ch;font-size:clamp(36px,4.4vw,56px);line-height:1.15}.home-progress{flex:0 0 245px;max-width:100%}.home-progress-label{justify-content:space-between;gap:14px;margin-bottom:9px;font-size:12px;display:flex}.home-progress-label .progress-label{font-size:10px;font-weight:400}.home-progress-track{grid-template-columns:repeat(var(--steps),minmax(0,1fr));gap:4px;display:grid}.home-progress-track>span{background:#e4efea;border:1px solid #bed7d1;border-radius:4px;height:9px}.home-progress-track>.is-complete{background:#168783;border-color:#168783}#infoDialog{background:linear-gradient(135deg,#fffdf9,#edf6f1);border:2px solid #70a8a8;padding:42px 22px 22px;box-shadow:0 18px 60px #14334233}#infoDialog .school-credit{background:#fffa;border:1px solid #d3e4df;border-radius:15px;padding:20px 18px}.experiment-completion{background:#edf7f1;border:1px solid #bddbd2;border-radius:12px;padding:16px}.experiment-completion p{margin:0 0 14px;font-size:14px;line-height:1.5}.experiment-completion button{min-height:40px;font-size:13px}.knowledge-summary{gap:10px}.learning-card .knowledge-summary>section{padding:12px 14px}.learning-card .knowledge-summary h2{margin:6px 0 10px;font-size:17px}.learning-card .knowledge-summary p{margin:0 0 8px;font-size:12px;line-height:1.45}.knowledge-summary .summary-icon{text-transform:uppercase;letter-spacing:.05em;font-size:10px}.knowledge-illustration{width:56px;height:32px;position:absolute;top:4px;right:12px}.knowledge-summary>section{position:relative}.knowledge-summary .summary-icon{padding-right:62px}@media (width>=760px){.card-body:has(>.knowledge-summary){display:flex}.knowledge-summary{flex:1;grid-template-rows:repeat(3,minmax(min-content,1fr))}}@media (width<=759px){.home-progress{flex-basis:auto;width:100%}.home-progress-track{gap:5px}}.book-worksheet .book-box p{align-self:center}.writing-page,.road-page{min-width:0}.writing-page>.book-box,.road-page>.book-box{align-items:center;margin:0 0 14px}@media (width>=760px){:is(.card-body:has(>.writing-page),.card-body:has(>.road-page)){display:flex}.writing-page,.road-page{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.writing-page>.book-box,.road-page>.book-box{flex-shrink:0;margin:0;padding:10px 12px}.writing-page>.writing-layout,.road-page>.combined-road{flex:1;min-height:0}.road-page>.book-box>div{flex:1;grid-template-columns:minmax(170px,.7fr) minmax(0,1.3fr);align-items:center;gap:2px 20px;display:grid}.road-page>.book-box .eyebrow{grid-area:1/1;margin:0}.road-page>.book-box strong{grid-area:2/1;font-size:14px}.road-page>.book-box p{grid-area:1/2/3;align-self:center;margin:0}.combined-road .order-item{grid-template-columns:24px minmax(0,1.15fr) minmax(0,1.15fr)}}.lake-drop-slot.lake-drop-target{outline-offset:2px;outline:3px solid #ff763b}.lake-temperature-tokens{flex-wrap:wrap;gap:10px;min-height:48px;margin:16px 0;display:flex}.lake-temperature-token{touch-action:none;cursor:grab;background:#fff;border:2px solid #168ca6;min-width:70px;min-height:48px;font-size:18px}.lake-temperature-token[aria-pressed=true]{outline-offset:2px;outline:3px solid #ff763b}.lake-temperature-token.is-empty{cursor:default;background:0 0;border-style:dashed;border-color:#8aafb8}.lake-temperature-token.lake-drop-target,.lake-drop-slot[aria-pressed=true]{outline-offset:2px;outline:3px solid #ff763b}.lake-temperature-ghost{z-index:10000;pointer-events:none;color:#123342;background:#fff;border:2px solid #168ca6;border-radius:10px;padding:10px 16px;font-size:20px;font-weight:700;position:fixed;transform:translate(-50%,-50%);box-shadow:0 5px 14px #12334244}.lake-drag-instruction{font-size:13px;line-height:1.5}.lake-picture-ice{opacity:.95;background:#eefcff;border:1px solid #8ed6e7;border-radius:40%;width:94%;height:2.5%;position:absolute;top:18.4%;left:3%}.lake-ice-caption{color:#0b4564;font-size:12px;font-weight:700;position:absolute;top:12%;left:44%}.lake-picture-mixing{pointer-events:none;color:#d5f7ff;justify-content:space-between;width:40%;font-size:clamp(30px,5vw,64px);display:flex;position:absolute;top:32%;left:25%}@media (width>=760px){.learning-card .lake-exploration{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}.lake-help-inline{white-space:normal;text-align:left}.card-heading:has(.lake-title-row)>div:first-child{flex:1;min-width:0}.lake-title-row{align-items:center;gap:16px;margin-bottom:3px;display:flex}.learning-card .lake-title-row h1{flex:1;min-width:0;margin:0}.lake-title-row .lake-help-inline{flex:0 340px;max-width:44%;margin:0}@media (width<=759px){.lake-title-row{flex-wrap:wrap;gap:10px}.learning-card .lake-title-row h1{flex-basis:100%}.lake-title-row .lake-help-inline{flex-basis:auto;max-width:100%}}.book-box strong{font-family:Inter,Segoe UI,sans-serif;font-size:14px;font-weight:700;line-height:1.4}@media (width>=760px){.combined-road .road-thumb svg{max-height:var(--road-picture-height,110px)}.writing-layout .context-panel{min-height:0}}@media (width>=760px) and (height<=820px){.learning-card:has(.writing-page,.road-page,.lake-exploration) .card-heading{padding:10px 16px 8px}.learning-card:has(.writing-page,.road-page,.lake-exploration) .card-body{padding:10px 16px}.learning-card:has(.writing-page,.road-page,.lake-exploration) .card-footer{padding:8px 16px}.learning-card .writing-page>.book-box,.learning-card .road-page>.book-box{padding:8px 10px}.writing-page .book-cover,.road-page .book-cover{width:34px;height:47px}.writing-page,.road-page{gap:10px}.mappe-writing-tips{margin:10px 0 12px;line-height:1.45}.mappe-writing-tips li{margin-bottom:5px}.mappe-confirm{padding:10px}.writing-help-button{margin-bottom:10px}.lake-exploration .season-steps,.lake-exploration #seasonText{margin-bottom:8px}.lake-exploration #lakeResearch{margin-top:6px}.learning-card .lake-exploration .feedback{margin-top:8px}}.overview{background:#f4fbf8;gap:0;padding:0;overflow:hidden}.overview .hero{text-align:left;background:#dff3f7 url(../assets/lake-hero.png) 50% 57%/cover no-repeat;flex:auto;justify-content:flex-start;align-items:flex-start;min-height:300px;padding:clamp(32px,5vw,76px);position:relative}.overview .hero-text{width:100%;padding-top:clamp(12px,3dvh,36px);position:relative}.overview .hero h1{letter-spacing:-1.2px;color:#0c303c;text-shadow:0 1px 12px #fff8;max-width:25ch;margin:0 0 16px;font-size:clamp(30px,3.8vw,58px);line-height:1.12}.overview .hero h1:first-line{font-size:1.35em}.overview .hero-copy{color:#285467;font-size:clamp(14px,1.65vw,23px)}.overview-dock{z-index:1;background:linear-gradient(130deg,#fff,#f1faf6);border-radius:18px 18px 0 0;flex:none;margin-top:-14px;padding:12px 22px 14px;position:relative}.overview .overview-strip{background:#fffa;border:1px solid #d5e6e3;border-radius:13px;gap:24px;padding:12px 18px}.overview-book{flex:1;min-width:0;font-size:13px;line-height:1.5}.overview .home-progress{border-left:1px solid #d5e3e0;flex:0 330px;padding-left:24px}.overview .home-progress-label{align-items:center}.overview .home-progress-track>span{border-radius:7px;height:10px}.overview .home-progress-track>.is-complete{background:linear-gradient(120deg,#22a59d,#167f7c)}.overview .overview-actions{margin:12px 0 0}.overview #continue{background:#113b49;border-color:#113b49;width:min(100%,320px);min-height:46px;font-size:18px;box-shadow:0 6px 18px #143c4918}.overview #continue:hover{background:#1a5362}.overview .local-note{margin:9px 0 0;font-size:10px}@media (width>=760px){.overview{height:calc(100dvh - 32px);min-height:0}}@media (width<=1050px){.overview .home-progress{flex-basis:255px;padding-left:16px}.overview-dock{padding-inline:14px}.overview .overview-strip{gap:16px;padding:10px 12px}}@media (width<=759px){.overview{min-height:calc(100dvh - 24px);padding:0}.overview .hero{background-position:60%;min-height:380px;padding:32px 22px}.overview .hero h1{letter-spacing:-.6px;max-width:18ch;font-size:clamp(30px,6.8vw,44px)}.overview .hero-copy{max-width:24ch}.overview-dock{padding:12px}.overview .overview-strip{flex-direction:column;align-items:stretch;gap:12px}.overview .home-progress{border-top:1px solid #d5e3e0;border-left:0;flex:none;width:100%;padding:12px 0 0}.overview .overview-book{font-size:12px}}.density-summary-body{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:12px;display:grid}.density-comparison{min-width:0;margin:0}.density-comparison svg{fill:#164654;width:100%;max-height:142px;font-family:Inter,Segoe UI,sans-serif;font-size:8px;display:block;overflow:visible}.density-diagram-heading,.density-diagram-label{font-weight:700}.density-comparison figcaption{text-align:center;color:#62777b;margin-top:4px;font-size:8px}.learning-card .density-summary-body p{margin-bottom:7px;font-size:11px;line-height:1.4}.density-summary-body p strong{background:#deeee6;border-radius:7px;padding:5px 7px;display:block}@media (width<=900px){.density-summary-body{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:8px}}@media (width<=759px){.density-summary-body{grid-template-columns:1fr}.density-comparison svg{max-height:195px}.learning-card .density-summary-body p{font-size:12px}}@media (width>=760px){.density-comparison svg{max-height:105px}.density-comparison figcaption{line-height:1.2}.learning-card .density-summary h2{margin-bottom:6px}}.learning-card .density-summary-body p:last-child{margin-bottom:0}.learning-card .knowledge-summary{gap:6px}@media (width>=760px){:is(html:has(.overview),body:has(.overview)){overscroll-behavior:none;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}body:has(.overview) .app-layout{height:100%;min-height:0}.overview{touch-action:pinch-zoom;height:calc(100dvh - 32px);min-height:0}.overview .hero{min-height:0}.learning-card.compact-card .knowledge-summary>section{padding-block:9px}}.ink-model{background:#eef7f3;border:1px solid #d1e4df;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:12px;display:flex}.ink-model svg{width:100%;max-height:320px;display:block}.ink-model .small{text-align:center;color:#62777b;margin:6px 0 0;font-size:10px}.ink-writing-tasks{margin:0 0 14px;padding-left:21px;font-size:13px;line-height:1.5}.ink-writing-tasks li{margin-bottom:13px;padding-left:3px}.learning-card .task-panel .ink-model-note{background:#edf5f0;border-left:3px solid #7baea6;padding:9px 11px;font-size:12px;line-height:1.4}@media (width>=760px) and (height<=820px){.ink-model svg{max-height:250px}.ink-writing-tasks li{margin-bottom:9px}}.ink-model .ink-model-image{object-fit:contain;border-radius:10px;width:100%;height:100%;min-height:0;max-height:360px;display:block}@media (width>=760px) and (height<=820px){.ink-model .ink-model-image{max-height:280px}}.question-options.compact-options .question-option{min-height:32px;padding-block:5px;line-height:1.3}