body.wf-design .study-page--motion{--sm-type:system-ui, -apple-system, "Segoe UI", sans-serif;background:#f1f1ee;min-height:100svh;padding-bottom:0}body.wf-design .study-page--motion .wf-header,body.wf-design .sm-preview>:not(.sm-lesson){font-family:var(--sm-type)}body.wf-design:has(.study-page--motion) .site-info{left:auto;right:12px;transform:none}body.wf-design .study-page--motion .wf-header{z-index:10;border:0;width:92.8%;max-width:none;min-height:92px;position:relative}body.wf-design .study-page--motion .wf-header nav{gap:40px;font-size:16px}body.wf-design .study-page--motion .wf-header a[href="/study/preview"]{font-weight:600}body.wf-design .study-page--motion .study-main{width:100%;max-width:none;margin:0;padding:0;animation:none}body.wf-design .study-page--motion .study-footer{display:none}.sm-preview{--subject-opacity:1;--year-opacity:0;--course-opacity:0;--scene-opacity:1;--lesson-opacity:0;color:#202629;min-height:calc(100svh - 92px);position:relative}.sm-preview fieldset{border:0;min-inline-size:0;margin:0;padding:0}.sm-scene{height:calc(100svh - 92px);opacity:var(--scene-opacity);position:absolute;inset:0 0 auto;overflow:hidden}.sm-scene canvas{touch-action:pan-y;width:100%;height:100%;display:block}.sm-preview:not([data-ready=true]) :is(.sm-scene canvas,.sm-subjects){visibility:hidden}.sm-arriving{pointer-events:none;opacity:1;transition:opacity .18s,visibility 0s .18s;position:absolute;inset:0;overflow:hidden}.sm-arriving i{background:linear-gradient(90deg,#0000,#e0e7e16b 32%,#ffffffba 52%,#0000);width:35%;animation:1.6s cubic-bezier(.4,0,.2,1) infinite sm-arrival-sweep;position:absolute;inset:-20% auto -20% -60%;transform:skew(-14deg)}.sm-arriving i:nth-child(2){opacity:.6;animation-delay:-530ms}.sm-arriving i:nth-child(3){opacity:.35;animation-delay:-1060ms}.sm-preview[data-ready=true] .sm-arriving{opacity:0;visibility:hidden}@keyframes sm-arrival-sweep{0%{translate:0}to{translate:480%}}@media (prefers-reduced-motion:reduce){.sm-arriving{display:none}}.sm-preview:not(.sm-busy)[data-stage=lesson] .sm-scene{visibility:hidden}body.wf-design .sm-preview button:not(.sm-lesson button),body.wf-design .sm-atom button{box-shadow:none;color:#202629;background:0 0;border:0;border-radius:0}body.wf-design .sm-preview button:focus-visible{outline-offset:6px;outline:2px solid #7596ae}body.wf-design .sm-preview button:disabled{cursor:default}.sm-back{z-index:8;padding:9px 4px;font-size:16px;position:absolute;top:14px;left:4%}.sm-back:disabled{opacity:.5}.sm-labels{pointer-events:none;height:calc(100svh - 92px);position:absolute;inset:0}.sm-labels button{transform:translate3d(var(--x,0px),var(--y,0px),0) translate(-50%,-100%);pointer-events:auto;letter-spacing:-.015em;white-space:nowrap;padding:12px 5px;font-size:clamp(16px,1.16vw,19px);font-weight:400;line-height:1.5;transition:color .18s;position:absolute;top:0;left:0}body.wf-design .sm-labels button{font-family:var(--sm-type);color:#3f494d}.sm-labels[inert] button{pointer-events:none}.sm-preview:not(.sm-fallback) .sm-labels button:not([data-positioned]){visibility:hidden}.sm-busy .sm-labels button{will-change:transform}.sm-busy :is(.sm-scene,.sm-labels,.sm-context,.sm-lesson){will-change:opacity,transform}.sm-labels button:hover{color:#456c84}.sm-leader{background:#a1aaa9;width:1px;height:28px;display:block;position:absolute;top:100%;left:50%}.sm-leader:after{content:"";background:#354a55;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-2px;left:-1.5px}.sm-subjects{opacity:var(--subject-opacity)}.sm-years{opacity:var(--year-opacity)}.sm-years button{font-size:17px}.sm-years button:first-child{margin-top:-25px;margin-left:-48px}.sm-years button:nth-child(2){margin-top:-25px;margin-left:48px}.sm-years button:nth-child(3){margin-top:-85px;margin-left:85px}.sm-context{z-index:3;pointer-events:none;position:absolute;top:83px;left:max(7%,50% - 535px)}body.wf-design .sm-context h2{letter-spacing:-.02em;margin:0 0 14px;font-size:22px;font-weight:600;line-height:1.4}.sm-context--years{opacity:var(--year-opacity)}.sm-context--courses{opacity:var(--course-opacity)}.sm-context h2 span{color:#596168;font-size:.88em;font-weight:400}.sm-units{pointer-events:auto;gap:24px;display:flex}.sm-units button{padding:8px 0;font-size:14px;transition:color .18s,box-shadow .18s;color:#6a7379!important}.sm-units button[aria-pressed=true]{color:#202629!important;box-shadow:0 1px #202629!important}.sm-courses{opacity:calc(var(--course-opacity) * var(--listing-opacity,1))}.sm-courses button{white-space:normal;text-align:center;width:14vw;max-width:160px;min-height:58px;transform:translate3d(var(--x,0px),var(--y,0px),0) translate(-50%,-50%);font-size:clamp(14px,.95vw,15px);font-weight:400;line-height:1.55}.sm-complete{color:#627f77;padding-left:6px}.sm-course-footer{opacity:var(--course-opacity);justify-content:space-between;align-items:center;display:flex;position:absolute;top:calc(100svh - 215px);left:max(7%,50% - 535px);right:max(7%,50% - 535px)}.sm-pagination{color:#65717a;align-items:center;gap:20px;font-size:14px;display:flex}.sm-pagination button{width:40px;height:40px;font-size:20px}.sm-pagination button:disabled{opacity:.25}.sm-course-footer a{color:#5c6870;font-size:14px;text-decoration:none}.sm-status,.sm-error{z-index:10;font-size:16px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.sm-error{background:#f1f1eeed;padding:16px}.sm-error button{margin-left:12px;text-decoration:underline}.sm-sync-alert{z-index:20;color:#584828;background:#f1ebddf5;border:1px solid #cab891;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 18px;font-size:14px;display:flex;position:fixed;bottom:24px;left:4%;right:4%}.sm-sync-alert button{text-underline-offset:4px;text-decoration:underline}.sm-busy .sm-labels,.sm-busy .sm-labels button{pointer-events:none}.sm-lesson{opacity:var(--lesson-opacity);transform:translate3d(0,var(--lesson-shift,0px),0);padding:74px max(4%,50% - 730px) 80px;position:relative}.sm-preview:not(.sm-busy)[data-stage=lesson] .sm-lesson{opacity:1}body.wf-design .sm-lesson .wf-lesson-frame{grid-template-columns:180px minmax(0,1fr);gap:50px;max-width:1380px;margin:auto;display:grid}body.wf-design .sm-lesson .wf-lesson-article{width:100%;min-width:0;max-width:none}body.wf-design .sm-lesson .wf-lesson-heading h1{margin:18px 0 25px;font-size:32px;font-weight:600;line-height:1.3}body.wf-design .sm-lesson .wf-course-nav{padding-top:15px}body.wf-design .sm-lesson .lesson-prose{max-width:none}body.wf-design .sm-lesson .lesson-prose>p{max-width:72ch}body.wf-design .sm-lesson .wf-atom-intro>h2{color:#202629;margin-top:36px;font-size:23px;font-weight:600}.sm-atom{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(125deg,#fafbf980,#e5e9e77a);border:1px solid #d9dfdc;border-radius:5px;margin:30px 0 0;padding:26px 34px 21px;box-shadow:0 12px 30px #303d4210,inset 0 1px #fff8}.sm-atom-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.sm-atom-head strong{font-family:var(--wf-heading);font-size:20px;font-weight:600}.sm-isotopes{gap:20px;display:flex}body.wf-design .sm-isotopes button{color:#5c696e;min-height:44px;padding:8px 0;font-size:14px}body.wf-design .sm-isotopes button[aria-pressed=true]{color:#202629;box-shadow:0 1px #526873}.sm-atom-body{grid-template-columns:1.35fr 1fr;align-items:center;gap:42px;padding:5px 0 15px;display:grid}.sm-atom svg{width:100%;max-width:520px;overflow:visible}.sm-atom svg text{fill:#505f66;font-family:Arial,Helvetica,sans-serif;font-size:13px}.sm-particle{cursor:pointer;outline:none}.sm-particle-disc{stroke:#0000;stroke-width:2px;transition:stroke .16s,fill .16s}.sm-particle--proton .sm-particle-disc{fill:#a3b4bd}.sm-particle--neutron .sm-particle-disc{fill:#d1d9d5}.sm-particle--electron .sm-particle-disc{fill:#506771}:is(.sm-particle.is-selected .sm-particle-disc,.sm-particle:hover .sm-particle-disc,.sm-particle:focus-visible .sm-particle-disc){stroke:#2b505f}.sm-atom svg .sm-particle-symbol{text-anchor:middle;dominant-baseline:central;fill:#27393f;pointer-events:none;font-size:13px}.sm-atom svg .sm-particle--electron text{fill:#fff}.sm-particle-choices{gap:13px;display:grid}body.wf-design .sm-particle-choices button{text-align:left;grid-template-columns:13px 1fr 25px;align-items:center;gap:13px;width:100%;min-height:50px;padding:4px 0;font-size:16px;display:grid}body.wf-design .sm-particle-choices button[aria-pressed=true]{color:#365e70}.sm-particle-choices small{color:#637077;margin-top:1px;font-size:13px;display:block}.sm-particle-key{background:#a3b4bd;border-radius:50%;width:8px;height:8px}.sm-particle-key--neutron{background:#c3cdc7}.sm-particle-key--electron{background:#506771}body.wf-design .sm-atom-feedback{color:#54646b;min-height:65px;margin:20px 0 0;font-size:13px;line-height:1.65}.sm-atom figcaption{color:#657278;font-size:12px;line-height:1.5}.sm-atom-notes{color:#536169;margin:15px 0 22px;font-size:14px}.sm-atom-notes summary{cursor:pointer}.sm-atom-notes p{max-width:72ch;margin:16px 0 0}.sm-fallback .sm-scene{display:none}.sm-fallback .sm-labels{opacity:1;flex-wrap:wrap;justify-content:center;gap:25px;height:auto;padding:190px 6% 90px;display:flex;position:relative}.sm-fallback .sm-labels button{width:auto;max-width:230px;margin:0;position:static;transform:none;border-bottom:1px solid #cbd2d5!important}.sm-fallback .sm-leader{display:none}.sm-fallback .sm-course-footer{opacity:1;top:auto;bottom:60px}.sm-fallback .sm-lesson{opacity:1}.sm-fallback [aria-hidden=true]{display:none}.sm-fallback .sm-context{opacity:1}.sm-fallback-note{color:#65717a;text-align:center;font-size:14px}@media (min-width:701px){body.wf-design .sm-preview .sm-labels.sm-courses button{font-family:var(--font-geist-sans), var(--sm-type);letter-spacing:.012em;color:#536268;text-shadow:0 1px #ffffffa6;text-wrap:balance;transform:translate3d(var(--x,0px),var(--y,0px),0) translate(-50%,-50%) rotate(var(--card-angle,0deg));font-size:clamp(14px,.94vw,15px);font-weight:380;line-height:1.6;transition:color .22s,text-shadow .22s}body.wf-design .sm-preview .sm-labels.sm-courses button:is(:hover,:focus-visible){color:#354f5a;text-shadow:0 1px #ffffffc2}body.wf-design .sm-preview:not(.sm-fallback) .sm-labels button:disabled{opacity:1;transform:translate3d(var(--x,0px),var(--y,0px),0) translate(-50%,-100%)}body.wf-design .sm-preview:not(.sm-fallback) .sm-courses button:disabled{transform:translate3d(var(--x,0px),var(--y,0px),0) translate(-50%,-50%) rotate(var(--card-angle,0deg))}body.wf-design .sm-preview.sm-fallback .sm-labels.sm-courses button{transform:none}}@media (max-width:700px){body.wf-design .study-page--motion .wf-header{width:90%;min-height:76px}body.wf-design .study-page--motion .wf-brand{font-size:21px}body.wf-design .study-page--motion .wf-header nav{gap:17px;font-size:14px}.sm-preview{min-height:calc(100svh - 76px)}.sm-scene,.sm-labels{height:calc(100svh - 76px)}.sm-preview .sm-subjects{flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;padding-bottom:9svh;display:flex}.sm-subjects button{font-size:17px;position:static;transform:none}.sm-subjects .sm-leader{display:none}.sm-context{top:70px;left:6%;right:6%}body.wf-design .sm-context h2{font-size:19px}.sm-years button{font-size:16px}.sm-preview .sm-courses{grid-template-columns:1fr 1fr;align-content:end;gap:10px;padding:0 6% 170px;display:grid}.sm-courses button{width:auto;max-width:none;min-height:46px;font-size:14px;position:static;transform:none;background:#f4f5f1a6!important;border-bottom:1px solid #d5dad8!important}.sm-course-footer{top:calc(100svh - 175px);left:6%;right:6%}.sm-pagination{gap:8px}.sm-lesson{padding:67px 6% 50px}body.wf-design .sm-lesson .wf-lesson-frame{display:block}body.wf-design .sm-lesson .wf-course-nav{flex-flow:wrap;gap:18px;padding:0 0 28px;display:flex;position:static}body.wf-design .sm-lesson .wf-course-label{display:none}body.wf-design .sm-lesson .wf-lesson-heading h1{font-size:27px}.sm-atom{padding:16px}.sm-atom-head{gap:12px}.sm-atom-head strong{font-size:17px}.sm-isotopes{gap:12px}body.wf-design .sm-isotopes button{font-size:13px}.sm-atom-body{display:block}.sm-atom svg{min-height:210px}.sm-atom-info{padding:0 10px}.sm-particle-choices{gap:2px}body.wf-design .sm-atom-feedback{min-height:0}}@media (prefers-reduced-motion:reduce){.sm-preview *,.sm-preview :before,.sm-preview :after{transition-duration:.001ms!important;animation-duration:.001ms!important}}