:root{color-scheme:dark;--bg:#14161a;--panel:#1a1d22;--editor:#1b1e24;--ink:#dce0e7;--muted:#9aa2af;--line:#30353f;--accent:#a8bad9;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 var(--sans)}a{color:inherit;text-underline-offset:5px}button,textarea{font:inherit}a:focus-visible,button:focus-visible,textarea:focus-visible,.doc-scroll:focus-visible,summary:focus-visible{outline:2px solid #b0c5eb;outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default}button,a{-webkit-tap-highlight-color:transparent}.skip{position:absolute;top:-100px;left:16px;padding:10px;background:var(--panel);z-index:5}.skip:focus{top:10px}.site-header,main,footer{max-width:1270px;margin:auto;padding-inline:52px}.site-header{display:flex;align-items:center;gap:32px;min-height:96px;border-bottom:1px solid var(--line)}.wordmark{font:600 23px var(--mono);letter-spacing:-1px;text-decoration:none}.logo{color:var(--accent);margin-right:6px}.cursor{color:#8da6cc}nav{display:flex;gap:28px;margin-left:auto;font-size:13px}nav a{text-decoration:none;color:#b7bfcc}nav a:hover{color:white}.status{font:10px var(--mono);color:var(--muted);white-space:nowrap}.status i,.small-dot{display:inline-block;width:6px;height:6px;background:#91b9a2;border-radius:50%;margin-right:7px}.hero{padding:78px 0 48px}.eyebrow{font:10px/1.6 var(--mono);text-transform:uppercase;letter-spacing:1.7px;color:var(--accent);margin:0 0 24px}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(43px,5.9vw,76px);line-height:1.08;letter-spacing:-3.5px;font-weight:530;margin-bottom:32px}h1>span{color:#8c98ac}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px}.hero-bottom p{max-width:530px;color:var(--muted);margin:0;font-size:16px}.button{border:1px solid #687993;background:#a8bad9;color:#151b24;text-decoration:none;font-size:13px;font-weight:600;padding:13px 20px;display:inline-flex;gap:36px;white-space:nowrap;border-radius:4px}.button:hover{background:#c1cfe5}.hero-meta{display:flex;gap:26px;margin-top:40px;color:#818b9c;font:10px var(--mono)}.hero-meta span:before{content:'↳ ';color:#60728f}.preview-section{padding-top:42px}.section-intro{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:30px}.section-intro .eyebrow{margin-bottom:15px}h2{font-size:clamp(25px,3vw,35px);line-height:1.3;font-weight:500;letter-spacing:-1px;margin-bottom:20px}.section-intro h2{margin:0}.section-intro>p{color:var(--muted);max-width:300px;font-size:13px;margin:0}.workspace{display:grid;grid-template-columns:229px minmax(0,1fr);border:1px solid #3c4350;border-radius:7px;overflow:hidden;background:var(--editor);box-shadow:0 20px 60px #0003}.page-tree{position:relative;background:#171a1f;border-right:1px solid var(--line);padding:19px 12px;color:#9fa8b8;font:11px/1.6 var(--mono)}.space-name{font-size:12px;color:#c6cdd9;padding:0 5px 23px;display:flex;justify-content:space-between}.tree-label{font-size:9px;color:#788294;letter-spacing:1.7px;margin:4px 7px 14px}.tree-item{padding:10px 8px}.tree-child{display:block;text-decoration:none;font-size:10px;padding:9px 6px 9px 20px;overflow-wrap:anywhere}.selected{background:#293140;color:#c3d4f0;border-radius:3px}.muted{color:#70798a}.tree-bottom{position:absolute;bottom:14px;left:17px;font-size:9px;color:#8d98a8}.editor{min-width:0}.editor-bar{height:53px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 23px;font:10px var(--mono);color:#8793a8;gap:12px}.breadcrumb strong{font-weight:400;color:#c2cbda}.editor-tools{white-space:nowrap}.doc-scroll{height:670px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#4a5364 #1b1e24;scrollbar-width:thin;scroll-behavior:smooth}.document{padding:30px 52px 40px;max-width:840px;margin:auto;font:14px/1.85 var(--sans)}.doc-meta{display:flex;justify-content:space-between;gap:12px;color:#8490a3;font:9px/1.5 var(--mono);margin-bottom:24px}.doc-meta span:first-child{border:1px solid #39445a;border-radius:3px;padding:2px 6px;color:#b0c5e8}.document h2{font-size:30px;margin:0 0 3px}.document-subtitle{color:#8e99ab;font:11px var(--mono)}.md-mark{color:#758aae;font-family:var(--mono);font-size:.72em;margin-right:5px;font-weight:400}.plan{font:11px/1.8 var(--mono);border-block:1px solid var(--line);padding:13px 0;margin:26px 0 34px;color:#a8b5c9}.plan summary{cursor:pointer}.plan summary>span{float:right;color:#78869b;font-size:9px}.plan ol{padding-left:28px;margin-top:15px}.source-label{font:9px var(--mono);letter-spacing:1.5px;color:#7f8b9e;margin-bottom:14px}.document h3{font-size:23px;font-weight:500;line-height:1.4;margin:0 0 16px}.document h4{font-size:17px;font-weight:550;line-height:1.5;margin:25px 0 13px;letter-spacing:-.2px}.document p{margin-bottom:17px}.document strong{color:#edf0f6;font-weight:600}.tutor-note{margin:25px 0;padding:0 0 0 17px;border-left:2px solid #657d9d;color:#b8c6db}.speaker{font:9px/1.4 var(--mono);letter-spacing:1.4px;color:#91a3bd;display:block;margin-bottom:9px}.tutor-note p{margin:0}.learner{margin:24px 0;padding:17px 20px;border-left:2px solid #666986;background:#222630;color:#c7c8d7}.learner p{margin:0}.learner .speaker{color:#aaa6ca}.feedback{padding:4px 0;margin:28px 0}.feedback-label{font:9px var(--mono);letter-spacing:1px;color:#dbba92}.feedback h4{margin-top:10px}.feedback.correct .feedback-label{color:#a4c6b5}.topic-divider{border-top:1px dashed #394150;margin:35px 0 30px;padding-top:12px;display:flex;justify-content:space-between;color:#8a98ad;font:9px var(--mono)}.answer-box{border:1px solid #46536a;border-radius:4px;margin-top:24px;background:#181c23;padding:17px}.answer-box label{font:9px var(--mono);letter-spacing:1px;color:#b2c5e3;display:block}.answer-box label span{display:block;color:#8896aa;font:11px/1.6 var(--sans);letter-spacing:0;margin:8px 0 12px}.answer-box textarea{width:100%;resize:vertical;min-height:100px;padding:10px 0;background:transparent;border:0;color:#e1e6f0;font-size:13px;line-height:1.8}.answer-box textarea::placeholder{color:#748096}.answer-bottom{border-top:1px solid #2f3847;padding-top:12px;display:flex;justify-content:space-between;gap:12px;align-items:center}.answer-bottom>span{font:9px/1.6 var(--mono);max-width:210px;color:#8491a6}.answer-bottom button{background:#a6b9d9;color:#151c29;border:0;border-radius:3px;padding:8px 12px;font-size:11px;white-space:nowrap}.text-button{background:none;border:0;color:#adbfdd;font-size:11px;padding:10px 0;text-decoration:underline;text-underline-offset:4px}.document-end{font:10px/1.7 var(--mono);color:#727f94;padding-top:35px;margin-top:30px;border-top:1px solid var(--line)}.editor-status{height:33px;display:flex;align-items:center;justify-content:space-between;gap:8px;font:9px var(--mono);color:#8492a9;border-top:1px solid var(--line);padding-inline:18px}.preview-caption{color:#7e899b;text-align:center;font:10px/1.7 var(--mono);margin-top:16px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:82px 0;border-bottom:1px solid var(--line)}.number{font:10px var(--mono);letter-spacing:1px;color:#a4b7d3}.approach-copy p{color:#9da8ba;font-size:14px;margin-top:12px;margin-bottom:27px}.setup{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:70px 0}.setup>div>p:last-child{color:var(--muted);font-size:14px;max-width:390px}.setup ol{margin:0;padding-left:24px;color:#9aa9be}.setup li{padding:0 0 20px 14px}.setup h3{font-size:15px;color:#d1d9e6;font-weight:500;margin-bottom:8px}.setup li p{font-size:13px;color:#94a1b5;margin:0}code{font:11px/1.8 var(--mono);background:#232a35;border:1px solid #343d4c;border-radius:3px;padding:2px 4px;color:#b7c9e5;overflow-wrap:anywhere}.note{border-block:1px solid var(--line);padding:27px 0 30px;display:grid;grid-template-columns:1fr 2fr;gap:30px}.note .eyebrow{margin:0}.note p{color:#8b97aa;font-size:12px;margin:0}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:32px 45px}footer .wordmark{font-size:17px;color:#a2afc3}footer p,footer>a:last-child{font:10px var(--mono);color:#8b97aa;margin:0}[hidden]{display:none!important}@media(min-width:1500px){.doc-scroll{height:750px}}@media(max-width:1000px){.site-header,main,footer{padding-inline:28px}.status{display:none}.workspace{grid-template-columns:185px minmax(0,1fr)}.document{padding-inline:30px}.section-intro{gap:25px}.section-intro>p{max-width:250px}.hero{padding-top:60px}}@media(max-width:680px){.site-header,main,footer{padding-inline:19px}.site-header{min-height:77px;gap:15px}.wordmark{font-size:20px}nav{gap:15px;font-size:11px}nav a:nth-child(2){display:none}.hero{padding-top:47px}h1{letter-spacing:-1.8px}.hero-bottom{display:block}.hero-bottom p{font-size:14px}.button{margin-top:24px}.hero-meta{gap:10px;flex-wrap:wrap;font-size:9px;margin-top:28px}.section-intro{display:block}.section-intro>p{max-width:100%;margin-top:18px}.workspace{display:block}.page-tree{display:none}.editor-bar{padding-inline:15px;font-size:9px}.doc-scroll{height:600px}.document{padding:24px 21px;font-size:13px}.doc-meta{font-size:8px;flex-wrap:wrap}.document h2{font-size:27px}.answer-bottom{align-items:start;flex-direction:column}.answer-bottom>span{max-width:none}.editor-status{font-size:8px;padding-inline:12px}.editor-status>span:last-child{display:none}.approach,.setup{grid-template-columns:1fr;gap:20px;padding:48px 0}.note{grid-template-columns:1fr;gap:10px}footer{flex-wrap:wrap}footer p{display:none}}@media(prefers-reduced-motion:reduce){html,.doc-scroll{scroll-behavior:auto}}