:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#19374b;background:#f3f7fa;font-synthesis:none;font-size:15px;--navy:#153d59;--blue:#225f86;--teal:#147a7c;--line:#d9e3eb;--muted:#52697b;--paper:#fff;--pale:#e9f3f6;--amber:#8b5810}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,.import-button{cursor:pointer;border:1px solid #b7cad7;border-radius:7px;background:#fff;color:var(--navy);padding:10px 14px;min-height:44px;font-weight:600;transition:background .12s}button:hover,.import-button:hover{background:#edf5f8}button:disabled{opacity:.5;cursor:not-allowed}button.primary{color:#fff;background:var(--blue);border-color:var(--blue)}button.primary:hover{background:#154d71}button.text-button{border-color:transparent;background:transparent;text-decoration:underline;padding-inline:5px}input,textarea,select{border:1px solid #a4bbcc;border-radius:6px;padding:10px;background:#fff;color:#18384d;max-width:100%;min-height:44px}input[type=radio],input[type=checkbox]{width:19px;height:19px;min-height:19px;flex-shrink:0;accent-color:var(--teal)}textarea{resize:vertical;line-height:1.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #008caf;outline-offset:3px}h1,h2,h3{font-family:Trebuchet MS,system-ui,sans-serif;line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(2rem,3.1vw,3rem);margin:14px 0 20px}h2{font-size:1.6rem}h3{font-size:1.15rem}p{line-height:1.75}small{color:var(--muted);line-height:1.6}code,pre{font-family:Cascadia Code,SFMono-Regular,Consolas,monospace}pre{white-space:pre-wrap;overflow-wrap:anywhere}fieldset{margin:0;padding:0;border:0}progress{width:100%;height:6px;border:none;border-radius:5px;overflow:hidden;background:#dce7ed;accent-color:var(--teal)}progress::-webkit-progress-bar{background:#dce7ed}progress::-webkit-progress-value{background:var(--teal)}progress::-moz-progress-bar{background:var(--teal)}.eyebrow{font-size:.69rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-60px;left:20px;background:#fff;padding:12px;z-index:99}.skip:focus{top:10px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.field{display:flex;flex-direction:column;gap:7px;font-size:.85rem;font-weight:600;margin:14px 0}.topbar{height:83px;display:flex;align-items:center;gap:28px;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);padding:0 30px;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy);flex-shrink:0}.brand-mark{background:var(--navy);color:#fff;font:700 22px Trebuchet MS,sans-serif;padding:11px 8px;border-radius:9px}.brand-mark>span{color:#8bdad6}.brand strong{font:700 25px Trebuchet MS,sans-serif}.brand strong>span{display:block;font:11px system-ui,sans-serif;color:var(--muted);margin-top:3px}.topbar nav{display:flex;align-items:center;gap:26px}.topbar nav a{font-size:.85rem;text-decoration:none;color:var(--muted);padding:30px 0 27px;border-bottom:3px solid transparent}.topbar nav a[aria-current]{color:var(--navy);border-bottom-color:var(--teal);font-weight:650}.local-badge{font-size:.7rem;color:#386b62;white-space:nowrap}.menu-button{display:none}.shell{display:grid;grid-template-columns:254px minmax(0,1fr);min-height:calc(100vh - 83px)}.sidebar{background:#f8fbfd;border-right:1px solid var(--line);padding:28px 17px 20px;display:flex;flex-direction:column;gap:21px}.sidebar-heading{padding:0 9px}.sidebar-heading strong{display:block;font-size:.85rem;margin:9px 0}.search input{width:100%;font-size:.8rem;background:#fff}.nav-group{margin-bottom:25px}.nav-group-title{font-size:.71rem;text-transform:uppercase;letter-spacing:.035em;font-weight:750;display:flex;gap:8px;align-items:center;margin:0 7px 12px}.nav-group-title>span{font-size:.68rem;background:#dcebf0;color:var(--blue);padding:3px 6px;border-radius:4px}.nav-group>a{display:flex;gap:10px;padding:12px 10px;margin:3px 0;border-radius:7px;color:#4b6173;text-decoration:none;font-size:.79rem;line-height:1.45}.nav-group>a:hover{background:#edf3f7}.nav-group>a.active{background:#dfedf4;color:#153d59}.nav-group>a small{display:block;font-size:.66rem;margin-top:3px}.lesson-number{font:12px monospace;color:#71899c;min-width:18px;padding-top:3px}.lesson-number.acquired{color:var(--teal);font-weight:700}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:20px;font-size:.78rem}.sidebar-footer p{font-size:.75rem}.sidebar-footer small{display:block;font-size:.65rem;margin-top:20px}.sidebar-footer button,.import-button{font-size:.75rem;padding:8px 12px}.import-button{display:inline-flex;position:relative;align-items:center;overflow:hidden}.import-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0}.import-button:focus-within{outline:3px solid #008caf;outline-offset:3px}main{min-width:0}.home{padding:40px clamp(24px,4vw,68px)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:10px 0 45px}.hero h1{font-size:clamp(3rem,4.5vw,5.4rem);font-weight:750;line-height:1.04;margin:23px 0}.hero h1>span{color:var(--teal)}.hero p{font-size:1rem;color:var(--muted)}.hero .actions{margin-top:25px;gap:20px}.hero .actions a{font-size:.75rem}.hero-facts{display:flex;gap:24px;margin-top:35px;font-size:.68rem;color:var(--muted)}.hero-facts b{display:block;font-size:1.1rem;color:var(--navy);margin-bottom:5px}.hero-code{border:1px solid #b8ccd9;border-radius:12px;background:#fff;box-shadow:8px 10px #e1ebf1;transform:rotate(-1deg);overflow:hidden}.mini-file{padding:17px 20px;font:10px monospace;background:#e8f0f5;border-bottom:1px solid var(--line);letter-spacing:.1em}.hero-code>code{display:block;padding:30px 20px;line-height:2.15;color:var(--blue);font-size:clamp(.75rem,1vw,.92rem)}.hero-code code>span{color:#8195a5;margin-right:15px}.hero-code em{color:var(--teal);font-style:normal}.boundary{margin:0 20px;background:#e9f5f3;border-left:3px solid var(--teal);padding:13px;display:flex;gap:14px;flex-wrap:wrap;font:11px monospace}.boundary strong{color:#17686b;flex-basis:100%;font-size:17px;margin-top:4px}.hero-code>p{padding:0 20px;font-size:.8rem}.hero-code>small{display:block;border-top:1px solid var(--line);padding:13px 20px;font-size:.65rem}.dashboard{border:1px solid var(--line);border-radius:10px;background:#fff;padding:23px 27px;display:flex;gap:30px;align-items:center;justify-content:space-between}.dashboard h2{font-size:1.3rem}.dashboard p{font-size:.8rem;color:var(--muted);margin-bottom:0}.progress-summary{min-width:140px}.progress-summary>strong{display:block;font-size:2rem;color:var(--teal)}.progress-summary strong span{font-size:1rem;color:#748a99;font-weight:400}.progress-summary small{font-size:.6rem;display:block;margin-top:7px}.section-heading{display:flex;gap:20px;align-items:end;justify-content:space-between;margin:40px 0 22px}.section-heading h2{margin:8px 0 0}.section-heading>span{font-size:.7rem;color:var(--muted);text-align:right}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.path-card{border:1px solid var(--line);border-radius:9px;background:#fff;padding:23px;display:flex;flex-direction:column}.path-letter{display:flex;align-items:center;justify-content:space-between;font:700 30px Trebuchet MS,sans-serif;color:var(--blue);margin-bottom:30px}.path-letter span{font:10px system-ui,sans-serif;color:var(--muted)}.path-card>small{font-size:.65rem}.path-card h3{font-size:1.3rem;margin:8px 0}.path-card p{font-size:.8rem;color:var(--muted);flex:1}.path-card progress{margin:15px 0}.path-card button{font-size:.75rem}.path-A{border-top:3px solid var(--blue)}.path-B{border-top:3px solid var(--teal)}.path-C{border-top:3px solid #bc8a39}.orientation{display:grid;grid-template-columns:1.4fr 1fr;gap:45px;margin:40px 0 10px;padding-top:25px;border-top:1px solid var(--line)}.orientation h2{font-size:1.2rem}.orientation p{font-size:.82rem}.orientation button{font-size:.75rem}.review-link{display:block;margin:15px 0;font-size:.85rem}.page-footer{display:flex;justify-content:space-between;gap:15px;font-size:.65rem;padding:24px 30px;border-top:1px solid var(--line);color:var(--muted)}.lesson-top{display:flex;justify-content:space-between;gap:20px;padding:20px 30px;background:#fff;border-bottom:1px solid var(--line);font-size:.7rem;color:var(--muted)}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:0}.lesson-body{padding:35px clamp(22px,2.6vw,45px);background:#fff;min-width:0}.lesson-body h1{font-size:clamp(1.8rem,2.6vw,2.7rem)}.lesson-body>section p{font-size:.9rem}.objective{font-size:1rem;line-height:1.65;color:var(--blue);border-left:3px solid #6ca7be;padding-left:16px}.pill{display:inline-block;background:var(--pale);padding:5px 7px;border-radius:20px;font-size:.56rem;letter-spacing:0;margin-top:7px}.metadata{border-block:1px solid var(--line);padding:14px 0;margin:25px 0;font-size:.8rem}.metadata p{font-size:.8rem}.practice-prompt{background:#edf5f8;padding:16px 19px;border-radius:7px;font-size:.84rem;margin:25px 0}.practice-prompt p{margin-bottom:0}.exercise{border-top:1px solid var(--line);padding:24px 0;margin-top:15px}.exercise h3{line-height:1.5;font-size:1.05rem}.option{display:flex;gap:11px;align-items:center;font-size:.83rem;border:1px solid var(--line);padding:13px;border-radius:7px;margin:9px 0;cursor:pointer;min-height:48px}.option.selected{border-color:var(--teal);background:#eff7f6}.exercise .actions{margin-top:15px}.exercise button{font-size:.76rem}.hint,.notice{background:#edf4f8;border-left:3px solid #5596b4;padding:13px 16px;color:#294c63;font-size:.83rem}.feedback{font-size:.84rem;padding:13px;background:#fff1d9;color:#765014;border-radius:6px}.feedback.success{background:#e4f4ef;color:#17624b}.correction{margin:15px 0;padding:17px;border:1px solid #b9d1cc;background:#f2f9f6;border-radius:7px;overflow-wrap:anywhere}.correction p{font-size:.85rem}.rubric{margin:20px 0;padding:14px;border:1px solid var(--line)}.rubric legend{font-size:.8rem;font-weight:650}.rubric label{display:flex;gap:10px;font-size:.8rem;line-height:1.65;margin-bottom:12px;align-items:start}.ordering{padding:0;list-style:none}.ordering li{display:flex;gap:5px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.ordering span{flex:1;font-size:.8rem}.ordering button{padding:7px 12px}.takeaway{background:#f1f7f9;padding:20px;border-radius:8px;margin:30px 0}.takeaway h3{line-height:1.45}.takeaway h4,.takeaway li{font-size:.8rem}.takeaway ul{padding-left:20px}.source-links{list-style:none;padding:0}.source-links li{margin:15px 0}.source-links a{font-size:.82rem}.source-links small{display:block;font-size:.65rem;margin-top:5px}.lesson-navigation{border-top:1px solid var(--line);padding-top:23px;margin-top:30px;display:flex;justify-content:space-between;gap:9px;align-items:center}.lesson-navigation button{font-size:.78rem}.lesson-navigation>span{font-size:.65rem;color:var(--muted)}.workshop{margin:28px 22px;border:1px solid #bed0dd;border-radius:10px;overflow:hidden;background:#fff;min-width:0}.workshop-title{padding:15px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center;background:#e9f0f5}.badge{font-size:.58rem;border:1px solid #a6becd;border-radius:4px;color:#244d67;padding:5px 6px;font-weight:700;background:#fff}.badge.uv{color:#126361;border-color:#a2cac4}.badge.pseudo{color:#805617;border-color:#d8c19b}.filebar{font:11px monospace;padding:12px 16px;display:flex;gap:12px;justify-content:space-between;border-block:1px solid var(--line);color:#526b7d;background:#f8fafc}.filebar small{font-size:9px}.editor{background:#f9fcff;font-size:13px}.cm-editor{min-height:170px}.cm-editor.cm-focused{outline:2px solid #5596b4;outline-offset:-2px}.cm-scroller{font-family:Cascadia Code,Consolas,monospace!important;min-height:170px;line-height:1.9!important}.cm-gutters{background:#edf3f7!important;color:#627e91!important;border-right:1px solid var(--line)!important}.cm-content{padding:15px 0!important}.cm-line{padding-inline:10px!important}.line-selector{border-top:1px solid var(--line);padding:10px 15px;font-size:.7rem}.line-selector label{display:flex;align-items:center;gap:15px}.line-selector select{font-size:.72rem;padding:5px 10px}.annotation{padding:17px;background:#eaf4f8;border-top:1px solid #cadae4;min-height:125px}.annotation p{font-size:.83rem;line-height:1.65;margin:9px 0}.annotation a{font-size:.7rem}.annotation small{font-size:.67rem}.workshop-body{padding:18px}.workshop-body>.actions button{font-size:.7rem;padding:8px 10px}.simulation-note{font-size:.72rem;line-height:1.65;color:#536c7e;margin-bottom:25px}.workshop details{border-top:1px solid var(--line);padding:15px 0}.workshop summary{font-size:.77rem;font-weight:650;color:#3f5c70;cursor:pointer;min-height:30px}.input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.input-grid .field{font:11px monospace}.input-grid input{width:100%;font:12px monospace}.tabs{display:flex;border-bottom:1px solid var(--line);gap:15px;margin-top:10px}.tabs button{border:none;border-bottom:2px solid transparent;border-radius:0;padding:10px 0;font-size:.73rem}.tabs button[aria-pressed=true]{color:var(--blue);border-bottom-color:var(--teal)}.status-line{font-size:.65rem;display:flex;align-items:center;gap:6px;margin:19px 0;color:var(--muted);flex-wrap:wrap}.status-line>span:last-child{margin-left:auto;font-size:.57rem}.status-dot{width:6px;height:6px;background:var(--teal);border-radius:50%}table{border-collapse:collapse;width:100%;font-size:.76rem}caption{text-align:left;font-size:.7rem;color:var(--muted);padding:8px 0}th,td{text-align:left;border-bottom:1px solid var(--line);padding:9px 6px;vertical-align:top;overflow-wrap:anywhere}th{font-size:.66rem;color:var(--muted)}.table-scroll{max-width:100%;overflow:auto}.console{background:#173c53;color:#d5e8f2;border-radius:7px;padding:16px;margin:22px 0}.console .eyebrow{color:#93bacd;font-size:.6rem}.console pre{font-size:.77rem;line-height:1.7}.trace{padding-left:20px}.trace li{padding:12px 0;border-bottom:1px solid var(--line);font-size:.75rem}.trace code{display:block;font-size:.7rem;overflow-wrap:anywhere;margin-top:8px}.trace p{margin:6px 0}.trace small{font-size:.64rem;overflow-wrap:anywhere}.data-view p{font-size:.77rem}.data-view code{display:block;font-size:.7rem;margin-top:6px;overflow-wrap:anywhere}.error{padding:13px;border-left:3px solid #b24439;color:#873b31;background:#fff1eb;font-size:.8rem;overflow-wrap:anywhere}.diagnostics p{font-size:.75rem;border-bottom:1px solid var(--line);padding-block:10px}.standalone{padding:45px clamp(25px,5vw,75px);max-width:1250px}.standalone>p,.standalone>ul{font-size:.92rem;line-height:1.8}.standalone .field{max-width:650px}.dictionary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}.dictionary-entry{border:1px solid var(--line);border-radius:8px;background:#fff;padding:23px;min-width:0}.dictionary-entry h2{font-size:1.35rem}.dictionary-entry small{font-size:.7rem}.dictionary-entry pre{padding:12px;background:#edf3f7;font-size:.78rem;line-height:1.7}.dictionary-entry p{font-size:.84rem}.dictionary-entry .actions{font-size:.75rem;justify-content:space-between}.code-input{font:13px/1.8 monospace}.analysis-result{margin-top:30px}.analysis-line{padding:18px;margin:12px 0;background:#fff;border:1px solid var(--line);border-radius:7px}.analysis-line>code{display:block;margin-top:9px;font-size:.85rem;overflow-wrap:anywhere}.analysis-line p{font-size:.85rem}.analysis-line a{font-size:.75rem}.global-notice{padding:18px 25px;background:#fff0d8;font-size:.85rem;color:#73511e;border-bottom:1px solid #d8c59f}.mobile-jump{display:none}.module-progress{margin:20px 0 27px}.module-progress small{display:block;font-size:.7rem;margin-bottom:9px}.history{font-size:.8rem;padding:20px 0;border-top:1px solid var(--line);margin-top:25px}.history summary{cursor:pointer;min-height:44px}.history small{font-size:.7rem}.history p{overflow-wrap:anywhere}@media(max-width:1180px){.mobile-jump{display:inline-block;margin-bottom:15px}}@media(min-width:1650px){.home{max-width:1550px;margin:auto}.lesson-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}@media(max-width:1180px){.topbar{padding-inline:20px;gap:15px}.topbar nav{gap:15px}.topbar nav a{font-size:.76rem}.local-badge{display:none}.shell{grid-template-columns:215px minmax(0,1fr)}.sidebar{padding-inline:12px}.hero{gap:24px}.hero-code>code{font-size:.72rem;padding-inline:14px}.hero h1{font-size:3.5rem}.path-card{padding:16px}.path-card h3{font-size:1.05rem}.lesson-layout{grid-template-columns:1fr}.workshop{grid-row:2;margin:0 25px 30px}.lesson-body{padding-bottom:30px}.input-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home{padding:30px}.hero-facts{gap:20px}.hero .actions{gap:12px}.hero .primary{font-size:.8rem}}@media(max-width:780px){.topbar{height:auto;min-height:76px;flex-wrap:wrap;padding:15px 18px 0;gap:12px}.brand-mark{font-size:18px;padding:8px}.brand strong{font-size:21px}.brand strong>span{font-size:10px}.topbar nav{order:3;overflow-x:auto;width:100%;gap:22px;white-space:nowrap}.topbar nav a{padding:12px 0;font-size:.73rem}.menu-button{display:block;margin-left:auto;font-size:.73rem;padding:8px}.shell{display:block}.sidebar{display:none;border-bottom:1px solid var(--line)}.sidebar.open{display:flex;position:relative;max-height:75vh;overflow:auto}.sidebar-footer{margin-top:10px}.nav-group>a{font-size:.86rem}.home{padding:25px 20px}.hero{grid-template-columns:1fr;gap:30px;padding-bottom:35px}.hero h1{font-size:3.6rem;margin:18px 0}.hero .eyebrow{font-size:.65rem}.hero p{font-size:.9rem}.hero-code{max-width:450px;transform:none}.hero-code>code{font-size:.83rem;padding:20px}.hero-facts{gap:30px;margin-top:25px}.dashboard{padding:20px;gap:15px}.dashboard h2{font-size:1.05rem}.dashboard p{font-size:.72rem}.progress-summary{min-width:95px}.section-heading{display:block;margin-top:30px}.section-heading>span{display:block;text-align:left;margin-top:12px}.section-heading h2{font-size:1.4rem}.path-grid{grid-template-columns:1fr}.path-card{padding:22px}.path-letter{margin-bottom:15px}.path-card h3{font-size:1.35rem}.path-card p{margin-bottom:3px}.orientation{grid-template-columns:1fr;gap:25px}.page-footer{flex-direction:column;padding:20px}.lesson-top{padding:17px 20px;flex-wrap:wrap;gap:8px}.lesson-body{padding:28px 20px}.lesson-body h1{font-size:2.1rem}.workshop{margin:0 14px 25px}.input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workshop-title{padding:13px}.workshop-title .badge{font-size:.53rem}.lesson-navigation{flex-wrap:wrap}.lesson-navigation>span{order:3;width:100%;text-align:center}.standalone{padding:30px 20px}.dictionary-grid{grid-template-columns:1fr}.filebar{font-size:10px}.status-line>span:last-child{margin-left:0}.ordering li span{max-width:calc(100% - 100px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}