:root{--accent:#3aa6b9;--teal:#0f5662;--teal-hover:#093e48;--ink:#263b43;--body:#454f5e;--muted:#586770;--canvas:#e5edef;--mint:#e9f8f9;--line:#dce6e7;--white:#fff;--radius:22px;--shadow:0 12px 40px #123d4810;color:var(--body);background:var(--canvas);font-synthesis:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:var(--teal);text-underline-offset:4px}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:disabled:not(.win-button){opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-offset:4px;outline:3px solid #19798c}button svg,a svg{flex-shrink:0}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink)}h1{letter-spacing:-1.8px;margin-bottom:20px;font-size:clamp(2.1rem,3.2vw,3.3rem);font-weight:620;line-height:1.13}h1 span{color:var(--teal)}h2{letter-spacing:-.5px;font-size:1.45rem;font-weight:620}h3{font-size:1.05rem;font-weight:650}p{line-height:1.7}svg{vertical-align:middle}input{min-width:0}input::placeholder{color:#66757c}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:#fff;padding:16px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh}.navigation-backdrop{display:none}@media (max-width:800px){.navigation-backdrop{z-index:29;background:#183d4840;border:0;border-radius:0;width:100%;padding:0;display:block;position:fixed;inset:65px 0 0}}.sidebar{border-right:1px solid var(--line);z-index:30;background:#fff;flex-direction:column;width:246px;padding:35px 22px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{flex-direction:column;align-items:flex-start;margin:0 4px 40px;text-decoration:none;display:flex}.brand img{width:192px;height:auto}.brand>span{letter-spacing:3.2px;margin-top:7px;padding-left:39px;font-size:.7rem;font-weight:700}.nav-label{color:var(--muted);margin:0 8px 14px;font-size:.75rem}.nav-link{min-height:50px;color:var(--body);border-radius:10px;align-items:center;gap:12px;margin-bottom:6px;padding:14px 13px;font-size:.92rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background:#f4f8f8}.nav-link.active{background:var(--mint);color:var(--teal);font-weight:650}.sidebar-note{border-top:1px solid var(--line);margin:52px 0 24px;padding-top:24px;font-size:.87rem}.sidebar-note-panel{background:#edf3f3;border-radius:10px;padding:16px}.small-emblem{color:var(--teal);margin-bottom:14px}.sidebar-note strong{color:var(--ink);font-size:.95rem;font-weight:600;line-height:1.55;display:block}.sidebar-note p{color:var(--muted);margin:12px 0 14px;font-size:.83rem;line-height:1.65}.sidebar-note a{align-items:center;gap:6px;font-size:.79rem;font-weight:650;text-decoration:none;display:flex}.sidebar-footer{gap:18px;margin-top:auto;padding:12px 10px 0;display:grid}.sidebar-footer a{color:var(--muted);align-items:center;gap:8px;font-size:.75rem;text-decoration:none;display:flex}.workspace{min-width:0;margin-left:246px}.topbar{border-bottom:1px solid var(--line);height:78px;color:var(--muted);background:#ffffff8a;justify-content:space-between;align-items:center;padding:0 48px;font-size:.8rem;display:flex}.topbar strong{color:var(--ink);font-weight:500}.topbar-slash{color:#a9b4b8;padding:0 13px}.quiet-tag{align-items:center;gap:8px;font-size:.75rem;display:flex}.quiet-tag>span,.pill>span{background:var(--teal);border-radius:50%;width:6px;height:6px}.page{max-width:1260px;margin:auto;padding:45px 48px 36px}.home-page{max-width:1180px}.eyebrow{text-transform:uppercase;letter-spacing:2.2px;color:var(--teal);margin-bottom:17px;font-size:.7rem;font-weight:700}.page-intro{color:var(--muted);margin-bottom:27px;font-size:1.05rem}.search-form{background:#fff;border:1px solid #cbdcde;border-radius:12px;align-items:center;gap:13px;max-width:665px;min-height:60px;padding:5px 7px 5px 19px;display:flex;box-shadow:0 3px 9px #163e4803}.search-form>svg{color:var(--teal)}.search-form input{outline-offset:0;background:0 0;border:none;flex:1;width:100%;padding:13px 0;font-size:.98rem}.search-form button{width:45px;min-height:44px;color:var(--teal);background:var(--mint);border:none;border-radius:8px;place-items:center;display:grid}.section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin:35px 0 17px;display:flex}.section-heading h2{margin:0;font-size:1.25rem}.section-heading>span{color:var(--muted);font-size:.8rem}.featured-lesson{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;grid-template-columns:1.05fr 1fr;display:grid;overflow:hidden}.featured-copy{padding:30px 33px}.pill{letter-spacing:1px;color:var(--teal);border:1px solid #cee6e7;border-radius:5px;align-items:center;gap:7px;padding:6px 9px;font-size:.63rem;font-weight:700;display:inline-flex}.lesson-category{letter-spacing:1.3px;color:var(--muted);margin:23px 0 11px;font-size:.62rem;font-weight:650}.featured-copy h2{letter-spacing:-.8px;margin-bottom:15px;font-size:2rem;line-height:1.2}.featured-copy>p:not(.lesson-category){margin-bottom:19px;font-size:.93rem;line-height:1.65}.lesson-meta{color:var(--muted);flex-wrap:wrap;gap:22px;margin-bottom:24px;font-size:.8rem;display:flex}.lesson-meta>span{align-items:center;gap:7px;display:flex}.button{min-height:46px;color:var(--teal);background:#fff;border:1px solid #ccdcde;border-radius:8px;justify-content:center;align-items:center;gap:16px;padding:12px 20px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.button.primary{background:var(--teal);border-color:var(--teal);color:#fff}.button.primary:hover{background:var(--teal-hover)}.button:hover{border-color:var(--teal)}.no-account{color:var(--muted);align-items:center;gap:5px;margin-top:12px;font-size:.72rem;display:flex}.featured-artwork{border-radius:14px;place-self:center;width:calc(100% - 40px);max-width:390px;margin:20px;overflow:hidden}.featured-artwork img{width:100%;height:auto;display:block}.folder-preview{background:linear-gradient(145deg,#e7f5f5,#f1f8f6);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;margin:21px 21px 21px 0;padding:60px 24px 35px;display:flex;position:relative}.preview-location{color:var(--teal);align-items:center;gap:9px;font-size:.75rem;display:flex;position:absolute;top:22px;left:24px}.preview-location>span{color:#829899}.preview-folder{flex-direction:column;align-items:center;gap:16px;padding:24px 34px;display:flex}.preview-folder>svg{fill:#eac660;stroke:#b1842b;filter:drop-shadow(0 9px 10px #b1842b1f)}.preview-folder>strong{color:var(--ink);font-size:.95rem;font-weight:550}.preview-caption{color:#526c72;text-align:center;max-width:235px;margin-top:18px;font-size:.73rem;line-height:1.65}.caption-line{background:#bcd6d7;width:34px;height:1px;margin:0 auto 14px;display:block}.preview-label{letter-spacing:1.6px;color:#536e74;font-size:.57rem;position:absolute;bottom:20px;right:21px}.learning-rhythm{padding:33px 0 25px}.learning-rhythm>h2{margin-bottom:25px;font-size:1.18rem}.rhythm-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.rhythm-grid>div{padding-left:36px;position:relative}.step-number{color:var(--teal);font-size:.8rem;font-weight:650;position:absolute;top:1px;left:0}.rhythm-grid h3{margin-bottom:7px;font-size:.85rem}.rhythm-grid p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.6}.path-strip{background:var(--white);border:1px solid var(--line);border-radius:12px;align-items:center;gap:15px;padding:20px;text-decoration:none;display:flex}.home-path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.home-path-grid .path-strip{align-items:flex-start;margin:0}.home-path-grid .path-strip>div{min-width:0}.home-path-grid .path-strip>svg{flex-shrink:0;margin-top:5px}.home-path-grid small{color:var(--teal);margin-top:10px;font-weight:700;display:block}@media (max-width:900px){.home-path-grid{grid-template-columns:1fr}}.path-icon{border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;width:45px;height:45px;display:grid}.path-strip>div{flex:1;gap:5px;display:grid}.path-strip strong{color:var(--ink);font-size:.9rem;font-weight:600}.path-strip span:not(.path-icon){font-size:.8rem}.page-footer{border-top:1px solid var(--line);max-width:1260px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:20px;margin:auto;padding:20px 48px 25px;font-size:.7rem;display:flex}.page-footer a{color:var(--muted)}.mobile-header{display:none}.icon-button{border:1px solid var(--line);background:#fff;border-radius:7px;place-items:center;width:44px;height:44px;display:inline-grid}.prose{max-width:780px}.prose h2{margin-top:34px}.prose p,.prose li{line-height:1.8}.breadcrumb{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:25px;font-size:.79rem;display:flex}.breadcrumb a{text-decoration:none}.breadcrumb span{color:var(--muted)}.surface{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin:22px 0;padding:30px}.surface h2{margin-top:0}.text-link{align-items:center;gap:9px;font-weight:600;display:inline-flex}.empty-state{padding:25px 0}.notice{border-left:3px solid var(--accent);background:var(--mint);border-radius:0 8px 8px 0;padding:13px 18px;font-size:.9rem;line-height:1.65}.muted{color:var(--muted)}@media (min-width:1600px){.page{padding-top:60px}.home-page h1{font-size:3.5rem}.featured-copy{padding:38px}.folder-preview{margin:24px 24px 24px 0}}@media (max-width:1100px){.sidebar{width:220px;padding:30px 15px}.brand img{width:180px}.workspace{margin-left:220px}.topbar{padding:0 30px}.page{padding:35px 30px}.page-footer{padding:20px 30px}.featured-copy{padding:25px}.folder-preview{padding-left:15px;padding-right:15px}.featured-copy h2{font-size:1.8rem}.rhythm-grid{gap:15px}}@media (max-width:800px){.sidebar{width:260px;padding-top:24px;display:none;top:65px;box-shadow:15px 0 40px #183d4820}.sidebar.is-open{display:flex}.sidebar .brand{display:none}.sidebar-note{margin-top:30px}.workspace{margin-left:0}.mobile-header{border-bottom:1px solid var(--line);z-index:40;background:#fff;justify-content:space-between;align-items:center;height:65px;padding:0 20px;display:flex;position:sticky;top:0}.mobile-header>a{gap:3px;font-size:.95rem;font-weight:700;text-decoration:none;display:grid}.mobile-header>a>span{letter-spacing:1px;font-size:.65rem;font-weight:500}.topbar{height:50px;padding:0 24px}.topbar .quiet-tag{display:none}.page{padding:30px 24px}.page-footer{flex-wrap:wrap;padding:20px 24px}.home-page h1{font-size:2.7rem}.featured-copy h2{font-size:1.9rem}}@media (max-width:560px){h1{letter-spacing:-1px}.home-page h1{font-size:2.25rem}.page{padding:29px 19px}.page-intro{font-size:1rem}.featured-lesson{grid-template-columns:1fr}.featured-copy{padding:26px}.folder-preview{min-height:200px;margin:0 16px 16px;padding:35px 15px 30px}.preview-location{top:16px;left:17px}.preview-folder{gap:5px;padding:15px}.preview-folder>svg{width:63px;height:63px}.preview-caption{margin-top:5px}.caption-line{display:none}.preview-label{font-size:.55rem;bottom:13px}.rhythm-grid{grid-template-columns:1fr;gap:23px}.rhythm-grid h3{font-size:.95rem}.rhythm-grid p{font-size:.9rem}.section-heading{align-items:center}.section-heading>span{display:none}.section-heading h2{font-size:1.12rem}.search-form{padding-left:13px}.search-form input{font-size:.87rem}.surface{padding:23px}.page-footer{font-size:.7rem}.sidebar-note{font-size:.9rem}.nav-label{font-size:.8rem}.lesson-category{font-size:.68rem}}.catalogue-lesson{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:23px;margin-bottom:18px;padding:27px;text-decoration:none;display:flex}.catalogue-lesson:hover{border-color:var(--accent);box-shadow:var(--shadow)}.catalogue-lesson>div{flex:1}.catalogue-icon{background:var(--mint);color:var(--teal);border-radius:14px;place-items:center;width:66px;height:66px;display:grid}.catalogue-lesson h3{margin:9px 0;font-size:1.3rem}.catalogue-lesson p{color:var(--body);margin-bottom:15px;font-size:.94rem}.catalogue-lesson .lesson-meta{align-items:center;gap:7px;margin:0;display:flex}.unit-card{align-items:center;gap:28px;text-decoration:none;display:flex}.unit-card>div{flex:1}.unit-card p{color:var(--body)}.unit-card h2{margin-top:12px}.unit-card>div>span:last-child{color:var(--muted);font-size:.85rem}.unit-number{color:var(--teal);font-size:2.6rem;font-weight:300}.unit-outcome{background:var(--mint)}.unit-outcome p{margin:0}.search-examples{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 30px;font-size:.84rem;display:flex}.search-examples a{border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px 10px;text-decoration:none}.progress-card-heading{color:var(--teal);align-items:center;gap:20px;display:flex}.progress-card-heading h2{margin:6px 0 20px}.progress-card progress{width:100%;height:9px;accent-color:var(--teal);margin:15px 0}.lesson-page{max-width:1450px;padding-top:30px}.lesson-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.lesson-title h1{letter-spacing:-1.15px;margin-bottom:16px;font-size:clamp(1.85rem,2.7vw,2.7rem)}.lesson-title .eyebrow{margin-bottom:10px}.lesson-title>.pill{white-space:nowrap;align-self:flex-start;margin-top:23px}.lesson-page>.lesson-meta{margin-bottom:26px}.lesson-progress{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:26px;padding:17px 22px}.progress-topline{color:var(--muted);justify-content:space-between;margin-bottom:15px;font-size:.75rem;display:flex}.progress-topline>span:first-child{color:var(--teal);font-weight:650}.lesson-progress ol{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:11px;margin:0;padding:0;list-style:none;display:grid}.lesson-progress li{min-width:0}.lesson-progress button{text-align:left;background:0 0;border:0;border-top:3px solid #dce7e8;align-items:center;gap:8px;width:100%;min-height:44px;padding:10px 0 1px;display:flex}.lesson-progress button>span{color:#526a73;border:1px solid #8fa6ad;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.7rem;display:grid}.lesson-progress button>strong{color:#526a73;font-size:.77rem;font-weight:500;line-height:1.3}.lesson-progress button.current{border-color:var(--teal)}.lesson-progress button.current>span{background:var(--teal);border-color:var(--teal);color:#fff}.lesson-progress button.current>strong{color:var(--teal);font-weight:650}.lesson-progress button.complete{border-color:var(--accent)}.lesson-progress button.complete>span{background:var(--mint);border-color:var(--accent);color:var(--teal)}.lesson-content-layout{grid-template-columns:minmax(0,1fr) 180px;gap:28px;display:grid}.lesson-content{min-width:0}.lesson-mode{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-bottom:23px;font-size:.72rem;display:flex}.lesson-mode>span{align-items:center;gap:6px;display:flex}.text-button{min-height:32px;color:var(--teal);text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-size:.77rem;font-weight:500;text-decoration:underline;display:inline-flex}.teaching-section{border:1px solid var(--line);background:#fff;border-radius:17px;margin-bottom:20px;padding:28px}.teaching-section>.eyebrow{letter-spacing:1.8px;margin-bottom:12px;font-size:.67rem}.teaching-section>h2{letter-spacing:-.6px;margin-bottom:21px;scroll-margin-top:95px;font-size:1.75rem;line-height:1.2}.teaching-section>h2:focus{outline:none}.teaching-text{max-width:68ch;margin-bottom:25px;font-size:1rem;line-height:1.75}.orientation{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:25px;padding:0;display:grid}.orientation>div{background:#e5f3f3;border:1px solid #c3dddf;border-radius:10px;padding:16px}.teaching-section[data-gate=read]>.teaching-text{max-width:none}.orientation span{color:var(--teal);font-size:.75rem;font-weight:650}.orientation p{margin:9px 0 0;font-size:.87rem;line-height:1.65}.concept-example{background:#fff6df;border:1px solid #e7d5a8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:205px;padding:24px 18px 15px;display:flex}.concept-folder{color:var(--ink);background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:12px 22px;display:flex}.concept-folder>svg{fill:#eac660;stroke:#ab7b24;stroke-width:1.2px}.concept-folder strong{font-size:.95rem;font-weight:600}.concept-folder span{color:var(--teal);margin-top:3px;font-size:.76rem;text-decoration:underline}.concept-folder:hover{border-color:#bcd9d8}.concept-example>p{color:var(--muted);margin:10px 0;font-size:.8rem}.concept-files{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:10px;display:flex}.concept-files>span{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:10px;padding:13px 15px;font-size:.85rem;display:flex}.concept-files>span>svg{color:var(--teal)}.concept-files>p{text-align:center;width:100%;margin:0;font-size:.78rem}.visual-caption{color:var(--muted);text-align:center;margin:12px 0 23px;font-size:.75rem;line-height:1.65}.teaching-callout{border-left:4px solid var(--teal);background:#e5f3f3;border-radius:0 10px 10px 0;margin-top:22px;padding:16px 18px}.teaching-callout strong{color:var(--teal);font-size:.87rem}.teaching-callout p{margin:7px 0 0;font-size:.9rem;line-height:1.7}.lesson-aside{padding:18px 0}.aside-icon{width:44px;height:44px;color:var(--teal);background:#e3f0f1;border-radius:11px;place-items:center;margin-bottom:20px;display:grid}.lesson-aside h3{font-size:.96rem;line-height:1.6}.lesson-aside p{color:var(--muted);font-size:.83rem;line-height:1.8}.aside-divider{border-top:1px solid var(--line);margin:26px 0 21px}.lesson-aside>span{letter-spacing:1.4px;color:var(--muted);margin-bottom:11px;font-size:.62rem;display:block}.lesson-aside>a{align-items:center;gap:8px;font-size:.83rem;font-weight:600;text-decoration:none;display:flex}.lesson-aside details{background:var(--white);border:1px solid var(--line);border-radius:12px;margin-top:30px;padding:16px}.lesson-aside summary{cursor:pointer;color:var(--teal);font-size:.76rem;line-height:1.7}.lesson-aside details p{margin-top:12px;font-size:.78rem}.lesson-aside details a{font-size:.76rem}.lesson-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.lesson-actions>span{color:var(--muted);max-width:160px;font-size:.73rem;line-height:1.6}.lesson-actions>.button{gap:9px;padding:12px 15px;font-size:.8rem}.lesson-help-note{border:1px solid var(--line);border-left:3px solid var(--teal);background:var(--mint);color:var(--body);border-radius:12px;margin:1.5rem 0 0;padding:1rem 1.25rem;font-size:1rem;line-height:1.65}.lesson-help-note a{width:fit-content;max-width:100%;min-height:44px;color:var(--teal);text-underline-offset:4px;margin-top:.2rem;padding:.55rem 0;font-weight:650;text-decoration:underline;display:block}.lesson-help-note a:hover{color:var(--teal-hover);text-decoration-thickness:2px}.progress-saving{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;margin:18px 0;font-size:.72rem;line-height:1.6;display:flex}.completion-banner{color:#255f46;background:#e9f6ee;border:1px solid #a7cfc5;border-radius:14px;align-items:center;gap:20px;margin-bottom:25px;padding:24px;display:flex}.completion-banner strong{font-size:1rem}.completion-banner p{margin:8px 0 0;font-size:.86rem}.completion-banner a{white-space:nowrap;font-size:.83rem}.restart-confirmation{border:1px solid var(--line);background:#fff;border-radius:12px;margin:20px 0;padding:22px}.restart-confirmation .button{margin:0 10px 10px 0}.read-view-note,.written-steps{font-size:.88rem;line-height:1.8}.read-view-note{color:var(--muted);margin-top:20px}.practical-guide ol{gap:20px;margin:0 0 25px;padding:0;list-style:none;display:grid}.practical-guide li{align-items:flex-start;gap:15px;display:flex}.practical-guide li>span{background:var(--mint);width:29px;height:29px;color:var(--teal);border-radius:50%;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:650;display:grid}.practical-guide li>p{margin:0;font-size:.95rem;line-height:1.75}.knowledge-check fieldset{border:0;margin:0 0 20px;padding:0}.knowledge-check legend{color:var(--ink);margin-bottom:20px;font-size:1.1rem;font-weight:600;line-height:1.65}.answer-option{border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:flex-start;gap:15px;margin-bottom:13px;padding:17px;font-size:.92rem;line-height:1.7;display:flex}.answer-option input{accent-color:var(--teal);flex-shrink:0;width:18px;height:18px;margin-top:5px}.answer-option.chosen{border-color:var(--teal);background:#f1f8f8}.answer-feedback{background:#f4f7f9;border-left:3px solid #5f7b94;border-radius:0 8px 8px 0;margin-top:22px;padding:18px;font-size:.94rem;line-height:1.7}.answer-feedback.correct{background:#eef8f2;border-color:#35785a}.answer-feedback p{margin:7px 0 0}.simulation-heading{letter-spacing:.9px;color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:15px;font-size:.65rem;display:flex}.simulation-heading>span:first-child{color:var(--teal);align-items:center;gap:7px;font-weight:650;display:flex}.practice-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.simulation-scroll{background:#dcebf5;border:1px solid #afc9d4;border-radius:9px;max-width:100%;overflow:auto}.windows-desktop{color:#202020;background:#1454a0 url(/learninghub/illustrations/desktop-waves.webp) 50%/cover no-repeat;flex-direction:column;min-width:540px;height:415px;font-family:Segoe UI,sans-serif;display:flex;position:relative;container:explorer/inline-size}.explorer-visual{flex:1;min-height:0;padding:14px 12px}.explorer-window{background:#fff;border:1px solid #b6bdc2;border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:visible;box-shadow:0 4px 16px #1638492c}.win-titlebar{background:#e7e7e7;border-radius:8px 8px 0 0;flex-shrink:0;align-items:center;height:35px;padding-left:6px;display:flex;overflow:hidden}.win-tab{background:#f8f8f8;border-radius:7px 7px 0 0;align-self:flex-end;align-items:center;gap:8px;width:185px;min-width:0;height:30px;padding-left:10px;font-size:.69rem;display:flex}.win-tab>svg{color:#ad7e21;fill:#e9bd51;flex-shrink:0}.win-tab>span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.win-button{color:#444;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;gap:6px;min-width:30px;min-height:30px;padding:6px;display:inline-flex}.win-button:hover:not(:disabled){background:#dde2e6}.win-button:disabled{color:#858e93}.window-controls{align-self:stretch;margin-left:auto;display:flex}.window-controls>.win-button{border-radius:0;width:37px}.window-controls>.close-window:hover{color:#fff;background:#c52b1c}.win-address{background:#f8f8f8;align-items:center;gap:1px;min-height:43px;padding:6px 5px;display:flex}.address-crumb{white-space:nowrap;background:#f0f0f0;border-radius:4px;flex:1;align-items:center;gap:8px;min-width:0;height:31px;padding:0 9px;font-size:.69rem;display:flex;overflow:hidden}.address-crumb>span:last-of-type{text-overflow:ellipsis;overflow:hidden}.address-crumb>span:first-child>svg{color:#9f751f;fill:#edc660}.address-crumb button{color:#30343a;white-space:nowrap;background:0 0;border:none;min-height:28px;padding:4px 0;font-size:.69rem}.address-crumb>svg:last-child{flex-shrink:0;margin-left:auto}.win-search{background:#f0f0f0;border-radius:4px;align-items:center;gap:4px;width:24%;min-width:90px;height:31px;margin-left:6px;padding:0 7px;display:flex}.win-search input{color:#333;background:0 0;border:0;width:100%;min-width:0;padding:6px 0;font-size:.66rem}.win-search svg{flex-shrink:0}.win-search .clear-search{flex-shrink:0;min-width:24px;min-height:24px;padding:2px}.win-toolbar{background:#fafafa;border-bottom:1px solid #e0e0e0;flex-shrink:0;align-items:center;gap:1px;min-height:44px;padding:3px 7px;display:flex}.windows-command-icon{flex-shrink:0}.win-toolbar .win-button{color:#565d62}.win-toolbar .win-button:disabled{color:#8a9297}.win-toolbar .details-command{margin-left:auto}@container explorer (max-width:600px){.details-command{display:none}}.new-button{white-space:nowrap;min-height:34px;padding:5px 8px;font-size:.71rem}.new-button.pressed{background:#dce8ef}.toolbar-divider{border-left:1px solid #dedede;height:22px;margin:0 4px}.toolbar-label{white-space:nowrap;gap:4px;font-size:.65rem}.new-menu-container{position:relative}.win-new-menu{z-index:8;background:#f9f9f9;border:1px solid #d1d1d1;border-radius:7px;width:200px;padding:4px;position:absolute;top:36px;left:0;box-shadow:0 7px 20px #0002}.win-new-menu>button{text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:13px;width:100%;min-height:39px;padding:6px 12px;font-size:.77rem;display:flex}.win-new-menu>button:first-child>svg{fill:#e9bd4e;stroke:#ab7d26}.win-new-menu>button:hover:not(:disabled),.win-new-menu>button:focus-visible{background:#e3ebf1}.menu-separator{border-top:1px solid #ddd;margin:4px 8px}.explorer-content{flex:1;min-height:0;display:flex}.win-navigation{background:#fafafa;border-right:1px solid #e7e7e7;flex-shrink:0;width:128px;padding:11px 5px}.win-navigation button{color:#30343a;background:0 0;border:0;border-radius:3px;align-items:center;gap:7px;width:100%;min-height:35px;padding:6px;font-size:.69rem;display:flex}.win-navigation button>svg{color:#397aa4;flex-shrink:0}.win-navigation button>svg:last-child:not(:first-child){color:#61747e;margin-left:auto}.win-navigation button.current{background:#d8e9f6;position:relative}.win-navigation button.current:before{content:"";background:#0067c0;border-radius:2px;width:3px;height:15px;position:absolute;left:-1px}.win-navigation button:hover{background:#e5edf3}.win-file-area{background:#fff;flex:1;min-width:0;overflow:auto}.file-headings,.folder-row{grid-template-columns:minmax(0,1fr) 110px 75px;gap:3px;min-width:330px;padding:0 8px;display:grid}.file-headings{color:#4b4b4b;border-bottom:1px solid #eee;align-items:center;height:31px;font-size:.65rem}.file-headings>span{border-right:1px solid #eee}.folder-empty{text-align:center;color:#646464;margin-top:26px;font-size:.7rem}.folder-list{padding:4px}.folder-row{border:1px solid #0000;align-items:center;gap:5px;min-height:37px;padding-left:3px;padding-right:3px;font-size:.65rem}.folder-row.selected{background:#d6eafa;border-color:#8dbfee}.folder-row>span{white-space:nowrap;text-overflow:ellipsis;color:#555;overflow:hidden}.file-item{text-align:left;overflow-wrap:anywhere;color:#252525;background:0 0;border:0;align-items:center;gap:6px;min-width:0;min-height:34px;padding:3px;font-size:.7rem;display:flex}.sample-file-row>.sample-file-name{color:#263b43;align-items:center;gap:8px;padding:6px 8px;font-size:.75rem;display:flex}.sample-file-name svg{color:#586770;flex-shrink:0}.file-item.sample-file-name>svg,.file-edit>svg{fill:none;color:#586770}.folder-row.sample-file-row{position:relative}.cut-file>.sample-file-name{opacity:.5}.restore-context-menu{z-index:10;background:#fafafa;border:1px solid #c6cdd0;border-radius:6px;padding:5px;position:absolute;top:100%;left:8px;box-shadow:0 4px 14px #0002}.restore-context-menu button{color:#30343a;background:0 0;border:0;align-items:center;gap:10px;min-width:145px;min-height:35px;font-size:.75rem;display:flex}.restore-context-menu button:hover{background:#e3ebf1}.file-preview-window{z-index:12;color:#263b43;background:#fff;border:1px solid #bcc8d1;border-radius:8px;flex-direction:column;display:flex;position:absolute;inset:36px 30px 63px;overflow:hidden;box-shadow:0 12px 28px #1235}.file-preview-window .win-titlebar{flex-shrink:0;gap:8px;padding-left:12px;font-size:.75rem}.file-preview-close{margin-left:auto}.file-preview-content{flex:1;padding:20px;overflow:auto}.file-preview-content p{white-space:pre-wrap;font-size:1rem;line-height:1.7}.file-preview-note{background:#f0f4f5;margin:0;padding:10px 16px;font-size:.6875rem;line-height:1.5}.has-recycle-bin.windows-desktop{height:470px}.has-recycle-bin .explorer-visual{padding-top:58px}.desktop-recycle-bin{color:#fff;text-shadow:0 1px 2px #123;background:0 0;border:1px solid #0000;align-items:center;gap:7px;min-height:46px;font-size:.75rem;display:flex;position:absolute;top:4px;left:14px}.desktop-recycle-bin:focus-visible,.desktop-recycle-bin:hover:not(:disabled){background:#fff2;border-color:#fff9}.recycle-bin-image{background:url(/learninghub/illustrations/recycle-bin-desktop.webp) 50%/contain no-repeat;flex-shrink:0;width:42px;height:42px}.windows-desktop .desktop-recycle-bin:disabled{opacity:1}.file-item>svg,.folder-edit>svg{color:#ab7c26;fill:#efc353;flex-shrink:0}.folder-edit{align-items:center;gap:5px;min-width:0;display:flex}.folder-edit input,.demo-name-field{outline-offset:1px;background:#fff;border:1px solid #333;width:100%;min-height:30px;padding:4px 3px;font-size:.7rem}.demo-name-field{color:#222;display:block}.demo-name-selection{color:#fff;background:#0067c0}.win-statusbar{color:#555;background:#fdfdfd;border-top:1px solid #eee;border-radius:0 0 8px 8px;flex-shrink:0;height:23px;padding:5px 10px;font-size:.63rem}.win-file-area .quick-access-title{margin:17px 12px 13px;font-size:.77rem;font-weight:600}.quick-folders{grid-template-columns:1fr 1fr;gap:7px;padding:0 8px;display:grid}.quick-folders button{text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:9px;min-width:0;padding:8px 5px;font-size:.68rem;display:flex}.quick-folders button.selected{background:#d6eafa;border-color:#8dbfee}.quick-folders button>svg{fill:#e9bd4e;stroke:#ab7d26;flex-shrink:0}.quick-folders small{color:#666;margin-top:5px;font-size:.6rem;display:block}.windows-taskbar{background:#e8f2fadf;border-top:1px solid #c8dfed;flex-shrink:0;justify-content:center;align-items:center;height:46px;display:flex;position:relative}.taskbar-centre{align-items:center;gap:7px;display:flex}.taskbar-button{background:0 0;border:0;border-radius:5px;place-items:center;width:37px;height:37px;display:grid;position:relative}.windows-start{grid-template-columns:repeat(2,10px);gap:2px;display:grid}.windows-start i{background:#0879cc;width:10px;height:10px;display:block}.taskbar-button.explorer-task{color:#ab7e28}.explorer-task>svg{fill:#edc35b}.taskbar-button.running:after{content:"";background:#0867b3;border-radius:2px;width:15px;height:3px;position:absolute;bottom:0}.taskbar-button:hover:not(:disabled){background:#fff9}.system-tray{color:#303b44;align-items:center;gap:9px;font-size:.64rem;display:flex;position:absolute;right:12px}.system-tray>span{text-align:right}.system-tray small{margin-top:3px;font-size:.61rem;display:block}.window-maximised .explorer-visual{padding:0}.window-maximised .explorer-window{border-radius:0}.demo-controls{padding:20px 0 2px}.demo-controls>div>span{letter-spacing:1px;color:var(--teal);margin-bottom:9px;font-size:.62rem;font-weight:700;display:block}.demo-controls strong{color:var(--ink);font-size:.96rem;font-weight:600}.demo-controls p{margin:8px 0 16px;font-size:.87rem;line-height:1.7}.demo-buttons{justify-content:flex-end;gap:9px;display:flex}.demo-buttons .button{font-size:.81rem}.practice-options{justify-content:space-between;gap:14px;margin:0 0 12px;display:flex}.practice-options .text-button{font-size:.73rem}.simulation-feedback{min-height:45px;color:var(--body);align-items:flex-start;gap:10px;margin:18px 0 14px;font-size:.85rem;line-height:1.7;display:flex}.simulation-feedback>svg{flex-shrink:0;margin-top:4px}.simulation-feedback.success{color:#215c43;background:#edf7f1;border-radius:8px;padding:14px}.feedback-icon{color:var(--teal);fill:#d9eeee}.practice-guidance{background:#edf5f5;border:1px solid #c7dede;border-radius:10px;margin:18px 0 14px;padding:16px}.practice-guidance .simulation-feedback{min-height:0;margin:0}.practice-hint{margin:14px 0 0 32px}.button.hint-button{background:#dcefee;border-color:#729fa4;gap:9px}.hint-text{color:var(--ink);margin:14px 0 0;font-size:.92rem;line-height:1.7}.hint-nudge{animation:2.2s ease-in-out 2 hint-glow}@keyframes hint-glow{0%,to{box-shadow:0 0 #3a8b9500}50%{background:#c3e3e3;box-shadow:0 0 0 5px #3a8b952c}}.win-button.rename-guidance{box-shadow:inset 0 0 0 2px var(--teal);color:var(--teal);background:#dcefee}.sim-footnote{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding-top:10px;font-size:.69rem;line-height:1.65;display:flex}.sim-footnote .text-button{white-space:nowrap;font-size:.7rem}.touch-alternatives{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:12px 0;font-size:.7rem;display:flex}.touch-alternatives .button{min-height:40px;padding:9px 12px;font-size:.74rem}.phone-guide{background:var(--mint);border-radius:10px;padding:22px}.phone-guide li{padding:7px 0;line-height:1.7}.phone-guide ol{padding-left:22px}.confirmation{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:flex-start;gap:12px;padding:17px;font-size:.92rem;line-height:1.7;display:flex}.confirmation input{accent-color:var(--teal);flex-shrink:0;width:18px;height:18px;margin-top:5px}.small{margin-top:15px;font-size:.78rem}.win-error{z-index:10;color:#614119;background:#fff7e9;border:1px solid #baa389;border-radius:6px;margin:0;padding:12px;font-size:.76rem;line-height:1.65;position:absolute;bottom:53px;left:25px;right:25px;box-shadow:0 3px 20px #0002}@media (max-width:1250px){.lesson-content-layout{grid-template-columns:minmax(0,1fr)}.lesson-aside{display:none}.lesson-page{max-width:1060px}.lesson-progress button>strong{font-size:.74rem}.teaching-section{padding:26px}.windows-desktop{height:420px}}@media (max-width:800px){.lesson-title>.pill{display:none}.lesson-page{padding:25px 24px}.lesson-progress{padding:15px}.lesson-content-layout{gap:0}.lesson-progress button>strong{font-size:.7rem}.teaching-section{padding:24px}.lesson-title h1{font-size:2rem}.lesson-mode,.completion-banner{flex-wrap:wrap}.completion-banner a{white-space:normal;margin-left:0}}@media (max-width:560px){.lesson-page{padding:22px 15px}.lesson-title h1{font-size:1.9rem}.breadcrumb{gap:3px;margin-bottom:21px;font-size:.7rem}.lesson-progress{border-radius:10px;margin-bottom:16px;padding:14px 12px}.lesson-progress ol{gap:8px}.lesson-progress button{flex-direction:column;align-items:flex-start;gap:8px}.lesson-progress button>strong{font-size:.66rem;line-height:1.4}.progress-topline{font-size:.7rem}.lesson-mode{gap:4px;margin-bottom:14px}.lesson-mode>span{display:none}.lesson-mode .text-button{min-height:40px;font-size:.74rem}.teaching-section{border-radius:12px;padding:21px 17px}.teaching-section>h2{font-size:1.55rem}.teaching-text{font-size:.97rem}.orientation{grid-template-columns:1fr;gap:19px;padding:19px 0}.orientation p{font-size:.91rem}.orientation span{font-size:.8rem}.lesson-actions{flex-wrap:wrap;gap:12px}.lesson-actions>span{text-align:center;order:3;width:100%;max-width:none}.lesson-actions>.button{max-width:100%;padding:12px;font-size:.78rem}.progress-saving{align-items:flex-start;font-size:.7rem}.progress-saving>span{max-width:195px}.progress-saving .text-button{white-space:nowrap}.practice-options{flex-wrap:wrap;gap:3px;margin-bottom:14px}.practice-options .text-button{min-height:40px;font-size:.78rem}.simulation-heading{letter-spacing:.5px;font-size:.61rem}.windows-desktop{height:400px}.demo-controls p{font-size:.92rem}.simulation-feedback{font-size:.9rem}.touch-alternatives{flex-wrap:wrap;font-size:.75rem}.touch-alternatives>.button{min-height:44px;font-size:.78rem}.sim-footnote{flex-wrap:wrap;font-size:.74rem}.sim-footnote>.text-button{min-height:44px;font-size:.78rem}.catalogue-lesson{align-items:flex-start;gap:14px;padding:22px 18px}.catalogue-icon{border-radius:10px;flex-shrink:0;width:43px;height:43px}.catalogue-icon>svg{width:23px}.catalogue-lesson>svg{display:none}.catalogue-lesson h3{font-size:1.14rem}.catalogue-lesson p{font-size:.89rem}.unit-card{gap:16px}.unit-number{font-size:1.7rem}.unit-card h2{font-size:1.25rem}.unit-card h2 svg{display:none}.unit-card>svg{width:18px}.practical-guide li>p{font-size:.94rem}.answer-option{padding:15px 12px;font-size:.94rem}.knowledge-check legend{font-size:1.04rem}.phone-guide{padding:16px}.completion-banner{padding:20px}.completion-banner a{margin-left:0}.concept-files{flex-direction:column}.search-examples{font-size:.78rem}}.sidebar{overflow-y:auto}.sidebar>*{flex-shrink:0}.lesson-progress{z-index:20;position:sticky;top:8px;box-shadow:0 4px 12px #183e4808}.teaching-section>h2{scroll-margin-top:155px}.lesson-image{text-align:center;max-width:520px;margin:20px auto 26px}.lesson-image img{border-radius:12px;width:100%;max-width:100%;height:auto;display:block}.lesson-image figcaption{margin-top:12px;font-size:.875rem;line-height:1.7}.home-page{padding-top:32px}.home-page h1{margin-bottom:14px;font-size:clamp(2.1rem,3vw,2.9rem)}.home-page>.eyebrow{margin-bottom:12px}.home-page>.page-intro{margin-bottom:20px}.home-page>.section-heading{margin-top:25px}.home-page .featured-copy{padding:25px 30px}.home-page .lesson-category{margin-top:16px}.home-page .featured-copy h2{margin-bottom:12px;font-size:1.85rem}.home-page .featured-copy>p:not(.lesson-category){margin-bottom:14px}.home-page .lesson-meta{margin-bottom:18px}@media (max-width:1250px){.lesson-aside{border-top:1px solid var(--line);padding-top:16px;display:block}.lesson-aside>.aside-icon,.lesson-aside>h3,.lesson-aside>p,.lesson-aside>.aside-divider,.lesson-aside>span,.lesson-aside>a{display:none}.lesson-aside details{margin-top:0}.lesson-aside summary,.lesson-aside details p,.lesson-aside details a{font-size:.875rem}}@media (max-width:800px){.lesson-progress{top:70px}.teaching-section>h2{scroll-margin-top:220px}}@media print{.sidebar,.mobile-header,.topbar,.page-footer,.lesson-progress,.lesson-mode,.lesson-actions,.progress-saving,.lesson-aside,.simulation-block{display:none!important}.workspace{margin:0}.teaching-section[hidden]{display:block!important}.teaching-section{break-inside:avoid;border:0}.page{padding:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.progress-totals{font-size:.95rem;line-height:1.7}.progress-totals span{color:var(--muted);font-size:.8rem;display:block}.lesson-content :is(button,input,a,summary){scroll-margin-top:170px}@media (max-width:800px){.lesson-content :is(button,input,a,summary){scroll-margin-top:235px}}@media (max-width:380px){.lesson-progress button>strong{display:none}.lesson-progress button{align-items:center;padding-top:8px}.lesson-progress button>span{width:25px;height:25px}.progress-topline{font-size:.7rem}}.topbar.welcome-header{text-align:center;background:linear-gradient(110deg,#f9fcfc,#eef7f7 55%,#f9fcfc);justify-content:center;height:auto;min-height:72px;padding:12px 32px}.welcome-message{align-items:center;min-width:0;max-width:900px;display:grid}.welcome-message>[aria-hidden]{color:var(--teal);opacity:0;overflow-wrap:anywhere;grid-area:1/1;font-size:1.0625rem;font-weight:600;line-height:1.5}.welcome-message.is-ready .welcome-greeting{animation:3.3s linear both welcome-greeting-out}.welcome-message.is-ready .welcome-intro{animation:4.6s ease-in-out 3.3s both welcome-intro-cycle}.welcome-message.is-ready .welcome-question{animation:.3s ease-in-out 7.9s both welcome-final-in}@keyframes welcome-greeting-out{0%,90.909%{opacity:1}to{opacity:0}}@keyframes welcome-intro-cycle{0%,to{opacity:0}6.522%,93.478%{opacity:1}}@keyframes welcome-final-in{0%{opacity:0}to{opacity:1}}@media (max-width:800px){.topbar.welcome-header{min-height:0;padding:12px 24px}}@media (prefers-reduced-motion:reduce){.welcome-message.is-ready>[aria-hidden]{opacity:0;animation:none}.welcome-message.is-ready .welcome-question{opacity:1}}@media print{.topbar.welcome-header{display:none}}.answer-feedback,.app-lab-feedback{color:#493329;background:#fff3ed;border:2px solid #b65b35;border-left-width:6px;border-radius:12px;margin-top:22px;padding:22px;font-size:1rem;line-height:1.7}.answer-feedback.correct,.app-lab-feedback.correct{color:#203d2b;background:#eaf6ee;border-color:#287448}.answer-result-title,.answer-feedback>strong:first-child,.app-lab-feedback>strong{align-items:center;gap:10px;margin-bottom:10px;font-size:1.3125rem;line-height:1.4;display:flex}.answer-result-title svg{flex-shrink:0}.answer-feedback p,.app-lab-feedback p{margin:10px 0 0}.answer-feedback:focus,.app-lab-feedback:focus{outline-offset:4px;outline:3px solid #19798c}@media (max-width:500px){.answer-feedback,.app-lab-feedback{padding:16px}}.lesson-engine .answer-feedback,.lesson-engine .app-lab-feedback{color:#493329;background:#fff3ed;border:2px solid #b65b35;border-left-width:6px;border-radius:12px}.lesson-engine .answer-feedback.correct,.lesson-engine .app-lab-feedback.correct{color:#203d2b;background:#eaf6ee;border-color:#287448}.lesson-engine .app-lab-feedback>strong{font-size:1.3125rem}.simulation-feedback.answer-incorrect{color:#493329;background:#fff3ed;border-color:#b65b35}.preview-carousel{background:#f4f8f8;border:2px solid #b5ced2;border-radius:18px;padding:16px;overflow:hidden}.preview-walkthrough-intro{letter-spacing:normal;color:#304e56;background:#e1eff0;border-radius:10px;margin:12px 0 18px;padding:14px 18px;font-size:.875rem;line-height:1.6;position:static}.preview-walkthrough-intro strong{margin-bottom:3px;font-size:1.0625rem;display:block}.preview-carousel .demo-controls{padding:20px 4px 4px}.preview-carousel .demo-buttons{border-top:1px solid #c8dcdf;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;padding-top:18px;display:flex}.preview-position{color:#40565e;flex-direction:column;gap:7px;margin-right:auto;font-size:.8125rem;display:flex}.preview-dots{flex-wrap:wrap;gap:6px;max-width:230px;display:flex}.preview-dots span{background:#fff;border:1px solid #658990;border-radius:50%;width:9px;height:9px}.preview-dots span.seen{background:#91b4ba}.preview-dots span.current{background:#0f5662;border-color:#0f5662;box-shadow:0 0 0 3px #d1e4e7}@media (max-width:560px){.preview-carousel{padding:10px}.preview-position{flex-basis:100%;align-items:center;margin:0 0 10px}.preview-carousel .demo-buttons{justify-content:center}}.progress-storage-note{border:1px solid #b6ced3;border-left:5px solid var(--teal);background:#f5fafb;border-radius:12px;max-width:900px;margin:24px 0 30px;padding:24px}.progress-storage-note h2{margin-bottom:12px}.progress-storage-note p:last-child{margin-bottom:0}.progress-group-title{margin:32px 0 18px;font-size:1.5625rem}.surface.progress-card.is-completed{background:#edf7ef;border:1px solid #a9cbb2}.progress-card.is-completed .eyebrow{color:#256240}.personalised-next{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);margin:28px 0;padding:clamp(18px,3vw,30px)}.personalised-next>h2{margin:8px 0}.personalised-next>p{max-width:75ch}.personalised-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0;display:grid}.personalised-grid article{background:var(--mint);border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:flex-start;padding:20px;display:flex}.personalised-grid h3{margin:12px 0 4px}.personalised-grid article>p{flex:1}.personalised-next details{border-top:1px solid var(--line);padding-top:15px}@media (max-width:800px){.personalised-grid{grid-template-columns:1fr}}.desktop-input-note{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:12px;margin:16px 0;padding:14px 18px;line-height:1.6}
.completion-confetti{z-index:100;pointer-events:none;position:fixed;inset:0;overflow:hidden}.completion-confetti i{opacity:0;animation-name:completion-fall;animation-timing-function:ease-in;animation-fill-mode:both;position:absolute;top:-20px}@keyframes completion-fall{0%{opacity:0;transform:translateY(-20px)rotate(0)}8%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate3d(var(--drift), 105vh, 0) rotate(var(--spin))}}@media (prefers-reduced-motion:reduce){.completion-confetti{display:none}.completion-confetti i{animation:none}}@media print{.completion-confetti{display:none}}
@media screen{:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#76d6df;--teal:#8ce0e5;--teal-hover:#b4f0f3;--ink:#f0f7f8;--body:#d5e2e6;--muted:#b8cbd1;--canvas:#14232b;--mint:#223e47;--line:#627d87;--white:#1c3039;--shadow:0 12px 40px #0003;--display-button-ink:#102b33}:root[data-contrast=high]{--accent:#004954;--teal:#004954;--teal-hover:#00323a;--ink:#111;--body:#161616;--muted:#292929;--canvas:#fff;--mint:#e7f3f3;--line:#434343;--white:#fff;--shadow:none;--display-button-ink:#fff}:root[data-theme=dark][data-contrast=high]{--accent:#a7f5ff;--teal:#a7f5ff;--teal-hover:#d6fbff;--ink:#fff;--body:#fff;--muted:#eee;--canvas:#000;--mint:#142f38;--line:#ddd;--white:#080f13;--display-button-ink:#000}:root:is([data-theme=dark],[data-contrast=high]) body{background:var(--canvas);color:var(--body)}:root:is([data-theme=dark],[data-contrast=high]) :is(.sidebar,.mobile-header,.topbar,.topbar.welcome-header,.featured-lesson,.surface,.catalogue-lesson,.path-strip,.path-icon,.search-form,.icon-button,.lesson-progress,.teaching-section,.confirmation,.hub-steps article,.hub-companion,.hub-final,.hub-hero-art,.about-practice,.about-access-grid article,.about-start,.support-card,.support-topics li,.support-next,.learning-dashboard-hero,.learning-dashboard-search,.learning-resume article,.learning-idea,.learning-path,.step-guide-current,.hardware-card,.answer-option,.step-picture-dialog,.shortcut-group-links a,.search-examples a,.restart-confirmation,.skip-link){background:var(--white);border-color:var(--line);color:var(--body)}:root:is([data-theme=dark],[data-contrast=high]) :is(.sidebar-note-panel,.nav-link:hover,.learning-resume,.step-guide,.practice-guidance,.preview-carousel,.preview-walkthrough-intro,.progress-storage-note,.about-note,.hub-step,.hardware-description,.quiz-introduction,.shortcut-key-panel,.teaching-callout,.answer-option.chosen,.hardware-card.selected,.button.hint-button){background:var(--mint);color:var(--body);border-color:var(--line)}:root:is([data-theme=dark],[data-contrast=high]) :is(.support-small,.hardware-instruction,.hardware-description p,.quiz-introduction p,.shortcut-scope,.shortcut-key-note,.shortcut-reading-note,.shortcut-join,.shortcut-or,.preview-position,.shortcut-group h2 span){color:var(--body)}:root:is([data-theme=dark],[data-contrast=high]) :is(.hardware-description h3,.hardware-written h3,.quiz-introduction h3,.quiz-question legend,.shortcut-scope strong,.quiz-written h3){color:var(--ink)}:root:is([data-theme=dark],[data-contrast=high]) :is(.hardware-full-picture,.quiz-counter,.quiz-written summary){color:var(--teal)}:root:is([data-theme=dark],[data-contrast=high]) :is(.search-form input,.learning-dashboard-search input,.shortcut-filter input){background:var(--white);color:var(--ink);border-color:var(--line)}:root:is([data-theme=dark],[data-contrast=high]) :is(.search-form input,.learning-dashboard-search input,.shortcut-filter input)::placeholder{color:var(--muted);opacity:1}:root:is([data-theme=dark],[data-contrast=high]) .button{background:var(--white);border-color:var(--line);color:var(--teal)}:root:is([data-theme=dark],[data-contrast=high]) .button.primary{background:var(--teal);border-color:var(--teal);color:var(--display-button-ink)}:root:is([data-theme=dark],[data-contrast=high]) .button.primary:hover{background:var(--teal-hover)}:root:is([data-theme=dark],[data-contrast=high]) .lesson-progress button{border-color:var(--line)}:root:is([data-theme=dark],[data-contrast=high]) .lesson-progress button>:is(span,strong){color:var(--body);border-color:var(--line)}:root:is([data-theme=dark],[data-contrast=high]) .lesson-progress button.current{border-color:var(--teal)}:root:is([data-theme=dark],[data-contrast=high]) .lesson-progress button.current>strong{color:var(--teal)}:root:is([data-theme=dark],[data-contrast=high]) :is(.lesson-progress button,.button,.text-button):disabled{opacity:1;border-style:dashed}:root:is([data-theme=dark],[data-contrast=high]) :is(.about-step-number,.lesson-progress button.current>span,.lesson-progress button.complete>span){background:var(--teal);color:var(--display-button-ink)}:root:is([data-theme=dark],[data-contrast=high]) :is(.completion-banner,.learning-all-complete,.unit-lesson-earned,.surface.progress-card.is-completed){background:var(--mint);color:var(--ink);border-color:var(--line)}:root:is([data-theme=dark],[data-contrast=high]) :is(.completion-banner strong,.completion-banner p,.progress-card.is-completed .eyebrow){color:var(--ink)}:root:is([data-theme=dark],[data-contrast=high]) .brand img{background:#fff;border-radius:8px}:root:is([data-theme=dark],[data-contrast=high]) :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--teal);outline-offset:4px}:root:is([data-theme=dark],[data-contrast=high]) :is(.windows-desktop,.foundation-practice,.file-save-practice,.online-practice,.safe-browsing-lab,.security-lab,.app-lab,.cp-practice,.concept-lab,.hardware-anatomy,.concept-example,.folder-preview,.storage-capacity-chart,.answer-feedback,.app-lab-feedback,.simulation-feedback.success,.simulation-feedback.answer-incorrect){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--accent:#3aa6b9;--teal:#0f5662;--teal-hover:#093e48;--ink:#263b43;--body:#454f5e;--muted:#586770;--canvas:#e5edef;--mint:#e9f8f9;--line:#dce6e7;--white:#fff;--display-button-ink:#fff;color:var(--body)}:root:is([data-theme=dark],[data-contrast=high]) :is(.cp-practice,.hardware-anatomy){background:#fff;border-radius:12px}:root[data-contrast=high] :is(.text-link,.text-button,.breadcrumb a,.page-footer a){text-decoration:underline;text-decoration-thickness:2px}:root[data-contrast=high] :is(.nav-link.active,.answer-option.chosen,.hardware-card.selected){outline:2px solid var(--teal);outline-offset:-2px}}
.topbar.welcome-header{flex-wrap:wrap;gap:1rem;display:flex}.welcome-message{flex:24rem}.display-settings{flex:0 auto;margin-left:auto}.display-trigger{border:1px solid var(--teal);background:var(--white);color:var(--teal);border-radius:999px;align-items:center;gap:.5rem;min-height:44px;padding:.7rem 1rem;font-size:.9rem;font-weight:600;display:flex}.display-dialog{border:2px solid var(--line);background:var(--white);width:min(34rem,100% - 2rem);max-height:calc(100dvh - 2rem);color:var(--body);text-align:left;border-radius:22px;margin:auto;padding:1.5rem;position:fixed;overflow:auto}.display-dialog::backdrop{background:#102c3fcc}.display-title{align-items:flex-start;gap:1rem;display:flex}.display-title h2{flex:1;margin-bottom:.75rem}.display-title button{border:1px solid var(--line);background:0 0;border-radius:50%;min-width:44px;min-height:44px}.display-dialog fieldset{border:1px solid var(--line);border-radius:12px;min-width:0;margin:1rem 0;padding:1rem}.display-dialog legend{color:var(--ink);padding:0 .3rem;font-weight:650}.display-choices{flex-wrap:wrap;gap:.5rem;display:flex}.display-choices label{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem;display:flex}.display-choices label:has(:checked){border-color:var(--teal);background:var(--mint)}.display-dialog input{width:1.15rem;height:1.15rem;accent-color:var(--teal);flex-shrink:0}.display-contrast{cursor:pointer;align-items:flex-start;gap:.75rem;padding:.5rem 0;display:flex}.display-contrast small{margin-top:.3rem;line-height:1.5;display:block}.display-storage{margin-top:1rem;font-size:.85rem}.display-actions{flex-wrap:wrap;justify-content:space-between;gap:.75rem;display:flex}.display-actions button{border:1px solid var(--teal);background:var(--white);color:var(--teal);border-radius:10px;padding:.7rem 1rem}.display-actions button:last-child{background:var(--teal);color:var(--white)}@media (max-width:800px){.topbar.welcome-header{padding:1rem;display:flex}.welcome-message{display:none}.display-settings{margin-left:auto}}@media print{.display-settings{display:none}}.sidebar{overflow-wrap:anywhere}.sidebar nav,.sidebar-note,.sidebar-footer{min-width:0}@media (max-width:800px){.mobile-header{gap:.5rem;height:auto;min-height:65px;padding-top:.5rem;padding-bottom:.5rem}.display-trigger{white-space:normal}}.display-dialog{overflow-wrap:anywhere;width:min(34rem,100% - 24px);max-height:calc(100dvh - 24px);padding:clamp(12px,4vw,24px)}.display-title h2{min-width:0}.display-title button{flex-shrink:0}.display-dialog fieldset{padding:.65rem}.display-choices label{min-width:0;max-width:100%}.display-contrast span{min-width:0}@media (max-width:500px){.display-title{gap:.4rem}.display-title h2{font-size:1.15rem}.display-choices{flex-direction:column}.display-choices label,.display-actions button{width:100%}}
:root{--motion-fast:.12s;--motion-control:.16s;--motion-enter:.22s;--motion-ease:cubic-bezier(.2,0,0,1)}@media (prefers-reduced-motion:no-preference){.button,.nav-link,.lesson-progress button,.pd-learning-categories button,.pd-learning-choices button,.display-settings button,.unit-lesson-card{transition:background-color var(--motion-control) var(--motion-ease),border-color var(--motion-control) var(--motion-ease),box-shadow var(--motion-control) var(--motion-ease),color var(--motion-fast) linear}.answer-feedback,.answer-result-title,.simulation-feedback,.completion-banner,.pd-hover-tip,.pd-learning-outcome{animation:hub-feedback-enter var(--motion-enter) var(--motion-ease)}details[open]>:not(summary){animation:hub-detail-enter var(--motion-enter) var(--motion-ease)}.pd-workspace details[open]>:not(summary){animation:none}.unit-card,.unit-lesson-card{transition:box-shadow var(--motion-control) var(--motion-ease),border-color var(--motion-control) var(--motion-ease)}.unit-card:hover,.unit-lesson-card:focus-within{box-shadow:0 6px 20px #123d4818}.button:active:not(:disabled){box-shadow:inset 0 1px 3px #123d4820}.pd-app-panel button,.pd-explorer-toolbar button,.pd-explorer-sidebar button{transition:background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}}@keyframes hub-feedback-enter{0%{opacity:.72}to{opacity:1}}@keyframes hub-detail-enter{0%{opacity:.8}to{opacity:1}}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-control:0s;--motion-enter:0s}}@media (prefers-reduced-motion:no-preference){.teaching-section:not([hidden]),.display-dialog[open],.restart-confirmation,.display-dialog::backdrop{animation:hub-detail-enter var(--motion-enter) var(--motion-ease)}.display-choices label{transition:background-color var(--motion-control) var(--motion-ease),border-color var(--motion-control) var(--motion-ease)}}
.hardware-3d{color:#203e37;background:#fbf9f1;border:1px solid #cddbd4;border-radius:24px;margin-block:2rem;padding:clamp(1rem,3vw,2rem)}.hardware-3d-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.hardware-3d-heading h2{margin-top:.3rem}.hardware-3d-eyebrow{color:#43665b;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem;font-weight:750}.hardware-3d-badge{white-space:nowrap;border:1px solid #cadbd2;border-radius:999px;padding:.4rem .7rem;font-size:.75rem}.hardware-3d-models{flex-wrap:wrap;gap:.5rem;margin:1.4rem 0;display:flex}.hardware-3d button{color:#244e42;cursor:pointer;min-height:44px;font:inherit;background:#fffef9;border:1px solid #a6bfb2;border-radius:10px;padding:.55rem .85rem;font-size:.88rem;line-height:1.35}.hardware-3d button:hover{background:#e9f0e7;border-color:#527e6c}.hardware-3d button[aria-pressed=true],.hardware-3d button.hardware-3d-open{color:#fffdf4;background:#205c4c;border-color:#205c4c}.hardware-3d button:focus-visible{outline-offset:3px;outline:3px solid #a76811}.hardware-3d-workspace{grid-template-columns:minmax(0,1.55fr) minmax(250px,1fr);align-items:start;gap:1.5rem;display:grid}.hardware-3d-visual{min-width:0}.hardware-3d-viewport{background:radial-gradient(at 50% 30%,#fffef7 0%,#e7eee3 70%,#dae5da 100%);border:1px solid #cdd8d0;border-radius:18px;height:clamp(340px,42vw,530px);position:relative;overflow:hidden;box-shadow:inset 0 1px #fff,0 12px 35px -26px #214f40}.hardware-3d-viewport canvas{width:100%;height:100%;display:block}.hardware-3d-placeholder{z-index:1;text-align:center;background:#f0f2e8;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.hardware-3d-placeholder p{max-width:32rem}.hardware-3d-placeholder-icon{color:#547b66;font-size:4rem;line-height:1}.hardware-3d-placeholder h3{margin-bottom:.25rem}.hardware-3d-view-label{text-align:center;color:#456254;margin:.65rem 0;font-size:.8rem}.hardware-3d-controls{background:#f2f5ec;border:1px solid #d6e0d7;border-radius:16px;gap:.8rem;padding:1rem;display:grid}.hardware-3d-controls fieldset{border:0;min-width:0;margin:0;padding:0}.hardware-3d-controls legend{color:#4d685c;letter-spacing:.11em;text-transform:uppercase;margin-bottom:.45rem;padding:0;font-size:.68rem;font-weight:750}.hardware-3d-control-row{flex-wrap:wrap;gap:.4rem;display:flex}.hardware-3d-controls button,.hardware-3d-stage-footer button{border-color:#c5d3c8;justify-content:center;align-items:center;gap:.45rem;font-size:.78rem;display:inline-flex;box-shadow:0 1px 2px #244c3b09}.hardware-3d-controls button svg,.hardware-3d-stage-footer button svg{stroke-width:1.8px;flex-shrink:0;width:16px;height:16px}.hardware-3d button:disabled{opacity:.6;cursor:not-allowed}.hardware-3d-controls .hardware-3d-action{background:#e3eddf;border-color:#adc5ab}.hardware-3d-controls button[aria-pressed=true]{background:#205c4c;border-color:#205c4c}.hardware-3d-stage-footer{justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .1rem;display:flex}.hardware-3d-stage-footer .hardware-3d-view-label{text-align:left;max-width:70%;margin:0}.hardware-3d-stage-footer button{flex-shrink:0}.hardware-3d-enlarged .hardware-3d-workspace{grid-template-columns:minmax(0,1fr)}.hardware-3d-enlarged .hardware-3d-viewport{height:min(70vh,850px);min-height:340px}.hardware-3d-enlarged .hardware-3d-controls{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.1fr)}.hardware-3d-motion-note{color:#4b6259;font-size:.8rem}.hardware-3d-lesson{color:#234f40;background:#f1f5e9;border:1px solid #c9d8c8;border-radius:14px;grid-template-columns:58px minmax(0,1fr) 18px;align-items:center;gap:.75rem;margin-top:1.3rem;padding:.9rem;text-decoration:none;display:grid}.hardware-3d-lesson:hover{background:#e8f0df;border-color:#89aa8c}.hardware-3d-lesson:focus-visible{outline-offset:3px;outline:3px solid #a76811}.hardware-3d-lesson .catalogue-art{width:58px;height:58px}.hardware-3d-lesson .hardware-3d-eyebrow{align-items:center;gap:.3rem;margin-bottom:.2rem;font-size:.6rem;display:flex}.hardware-3d-lesson .hardware-3d-eyebrow svg{width:12px;height:12px}.hardware-3d-lesson strong{font-size:.9rem;line-height:1.35;display:block}.hardware-3d-lesson-copy{color:#4f695a;margin-top:.3rem;font-size:.75rem;line-height:1.5;display:block}.hardware-3d-help{color:#4b6259;font-size:.85rem;line-height:1.6}.hardware-3d-details{background:#fffdf6;border:1px solid #d7dfd4;border-radius:18px;padding:1.2rem}.hardware-3d-details h3{margin:.2rem 0 .65rem}.hardware-3d-details h4{margin:1rem 0 .65rem}.hardware-3d-details p{line-height:1.65}.hardware-3d-parts{flex-wrap:wrap;gap:.45rem;display:flex}.hardware-3d-explanation{background:#edf3e9;border-left:3px solid #548772;border-radius:0 10px 10px 0;margin-top:1rem;padding:.8rem 1rem}.hardware-3d-explanation h4{margin-top:0}.hardware-3d-explanation p{margin-block:.3rem}.hardware-3d-note{color:#52655d;border-top:1px solid #d8dfd4;margin-bottom:0;padding-top:1rem;font-size:.8rem}@media (max-width:760px){.hardware-3d-workspace{grid-template-columns:1fr}.hardware-3d-heading{flex-direction:column;gap:.2rem}.hardware-3d-viewport{height:340px}.hardware-3d-badge{white-space:normal}}@media (max-width:900px){.hardware-3d-enlarged .hardware-3d-controls{grid-template-columns:1fr}}@media (max-width:440px){.hardware-3d-stage-footer{align-items:start}.hardware-3d-stage-footer .hardware-3d-view-label{max-width:55%}.hardware-3d-controls{padding:.75rem}.hardware-3d-control-row button{flex:40%}.hardware-3d-lesson{grid-template-columns:45px minmax(0,1fr) 14px;gap:.5rem;padding:.7rem}.hardware-3d-lesson .catalogue-art{width:45px;height:45px}}:root[data-theme=dark] .hardware-3d,:root[data-contrast=high] .hardware-3d{background:var(--canvas);color:var(--ink);border-color:var(--line)}:root[data-theme=dark] .hardware-3d-details,:root[data-theme=dark] .hardware-3d-placeholder,:root[data-contrast=high] .hardware-3d-details,:root[data-contrast=high] .hardware-3d-placeholder{background:var(--white);color:var(--ink)}:root[data-theme=dark] .hardware-3d p,:root[data-contrast=high] .hardware-3d p{color:var(--ink)}:root[data-theme=dark] .hardware-3d-explanation,:root[data-contrast=high] .hardware-3d-explanation{background:var(--mint);color:var(--ink)}:root[data-theme=dark] .hardware-3d-viewport{background:radial-gradient(at 50% 35%,#3b4b44 0%,#24362e 75%,#1a2a23 100%);border-color:#4e6457;box-shadow:inset 0 1px #60736555}:root[data-theme=dark] .hardware-3d-controls,:root[data-theme=dark] .hardware-3d-lesson{color:#f2f5e8;background:#25372e;border-color:#496351}:root[data-theme=dark] .hardware-3d-controls legend,:root[data-theme=dark] .hardware-3d-eyebrow,:root[data-theme=dark] .hardware-3d-lesson-copy{color:#c5d5c8}:root[data-theme=dark] .hardware-3d button{color:#f2f5e8;background:#334a3d;border-color:#647f6b}:root[data-theme=dark] .hardware-3d button:hover{background:#405e4d}:root[data-theme=dark] .hardware-3d button[aria-pressed=true],:root[data-theme=dark] .hardware-3d button.hardware-3d-open{color:#193525;background:#c4ddac;border-color:#d5e8c4}:root[data-theme=dark] .hardware-3d-lesson:hover{background:#344b3d}:root[data-contrast=high] .hardware-3d-controls,:root[data-contrast=high] .hardware-3d-lesson{background:var(--white);color:var(--ink);border:2px solid var(--ink)}:root[data-contrast=high] .hardware-3d-controls legend,:root[data-contrast=high] .hardware-3d-eyebrow,:root[data-contrast=high] .hardware-3d-lesson-copy{color:var(--ink)}