:root{--ink:#183e4b;--muted:#566a70;--green:#277468;--cream:#f7f6f0;--line:#d9e1dd;--orange:#a45624;--shadow:0 8px 28px #193d4910;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--cream);font-family:Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select{font:inherit}button,a.button{cursor:pointer}button,.button{min-height:44px;color:var(--ink);background:#fff;border:1px solid #c4d1cf;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:650;text-decoration:none;display:inline-flex}button:disabled{color:#576a65;cursor:default;background:#e9eeea;border-color:#d7dfda}button.primary,.button.primary{background:var(--green);border-color:var(--green);color:#fff}button.primary:hover,.button.primary:hover{background:#1c5d52}button.primary:disabled{color:#576a65;background:#e9eeea;border-color:#d7dfda}button.icon{flex-shrink:0;width:44px;padding:0;font-size:28px}input,select{min-height:46px;color:var(--ink);background:#fff;border:1px solid #afc3be;border-radius:10px;max-width:100%;padding:10px 12px}input[type=checkbox]{width:22px;height:22px;min-height:22px;accent-color:var(--green);flex-shrink:0;margin:0}input.full{width:100%;margin:10px 0 16px}input.correct{border:2px solid var(--green);background:#e4f3e9}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #cc7a34}h1:focus{outline:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.2}p{line-height:1.65}h1{letter-spacing:-1.1px;font-size:38px}h2{letter-spacing:-.5px;font-size:25px}h3{font-size:19px}h4{font-size:20px}.small{color:var(--muted);font-size:14px;line-height:1.6}.eyebrow{letter-spacing:1.4px;margin-bottom:15px;font-size:12px;font-weight:800;line-height:1.7}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;max-width:1160px;margin:auto;padding:21px 30px;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:13px;font-size:23px;font-weight:850;text-decoration:none;display:flex}.brand span{letter-spacing:0;border-left:1px solid #bccac5;padding-left:13px;font-size:13px;font-weight:500}.topbar nav{align-items:center;gap:18px;display:flex}.topbar nav>a{align-items:center;min-height:44px;font-size:14px;font-weight:650;text-decoration:none;display:flex}.topbar button{background:0 0;font-size:14px}.topbar button:hover{background:#fff}main{max-width:1160px;margin:0 auto;padding:0 30px 30px}.hero{grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:18px;padding:50px 10px 35px;display:grid}.hero h1{letter-spacing:-2.2px;margin-bottom:21px;font-size:clamp(40px,4.8vw,58px);font-weight:850;line-height:1.13}.course{letter-spacing:0;color:#5b604d;background:#ede8db;border-radius:8px;margin-left:9px;padding:6px 10px;font-size:12px;font-weight:650;display:inline-block}.intro{color:var(--muted);margin-bottom:24px;font-size:18px;line-height:1.65}.how{counter-reset:step;gap:17px;margin:0;padding:0;list-style:none;display:flex}.how li{counter-increment:step;align-items:center;gap:7px;font-size:13px;font-weight:650;display:flex}.how li:before{content:counter(step);width:24px;height:24px;color:var(--green);background:#e1eae3;border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:grid}.book-art{text-align:center;background:#e8ede5;border-radius:50% 43% 46% 48%;padding:12px 0 18px;transform:rotate(3deg)}.book-art svg{width:100%;display:block}.art-note{color:#526b5c;font-size:11px;display:block}.resume{background:#e3eee6;border:1px solid #c5dbc9;border-radius:13px;justify-content:space-between;gap:12px;margin-bottom:32px;padding:17px 20px;font-size:14px;line-height:1.6;text-decoration:none;display:flex}.resume>span:last-child{color:#206454;font-weight:750}.choose{padding:15px 0 0}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.section-heading .eyebrow{color:var(--green);margin:0 0 6px}.section-heading h2{margin:0;font-size:28px}.edition{color:var(--muted);text-align:right;font-size:12px;line-height:1.6}.search-row{align-items:center;gap:24px;margin-bottom:12px;display:flex}.search{background:#fff;border:1px solid #afc3be;border-radius:12px;flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.search>span{font-size:27px}.search input{outline-offset:0;background:0 0;border:0;width:100%;min-width:0}.filter{cursor:pointer;align-items:center;gap:9px;min-height:44px;font-size:14px;display:flex}.topic{margin:27px 0}.topic h3{letter-spacing:.1px;align-items:center;gap:10px;margin:0 0 14px;font-size:16px;display:flex}.topic h3>span{border-radius:5px;width:8px;height:19px}.page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.page-card{border:1px solid var(--line);border-top:4px solid var(--chapter);background:#fffefa;border-radius:14px;flex-direction:column;min-height:176px;padding:20px;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex}.page-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.page-card.planned{background:#f2f3ed}.page-card-top{justify-content:space-between;align-items:center;gap:6px;margin-bottom:18px;display:flex}.page-number{font-size:17px;font-weight:800}.badge{color:#596d6a;white-space:nowrap;background:#e4e8e3;border-radius:7px;padding:6px 8px;font-size:11px;font-weight:650}.page-card h4{margin-bottom:20px;font-size:18px;line-height:1.35}.card-bottom{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;font-size:11px;display:flex}.card-bottom>span:last-child{color:var(--chapter);font-size:20px}progress{appearance:none;background:#e7ece6;border:0;border-radius:5px;width:100%;height:4px;margin-top:13px;overflow:hidden}progress::-webkit-progress-bar{background:#e7ece6}progress::-webkit-progress-value{background:var(--chapter)}progress::-moz-progress-bar{background:var(--chapter)}.empty{background:#fff;border-radius:12px;padding:25px}footer{border-top:1px solid var(--line);color:var(--muted);margin-top:34px;padding:25px 0 5px;font-size:12px}footer p{margin-bottom:10px}footer>div{flex-wrap:wrap;gap:24px;display:flex}footer a{align-items:center;min-height:44px;display:flex}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;padding:25px 0;font-size:13px;display:flex}.breadcrumbs a{min-height:32px;padding:5px 0}.page-header{max-width:790px;padding:20px 0 25px}.page-header .eyebrow{color:var(--chapter,var(--green))}.page-header h1{margin-bottom:15px}.page-header p:last-child{color:var(--muted);margin:0}.task-grid{gap:13px;display:grid}.task-card{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:20px;padding:22px;text-decoration:none;display:flex}.task-card:hover{box-shadow:var(--shadow)}.task-number{width:45px;height:45px;color:var(--green);background:#e3eee6;border-radius:12px;flex-shrink:0;place-items:center;font-size:22px;font-weight:800;display:grid}.task-card h2{margin-bottom:5px;font-size:20px}.task-card p{color:var(--muted);margin:0;font-size:13px}.task-status{color:var(--green);white-space:nowrap;margin-left:auto;font-size:13px;font-weight:650}.paper-box{border:1px solid var(--line);max-width:900px;box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:28px}.paper-box h2{margin-top:30px}.paper-box h2:first-child{margin-top:0}.paper-box label{font-weight:650}.workspace{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:25px;display:grid}.task-sidebar h1{letter-spacing:-.8px;margin-bottom:20px;font-size:27px}.task-sidebar .eyebrow{color:var(--chapter);margin-bottom:12px;font-size:11px}.parts{flex-direction:column;gap:7px;display:flex}.parts a{border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-height:49px;padding:13px 14px;font-size:14px;line-height:1.5;text-decoration:none;display:flex}.parts a.selected{color:var(--chapter);border-color:#c6d8ce;border-left:4px solid var(--chapter);background:#fff;padding-left:11px;font-weight:700;box-shadow:0 2px 6px #193d4908}.back-link{margin-top:25px;padding:12px 0;font-size:12px;line-height:1.5;display:block}.help-card{border:1px solid var(--line);border-top:5px solid var(--chapter);box-shadow:var(--shadow);background:#fffefa;border-radius:19px;min-width:0;padding:28px}.help-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.help-card h2{margin-bottom:20px;font-size:25px;line-height:1.5}.paper-reminder{background:#f2ede1;border-radius:12px;align-items:center;gap:13px;margin-bottom:17px;padding:13px 15px;display:flex}.paper-reminder>span{font-size:27px}.paper-reminder p{color:#665b45;margin:0;font-size:13px}.tool-mode{color:var(--muted);margin-bottom:22px;font-size:12px}.tool-mode select{width:100%;min-height:44px;margin-top:6px;font-size:12px;display:block}.tool-mode p{margin:0;font-size:13px}.hint-stack{gap:12px;display:grid}.hint{background:#edf3ed;border:1px solid #d4e3d7;border-radius:13px;align-items:flex-start;gap:13px;padding:18px 17px;display:flex}.hint-number{color:#246052;background:#d6e7da;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:13px;font-weight:800;display:grid}.hint h3{color:var(--green);margin:4px 0 8px;font-size:14px}.hint p{margin:0;font-size:16px;line-height:1.7}.hint-actions{flex-wrap:wrap;align-items:center;gap:13px;margin-top:18px;display:flex}.hint-actions button{padding:13px 18px;font-size:14px}.hint-actions .small{font-size:12px}.support-actions{flex-wrap:wrap;gap:9px;margin:22px 0;display:flex}.support-actions button{padding:10px 12px;font-size:12px}.solution{border-top:1px solid var(--line);margin-top:25px;padding:7px 0}.solution summary,.quick-check summary{cursor:pointer;min-height:48px;padding:14px 0;font-size:14px;font-weight:700;line-height:1.5}.solution>p{margin:7px 0 15px}.solution ol{padding-left:28px;line-height:1.8}.solution li{padding:7px 0 7px 7px}.result{background:#e9f1e7;border-radius:11px;padding:16px 18px;line-height:1.7}.completion{border-top:1px solid var(--line);margin-top:15px;padding-top:20px}.completion label{cursor:pointer;align-items:flex-start;gap:11px;font-size:14px;font-weight:650;line-height:1.6;display:flex}.completion .small{margin:10px 0 0 33px;font-size:11px}.quick-check{border-bottom:1px solid var(--line);margin-top:18px;padding:8px 0}.quick-check label{margin-bottom:10px;font-size:14px;line-height:1.6;display:block}.check-row{gap:10px;display:flex}.check-row input{width:150px;min-width:0}.quick-check [role=status]{margin-top:12px;font-size:14px;line-height:1.6}.fraction{vertical-align:middle;text-align:center;white-space:nowrap;flex-direction:column;margin:0 .13em;font-size:.9em;line-height:1.35;display:inline-flex}.fraction>span:first-child{border-bottom:1.4px solid;padding:0 .16em .08em}.fraction>span:last-child{padding:.08em .16em 0}.formula{white-space:nowrap}dialog{width:min(650px,100% - 30px);max-height:calc(100dvh - 40px);color:var(--ink);overscroll-behavior:contain;background:#fffefa;border:1px solid #d0dcd3;border-radius:20px;padding:25px;box-shadow:0 20px 80px #183e4b40}dialog::backdrop{background:#0f293968}dialog p{font-size:15px}.dialog-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;display:flex}.dialog-head h2{margin:0;font-size:23px}.example{background:#edf3ed;border-radius:12px;margin:20px 0;padding:18px;line-height:1.8}.setting{align-items:center;gap:12px;margin-bottom:12px;font-size:15px;line-height:1.6;display:flex}.video-frame{aspect-ratio:16/9;background:#e7ece6;border-radius:13px;place-items:center;margin:20px 0;display:grid;overflow:hidden}.video-frame iframe,.video-frame video{border:0;width:100%;height:100%}.video-consent{text-align:center;padding:20px}.video-consent>span{font-size:35px}.video-consent p{margin:8px 0 14px;font-size:13px}.video-consent button{font-size:14px}.video-list{padding-left:22px}.video-list li{margin:12px 0;line-height:1.6}.video-list span{color:var(--muted);font-size:12px;display:block}#notice{bottom:max(20px,env(safe-area-inset-bottom));z-index:20;background:var(--ink);color:#fff;width:max-content;max-width:calc(100% - 30px);box-shadow:var(--shadow);border-radius:12px;padding:13px 20px;font-size:13px;line-height:1.5;position:fixed;left:50%;transform:translate(-50%)}#notice:empty{display:none}@media (width>=1000px){.task-sidebar{position:sticky;top:22px}.parts{overscroll-behavior:contain;max-height:65vh;overflow:auto}}@media (width<=950px){.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:235px minmax(0,1fr);gap:18px}.help-card{padding:22px}.hero{grid-template-columns:minmax(0,1fr) 200px}.book-art{padding:8px 0 20px}.art-note{font-size:9px}.hero h1{font-size:44px}.how{gap:10px}.how li{font-size:11px}.course{margin-top:7px;margin-left:0}.task-sidebar h1{font-size:25px}.support-actions{gap:7px}.support-actions button{flex:1;min-width:140px}}@media (width<=700px){.topbar{gap:10px;padding:14px 18px}.brand{font-size:21px}.brand span{display:none}.topbar nav{gap:10px}.topbar nav>a{font-size:12px}.topbar button{padding:9px 12px;font-size:21px}.topbar button span{display:none}main{padding:0 18px 25px}.hero{grid-template-columns:1fr;padding:32px 0}.hero h1{font-size:42px}.book-art{display:none}.intro{font-size:16px}.how{flex-wrap:wrap;gap:13px}.how li{font-size:12px}.course{margin-left:5px}.hero .eyebrow{font-size:10px}.section-heading{flex-direction:column;align-items:start;gap:10px}.section-heading h2{font-size:25px}.edition{text-align:left}.search-row{flex-direction:column;align-items:stretch;gap:8px}.page-grid{grid-template-columns:1fr}.page-card{min-height:157px}.resume{flex-direction:column;font-size:13px}.task-card{flex-wrap:wrap;gap:14px;padding:18px}.task-card h2{font-size:18px}.task-card>div{flex:1;min-width:0}.task-status{margin-left:59px}.workspace{grid-template-columns:1fr}.task-sidebar h1{font-size:26px}.parts{flex-direction:row;gap:8px;padding:4px 4px 9px;overflow-x:auto}.parts a{border:1px solid var(--line);background:#f4f5ef;flex-shrink:0;min-width:160px;max-width:220px;font-size:12px}.back-link{margin-top:4px}.task-sidebar .small{margin-bottom:8px}.help-card{padding:20px}.help-card h2{font-size:23px}.page-header h1{font-size:32px}.paper-box{padding:22px}.hint{gap:10px;padding:16px 13px}.hint-actions button{width:100%}.support-actions button{min-width:130px}.wide{display:none}.video-consent{padding:8px}.video-consent>span{font-size:24px}.video-consent p{margin:4px 0 8px;font-size:12px}.video-consent button{min-height:40px;padding:8px 12px}.breadcrumbs{padding:20px 0}.check-row input{flex:1;width:auto}.completion label{font-size:13px}}.task-sidebar{min-width:0}.parts{min-width:0;max-width:100%}.parts-picture{width:100%;max-width:220px;max-height:220px;margin:14px 0;display:block}.video-intro{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:8px}.video-intro h2{margin-bottom:10px}.simple-task{max-width:850px;margin:0 auto}.simple-task h1{font-size:28px;line-height:1.35}.solution-values p{margin:0;padding:10px 0;font-size:19px}.solution-values p+p{border-top:1px solid var(--line)}.solution-label{color:var(--muted);margin-bottom:7px;font-size:14px;display:block}@media (width<=700px){.workspace{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}:root{--ink:#22365c;--muted:#526582;--green:#087e8b;--cream:#f3f7ff;--line:#d7e2f4;--orange:#b65817;--shadow:0 8px 26px #4268b014}.part-heading{color:#fff;background:#287d4b;border-radius:12px;margin:24px 0 20px;padding:14px 20px;font-size:22px;font-weight:650}.page-header h1{letter-spacing:-.6px;font-size:28px}@media (width<=700px){.page-header h1{font-size:25px}}body{background:radial-gradient(ellipse at 95% 0%, #fff2d9 0, transparent 34%), var(--cream)}.topbar{background:#ffffffde;border-bottom:3px solid #dce6ff}.topbar,body.task-screen .topbar{border-bottom-width:2px;gap:12px;padding:5px 20px}.topbar .brand{gap:10px;font-size:20px}.topbar .brand span{padding-left:10px;font-size:12px}.topbar nav{gap:12px}.topbar nav>a{min-height:30px;font-size:12px}.topbar button{border-radius:9px;min-height:30px;padding:4px 10px;font-size:12px}@media (width<=700px){.topbar,body.task-screen .topbar{padding:5px 14px}.topbar button{font-size:18px}}.brand{color:#3153b9}.brand span{color:var(--muted);border-color:#cbd7ef}.topbar nav>a{color:#3153b9}.topbar button{color:#3153b9;background:#edf1ff;border-color:#d3dcff}.hero{background:linear-gradient(120deg,#e7f8ff,#f0edff 65%,#fff0db);border:1px solid #d6e5fa;border-radius:28px;margin:26px 0;padding:35px 28px}.hero h1 span{color:#3758c5}.hero .eyebrow{color:#3758a8}.course{color:#754318;background:#ffda89}.how li:before{color:#fff;background:#385bcb}.how li:nth-child(2):before{background:#087e8b}.how li:nth-child(3):before{background:#8250b8}.book-art{background:#ffe5a0}.book-art svg rect:first-child{fill:#ffbd59}.book-art svg [fill=\#f4efe4]{fill:#edf1ff}.book-art svg circle{fill:#087e8b}.art-note{color:#6b4928}.resume{background:#e2f5ff;border-color:#b8e3f7}.resume>span:last-child{color:#235da3}.choose .eyebrow{color:#3758c5}.search{border-color:#bacded;box-shadow:0 3px 10px #3c66a808}.page-card{background:#fff;background:color-mix(in srgb, var(--chapter) 8%, white);border-color:#d3def0;border-top-width:6px;box-shadow:0 3px 10px #4268b008}.page-card.planned{background:#fff;background:color-mix(in srgb, var(--chapter) 4%, white);border-top-width:4px}.page-card{border-top-color:var(--chapter);min-height:0;padding:16px 18px}.page-card .page-card-top{margin-bottom:12px}.page-card h4{margin-bottom:0}.page-card:hover{border-color:var(--chapter)}.page-number{color:var(--chapter)}.badge{color:#825314;background:#fff0cf}.badge.available{color:#076779;background:#d9f4f8}.task-card{background:linear-gradient(105deg,#fff,#f0f5ff);border-color:#d1def5}.task-number{color:#fff;background:#47894c;border-radius:0;width:28px;height:28px;font-size:22px;font-weight:750}.task-status{color:#3153b9}.support-badges{flex-wrap:wrap;flex-shrink:0;gap:7px;margin-left:auto;display:flex}.support-badges>span{white-space:nowrap;border-radius:7px;padding:5px 9px;font-size:12px;font-weight:650}.support-video{color:#146578;background:#dff3fa}.support-help{color:#694195;background:#eee5ff}.task-card>div{flex:1;min-width:0}@media (width<=700px){.support-badges{margin-left:42px}}.help-card{border-color:#d3dff2;border-top-width:6px;border-top-color:var(--chapter,var(--green));background:#fff}.parts a:hover{background:#e6edff}.parts a.selected{border-color:#bad9f4;border-left-color:var(--chapter);background:#e8f4ff}.paper-reminder{background:#fff0ce}.paper-reminder p{color:#75511a}.hint{background:#edf7ff;border-color:#c9e4f8}.hint:nth-child(2n){background:#f2edff;border-color:#ded1f7}.hint:nth-child(3n){background:#e7f8f5;border-color:#bfe8df}.hint h3{color:#235d94}.hint:nth-child(2n) h3{color:#7045a2}.hint:nth-child(3n) h3{color:#087665}.hint-number{color:#235d94;background:#cfe8fb}.hint:nth-child(2n) .hint-number{color:#7045a2;background:#e1d3fa}.hint:nth-child(3n) .hint-number{color:#087665;background:#c5ece2}button,.button{border-color:#c9d7f0}button:hover,.button:hover{background:#edf2ff}button.primary,.button.primary{color:#fff;background:#385bcb;border-color:#385bcb;box-shadow:0 3px #2847a5}button.primary:hover,.button.primary:hover{background:#2b49ad;border-color:#2b49ad}button.primary:disabled{color:#566580;box-shadow:none;background:#e9edf6;border-color:#d3dced}#foundation{color:#684093;background:#f0e8ff;border-color:#dbcbf7}#video{color:#95501a;background:#fff0d8;border-color:#f1d09c}#read-help{color:#126c7d;background:#e0f5fa;border-color:#bbe4ed}input,select{border-color:#b9cae6}input[type=checkbox]{accent-color:#385bcb}input.correct{background:#e4f3e9;border-color:#26804d}.solution summary{color:#6942a1}.result{background:#e7f5e7}.video-frame{background:linear-gradient(135deg,#e4efff,#eee8ff);border:1px solid #d4ddf6}.video-consent>span{color:#7351b2}dialog{background:#fff;border-color:#cddcf5}.example{background:#edf5ff}#notice{background:#304eae}@media (width<=700px){.hero{border-radius:22px;margin:20px 0;padding:26px 20px}.hero h1{font-size:37px}.parts a{background:#edf2ff;border-color:#d4dff4}}.video-frame video{object-fit:contain;min-width:0;min-height:0;display:block}.video-solution-columns{flex-direction:column;min-height:0;display:flex}@media (width>=701px){body.task-screen .video-solution-side{max-width:1060px}.video-solution-columns{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}body.task-screen .video-solution-columns #intro-player{min-width:0;height:100%}body.task-screen .simple-task.video-solution-side .video-solution-columns .solution{border-top:0;border-left:1px solid var(--line);height:100%;min-height:0;max-height:none;margin:0;padding-left:22px;overflow-y:auto}html:has(body.task-screen){overscroll-behavior:none}body.task-screen{overscroll-behavior:none;flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}body.task-screen .topbar{flex:none;width:100%;margin:0 auto;padding-top:12px;padding-bottom:12px}body.task-screen main{width:100%;min-height:0;padding-bottom:max(12px,env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex}body.task-screen .breadcrumbs{flex:none;padding:8px 0}body.task-screen .simple-task{flex-direction:column;flex:1;width:100%;min-height:0;padding:18px 24px;display:flex}body.task-screen .simple-task h1{flex:none;margin:0 0 12px;font-size:24px}body.task-screen .simple-task>.small{flex:none;margin:0 0 10px}body.task-screen #intro-player{aspect-ratio:auto;flex:1;min-height:0;margin:0}body.task-screen #intro-player>video,body.task-screen #intro-player>iframe{width:100%;height:100%;min-height:0;display:block}body.task-screen .simple-task .solution{overscroll-behavior:none;flex:none;min-height:48px;max-height:42%;margin:10px 0 0;padding:0;overflow-y:auto}body.task-screen .simple-task .solution summary{z-index:1;background:#fff;position:sticky;top:0}}.topbar,body.task-screen .topbar{padding-top:5px;padding-bottom:5px}.task-card-header{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:6px 18px;margin-bottom:12px;display:flex}.simple-task .task-card-header h1,body.task-screen .simple-task .task-card-header h1{margin:0}.task-card-header .breadcrumbs,body.task-screen .task-card-header .breadcrumbs{gap:7px;padding:0;font-size:12px}body.task-screen main:has(.task-card-header){padding-top:12px}.topbar>.breadcrumbs,body.task-screen .topbar>.breadcrumbs{gap:8px;margin-left:auto;padding:0;font-size:12px}.topbar nav>a[hidden]{display:none}.topbar.with-breadcrumbs{justify-content:flex-start}.video-solution-side .solution-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;display:grid}.video-solution-side .solution-values p{padding:9px 0;font-size:16px}.video-solution-side .solution-values p+p{border-top:0}.video-solution-side .solution-values p:nth-child(n+3){border-top:1px solid var(--line)}.video-solution-side .solution-label{margin-bottom:5px;font-size:12px;line-height:1.5}.video-solution-side .solution summary{font-size:12px}.percent-task-header{flex:none;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}body.task-screen .simple-task .percent-task-header h1{margin:0}#percent-help{color:#865019;background:#fff0d8;border-color:#f1d09c;flex-shrink:0;min-height:34px;padding:6px 10px;font-size:12px}.percent-menu{flex-wrap:wrap;gap:7px;margin-bottom:20px;display:flex}.percent-menu button{min-height:40px;padding:8px 11px;font-size:12px}.percent-menu button[aria-pressed=true]{color:#fff;background:#385bcb;border-color:#385bcb}.percent-lesson h3{margin:22px 0 12px}.percent-lesson p{font-size:15px}.percent-grid{grid-template-columns:repeat(10,1fr);gap:3px;width:190px;margin:15px 0;display:grid}.percent-grid span{aspect-ratio:1;background:#fff;border:1px solid #90a9bc;border-radius:2px}.percent-grid .filled{background:#568fc3}.percent-terms dt{color:#3153b9;margin-top:15px;font-weight:750}.percent-terms dd{margin:6px 0 0;font-size:15px;line-height:1.6}.percent-steps{padding-left:25px}.percent-steps li{padding:10px 0 0 6px}.percent-steps p{margin:6px 0 10px}.percent-book{border-top:1px solid var(--line);margin-top:15px;padding-top:5px}.percent-book summary{cursor:pointer;padding:12px 0;font-size:14px;font-weight:650}.percent-book img{object-fit:contain;max-width:100%;height:auto;max-height:650px;margin:12px auto;display:block}.percent-full-book{width:100%;height:auto;display:block}dialog.percent-image-dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:min(1100px,100% - 24px);padding:18px;overflow-y:auto}dialog.percent-knowledge-dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:min(640px,100% - 24px);overflow-y:auto}.percent-reference-image{width:100%;height:auto;display:block}.page-card-top:has(.work-reminder){flex-wrap:wrap}.work-reminder{text-align:right;color:#a54e00;flex-basis:100%;font-size:11px;font-weight:800}.video-preview-image{width:100%;height:auto;margin:18px 0;display:block}.help-card .video-preview-title{margin:0 0 16px;font-size:20px;line-height:1.4}dialog.percent-image-dialog #dialog-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}dialog.percent-image-dialog .dialog-head{height:0;margin:0}dialog.percent-image-dialog .dialog-head .icon{z-index:2;position:absolute;top:8px;right:8px}dialog.percent-image-dialog .percent-formulary h3{padding-right:32px}.percent-formulary{background:#edf5ff;border:1px solid #c9dcf3;border-radius:12px;margin-bottom:18px;padding:15px}.percent-formulary h3{margin:0 0 12px;font-size:17px}.percent-formulary p{margin:12px 0 0;font-size:14px}.video-choice-column{flex-direction:column;min-width:0;min-height:0;display:flex}.video-choice-label{align-items:center;gap:10px;margin-bottom:10px;font-size:13px;font-weight:650;display:flex}.video-choice-label select{flex:1;min-width:0;min-height:40px;padding:6px 10px;font-size:13px}body.task-screen .video-choice-column #intro-player{flex:1;height:auto;min-height:0}.solution-column{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.fans-table{border-collapse:collapse;width:100%;font-size:10px;font-weight:450;line-height:1.35}.fans-table th,.fans-table td{border-bottom:1px solid var(--line);text-align:left;padding:3px}.fans-table tbody th{font-weight:500}.fans-table-wrap .small{font-size:10px;font-weight:400}.fans-chart{width:100%;height:auto;color:var(--ink);display:block}.data-solutions .solution-entry{min-width:0;padding:8px 0;font-size:12px;line-height:1.45}.data-solutions .solution-entry:last-child{border-top:1px solid var(--line);grid-column:1/-1}.solution-column #percent-help{white-space:normal;align-self:stretch;min-height:44px}.percent-knowledge-button{color:#865019;background:#fff0d8;border-color:#f1d09c;flex-shrink:0;width:100%;font-size:12px;min-height:44px!important}dialog.percent-image-dialog .percent-formulary{margin:18px 0 0}dialog.floating-solution.percent-image-dialog{inset:auto;left:var(--solution-left);top:var(--solution-top);width:var(--solution-width);max-height:var(--solution-height);z-index:30;margin:0;padding:48px 12px 12px;position:fixed;box-shadow:0 10px 36px #22365c30}dialog.floating-solution::backdrop{background:0 0}.detailed-solution-button{color:#865019;white-space:normal;background:#fff0d8;border-color:#f1d09c;flex-shrink:0;min-height:44px;font-size:12px}.percent-triangle-help{color:#22365c;background:#fff4d8;border:1px solid #ebd6aa;border-radius:16px;margin-bottom:18px;padding:18px}.percent-triangle-help>h3{margin:0 0 16px;font-size:21px;line-height:1.35}.percent-triangle-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:18px;display:grid}.percent-triangle-figure svg{width:100%;height:auto;margin:10px 0;display:block}.percent-triangle-figure button{background:#ffe4c5;border-color:#e8bc83;width:100%;font-size:14px}.percent-triangle-steps{gap:12px;display:grid}.percent-triangle-steps article,.triangle-example{background:#fffefa;border:1px solid #ead9b8;border-radius:12px;padding:16px}.percent-triangle-help h4{margin:0 0 12px;font-size:18px;line-height:1.4}.percent-triangle-help p{margin:8px 0;font-size:16px;line-height:1.6}.triangle-W,.triangle-G,.triangle-P{white-space:nowrap;border-radius:5px;padding:1px 5px;font-weight:750;display:inline-block}.triangle-W{color:#15618b;background:#dceffc}.triangle-G{color:#70409a;background:#efe2fb}.triangle-P{color:#95500e;background:#ffe4c5}.triangle-formula{font-size:22px!important}.triangle-note{background:#ffedb4;border:1px solid #e4bd54;border-radius:10px;margin:14px 0;padding:14px;font-size:16px;line-height:1.6}.triangle-controls{gap:8px;display:grid}.triangle-controls button[data-cover=W]{color:#15618b;background:#dceffc;border-color:#9ac8e5}.triangle-controls button[data-cover=G]{color:#70409a;background:#efe2fb;border-color:#ceb0e7}.triangle-controls button[aria-pressed=true]{outline-offset:1px;outline:3px solid #385bcb}.triangle-selected-formula{text-align:center;background:#fffefa;border:1px solid #ead9b8;border-radius:10px;padding:14px 8px;font-size:22px!important}.triangle-selected-formula[hidden]{display:none}.triangle-selected-formula.expandable-formula{cursor:pointer}.expandable-formula .triangle-P{border-bottom:2px dotted #95500e}.triangle-selected-formula:focus-visible{outline-offset:2px;outline:3px solid #385bcb}.triangle-switch-hint{color:#75511a;text-align:center;grid-column:1/-1;margin:0;font-size:12px;line-height:1.4}.triangle-switch-hint[hidden]{display:none}.triangle-percent-conversion{text-align:center;grid-column:1/-1;margin:0;font-size:14px;line-height:1.6}.inline-percent-triangle{background:#fff4d8;border:1px solid #ead7ad;border-radius:12px;flex:none;grid-template-columns:minmax(90px,.8fr) minmax(115px,1fr);align-items:center;gap:8px 12px;padding:10px;display:grid}.inline-percent-triangle svg{width:100%;max-width:155px;height:130px;margin:0 auto}.inline-percent-triangle .triangle-controls{gap:5px}.inline-percent-triangle .triangle-controls button{width:100%;min-height:34px;padding:5px 7px;font-size:12px}.inline-percent-triangle .triangle-selected-formula{grid-column:1/-1;min-height:54px;margin:0;padding:7px;font-size:18px!important}@media (width>=701px) and (height<=760px){.solution-column:has(.inline-percent-triangle) .solution-values p{padding:3px 0;font-size:12px;line-height:1.3}.solution-column:has(.inline-percent-triangle) .solution-label{margin-bottom:2px;font-size:10px;line-height:1.3}}@media (width<=700px){.percent-triangle-layout{grid-template-columns:1fr}.percent-triangle-figure{max-width:220px;margin:auto}.percent-triangle-help{padding:12px}}@media (width>=701px){.solution-column{height:100%}body.task-screen .simple-task.video-solution-side .video-solution-columns .solution-column .solution{flex:1;height:auto;min-height:0}}@media (width<=850px){.percent-task-header{flex-wrap:wrap}.percent-task-header h1{font-size:22px}}@media (width>=701px) and (height<=760px){.video-solution-side .solution-values p{padding:5px 0;font-size:14px;line-height:1.4}.video-solution-side .solution-label{margin-bottom:3px;font-size:11px;line-height:1.4}}body.task-screen main{padding-top:12px}@media (width<=700px){.topbar.with-breadcrumbs .brand span{display:none}.topbar>.breadcrumbs{gap:5px;font-size:11px}}#appInfo::backdrop{background:#14334266}#appInfo{width:min(92vw,480px);max-height:calc(100dvh - 24px);color:var(--ink);background:linear-gradient(135deg,#fffdf9,#fff0e2);border:1px solid #efdac5;border-radius:24px;padding:0;overflow:auto;box-shadow:0 24px 80px #14334230}#appInfo form{text-align:center;padding:42px 20px 18px;position:relative}#appInfo .app-info-close{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:50%;padding:0;font-size:28px;position:absolute;top:4px;right:4px}#appInfo .app-info-close:hover{background:#fbe5d3}#appInfo .app-info-close:focus-visible{outline:3px solid var(--blue);outline-offset:2px}#appInfoText{margin:0 0 12px;font-size:1.05rem;line-height:1.5}#appInfoText p{margin:0 0 8px;font-size:1.05rem;line-height:1.5}#appInfoText .app-info-school-logo{object-fit:contain;width:min(100%,320px);height:auto;max-height:max(48px,100dvh - 215px);margin:0 auto;display:block}.app-info-credit{border-top:1px solid #e6d7c9;padding-top:12px}.app-info-credit p{margin:0;font-size:1rem;line-height:1.5}.app-info-credit p+p{color:var(--muted);margin-top:4px;font-size:.85rem}.topbar .app-info-button{background:0 0;border:0;flex-shrink:0;width:44px;margin-left:auto;padding:0;font-size:26px}.topbar nav{margin-left:0}