.lesson-hero{padding-top:65px;padding-bottom:55px;display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center}.lesson-hero h1{font-size:48px;margin:20px 0;line-height:1.45}.lesson-hero h1 em{font-style:normal;color:var(--gold);font-family:"Songti TC",serif}.lesson-pills{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 27px}.lesson-pills span{font-size:10px;color:var(--green);border:1px solid #465139;padding:3px 9px;border-radius:4px}.lesson-hero-art{position:relative;overflow:hidden;border-radius:14px;border:1px solid #655035}.lesson-hero-art img{width:100%;height:310px;display:block;object-fit:cover;object-position:70%}.lesson-hero-art span{position:absolute;bottom:0;left:0;right:0;padding:30px 20px 15px;background:linear-gradient(transparent,#10110f);font-size:11px;color:#d4cabb}.lesson-before{padding-bottom:55px}.first-day{border:1px solid var(--line);border-radius:12px;padding:24px;background:#191d16}.before-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:18px}.before-grid b{font-size:14px;font-weight:500}.before-grid p{font-size:12px;line-height:2;margin:10px 0 0}.place-badge{font-size:10px;display:inline-block;padding:0 7px;border-radius:4px;white-space:nowrap}.shell{background:#35402a;color:#c4d6b1}.claude{background:#503729;color:#e7c8b3}.lesson-before .prep{margin-top:20px}.days-plan{display:flex;gap:15px;margin-top:26px;border-block:1px solid var(--line);padding-block:20px}.days-plan>div{flex:1;display:flex;flex-direction:column}.days-plan b{font-size:10px;letter-spacing:1px;color:var(--gold)}.days-plan span{font-size:10px;color:var(--muted);margin-top:4px}.lesson-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:40px;align-items:start}.sidebar-inner{position:sticky;top:25px}.lesson-sidebar{height:100%}.lesson-progress{margin:12px 0;font-size:12px}.lesson-progress b{font-size:28px;color:var(--gold);font-weight:400}.lesson-sidebar .progress-track span{background:var(--gold);height:100%;display:block;transition:width .3s}.lesson-sidebar small{display:block;font-size:10px;color:var(--muted);line-height:1.9;margin-top:13px}.lesson-sidebar nav{margin:22px 0;display:flex;flex-direction:column;gap:5px;border-left:1px solid var(--line);padding-left:13px}.lesson-sidebar nav a{font-size:11px;color:var(--muted);padding:3px 0;display:flex;gap:10px}.lesson-sidebar nav a span{font-size:9px;color:var(--gold);min-width:17px}.lesson-sidebar nav a.completed{color:var(--green)}.lesson-sidebar nav a:hover{color:var(--gold)}.sidebar-download{display:block;font-size:11px;color:var(--gold);margin:7px 0}.lesson-sidebar .text-button{margin-top:14px}.tutorial-step{scroll-margin-top:25px;margin-bottom:27px;border:1px solid #3c4233;border-radius:12px;overflow:hidden;background:#181b15}.tutorial-step>header{display:flex;align-items:start;gap:18px;padding:25px 26px 19px;border-bottom:1px solid var(--line)}.step-number{font-size:25px;color:var(--gold);font-weight:300;line-height:1.3;min-width:34px}.step-heading .kicker{font-size:9px}.step-heading h2{font-size:23px;letter-spacing:-.5px;margin:5px 0 7px;line-height:1.5}.step-heading p{font-size:13px;line-height:1.9;margin-bottom:0}.tutorial-step .step-main{padding:24px 26px}.step-instructions{font-size:14px;color:#c8cebd;line-height:1.9;margin-bottom:20px}.step-instructions p{color:#c8cebd;margin-bottom:12px}.step-instructions a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.step-instructions ol,.step-instructions ul{padding-left:22px}.step-instructions li{margin-bottom:7px}.command-block{border:1px solid #4e513c;border-radius:8px;margin:18px 0;overflow:hidden}.command-label{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 13px;background:#242a1e;font-size:11px;color:var(--green)}.command-label.for-claude{background:#33271f;color:#e7c8b3}.command-block pre,.expected-screen pre{padding:16px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,"PingFang TC",monospace;font-size:12px;line-height:1.9;color:#d8dccd;background:#0e120c}.command-label .copy-button{padding:3px 9px;font-size:9px;white-space:nowrap}.expected-screen{border:1px solid #424b38;border-radius:8px;overflow:hidden;margin-top:21px}.screen-bar{display:flex;gap:5px;align-items:center;background:#2a3224;padding:10px 13px;font-size:10px;color:#b5c3a5}.screen-bar i{width:7px;height:7px;border-radius:50%;background:#8a7455}.screen-bar i:nth-child(2){background:#aca16a}.screen-bar i:nth-child(3){background:#738765}.screen-bar span{margin-left:auto}.screen-note{font-size:12px;color:#c4cbb8;padding:13px 15px;margin:0;background:#20271b}.step-checks{padding:17px;background:#242b1e;border-left:2px solid var(--green);margin-top:20px;font-size:13px}.step-checks b{font-weight:500;color:var(--green)}.step-checks ul{margin:10px 0 0;padding-left:19px;line-height:1.9;color:#c9d0bf}.step-checks li{margin:3px 0}.troubleshoot{border:1px dashed #55513b;padding:0 15px;margin-top:17px}.troubleshoot summary{cursor:pointer;font-size:12px;padding:12px 0;color:var(--gold);display:flex;justify-content:space-between}.troubleshoot div{font-size:12px;line-height:1.95;color:var(--muted);padding:0 0 12px}.troubleshoot p{margin:7px 0}.troubleshoot code,.step-instructions code,.lesson-before code{color:var(--gold);background:#26271d;padding:1px 4px;border-radius:3px;overflow-wrap:anywhere}.step-checkmark{display:flex;align-items:start;gap:10px;border-top:1px solid var(--line);padding-top:17px;margin-top:22px;font-size:12px;color:var(--green);cursor:pointer}.step-checkmark input{width:17px;height:17px;accent-color:var(--green);flex-shrink:0;margin:4px 0 0}.tutorial-step.checked{border-color:#7f9266}.submission{padding-top:60px;padding-bottom:55px}.submission h2{margin-top:20px}.submission-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.submission-grid ol,.submission-grid p{font-size:14px;line-height:1.95;color:var(--muted)}.submission-grid ol{padding-left:20px}.submission-grid li{margin-bottom:9px}.submission .prep{margin-top:22px}#submission-template{font-family:inherit;white-space:pre-wrap;font-size:13px;line-height:2}.tutorial-sources{padding-block:30px;border-top:1px solid var(--line);font-size:11px}.tutorial-sources h3{font-size:14px}.tutorial-sources a{display:inline-block;color:var(--gold);margin:4px 20px 4px 0}.expected-table{width:100%;border-collapse:collapse;margin-top:15px;font-size:12px}.expected-table th,.expected-table td{border:1px solid #4b533e;padding:10px;text-align:left}.expected-table th{color:var(--gold);font-weight:500}.step-main .output-tip{font-size:11px;color:#9fad90;margin-top:10px}.lesson-steps{min-width:0}
@media(max-width:1100px){.lesson-layout{grid-template-columns:190px minmax(0,1fr);gap:25px}.lesson-hero{gap:30px}.lesson-hero h1{font-size:38px}.lesson-hero-art img{height:280px}.step-heading h2{font-size:21px}.tutorial-step>header{padding:21px}.tutorial-step .step-main{padding:20px}}
@media(max-width:760px){.lesson-hero{grid-template-columns:1fr;padding-block:40px;gap:28px}.lesson-hero h1{font-size:36px;letter-spacing:-1px}.lesson-hero-art img{height:220px}.lesson-hero .lede{font-size:14px}.lesson-pills{gap:6px}.lesson-pills span{font-size:9px}.before-grid{grid-template-columns:1fr;gap:20px}.first-day{padding:20px}.before-grid p{font-size:13px}.days-plan{display:grid;grid-template-columns:1fr 1fr;gap:15px}.days-plan span{font-size:11px}.lesson-layout{grid-template-columns:1fr;gap:25px}.sidebar-inner{position:static;border:1px solid var(--line);padding:20px;border-radius:9px}.lesson-sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin:18px 0}.lesson-sidebar nav a{font-size:11px}.lesson-sidebar small{font-size:11px}.lesson-sidebar .sidebar-download{display:inline-block;margin-right:18px}.tutorial-step>header{padding:20px 17px;gap:12px}.step-number{font-size:22px;min-width:26px}.step-heading h2{font-size:21px}.step-heading p{font-size:13px}.tutorial-step .step-main{padding:19px 17px}.step-instructions{font-size:14px}.command-block pre,.expected-screen pre{font-size:11px;padding:13px;line-height:1.9}.command-label{font-size:10px;gap:8px}.screen-note{font-size:12px}.step-checks{font-size:13px;padding:14px}.troubleshoot div{font-size:13px}.submission-grid{grid-template-columns:1fr;gap:25px}.submission{padding-top:40px}.submission h2{font-size:29px}.expected-table{font-size:11px}.expected-table td,.expected-table th{padding:7px}}
@media print{.site-header,.lesson-hero,.lesson-before,.lesson-sidebar,footer,.toast,.step-checkmark,.copy-button{display:none!important}.lesson-layout,.submission-grid{display:block}.wrap{padding:0}.tutorial-step{background:white;border-color:#ccc;break-inside:auto;margin-bottom:18px}.tutorial-step>header{padding:12px;break-after:avoid}.tutorial-step .step-main{padding:12px}.step-heading h2{font-size:15pt}.step-number,.step-heading .kicker,.step-instructions a{color:#444}.step-instructions,.step-instructions p,.screen-note,.step-checks,.step-checks ul{color:#111;font-size:10pt;line-height:1.5}.command-block pre,.expected-screen pre{background:#f5f5f5;color:#111;font-size:9pt;line-height:1.5}.command-label,.screen-bar,.screen-note,.step-checks{background:#eee;color:#111}.troubleshoot{display:block}.troubleshoot div{display:block!important;color:#111}.submission{padding-top:20px}.tutorial-sources a{color:#222}.step-heading p{color:#222}.step-checks b{color:#222}}

.platform-selector{padding-bottom:35px}.platform-selector h2{font-size:28px;margin:13px 0 20px}.platform-buttons{display:flex;gap:12px;flex-wrap:wrap}.platform-buttons button{border:1px solid #555b43;background:#20241b;color:#bdc8ae;padding:13px 20px;border-radius:7px;font-size:13px}.platform-buttons button.active{background:var(--gold);color:#19160f;border-color:var(--gold)}#platform-description{font-size:12px;margin:17px 0 0}.platform-selector .prep{margin-top:17px}.next-step{display:block;font-size:12px;color:var(--gold);text-align:right;margin-top:14px}.tutorial-step.checked .step-number{color:var(--green)}@media(max-width:760px){.platform-buttons{flex-direction:column}.platform-buttons button{text-align:left}.platform-selector h2{font-size:25px}}@media print{.platform-selector,.next-step{display:none}}

.step-homework{border:1px solid #665739;background:#2a281b;padding:15px 17px;margin-top:18px;font-size:13px}.step-homework b{font-weight:500;color:var(--gold)}.step-homework p{margin:7px 0 0;color:#d0c9b8;font-size:13px;line-height:1.9}