@charset "UTF-8";
@font-face{font-family:ZhiluHand;src:url('./fonts/ZCOOLKuaiLe-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:PatrickHand;src:url('./fonts/PatrickHand-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#fdfcf9;--panel:#fffefb;--side:#f8f7f3;--ink:#151515;--text:#242424;--muted:#6b6b65;--line:#292927;--green:#151515;--light:#f0efea;--lime:#edece7;--purple:#f4f3ef;--orange:#f0efeb;--blue:#f3f2ed;--shadow:4px 5px 0 #171717;--radius:8px;--side-width:236px;--hand:ZhiluHand,"Microsoft YaHei",sans-serif;--latin:PatrickHand,"Comic Sans MS",cursive;--paper-line:#d9d8d0;--soft-line:#b8b7b0}
[data-theme=dark]{--bg:#191919;--panel:#202020;--side:#171717;--ink:#f7f5ed;--text:#e1e0d9;--muted:#aba99f;--line:#e6e4da;--green:#f7f5ed;--light:#30302d;--lime:#34342f;--purple:#262624;--orange:#30302c;--blue:#2d2d29;--shadow:4px 5px 0 #e6e4da;--paper-line:#45453f;--soft-line:#73736b}
body{background:var(--bg);color:var(--text);font-size:14px}button,a{touch-action:manipulation}svg{stroke-width:2.2}h1,h2,h3,h4{color:var(--ink)}::selection{background:var(--ink);color:var(--panel)}.muted{color:var(--muted)}.sidebar{background:var(--side);border-right:2px solid var(--ink);padding:29px 20px 20px;scrollbar-width:thin}.brand{padding:0 6px;gap:9px;letter-spacing:1px;font-family:var(--hand);font-size:34px;font-weight:400;line-height:1.05}.brand-mark{background:transparent;color:var(--ink);width:45px;height:49px;border-radius:0;transform:rotate(-7deg)}.brand-mark svg{width:41px;height:41px;stroke-width:2.1}.brand small{font-family:var(--latin);font-size:13px;letter-spacing:1.3px;color:var(--ink);font-weight:400;margin-top:5px}.nav-caption{font-size:11px;margin:22px 6px 26px;color:var(--muted)}.nav-item{border:1.8px solid transparent;border-radius:7px 12px 6px 10px;padding:11px 12px;font-size:14px;gap:12px;margin-bottom:5px;font-family:var(--hand);font-weight:400}.nav-item svg{width:20px;height:20px;opacity:1;stroke-width:2.1}.nav-item small{font-family:var(--latin);font-size:14px;color:inherit;opacity:.75}.nav-item:hover{background:var(--panel);border-color:var(--ink);transform:rotate(-.5deg)}.nav-item.active{color:var(--panel);background:var(--ink);border-color:var(--ink);box-shadow:2px 3px 0 var(--soft-line);font-weight:400;transform:rotate(-.6deg)}.sidebar-collection{border-top:2px dashed var(--soft-line);margin-top:27px;padding-top:20px}.eyebrow{font-family:var(--latin);font-size:13px;font-weight:400;letter-spacing:1.1px;color:var(--muted)}.sidebar-collection>.eyebrow{font-family:var(--hand);font-size:12px;letter-spacing:.5px}.shelf-preview{font-size:11px;color:var(--ink)}.sidebar-bottom{font-size:10px;padding:36px 6px 0}.sidebar-bottom>a{border-top:1.5px solid var(--soft-line);padding:13px 0}.edition{gap:7px;font-size:10px;padding-bottom:13px}.edition>span:last-child{font-family:var(--latin);font-size:15px}.live-dot{background:var(--ink);height:6px;width:6px;transform:rotate(20deg);border-radius:42% 58% 39% 61%}.sidebar-tools{gap:8px}.sidebar-tools>span{font-size:9px;line-height:1.9}.icon-button{border:1.5px solid var(--ink);border-radius:6px 9px 5px 7px;background:var(--panel);color:var(--ink);font-size:14px;box-shadow:1.5px 2px 0 var(--ink)}.icon-button:hover{background:var(--ink);color:var(--panel)}.topbar{height:76px;border-bottom:1.5px solid var(--ink);padding:0 42px;background:var(--bg)}.breadcrumb{color:var(--muted);font-size:11px}.breadcrumb strong{font-weight:500}.edition-date{font-family:var(--latin);font-size:14px;letter-spacing:.6px;color:var(--muted)}.search-trigger{border:1.7px solid var(--ink);border-radius:7px 9px 6px 8px;background:var(--panel);height:35px;min-width:203px;box-shadow:2px 2px 0 var(--ink);color:var(--muted);font-size:10px}.search-trigger kbd{border:1px solid var(--soft-line);background:var(--panel);font-family:var(--latin);font-size:13px;line-height:1.2}.search-trigger svg{stroke-width:2.2;color:var(--ink)}#main{padding:33px 42px 52px;max-width:1440px}.site-footer{border-top:2px solid var(--ink);padding:23px 42px 26px;color:var(--muted);font-size:10px}.site-footer>span{font-family:var(--hand);font-size:12px;color:var(--ink)}.site-footer a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.button{border:2px solid var(--ink);background:var(--ink);color:var(--panel);border-radius:7px 11px 5px 9px;font-size:14px;font-family:var(--hand);font-weight:400;padding:12px 19px;gap:13px;box-shadow:3px 4px 0 var(--soft-line);line-height:1.5;transition:transform .16s,box-shadow .16s}.button svg{width:19px;height:19px;stroke-width:2.2}.button:hover{opacity:1;transform:translate(-1px,-2px) rotate(-.5deg);box-shadow:4px 6px 0 var(--soft-line)}.button.secondary{background:var(--panel);border-color:var(--ink);color:var(--ink);box-shadow:3px 4px 0 var(--ink)}.button.secondary:hover{background:var(--light)}.button.small{font-size:12px;padding:8px 12px;gap:8px;box-shadow:2px 3px 0 var(--soft-line)}.button.secondary.small{box-shadow:2px 3px 0 var(--ink)}.text-link{font-size:12px;gap:8px;color:var(--ink)}.text-link svg{width:19px;height:19px;stroke-width:2.1}.text-link:hover{text-decoration:underline;text-decoration-thickness:1.7px;text-underline-offset:5px}.doodle-hero{display:grid;grid-template-columns:1fr 1.04fr;gap:16px;align-items:center;position:relative;padding:14px 0 20px;min-height:405px}.doodle-hero-copy{position:relative;z-index:2;padding-bottom:7px}.sketch-kicker{display:flex;align-items:center;gap:10px;font-family:var(--latin);font-size:14px;letter-spacing:1.3px;line-height:1.5;margin-bottom:20px;color:var(--ink)}.sketch-kicker svg{width:22px;height:22px;stroke-width:2.5;transform:rotate(-13deg);flex-shrink:0}.doodle-hero h1{font-family:var(--hand);font-weight:400;font-size:clamp(38px,3.8vw,61px);line-height:1.3;letter-spacing:1px;white-space:nowrap}.rough-underline{position:relative;display:inline-block}.rough-underline:after{content:'';position:absolute;bottom:-3px;left:1px;right:8px;height:7px;border-bottom:4px solid var(--ink);border-radius:35% 65% 45% 55%;transform:rotate(-1.4deg)}.doodle-hero-intro{font-size:13px;line-height:2.1;color:var(--muted);margin:27px 0 24px;max-width:420px}.doodle-hero-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.handwritten-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin-top:23px;line-height:1.85}.handwritten-note svg{height:22px;width:22px;color:var(--ink);transform:rotate(-9deg);stroke-width:1.8;flex-shrink:0}.doodle-hero-art{position:relative;margin:0;min-width:0;align-self:center;color:var(--ink);padding-top:8px}.doodle-hero-art>svg{height:auto;width:100%;display:block;max-height:390px;overflow:visible;stroke-width:1;transform:rotate(-1deg)}.hero-margin-note{position:absolute;top:6px;left:12%;font-family:var(--latin);font-size:16px;letter-spacing:.6px;line-height:1.1;transform:rotate(-6deg);z-index:2;background:var(--bg);padding:2px 5px}.doodle-hero-art figcaption{display:flex;justify-content:center;align-items:center;gap:12px;font-family:var(--latin);font-size:14px;letter-spacing:1.2px;transform:rotate(1deg);margin-top:-8px}.doodle-hero-art figcaption svg{height:20px;width:20px;stroke-width:2}.doodle-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:22px 0 21px;margin:15px 0 35px;position:relative}.doodle-stats:after{content:'';position:absolute;bottom:-5px;left:1%;width:98%;border-bottom:1px solid var(--ink);transform:rotate(.25deg);opacity:.4}.doodle-stats>a{display:flex;flex-direction:column;padding:0 28px;border-right:1.5px dashed var(--soft-line);gap:6px;color:var(--ink)}.doodle-stats>a:first-child{padding-left:7px}.doodle-stats>a:last-child{border-right:0}.doodle-stats strong{font-family:var(--latin);font-size:43px;font-weight:400;line-height:1;display:flex;align-items:center;gap:15px;letter-spacing:1px}.doodle-stats strong>span{font-family:var(--latin);font-size:21px;opacity:.8;transform:rotate(-10deg)}.doodle-stats>a>span{font-size:11px;color:var(--muted)}.doodle-stats>a:hover strong>span{transform:translate(3px,-3px) rotate(-10deg)}.continue-note{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;margin:24px 0;background:var(--panel);border:1.8px dashed var(--ink);border-radius:9px 5px 12px 7px;font-size:12px}.continue-note>span{display:flex;align-items:center;gap:9px}.continue-note svg{height:18px;width:18px}.continue-note>span:last-child{font-size:11px;color:var(--muted);white-space:nowrap}.section{margin-top:36px}.section-heading{gap:16px;margin-bottom:17px}.section-heading h2{font-family:var(--hand);font-size:24px;font-weight:400;letter-spacing:.3px;display:flex;align-items:center;gap:9px;line-height:1.5}.section-heading h2>svg{width:27px;height:27px;stroke-width:2.2;transform:rotate(-5deg);flex-shrink:0}.section-heading h2 small{font-family:var(--latin);font-size:12px;letter-spacing:.7px}.section-description{color:var(--muted);font-size:12px;line-height:1.9;margin:-6px 0 21px}.category-grid{grid-template-columns:repeat(4,1fr);gap:15px}.category-tile{position:relative;padding:20px 18px 22px;background:var(--panel);border:2px solid var(--ink);border-radius:9px 15px 7px 12px;box-shadow:2px 3px 0 var(--ink);min-width:0;overflow:hidden;transition:transform .18s,box-shadow .18s}.category-tile:nth-child(2n){border-radius:14px 7px 12px 9px}.category-tile:nth-child(3n){border-radius:8px 10px 5px 14px}.category-tile:hover{transform:translate(-1px,-3px) rotate(-.7deg);box-shadow:4px 6px 0 var(--ink);border-color:var(--ink)}.category-tile-top{margin-bottom:20px;gap:8px}.category-icon,.category-icon.ai,.category-icon.design,.category-icon.data,.category-icon.mobile,.category-icon.backend{background:transparent;color:var(--ink);height:38px;width:38px;border-radius:0;display:inline-flex;align-items:center;justify-content:center}.category-icon svg{height:31px;width:31px;stroke-width:2.05;transform:rotate(-4deg)}.category-count{font-family:var(--latin);font-size:13px!important;color:var(--muted)}.category-tile h3{font-family:var(--hand);font-weight:400;font-size:20px;line-height:1.45;padding-right:13px}.category-tile p{font-size:10px;line-height:1.85;color:var(--muted);margin-top:5px;padding-right:10px}.tile-arrow{position:absolute;right:12px;bottom:17px}.tile-arrow svg{width:22px;height:22px;transform:rotate(-25deg)}.tile-number{position:absolute;right:13px;top:54px;font-family:var(--latin);font-size:42px;line-height:1;color:var(--paper-line);z-index:0;pointer-events:none}.home-bottom{grid-template-columns:1.25fr 1fr;gap:22px;margin:40px 0 35px}.path-feature{border:2px solid var(--ink);border-radius:10px 6px 13px 5px;background:var(--panel);padding:27px 27px 25px;overflow:visible;position:relative;box-shadow:3px 4px 0 var(--ink)}.paper-tape{position:absolute;top:-11px;left:40%;height:21px;width:89px;border:1px solid var(--soft-line);background:var(--light);opacity:.9;transform:rotate(-5deg);clip-path:polygon(2% 0,98% 2%,100% 20%,97% 40%,100% 65%,98% 100%,1% 98%,3% 74%,0 42%)}.path-feature .eyebrow{font-size:13px;color:var(--ink)}.path-feature h3{font-family:var(--hand);font-size:28px;font-weight:400;line-height:1.45;margin:12px 0 13px}.path-feature p{font-size:12px;color:var(--muted);line-height:1.95;max-width:440px}.mini-steps{margin:23px 0 23px;gap:8px}.mini-steps span{font-family:var(--latin);font-size:17px;background:transparent;padding:0;color:var(--ink)}.mini-steps span:last-child{font-family:var(--hand);font-size:14px}.mini-steps b{font-family:var(--latin);font-size:18px;color:var(--ink)}.note-corner-icon{position:absolute;bottom:25px;right:23px;transform:rotate(15deg);opacity:.8}.note-corner-icon svg{width:41px;height:41px;stroke-width:1.7}.note-feature{padding:26px 25px 25px;border:2px solid var(--ink);border-radius:6px 13px 7px 11px;position:relative;background:repeating-linear-gradient(0deg,transparent 0 29px,var(--paper-line) 29px 30px),var(--panel);transform:rotate(1deg);box-shadow:3px 4px 0 var(--ink);overflow:hidden}.note-feature .eyebrow{font-size:13px;background:var(--panel);color:var(--ink);padding:2px 5px 2px 0}.note-feature .question-note{font-family:var(--hand);font-size:30px;color:var(--ink);line-height:1.5;margin:15px 0 17px!important;max-width:86%}.note-feature>p:not(.question-note){font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:19px;max-width:82%;background:var(--panel)}.note-feature .text-link{background:var(--panel)}.note-smile{position:absolute;right:19px;top:44px;transform:rotate(13deg)}.note-smile svg{width:48px;height:48px;stroke-width:1.8}.edition-feature{border:2px solid var(--ink);border-radius:8px 14px 6px 12px;box-shadow:3px 4px 0 var(--ink);margin:38px 0 29px;background:var(--panel)}.edition-feature-head{padding:25px 27px;background:var(--panel);border-bottom:1.5px solid var(--ink);position:relative}.edition-feature-head .eyebrow{font-family:var(--latin);font-size:12px;color:var(--muted)}.edition-feature-head h2{font-family:var(--hand);font-weight:400;font-size:27px;line-height:1.5;margin:10px 0}.edition-feature-head p{font-size:12px;line-height:1.95}.edition-actions{position:relative}.edition-actions:before{content:'KEEP GOING!';font-family:var(--latin);font-size:17px;transform:rotate(-7deg);align-self:center;margin-bottom:2px;color:var(--muted)}.edition-actions .text-link{font-size:11px}.edition-paths{padding:17px 0}.edition-paths>a{border-right:1.5px dashed var(--soft-line);gap:13px}.edition-paths strong{font-family:var(--hand);font-weight:400;font-size:16px}.edition-paths small{font-size:10px;margin-top:5px}.edition-paths>a>svg{width:28px;height:28px;stroke-width:2}.edition-paths b{font-size:21px;font-family:var(--latin)}.doodle-endnote{display:flex;align-items:center;justify-content:center;gap:15px;margin:52px 0 8px;padding:25px 0;border-top:1.5px dashed var(--soft-line);color:var(--muted);flex-wrap:wrap}.doodle-endnote>span{display:inline-flex;transform:rotate(-9deg);color:var(--ink)}.doodle-endnote svg{width:32px;height:32px;stroke-width:2}.doodle-endnote p{font-family:var(--hand);font-size:16px;color:var(--ink)}.doodle-endnote a{font-size:10px;text-decoration:underline;text-underline-offset:4px}.track-card,.concept-card,.guide-card,.project-card{border:2px solid var(--ink);border-radius:9px 13px 7px 11px;background:var(--panel);box-shadow:3px 4px 0 var(--ink);transition:transform .18s,box-shadow .18s}.track-card:hover,.concept-card:hover,.guide-card:hover,.project-card:hover{border-color:var(--ink);transform:translate(-1px,-2px);box-shadow:4px 6px 0 var(--ink)}.track-grid,.concept-grid,.guide-grid{gap:19px}.track-card-body{padding:21px 21px 20px}.card-topline{margin-bottom:16px}.track-card h3{font-family:var(--hand);font-size:23px;font-weight:400;line-height:1.45;margin-right:29px}.track-card .english{font-family:var(--latin);font-size:15px;line-height:1.5;margin-bottom:12px;letter-spacing:.3px}.track-card .card-summary{font-size:12px;line-height:1.95;color:var(--muted);min-height:70px}.kind-tag{border:1px solid var(--soft-line);border-radius:4px 7px 4px 5px;background:var(--panel);color:var(--muted);font-size:9px;padding:3px 7px}.card-footer{padding:13px 21px;border-top:1.5px dashed var(--soft-line);font-size:10px}.card-footer .arrow{font-size:23px;font-family:var(--latin)}.save-button{right:13px;top:75px;width:29px;height:29px;color:var(--ink);border:1.4px solid transparent;border-radius:5px 7px 5px 4px}.save-button svg{width:17px;height:17px;stroke-width:1.9}.save-button:hover{background:var(--panel);border-color:var(--ink)}.save-button.saved{background:var(--ink);color:var(--panel);border-color:var(--ink)}.save-button.saved svg{fill:none;stroke:currentColor}.page-heading{margin:7px 0 30px;gap:23px}.page-heading h1{font-family:var(--hand);font-size:44px;font-weight:400;line-height:1.35;letter-spacing:.7px;margin-top:6px}.page-heading .eyebrow{font-family:var(--latin);font-size:15px;letter-spacing:1px;color:var(--muted)}.page-heading p{font-size:13px;color:var(--muted);line-height:2;margin-top:13px;max-width:690px}.page-heading-count{font-family:var(--hand);font-size:13px;border:2px solid var(--ink);border-radius:52% 48% 44% 56% / 48% 54% 46% 52%;padding:13px 17px 12px;transform:rotate(5deg);color:var(--ink);align-self:center;white-space:nowrap}.page-heading-count b{font-family:var(--latin);font-size:32px;font-weight:400;color:var(--ink)}.filter-panel{margin:20px 0 27px}.filter-line{gap:22px;margin-bottom:19px}.tabs{border-bottom:1.5px solid var(--soft-line);gap:24px}.tab{font-family:var(--hand);font-size:14px;font-weight:400;padding:10px 0 13px;color:var(--muted);border-bottom:0;position:relative}.tab.active{border-color:transparent;font-weight:400;color:var(--ink)}.tab.active:after{content:'';position:absolute;bottom:0;left:-3px;right:-3px;height:4px;border-bottom:3px solid var(--ink);border-radius:42% 58% 33% 67%;transform:rotate(-2deg)}.tab small{font-family:var(--latin);font-size:13px;color:var(--muted);margin-left:6px}.local-search input{border:1.7px solid var(--ink);background:var(--panel);border-radius:6px 10px 5px 7px;color:var(--ink);font-size:12px;padding:10px 11px 10px 36px}.local-search svg{top:12px;color:var(--ink);width:16px;height:16px;stroke-width:2.2}.filter-chips{gap:8px}.chip{border:1.5px solid var(--soft-line);border-radius:5px 8px 4px 7px;color:var(--muted);font-size:11px;padding:6px 11px;background:var(--panel)}.chip small{font-family:var(--latin);font-size:13px;line-height:1}.chip:hover{border-color:var(--ink);color:var(--ink);background:var(--panel);transform:rotate(-1deg)}.chip.active{background:var(--ink);color:var(--panel);border-color:var(--ink)}.new-concepts-filter .chip{font-size:10px}.results-heading{font-size:11px;margin-bottom:19px}.results-heading select{border-bottom:1px dashed var(--soft-line);padding:3px 0;color:var(--ink)}.new-label{background:var(--panel);color:var(--ink);border:1px solid var(--ink);font-family:var(--hand);font-size:10px;line-height:1.6;font-weight:400;border-radius:3px 6px 3px 5px;transform:rotate(-3deg);padding:2px 7px}.concept-card>a{padding:23px 22px 22px}.concept-card h3{font-family:var(--hand);font-size:23px;line-height:1.5;font-weight:400;margin-top:15px}.concept-card .eyebrow{font-family:var(--hand);font-size:11px;color:var(--muted)}.concept-card .english{font-family:var(--latin);font-size:16px;margin-bottom:16px;line-height:1.5}.concept-card p{font-size:12px;line-height:1.95}.concept-card .save-button{top:55px;right:14px}.concept-card .read-more{font-size:11px;color:var(--ink);margin-top:22px}.concept-card .concept-new{top:18px;right:17px;font-size:9px}.concept-inline{border:1.5px solid var(--ink);border-radius:6px 9px 4px 7px;background:var(--panel);font-size:13px;padding:15px 16px;box-shadow:1.5px 2px 0 var(--soft-line)}.concept-inline small{font-family:var(--latin);font-size:13px;line-height:1.6;color:var(--muted);margin-top:2px}.concept-inline>span:last-child{font-family:var(--latin);font-size:20px;color:var(--ink)}.concept-inline:hover{background:var(--light)}.concept-inline-list{gap:13px}.guide-card:before{display:none}.guide-card-body{padding:23px}.guide-topline{margin-bottom:20px}.guide-kind{font-family:var(--hand);font-size:12px;color:var(--ink);gap:6px}.guide-kind svg{width:17px;height:17px;stroke-width:1.9}.guide-card h3{font-family:var(--hand);font-size:22px;font-weight:400;line-height:1.6;margin-right:16px}.guide-card .guide-summary{font-size:12px;line-height:1.95}.guide-card .guide-meta{border-top:1.5px dashed var(--soft-line);font-size:10px;padding-top:14px}.guide-arrow{font-family:var(--latin);font-size:21px}.guide-card .save-button{top:64px;right:10px;border-color:transparent}.guide-card .save-button:hover{border-color:var(--ink)}.guide-card .save-button svg{width:15px;height:15px}.guide-intro-note{background:var(--panel);border:1.5px dashed var(--ink);border-radius:8px 5px 10px 6px;padding:17px 19px;margin-bottom:25px}.guide-intro-note p{color:var(--muted);font-size:12px;line-height:1.95}.guide-links{gap:14px}.guide-link{background:var(--panel);border:1.6px solid var(--ink);border-radius:6px 10px 4px 8px;box-shadow:2px 2px 0 var(--soft-line);padding:17px 18px;gap:14px}.guide-link:hover{background:var(--light);border-color:var(--ink)}.guide-link-icon{background:transparent;color:var(--ink);border-radius:0;width:34px;height:34px}.guide-link-icon svg{width:28px;height:28px;stroke-width:1.9}.guide-link strong{font-family:var(--hand);font-size:17px;font-weight:400;line-height:1.6}.guide-link small{font-size:10px;line-height:1.8}.guide-link>span:last-child{font-family:var(--latin);font-size:23px}.guide-catalog-callout{border:2px solid var(--ink);border-radius:8px 12px 6px 10px;background:var(--panel);box-shadow:3px 3px 0 var(--ink);padding:22px 25px;gap:22px}.guide-catalog-callout h2{font-family:var(--hand);font-weight:400;font-size:23px}.guide-catalog-callout p{font-size:12px;line-height:1.9}.reader-head{margin-bottom:30px}.back-link{color:var(--muted);font-size:11px;margin-bottom:24px;text-decoration:underline;text-decoration-style:dashed;text-underline-offset:5px}.reader-meta{font-size:11px;gap:10px;margin-bottom:16px}.reader-head h1{font-family:var(--hand);font-size:44px;font-weight:400;line-height:1.5;letter-spacing:.4px;max-width:1000px}.reader-en{font-family:var(--latin),"Microsoft YaHei",sans-serif;font-size:18px;letter-spacing:.5px;color:var(--muted);margin-top:4px;line-height:1.7}.guide-reader .reader-en{font-family:inherit}.reader-lead{font-size:var(--read-size);line-height:2;margin:21px 0 24px;max-width:800px;color:var(--text)}.reader-actions{gap:11px;row-gap:13px}.reader-layout{gap:34px;grid-template-columns:minmax(0,1fr) 218px}.reader-side{top:101px}.toc-card{border:2px solid var(--ink);border-radius:8px 12px 6px 10px;background:var(--panel);box-shadow:3px 4px 0 var(--ink);padding:20px 18px}.toc-card h3{font-family:var(--hand);font-size:16px;font-weight:400;letter-spacing:.4px;color:var(--ink);margin-bottom:16px}.toc-link{font-size:12px;line-height:1.85;padding:8px 0 8px 10px;border-left:2px solid transparent}.toc-link:hover{color:var(--ink);border-color:var(--ink)}.guide-reader .toc-link{font-size:11px;line-height:1.9}.reader-side-note{font-size:11px;line-height:1.9;padding:17px 4px}.progress-box{border-bottom:1.5px dashed var(--soft-line);padding-bottom:19px;margin-bottom:17px}.progress-label{font-size:11px;margin-bottom:11px}.progress-label strong{font-family:var(--latin);font-size:17px;font-weight:400;line-height:1}.progress-bar{height:8px;background:var(--panel);border:1.3px solid var(--ink);border-radius:4px 6px 3px 5px}.progress-bar i{background:var(--ink);border-radius:2px}.reader-content section{margin-bottom:36px;scroll-margin-top:99px}.reader-content h2{font-family:var(--hand);font-size:26px;font-weight:400;line-height:1.55;gap:11px;margin-bottom:21px}.reader-content h2 .section-num{font-family:var(--latin);font-size:18px;color:var(--muted);font-weight:400}.reader-content h3{font-size:17px;line-height:1.6}.reader-content p,.reader-content li{font-size:var(--read-size);line-height:2.02}.reader-intro{gap:17px;margin-bottom:35px}.info-block{border:1.6px solid var(--ink);border-radius:7px 10px 5px 8px;background:var(--panel);padding:21px;box-shadow:2px 2px 0 var(--soft-line)}.info-block h3{font-family:var(--hand);font-size:15px;color:var(--ink);font-weight:400;margin-bottom:12px}.info-block p,.info-block li{font-size:13px;line-height:1.95}.outcomes{padding:23px 26px;background:var(--panel);border:1.6px solid var(--ink);border-radius:9px 6px 12px 7px;position:relative}.outcomes:before{content:'';position:absolute;left:11px;top:11px;bottom:11px;border-left:2px dashed var(--soft-line);opacity:.7}.outcomes li{font-size:14px!important;line-height:1.95}.outcomes li::marker{color:var(--ink)}.stage{background:var(--panel);border:1.8px solid var(--ink);border-radius:7px 12px 6px 10px;margin-bottom:18px;box-shadow:2px 3px 0 var(--soft-line)}.stage.done{border-color:var(--ink);box-shadow:3px 4px 0 var(--ink)}.stage-top{padding:22px 21px 16px;gap:15px}.stage-number{font-family:var(--latin);font-size:24px;background:transparent;color:var(--ink);border:1.8px solid var(--ink);border-radius:46% 54% 45% 55%;transform:rotate(-6deg);width:38px;height:38px}.stage-info h3{font-family:var(--hand);font-size:21px;font-weight:400;line-height:1.6;margin:0 0 10px}.stage-info p{font-size:14px;line-height:1.95;color:var(--muted)}.stage-check{width:26px;height:26px;border:1.8px solid var(--ink);border-radius:45% 55% 48% 52%;margin-top:5px}.stage-check svg{width:18px;height:18px;stroke-width:2.5}.stage.done .stage-check{background:var(--ink);border-color:var(--ink);color:var(--panel)}.stage-bottom{padding:0 21px 21px 74px;gap:8px}.topic-tag{font-size:10px;border:1px dashed var(--soft-line);border-radius:3px 5px 3px 4px;color:var(--muted);padding:4px 8px;background:var(--panel)}.pitfall{border:1.5px solid var(--ink);border-left:5px solid var(--ink);background:var(--panel);border-radius:3px 8px 7px 3px;padding:20px 22px;font-size:14px;line-height:2;margin-bottom:13px}.practice-box{border:2px solid var(--ink);border-radius:9px 5px 12px 6px;background:var(--panel);box-shadow:3px 4px 0 var(--ink);padding:25px}.practice-box .eyebrow{color:var(--muted);font-size:14px}.practice-box h3{font-family:var(--hand);font-size:25px;font-weight:400;line-height:1.6;margin:12px 0}.practice-box p{font-size:14px;line-height:1.95}.deliverables{margin-top:17px}.deliverables li{font-size:13px!important;line-height:1.95}.deliverables li:before{color:var(--ink);font-size:18px;font-family:var(--latin)}.source-list{gap:11px}.source-link{background:var(--panel);border:1.5px solid var(--ink);border-radius:5px 8px 4px 7px;padding:15px 17px;font-size:12px;box-shadow:1.5px 2px 0 var(--soft-line)}.source-link:hover{background:var(--light)}.source-link small{font-family:var(--latin);font-size:13px;line-height:1.6;margin-top:4px}.source-link>span:last-child{font-family:var(--latin);font-size:24px;color:var(--ink)}.editor-note{font-size:11px!important;line-height:1.95!important;color:var(--muted);margin-top:16px}.notes-area{border:2px solid var(--ink);border-radius:7px 12px 5px 9px;background:repeating-linear-gradient(0deg,transparent 0 31px,var(--paper-line) 31px 32px),var(--panel);background-attachment:local;box-shadow:3px 4px 0 var(--soft-line);padding:18px 19px;line-height:32px;font-size:14px;min-height:170px;color:var(--text)}.notes-area::placeholder{color:var(--muted)}.notes-foot{font-size:10px;margin-top:12px}.analogy{border:2px solid var(--ink);border-radius:9px 13px 7px 11px;background:var(--panel);padding:26px;box-shadow:3px 4px 0 var(--ink)}.analogy .eyebrow{font-family:var(--hand);font-size:13px;color:var(--muted);margin-bottom:14px}.analogy p{font-family:var(--hand);font-size:24px!important;line-height:1.8!important;color:var(--ink)}.example-box,.self-check{border:1.8px solid var(--ink);border-radius:8px 11px 5px 9px;background:var(--panel);padding:25px}.self-check>p{font-size:16px;line-height:1.95}.answer summary{color:var(--ink);font-size:12px;line-height:1.9;text-decoration:underline;text-decoration-style:dashed;text-underline-offset:5px}.answer p{font-size:14px;line-height:1.95;color:var(--muted);border-top:1px dashed var(--soft-line);padding-top:15px}.quick-path-grid{gap:18px}.path-card{padding:25px;background:var(--panel);border:2px solid var(--ink);border-radius:9px 13px 7px 12px;box-shadow:3px 4px 0 var(--soft-line)}.path-card:hover,.path-card.selected{border-color:var(--ink);background:var(--panel);box-shadow:3px 4px 0 var(--ink)}.path-card.selected{position:relative}.path-card.selected:after{content:'✓';font-family:var(--latin);font-size:27px;position:absolute;top:16px;right:18px;color:var(--ink);transform:rotate(-10deg)}.path-card .path-number{font-family:var(--latin);font-size:15px;color:var(--muted)}.path-card h3{font-family:var(--hand);font-size:23px;line-height:1.55;font-weight:400;margin:11px 0 9px}.path-card p{font-size:12px;line-height:1.95;color:var(--muted)}.path-card .path-meta{font-size:11px;color:var(--ink);margin-top:23px}.path-detail{border:2px solid var(--ink);border-radius:9px 12px 7px 11px;background:var(--panel);box-shadow:4px 5px 0 var(--ink);margin-top:31px}.path-detail-head{padding:29px;border-bottom:1.5px solid var(--ink)}.path-detail-head h2{font-family:var(--hand);font-size:29px;font-weight:400;line-height:1.5;margin-top:7px}.path-detail-head p{font-size:13px;line-height:1.95}.path-controls{background:var(--light);border-bottom:1.5px dashed var(--soft-line);padding:19px 29px}.path-controls select{border:1.5px solid var(--ink);border-radius:5px 8px 4px 6px;background:var(--panel);font-size:12px}.path-controls label{font-size:12px}.path-road{padding:30px}.path-step{grid-template-columns:44px 1fr auto;gap:17px;padding-bottom:33px}.path-step:before{border-left:2px dashed var(--soft-line);left:20px;top:43px}.path-step-index{width:40px;height:40px;border:2px solid var(--ink);border-radius:47% 53% 43% 57%;background:var(--panel);font-family:var(--latin);font-size:22px;color:var(--ink);transform:rotate(-5deg)}.path-step h3{font-family:var(--hand);font-weight:400;font-size:22px;line-height:1.5;margin-top:4px;margin-bottom:8px}.path-step p{font-size:13px;line-height:1.95}.path-step .time{font-size:10px;margin-top:11px}.path-step>a:last-child{color:var(--ink);font-size:11px;text-decoration:underline;text-underline-offset:5px}.callout{background:var(--panel);border:1.5px dashed var(--ink);border-radius:7px 11px 5px 8px;padding:19px 23px;line-height:1.95;font-size:12px;color:var(--muted)}.project-grid{gap:22px}.project-card{padding:26px}.project-id{font-family:var(--latin);font-size:15px;letter-spacing:1px;color:var(--muted)}.project-card h3{font-family:var(--hand);font-size:25px;line-height:1.6;font-weight:400;margin-bottom:13px}.project-card>p{font-size:13px;line-height:1.95}.project-card .deliverables{margin:16px 0 20px}.project-card .deliverables li{font-size:12px!important;line-height:1.95}.project-card details{font-size:12px;margin-bottom:20px}.project-card details summary{color:var(--ink);text-decoration:underline;text-decoration-style:dashed;text-underline-offset:5px}.project-card details ol{padding-top:15px;line-height:1.95}.project-routes{border-top:1.5px dashed var(--soft-line);padding-top:18px;gap:9px}.project-routes a{border:1.2px solid var(--ink);border-radius:4px 7px 3px 5px;font-size:10px;color:var(--ink);padding:5px 8px}.project-guide-entry a{background:var(--panel);border:1.5px solid var(--ink);border-radius:5px 9px 4px 7px;box-shadow:2px 2px 0 var(--soft-line);font-size:12px;color:var(--ink);padding:12px 14px}.project-guide-entry svg{width:18px;height:18px}.shelf-summary{gap:18px;margin:28px 0}.shelf-stat{background:var(--panel);border:2px solid var(--ink);border-radius:9px 13px 6px 10px;box-shadow:3px 4px 0 var(--ink);padding:22px}.shelf-stat strong{font-family:var(--latin);font-size:44px;line-height:1.15;font-weight:400;margin-bottom:8px}.shelf-stat span{font-size:11px}.shelf-actions{gap:13px}.saved-note{border:1.8px solid var(--ink);border-radius:7px 12px 5px 9px;padding:23px;background:var(--panel);box-shadow:2px 3px 0 var(--soft-line);margin-bottom:16px}.saved-note a{font-family:var(--hand);font-weight:400;font-size:20px;color:var(--ink)}.saved-note p{font-size:14px;line-height:2;margin-top:13px}.progress-row{background:var(--panel);border:1.7px solid var(--ink);border-radius:6px 10px 4px 8px;padding:19px 20px;gap:18px;margin-bottom:14px;box-shadow:2px 2px 0 var(--soft-line)}.progress-row>a{font-family:var(--hand);font-size:20px;font-weight:400}.progress-row .category-icon svg{width:29px;height:29px}.progress-row>span{font-size:11px}.about-content h2{font-family:var(--hand);font-size:27px;font-weight:400;line-height:1.5;margin-bottom:18px}.about-content section{margin-bottom:37px}.about-content p,.about-content li{font-size:14px;line-height:2}.about-content a:not(.source-link){color:var(--ink);text-decoration-thickness:1.5px;text-underline-offset:5px}.scope-table{border:1.7px solid var(--ink);background:var(--panel);font-size:12px}.scope-table th,.scope-table td{padding:15px 14px;border-bottom:1px solid var(--soft-line);line-height:1.9}.scope-table th{background:var(--ink);color:var(--panel);font-family:var(--hand);font-weight:400;font-size:13px}.resource-tile{background:var(--panel);border:1.7px solid var(--ink);border-radius:7px 11px 5px 9px;padding:20px;box-shadow:2px 3px 0 var(--soft-line);margin-bottom:17px}.resource-tile h3{font-family:var(--hand);font-size:19px;font-weight:400;margin-bottom:10px}.resource-tile p{font-size:12px;line-height:1.95}.resource-tile>span{font-size:11px;color:var(--ink);margin-top:16px}.guide-bullets li{font-size:14px!important;line-height:2}.comparison-scroll{border:1.8px solid var(--ink);border-radius:6px 9px 4px 7px;margin:24px 0;background:var(--panel);box-shadow:2px 3px 0 var(--soft-line)}.comparison-table{font-size:12px;line-height:1.95}.comparison-table th,.comparison-table td{border-color:var(--soft-line);padding:15px}.comparison-table thead th{background:var(--ink);color:var(--panel);font-family:var(--hand);font-size:14px;font-weight:400}.comparison-table tbody th{background:var(--light);color:var(--ink);font-weight:600}.code-example{border:2px solid var(--ink);border-radius:6px 9px 5px 8px;background:#171717;color:#f2f2e9;box-shadow:3px 4px 0 var(--soft-line);margin:24px 0}.code-toolbar{color:#d6d6ce;border-bottom:1px solid #686862;font-size:11px;padding:12px 17px;background:#222}.code-toolbar>span{font-family:var(--latin);font-size:17px;color:#f2f2e9}.code-toolbar button{border:1.2px solid #d6d6ce;color:#f2f2e9;border-radius:4px 7px 3px 5px;padding:4px 10px;font-size:11px}.code-toolbar button:hover{background:#f2f2e9;color:#171717}.code-example pre{padding:21px;font-size:12px;line-height:1.95}.code-example figcaption{border-top:1px dashed #686862;color:#c3c3b9;font-size:11px;line-height:1.95;padding:14px 17px}.lab-step{border:1.8px solid var(--ink);border-radius:7px 11px 5px 9px;background:var(--panel);box-shadow:2px 3px 0 var(--soft-line)}.lab-step-title{border-bottom:1.5px solid var(--ink);background:var(--panel);padding:19px 20px;gap:13px}.lab-step-title>span{background:var(--ink);color:var(--panel);font-family:var(--latin);font-size:20px;width:31px;height:31px;border-radius:42% 58% 47% 53%}.lab-step-title h3{font-family:var(--hand);font-size:22px;font-weight:400;line-height:1.5}.lab-step-content{padding:23px}.lab-step-content>div+div{margin-top:20px}.lab-step-content strong{font-family:var(--hand);font-size:14px;font-weight:400;color:var(--ink);letter-spacing:.4px;margin-bottom:8px}.lab-step-content p{font-size:14px!important;line-height:2!important}.lab-step-content .lab-done{background:var(--light);border:1.5px dashed var(--soft-line);border-radius:6px 9px 4px 7px;padding:16px 18px}.lab-step-content .lab-done p{font-size:13px!important;color:var(--text)}.guide-self-check{margin-bottom:16px}.question-number{font-family:var(--latin);font-size:20px;color:var(--ink)}.search-dialog{border:2px solid var(--ink);border-radius:12px 8px 15px 7px;background:var(--panel);box-shadow:7px 9px 0 var(--ink);color:var(--text)}.search-dialog::backdrop{background:#11111175;backdrop-filter:blur(2px)}.search-input-wrap{padding:21px 23px;border-bottom:2px solid var(--ink);gap:14px}.search-input-wrap input{font-size:15px;color:var(--ink);background:transparent}.search-input-wrap>svg{color:var(--ink);stroke-width:2.3}.key-button{font-family:var(--latin);font-size:15px;border:1.3px solid var(--ink);border-radius:4px 6px 3px 5px;color:var(--muted)}.global-results{padding:14px}.global-hint{font-size:11px;padding:13px 12px}.search-result{border:1.3px solid transparent;border-radius:6px 9px 4px 7px;padding:13px 15px;gap:13px}.search-result:hover,.search-result.focused{background:var(--light);border-color:var(--ink)}.search-result h3{font-family:var(--hand);font-size:19px;font-weight:400;line-height:1.5}.search-result p{font-size:11px;line-height:1.9;margin-top:4px}.search-result>span{font-size:10px;color:var(--muted)}.search-footer{border-top:1.5px dashed var(--soft-line);font-size:10px;padding:14px 22px}.toast{border:1.5px solid var(--ink);background:var(--ink);color:var(--panel);border-radius:7px 11px 5px 9px;box-shadow:3px 4px 0 var(--soft-line);font-size:12px;padding:12px 20px}.empty{border:1.8px dashed var(--ink);border-radius:8px 13px 6px 11px;background:var(--panel);padding:55px 25px}.empty>svg{width:45px;height:45px;color:var(--ink);stroke-width:1.8;margin-bottom:20px}.empty h3{font-family:var(--hand);font-size:26px;font-weight:400;line-height:1.5}.empty p{font-size:13px;line-height:1.95;margin:14px auto 23px}.loading .brand-mark{font-family:var(--hand);font-size:35px;color:var(--ink)}.loading p{font-size:12px;color:var(--muted)}
@media(min-width:1600px){.doodle-hero{min-height:460px;gap:40px}.doodle-hero h1{font-size:62px}.doodle-hero-art>svg{max-height:425px}.doodle-hero-intro{font-size:14px;max-width:480px}.hero-margin-note{font-size:19px;left:15%}.doodle-hero-art figcaption{font-size:17px}.category-tile{padding:23px}.category-tile h3{font-size:23px}.category-tile p{font-size:12px}.doodle-stats strong{font-size:49px}.doodle-stats>a>span{font-size:12px}}
@media(max-width:1240px){:root{--side-width:216px}.sidebar{padding-left:16px;padding-right:16px}.brand{font-size:32px}.brand small{font-size:12px}.brand-mark{width:40px;height:44px}.brand-mark svg{width:37px;height:37px}#main{padding:29px 29px 48px}.topbar{padding:0 29px}.site-footer{padding-left:29px;padding-right:29px}.doodle-hero h1{font-size:43px}.doodle-hero{gap:5px;min-height:375px}.doodle-hero-intro{font-size:12px;margin-top:24px;line-height:2.1}.sketch-kicker{font-size:12px;gap:7px;letter-spacing:.8px}.sketch-kicker svg{width:19px;height:19px}.doodle-hero-actions{gap:12px}.doodle-hero-actions .button{font-size:12px;padding:11px 14px;gap:8px}.handwritten-note{font-size:10px;margin-top:20px;gap:6px}.hero-margin-note{font-size:14px;left:10%;top:14px}.doodle-hero-art figcaption{font-size:11px;letter-spacing:.5px;gap:8px}.doodle-stats>a{padding:0 21px}.doodle-stats strong{font-size:40px;gap:11px}.doodle-stats>a>span{font-size:10px}.category-grid{gap:13px}.category-tile{padding:18px 15px 20px}.category-tile h3{font-size:18px}.category-tile p{font-size:9px}.category-tile .category-icon{width:33px;height:33px}.category-tile .category-icon svg{width:28px;height:28px}.category-count{font-size:11px!important}.category-tile-top{margin-bottom:18px}.tile-arrow{right:9px;bottom:17px}.tile-arrow svg{width:18px;height:18px}.tile-number{font-size:35px;top:48px}.track-grid,.concept-grid,.guide-grid{grid-template-columns:repeat(2,1fr);gap:18px}.featured-row{gap:17px}.featured-row .track-card-body{padding:19px}.featured-row .track-card h3{font-size:20px}.featured-row .card-summary{font-size:11px;line-height:1.95;min-height:64px}.featured-row .english{font-size:13px}.card-footer{padding:13px 18px}.home-bottom{gap:20px}.path-feature,.note-feature{padding:25px 23px}.path-feature h3{font-size:25px}.note-feature .question-note{font-size:26px!important}.note-smile{right:15px}.note-smile svg{width:41px;height:41px}.mini-steps{gap:6px}.mini-steps span{font-size:16px}.note-corner-icon{right:18px}.note-corner-icon svg{width:33px;height:33px}.reader-layout{grid-template-columns:minmax(0,1fr) 190px;gap:26px}.reader-head h1{font-size:39px}.reader-content h2{font-size:24px}.toc-card{padding:19px 15px}.guide-card h3{font-size:22px}.edition-feature-head{padding:24px}.edition-feature-head h2{font-size:25px}.edition-actions .button{font-size:11px}.edition-paths>a{padding:2px 20px;gap:11px}.edition-paths strong{font-size:15px}.edition-paths small{font-size:9px}.edition-paths>a>svg{width:24px;height:24px}.page-heading h1{font-size:41px}.page-heading-count{padding:11px 14px;font-size:11px}.page-heading-count b{font-size:29px}.doodle-endnote p{font-size:15px}}
@media(max-width:1000px){:root{--side-width:198px}.sidebar{padding-left:14px;padding-right:14px}.brand{font-size:30px;gap:7px}.brand small{font-size:10px}.nav-item{font-size:13px;padding:10px;gap:10px}.nav-item small{font-size:13px}.nav-caption{font-size:10px;margin-left:5px}.sidebar-collection{margin-left:5px;margin-right:5px}.doodle-hero h1{font-size:38px}.sketch-kicker{font-size:11px;letter-spacing:.2px}.doodle-hero{min-height:330px}.hero-margin-note{font-size:12px}.doodle-hero-intro{font-size:11px;line-height:2.1}.doodle-hero-actions .button{font-size:11px;padding:10px 12px}.doodle-hero-actions{gap:10px}.doodle-hero-actions svg{width:16px;height:16px}.handwritten-note{font-size:9px}.handwritten-note svg{width:18px;height:18px}.doodle-hero-art figcaption{font-size:10px;letter-spacing:0}.category-grid{grid-template-columns:repeat(2,1fr);gap:17px}.category-tile{padding:21px 21px 23px}.category-tile h3{font-size:23px}.category-tile p{font-size:11px}.category-tile-top{margin-bottom:16px}.category-tile .category-icon{width:38px;height:38px}.category-tile .category-icon svg{width:33px;height:33px}.category-count{font-size:14px!important}.tile-arrow{right:17px;bottom:21px}.tile-arrow svg{width:25px;height:25px}.tile-number{right:17px;top:50px;font-size:45px}.home-bottom{grid-template-columns:1fr 1fr;gap:18px}.path-feature,.note-feature{padding:24px 21px}.path-feature h3{font-size:23px}.path-feature p{font-size:11px}.note-feature .question-note{font-size:24px!important;max-width:100%;margin-top:20px!important}.note-smile{top:20px;right:15px;opacity:.5}.note-smile svg{width:27px;height:27px}.note-feature>p:not(.question-note){font-size:11px;max-width:100%}.note-corner-icon{display:none}.edition-feature-head{flex-direction:column;align-items:flex-start;gap:18px}.edition-actions{flex-direction:row;align-items:center;gap:17px;flex-wrap:wrap}.edition-actions:before{display:none}.edition-paths{grid-template-columns:1fr;padding:4px 24px}.edition-paths>a{border-right:0;border-bottom:1.5px dashed var(--soft-line);padding:16px 0;gap:15px}.edition-paths>a:last-child{border-bottom:0}.edition-paths strong{font-size:18px}.edition-paths small{font-size:11px}.edition-paths>a>svg{width:30px;height:30px}.edition-paths b{font-size:25px}.featured-row{grid-template-columns:1fr}.featured-row .track-card-body{padding:22px}.featured-row .track-card h3{font-size:25px}.featured-row .card-summary{font-size:12px;min-height:0;-webkit-line-clamp:2}.featured-row .english{font-size:16px}.featured-row .save-button{top:74px}.reader-layout{grid-template-columns:1fr}.reader-side{position:static;order:-1}.reader-side-note{display:none}.toc-card{padding:18px 20px}.toc-card h3{display:none}.toc-links{display:flex;flex-wrap:wrap;gap:9px 16px}.toc-link{padding:0;border:0;font-size:11px}.guide-reader .toc-link{font-size:11px}.progress-box{border:0;padding-bottom:0;margin-bottom:16px}.guide-reader .reader-side{max-height:none;overflow:visible}.reader-content h2{font-size:25px}.filter-line{flex-direction:column;align-items:stretch;gap:18px}.tabs{gap:25px}.local-search{width:100%}.page-heading h1{font-size:39px}.page-heading-count{font-size:11px;transform:rotate(3deg)}.guide-catalog-callout{align-items:flex-start;flex-direction:column}.guide-card h3{font-size:21px}.guide-card-body{padding:21px}.guide-card .guide-summary{font-size:11px}.about-layout{grid-template-columns:1fr}.about-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.resource-tile{margin:0}.quick-path-grid{grid-template-columns:1fr 1fr;gap:18px}.path-card{padding:22px}.path-card h3{font-size:21px}.path-step{grid-template-columns:40px 1fr}.path-step>a:last-child{grid-column:2;padding-top:0}.project-grid{grid-template-columns:1fr}.doodle-endnote{margin-top:39px;gap:11px}.doodle-endnote p{font-size:14px}.doodle-endnote a{flex-basis:100%;text-align:center}.site-footer{gap:14px}}
@media(max-width:800px){.doodle-hero{grid-template-columns:1fr;gap:5px;padding-top:6px;min-height:0}.doodle-hero-copy{padding-bottom:0}.sketch-kicker{font-size:13px;letter-spacing:.7px;margin-bottom:18px}.doodle-hero h1{font-size:47px;line-height:1.3}.doodle-hero-intro{font-size:13px;max-width:440px;margin-top:24px;margin-bottom:21px}.doodle-hero-actions .button{font-size:13px;padding:11px 16px}.doodle-hero-actions{gap:15px}.handwritten-note{font-size:11px;margin-top:21px}.handwritten-note svg{width:22px;height:22px}.doodle-hero-art{max-width:440px;margin:6px auto 0;width:100%;padding:0 10px}.doodle-hero-art>svg{max-height:320px}.hero-margin-note{font-size:16px;left:13%;top:11px}.doodle-hero-art figcaption{font-size:13px;letter-spacing:.6px;margin-top:-2px}.doodle-stats{margin-top:20px;gap:0;padding:21px 0}.doodle-stats>a{padding:0 14px;gap:7px}.doodle-stats strong{font-size:35px;gap:7px}.doodle-stats strong>span{font-size:16px}.doodle-stats>a>span{font-size:9px}.section-heading h2{font-size:22px}.section-heading h2>svg{width:25px;height:25px}.section-heading .text-link{font-size:10px;gap:5px}.section-heading .text-link svg{width:16px;height:16px}.home-bottom{grid-template-columns:1fr;margin-top:35px;gap:24px}.path-feature h3{font-size:28px}.path-feature p{font-size:12px}.note-feature .question-note{font-size:30px!important}.note-smile{top:43px;right:24px;opacity:1}.note-smile svg{width:58px;height:58px}.note-feature>p:not(.question-note){font-size:12px;max-width:80%}.note-corner-icon{display:block;right:24px}.note-corner-icon svg{width:42px;height:42px}.mini-steps span{font-size:19px}.mini-steps{gap:10px}.track-grid,.concept-grid,.guide-grid{grid-template-columns:1fr}.track-card h3{font-size:26px}.track-card .card-summary{min-height:0}.guide-card h3{font-size:24px}.guide-card .guide-summary{font-size:12px}.guide-card-body{padding:23px}.concept-card h3{font-size:25px}.reader-intro{grid-template-columns:1fr}.reader-head h1{font-size:36px}.reader-en{font-size:18px}.reader-content h2{font-size:24px}.page-heading-count{padding:10px 12px}.page-heading-count b{font-size:26px}.page-heading p{font-size:12px}.page-heading h1{font-size:37px}.shelf-summary{grid-template-columns:repeat(2,1fr)}.path-detail-head{padding:24px;flex-direction:column;align-items:flex-start}.path-detail-head h2{font-size:27px}.path-controls{padding:19px 24px;align-items:flex-start;flex-direction:column}.path-road{padding:26px 23px}.about-aside{grid-template-columns:1fr}.site-footer{flex-direction:column}.progress-row{flex-wrap:wrap}.progress-row>a{font-size:19px;min-width:140px}.progress-row .progress-bar{width:85px}}
@media(max-width:650px){:root{--side-width:0px}.sidebar{width:250px;padding:27px 22px 20px;border-right:2px solid var(--ink)}.brand{font-size:35px;gap:10px}.brand small{font-size:13px}.brand-mark{width:44px;height:47px}.brand-mark svg{width:41px;height:41px}.nav-item{font-size:15px;padding:12px;gap:13px}.nav-item small{font-size:15px}.nav-item svg{width:22px;height:22px}.nav-caption{font-size:11px;margin:23px 5px 24px}.sidebar-collection{margin-top:26px}.sidebar-bottom{padding-top:32px}.workspace{margin:0}.topbar{height:65px;padding:0 19px}.topbar-left{gap:12px}.mobile-menu{width:31px;height:31px;font-size:17px;border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-family:var(--latin)}.search-trigger{min-width:34px;width:34px;height:32px;padding:7px;box-shadow:2px 2px 0 var(--ink)}.search-trigger>span,.search-trigger kbd{display:none}.search-trigger svg{width:17px;height:17px}#main{padding:25px 20px 42px}.breadcrumb{font-size:11px}.doodle-hero{padding-top:7px;gap:6px}.sketch-kicker{font-size:12px;letter-spacing:.4px;margin-bottom:16px}.sketch-kicker svg{width:20px;height:20px}.doodle-hero h1{font-size:clamp(34px,9.5vw,46px);letter-spacing:.3px;line-height:1.35}.rough-underline:after{height:6px;border-width:3px;bottom:-2px;right:4px}.doodle-hero-intro{font-size:12px;line-height:2.1;margin-top:23px;margin-bottom:22px}.doodle-hero-actions{gap:15px}.doodle-hero-actions .button{font-size:13px;padding:11px 16px;gap:10px}.doodle-hero-actions .button svg{height:18px;width:18px}.handwritten-note{font-size:10px;margin-top:22px;gap:7px}.handwritten-note svg{height:21px;width:21px}.doodle-hero-art{max-width:390px;padding:0 5px;margin-top:9px}.doodle-hero-art>svg{max-height:300px}.hero-margin-note{font-size:14px;left:13%;top:8px}.doodle-hero-art figcaption{font-size:12px;letter-spacing:.5px;gap:9px}.doodle-hero-art figcaption svg{width:17px;height:17px}.doodle-stats{margin:21px 0 31px;padding:19px 0 18px}.doodle-stats>a{padding:0 12px;gap:7px}.doodle-stats>a:first-child{padding-left:4px}.doodle-stats strong{font-size:35px;gap:5px}.doodle-stats strong>span{display:none}.doodle-stats>a>span{font-size:9px;line-height:1.8;max-width:70px}.continue-note{padding:15px;flex-direction:column;align-items:flex-start;gap:9px;font-size:11px}.continue-note>span:last-child{align-self:flex-end;font-size:10px}.continue-note svg{height:16px;width:16px}.section{margin-top:31px}.section-heading{gap:10px;align-items:baseline;margin-bottom:16px}.section-heading h2{font-size:22px;gap:6px;line-height:1.5}.section-heading h2>svg{height:23px;width:23px;transform:rotate(-7deg)}.section-heading .text-link{font-size:10px;white-space:nowrap;gap:4px}.section-heading .text-link svg{width:15px;height:15px}.section-description{font-size:11px;line-height:1.95;margin:-5px 0 21px}.category-grid{gap:15px 13px}.category-tile{padding:18px 15px 21px;box-shadow:2px 3px 0 var(--ink);border-width:1.8px}.category-tile h3{font-size:19px}.category-tile p{font-size:9px;line-height:1.9;padding-right:10px}.category-tile-top{margin-bottom:14px;gap:4px}.category-count{font-size:12px!important}.category-tile .category-icon{width:32px;height:32px}.category-tile .category-icon svg{height:28px;width:28px}.tile-arrow{right:10px;bottom:20px}.tile-arrow svg{height:19px;width:19px}.tile-number{font-size:34px;right:11px;top:47px}.home-bottom{margin:36px 0 32px;gap:25px}.path-feature,.note-feature{padding:25px 23px}.path-feature h3{font-size:28px;line-height:1.5}.path-feature p{font-size:12px}.path-feature .eyebrow,.note-feature .eyebrow{font-size:13px}.mini-steps{gap:8px;margin:21px 0}.mini-steps span{font-size:19px}.mini-steps span:last-child{font-size:14px}.note-corner-icon{right:19px;bottom:23px}.note-corner-icon svg{height:33px;width:33px}.note-feature .question-note{font-size:29px!important;line-height:1.5;max-width:89%}.note-smile{right:19px;top:45px}.note-smile svg{width:48px;height:48px}.note-feature>p:not(.question-note){font-size:12px;max-width:87%}.edition-feature{margin:35px 0 27px;box-shadow:3px 4px 0 var(--ink)}.edition-feature-head{padding:23px}.edition-feature-head h2{font-size:25px;line-height:1.5;margin:10px 0 12px}.edition-feature-head .eyebrow{font-size:12px;letter-spacing:.4px}.edition-feature-head p{font-size:12px;line-height:1.95}.edition-actions{gap:15px}.edition-actions .button{font-size:12px}.edition-actions .text-link{font-size:11px}.edition-paths{padding:4px 22px}.edition-paths>a{padding:17px 0;gap:14px}.edition-paths strong{font-size:18px}.edition-paths small{font-size:10px}.edition-paths>a>svg{height:28px;width:28px}.track-grid,.concept-grid,.guide-grid,.featured-row{gap:20px}.track-card-body,.featured-row .track-card-body{padding:22px}.track-card h3,.featured-row .track-card h3{font-size:25px}.track-card .english,.featured-row .english{font-size:17px;margin-bottom:14px}.track-card .card-summary,.featured-row .card-summary{font-size:12px;line-height:2;min-height:0;-webkit-line-clamp:3}.card-topline{margin-bottom:16px}.card-footer{padding:13px 22px;font-size:11px}.save-button,.featured-row .save-button{top:77px;right:15px;width:28px;height:28px}.doodle-endnote{margin:39px 0 2px;padding-top:25px;gap:9px}.doodle-endnote p{font-size:13px;line-height:1.9;max-width:83%}.doodle-endnote svg{height:28px;width:28px}.doodle-endnote a{font-size:10px;margin-top:4px}.site-footer{padding:22px 20px 25px;gap:14px;font-size:9px}.site-footer>span{font-size:12px}.site-footer>div{gap:20px}.page-heading{gap:10px;margin-bottom:24px;align-items:flex-start}.page-heading h1{font-size:36px;line-height:1.4}.page-heading .eyebrow{font-size:13px;letter-spacing:.7px}.page-heading p{font-size:12px;line-height:2;max-width:100%}.page-heading-count{padding:10px 11px;font-size:10px;align-self:flex-start;margin-top:30px;transform:rotate(5deg);border-width:1.6px;white-space:nowrap}.page-heading-count b{font-size:27px;margin-right:3px}.filter-line{gap:17px}.tabs{justify-content:space-between;gap:7px}.tab{font-size:12px;padding:10px 0 12px}.tab small{font-size:12px;margin-left:4px}.local-search input{font-size:12px;padding:10px 12px 10px 36px}.filter-chips{gap:8px}.chip{font-size:10px;padding:5px 9px;line-height:1.9}.chip small{font-size:12px;margin-left:5px}.new-concepts-filter{gap:9px;margin-top:13px}.new-concepts-filter>span{font-size:9px;flex-basis:100%}.results-heading{font-size:10px;gap:12px;line-height:1.9}.results-heading select{font-size:10px}.concept-card>a{padding:23px}.concept-card h3{font-size:25px;margin-top:15px}.concept-card .english{font-size:17px}.concept-card .save-button{top:57px;right:16px}.concept-card .concept-new{top:18px;right:19px}.concept-card .eyebrow{font-size:11px}.concept-card p{font-size:12px;line-height:2}.concept-card .read-more{font-size:11px}.concept-inline-list{grid-template-columns:1fr;gap:13px}.concept-inline{padding:15px 16px;font-size:13px}.concept-inline small{font-size:14px}.guide-card-body{padding:23px}.guide-card h3{font-size:24px;line-height:1.6}.guide-card .guide-summary{font-size:12px;line-height:2}.guide-card .save-button{top:65px;right:11px}.guide-card .guide-meta{font-size:10px}.guide-kind{font-size:11px}.guide-topline{margin-bottom:18px}.new-label{font-size:10px;padding:2px 6px}.guide-intro-note{padding:16px 15px;gap:10px}.guide-intro-note p{font-size:11px;line-height:1.95}.reader-head h1{font-size:34px;line-height:1.5}.reader-en{font-size:17px;line-height:1.8}.reader-meta{font-size:10px;gap:8px;margin-bottom:15px}.reader-lead{font-size:15px;line-height:2;margin:19px 0 23px}.back-link{font-size:10px;margin-bottom:22px}.reader-actions{gap:10px;row-gap:12px}.reader-actions .button{font-size:11px;padding:8px 11px;gap:8px}.reader-actions .button svg{height:15px;width:15px}.reader-layout{gap:26px}.toc-card{padding:17px 18px;border-width:1.7px;box-shadow:2px 3px 0 var(--ink)}.toc-links{gap:9px 15px}.toc-link,.guide-reader .toc-link{font-size:10px;line-height:1.9}.progress-label{font-size:10px}.progress-label strong{font-size:16px}.reader-content section{margin-bottom:32px}.reader-content h2{font-size:23px;line-height:1.6;gap:9px;margin-bottom:20px}.reader-content h2 .section-num{font-size:17px}.reader-content p,.reader-content li{font-size:15px;line-height:2}.reader-intro{gap:16px;margin-bottom:30px}.info-block{padding:20px}.info-block h3{font-size:15px}.info-block p,.info-block li{font-size:13px;line-height:1.95}.outcomes{padding:21px 23px}.outcomes li{font-size:13px!important;line-height:1.95}.stage-top{padding:20px 16px 16px;gap:12px}.stage-number{height:30px;width:30px;font-size:20px;flex-shrink:0}.stage-info h3{font-size:20px;line-height:1.6;margin-bottom:10px}.stage-info p{font-size:13px;line-height:2}.stage-check{height:23px;width:23px;flex-shrink:0;border-width:1.6px;margin-top:5px}.stage-check svg{height:16px;width:16px}.stage-bottom{padding:0 16px 20px 58px;gap:7px}.topic-tag{font-size:9px;line-height:1.8}.pitfall{padding:19px 20px;font-size:13px;line-height:2;border-left-width:4px}.practice-box{padding:23px 21px}.practice-box h3{font-size:24px}.practice-box p{font-size:13px;line-height:2}.deliverables li{font-size:12px!important;line-height:2}.source-link{padding:14px 15px;font-size:11px}.source-link small{font-size:12px}.source-link>span:last-child{font-size:22px}.editor-note{font-size:10px!important;line-height:2!important}.notes-area{font-size:14px;padding:16px 17px;line-height:31px;background-size:auto}.notes-foot{font-size:9px;gap:14px;line-height:1.9}.analogy{padding:23px}.analogy p{font-size:22px!important;line-height:1.9!important}.analogy .eyebrow{font-size:12px}.example-box,.self-check{padding:22px}.self-check>p{font-size:15px;line-height:1.95}.answer summary{font-size:11px}.answer p{font-size:13px;line-height:2}.guide-link{padding:16px 14px;gap:12px}.guide-link-icon{height:29px;width:29px}.guide-link-icon svg{height:25px;width:25px}.guide-link strong{font-size:17px;line-height:1.7}.guide-link small{font-size:9px}.guide-link>span:last-child{font-size:23px}.guide-catalog-callout{padding:23px 21px;gap:19px}.guide-catalog-callout h2{font-size:23px}.guide-catalog-callout p{font-size:12px}.comparison-table{font-size:11px;min-width:430px;line-height:1.95}.comparison-table thead th{font-size:13px}.comparison-table td,.comparison-table th{padding:12px}.code-example pre{padding:18px 16px;font-size:11px;line-height:1.95}.code-toolbar{padding:11px 15px}.code-toolbar>span{font-size:16px}.code-toolbar button{font-size:10px}.code-example figcaption{font-size:10px;padding:14px 15px;line-height:1.95}.lab-step-title{padding:18px 16px;gap:11px}.lab-step-title h3{font-size:20px}.lab-step-title>span{width:28px;height:28px;font-size:18px}.lab-step-content{padding:21px 18px}.lab-step-content strong{font-size:14px}.lab-step-content p{font-size:13px!important;line-height:2!important}.lab-step-content .lab-done{padding:15px}.lab-step-content .lab-done p{font-size:12px!important}.guide-bullets li{font-size:13px!important;line-height:2}.quick-path-grid{gap:16px 13px}.path-card{padding:20px 16px;border-width:1.8px;box-shadow:2px 3px 0 var(--soft-line)}.path-card h3{font-size:21px;line-height:1.6;margin:11px 0 10px}.path-card p{font-size:11px;line-height:1.95}.path-card .path-number{font-size:13px}.path-card.selected:after{font-size:23px;right:12px;top:14px}.path-card .path-meta{font-size:9px;margin-top:20px;gap:8px}.path-detail-head{padding:24px 22px}.path-detail-head h2{font-size:26px;line-height:1.6}.path-detail-head p{font-size:12px;line-height:2}.path-controls{padding:18px 22px;gap:12px}.path-controls label{font-size:12px}.path-controls p{font-size:10px;line-height:1.95}.path-road{padding:26px 20px}.path-step{grid-template-columns:35px 1fr;gap:13px;padding-bottom:30px}.path-step:before{left:16px;top:36px}.path-step-index{height:33px;width:33px;font-size:19px;border-width:1.6px}.path-step h3{font-size:21px;line-height:1.6;margin-top:1px}.path-step p{font-size:12px;line-height:2}.path-step .time{font-size:9px;line-height:1.95}.path-step>a:last-child{font-size:11px;margin-top:-3px}.callout{padding:18px 21px;font-size:11px;line-height:2}.project-card{padding:24px 22px}.project-card h3{font-size:25px;line-height:1.65}.project-card>p{font-size:12px;line-height:2}.project-card .deliverables li{font-size:12px!important;line-height:2}.project-card details{font-size:11px}.project-card details ol{line-height:2}.project-id{font-size:14px}.project-routes{gap:8px;padding-top:17px}.project-routes a{font-size:9px;line-height:1.9}.project-guide-entry a{font-size:11px;padding:12px}.project-guide-entry svg{height:17px;width:17px}.shelf-summary{gap:16px;margin:26px 0}.shelf-stat{padding:21px;border-width:1.8px}.shelf-stat strong{font-size:43px}.shelf-stat span{font-size:11px}.shelf-actions{gap:12px}.shelf-actions .button{font-size:11px}.saved-note{padding:22px}.saved-note a{font-size:20px;line-height:1.7}.saved-note p{font-size:13px;line-height:2}.progress-row{padding:17px 16px;gap:13px}.progress-row>a{font-size:19px;min-width:130px}.progress-row .category-icon{height:30px;width:30px}.progress-row .category-icon svg{height:27px;width:27px}.progress-row .progress-bar{width:71px}.progress-row>span{font-size:10px}.about-content h2{font-size:26px}.about-content p,.about-content li{font-size:13px;line-height:2}.scope-table th,.scope-table td{padding:13px 9px;font-size:11px}.scope-table th{font-size:12px}.resource-tile{padding:21px}.resource-tile h3{font-size:21px}.resource-tile p{font-size:12px;line-height:2}.search-dialog{margin-top:7vh;max-height:85vh;border-radius:9px 6px 13px 7px;box-shadow:5px 6px 0 var(--ink)}.search-input-wrap{padding:19px 16px;gap:11px}.search-input-wrap input{font-size:13px}.search-input-wrap>svg{width:20px;height:20px}.global-results{max-height:61vh;padding:11px}.global-hint{font-size:10px;padding:10px 12px}.search-result{padding:12px 13px;gap:9px}.search-result h3{font-size:18px;line-height:1.6}.search-result p{font-size:10px}.search-result>span{font-size:9px}.search-footer{font-size:9px;padding:13px 16px;gap:12px;line-height:1.8}.toast{font-size:11px;max-width:88vw;padding:11px 17px}.empty{padding:45px 23px}.empty h3{font-size:25px}.empty p{font-size:12px;line-height:2}}
@media(max-width:370px){#main{padding-left:16px;padding-right:16px}.topbar{padding-left:16px;padding-right:16px}.doodle-hero h1{font-size:33px}.sketch-kicker{font-size:10px}.doodle-hero-intro{font-size:11px}.doodle-hero-actions .button{font-size:12px;padding:10px 13px}.handwritten-note{font-size:9px}.doodle-stats>a{padding:0 9px}.doodle-stats strong{font-size:31px}.doodle-stats>a>span{font-size:8px}.section-heading h2{font-size:20px}.section-heading .text-link{font-size:9px}.category-tile{padding-left:13px;padding-right:13px}.category-tile h3{font-size:18px}.category-tile p{font-size:8px}.category-count{font-size:10px!important}.tile-arrow svg{height:16px;width:16px}.category-grid{gap:14px 12px}.path-card{padding:18px 14px}.path-card h3{font-size:19px}.page-heading-count{display:none}.tab{font-size:11px}.tab small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.nav-item:hover,.button:hover,.category-tile:hover,.track-card:hover,.guide-card:hover,.concept-card:hover,.project-card:hover{transform:none}*,*:before,*:after{transition:none!important}}
@media print{:root,[data-theme=dark]{--bg:#fff;--panel:#fff;--ink:#111;--text:#222;--muted:#555;--line:#aaa;--light:#f5f5f5;--paper-line:#ddd;--soft-line:#bbb;--green:#111}.sidebar,.topbar,.site-footer,.reader-side,.reader-actions,.back-link,.save-button,.toast{display:none!important}.workspace{margin:0}#main{padding:0;max-width:none}.reader-head h1{font-family:var(--hand);font-size:29px;line-height:1.5}.reader-content h2{font-size:22px}.reader-content p,.reader-content li{font-size:11pt;line-height:1.85}.reader-layout{display:block}.info-block,.stage,.practice-box,.outcomes,.analogy,.self-check,.code-example,.comparison-scroll,.lab-step,.source-link{box-shadow:none;border-width:1px;border-radius:3px;break-inside:avoid}.info-block h3,.stage-info h3,.practice-box h3{font-size:18px}.reader-content section{margin-bottom:23px}.code-example{background:#f7f7f7;color:#222;border-color:#aaa}.code-toolbar{background:#f3f3f3;color:#222;border-color:#aaa}.code-toolbar>span{color:#222}.code-example figcaption{color:#555;border-color:#aaa}.code-example pre{white-space:pre-wrap;max-height:none;overflow:visible;font-size:9pt}.code-toolbar button{display:none}.comparison-table{min-width:0;font-size:9pt}.comparison-table thead th,.scope-table th{background:#eee;color:#111}.stage-number{font-size:19px;width:30px;height:30px;transform:none}.guide-section{break-inside:auto!important}.reader-intro{grid-template-columns:1fr 1fr}.answer p{display:block}.doodle-hero,.doodle-stats,.edition-feature,.home-bottom{break-inside:avoid}}