.beginner-home-hero{display:grid;grid-template-columns:1.25fr .8fr;gap:34px;align-items:center;margin:15px 0 35px}.beginner-tag{font-size:12px;background:#e9efdf;color:#687c52;padding:7px 12px;border-radius:5px;display:inline-flex}.beginner-home-hero h1{font-size:clamp(34px,3.45vw,53px);line-height:1.5;letter-spacing:-1.7px;font-weight:700;margin:21px 0 20px}.beginner-home-hero h1 em{font-style:normal;color:var(--accent)}.beginner-home-hero>div>p{font-size:14px;color:#76846a;line-height:2.1;margin-bottom:26px}.beginner-main-cta{font-size:14px;padding:14px 24px;min-height:49px}.beginner-installed{display:block;font-size:12px;color:#7e8b72;margin-top:17px}.beginner-installed:hover{color:var(--accent)}.beginner-home-facts{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:#8b987d;font-size:11px}.beginner-home-facts span:before{content:'✓';margin-right:5px;color:#6d8b54}.beginner-goal-card{background:#edf2e5;border:1px solid #dbe3d1;border-radius:9px;overflow:hidden}.beginner-goal-label{display:flex;justify-content:space-between;align-items:center;padding:19px 20px 7px;font-size:11px;color:#81926c}.beginner-goal-label b{font:8px var(--mono);color:#a4b291;letter-spacing:1px}.beginner-goal-bottom{display:flex;justify-content:space-between;gap:15px;align-items:baseline;padding:2px 20px 20px}.beginner-goal-bottom b{font-size:13px;font-weight:500;color:#637c4f}.beginner-goal-bottom span{font-size:9px;color:#92a27e}.beginner-shape{width:100%;display:block;max-height:315px}.beginner-expectations{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin:32px 0 36px}.beginner-expectations>div{border-right:1px solid var(--line);padding:0 15px}.beginner-expectations>div:first-child{padding-left:0}.beginner-expectations>div:last-child{border:0}.beginner-expectations b{font-size:14px;font-weight:500;display:block;color:#5f7450;margin-bottom:6px}.beginner-expectations span{font-size:11px;color:#8b987d}.beginner-route-section .section-heading h2{font-size:23px}.beginner-route-section .section-heading p{font-size:12px;color:#88967a}.beginner-course-list{border:1px solid #dce4d1;border-radius:7px;background:white;overflow:hidden}.beginner-course-list>a{display:flex;align-items:center;gap:20px;padding:20px 24px;border-bottom:1px solid #e9eede;transition:background .15s}.beginner-course-list>a:last-child{border-bottom:0}.beginner-course-list>a:hover{background:#f5f8ef}.beginner-lesson-number{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;background:#eef3e6;border:1px solid #e0e8d4;border-radius:50%;font:16px var(--mono);color:#8aa172}.beginner-lesson-number.done{background:#718e58;border-color:#718e58;color:white}.beginner-course-list h3{font-size:15px;font-weight:500;margin-bottom:5px}.beginner-course-list p{font-size:12px;color:#8a987b;line-height:1.8}.beginner-course-time{font-size:10px;color:#9ba88d;margin-left:auto;white-space:nowrap}.beginner-course-time b{font-weight:400;margin-left:16px;color:#829773}.beginner-after{display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:6px;background:#eaf0e1;padding:23px 26px;margin-top:23px}.beginner-after h3{font-size:15px;font-weight:500;margin-bottom:8px}.beginner-after p{font-size:12px;color:#859776;line-height:1.9}.beginner-after .btn{flex-shrink:0}.beginner-advanced{margin-top:26px;color:#8b9a7b;border-top:1px solid var(--line);padding-top:20px}.beginner-advanced summary{cursor:pointer;font-size:12px}.beginner-advanced p{font-size:12px;margin:15px 0;line-height:1.9}.beginner-advanced>div{display:flex;gap:25px;font-size:12px;color:#718a5c}.beginner-overview-note{padding:20px 23px;background:#eaf0df;border-radius:6px;color:#7b8f66;font-size:13px;line-height:2;margin-bottom:25px}.beginner-overview-note b{font-weight:500;color:#5b7348}.beginner-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:27px;align-items:start}.beginner-rail{position:sticky;top:24px}.beginner-rail h2{font-size:12px;line-height:1.9;padding:9px 10px 16px;font-weight:500;color:#7c8e68}.beginner-rail nav{display:flex;flex-direction:column;gap:7px}.beginner-rail nav a{display:flex;align-items:center;gap:10px;font-size:11px;padding:10px 11px;border-radius:5px;color:#8c9a7c;line-height:1.8}.beginner-rail nav a:hover{background:#edf2e5}.beginner-rail nav a.active{background:#e7efdd;color:#4e6b38}.beginner-rail nav a span{font:12px var(--mono);color:#9db18a;min-width:12px}.beginner-rail nav a.active span{color:var(--accent)}.beginner-bonus-link{display:block;font-size:10px;margin:20px 10px;color:#8c9e79}.beginner-bonus-link.active{color:var(--accent)}.beginner-mini-help{background:#eaf0e0;border-radius:6px;padding:20px;margin-top:25px}.beginner-mini-help b{font-size:12px;font-weight:500}.beginner-mini-help p{font-size:11px;line-height:2;color:#7b9067;margin:8px 0}.beginner-mini-help small{font-size:9px;color:#9ba98c}.beginner-wizard{background:white;border:1px solid #dce4d0;border-radius:8px;overflow:hidden;min-width:0}.beginner-lesson-heading{padding:27px 30px 23px;border-bottom:1px solid #e8eedf;background:#fcfdf9}.beginner-lesson-heading>span{font-size:10px;color:#91a180}.beginner-lesson-heading h1{font-size:27px;letter-spacing:-.7px;margin:9px 0 15px;line-height:1.6}.beginner-lesson-heading>p{font-size:13px;color:#6e835c;line-height:2}.beginner-lesson-heading>p b{font-weight:500;color:#526d3d}.beginner-prerequisite{font-size:11px;color:#98a78a;margin-top:11px;line-height:1.9}.beginner-prerequisite b{font-weight:500;color:#7e926c}.beginner-step-progress{padding:20px 30px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #eef2e7;flex-wrap:wrap}.beginner-step-progress button{width:28px;height:28px;border-radius:50%;background:#f0f4e9;border:1px solid #e0e8d3;color:#9aab88;font:11px var(--mono);flex-shrink:0}.beginner-step-progress button.active{background:#fff2e9;border-color:#edb594;color:#d97645}.beginner-step-progress button.done{background:#e7f1dd;border-color:#c3d8ad;color:#6d8b50}.beginner-step-progress>span{margin-left:auto;font-size:10px;color:#9bad88}.beginner-current-step{padding:26px 30px}.beginner-step-counter{font-size:10px;color:#b27c50;margin-bottom:10px}.beginner-current-step h2{font-size:21px;font-weight:600;margin-bottom:24px;line-height:1.6}.beginner-action>span{display:block;font-size:11px;font-weight:500;color:#80916d;margin-bottom:11px}.beginner-action>div:first-of-type{font-size:14px;color:#5c6c50;white-space:pre-line;line-height:2.2;overflow-wrap:anywhere}.beginner-shortcut{display:inline-flex!important;background:#f2f4ed;border:1px solid #e1e6d7;border-bottom:3px solid #d5deca;padding:7px 13px;margin:15px 0 5px;border-radius:5px;font:12px/1.5 var(--mono)!important;color:#758c5f!important}.beginner-parameter-table{border:1px solid #dce6d0;border-radius:5px;margin:18px 0;overflow:hidden}.beginner-parameter-table>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px;line-height:1.9;padding:12px 15px;border-bottom:1px solid #e8efde;color:#82976c}.beginner-parameter-table>div:last-child{border:0}.beginner-parameter-table>div.parameter-heading{background:#f3f7ec;font-size:10px;color:#a0af8f;padding-top:9px;padding-bottom:9px}.beginner-parameter-table code{font:12px/1.9 var(--mono);color:#566f41;overflow-wrap:anywhere}.beginner-official-link{display:inline-flex;border-bottom:1px solid #cbd9b8;margin-top:17px;font-size:12px;color:#6f8d53;padding:6px 0}.beginner-step-visual{border:1px solid #e0e8d5;border-radius:6px;overflow:hidden;margin:25px 0;background:#f1f5e9}.beginner-visual-caption{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;background:#f8faf3;border-bottom:1px solid #e1e9d5;font-size:10px;color:#80956a}.beginner-visual-caption>span{font-size:9px;color:#a2b38c;text-align:right}.beginner-step-visual .beginner-shape{height:230px;max-height:none}.beginner-expected{background:#eef5e4;border-left:3px solid #95b274;border-radius:3px;padding:18px 21px;margin:20px 0}.beginner-expected>span{font-size:11px;color:#6a8b4c;font-weight:500}.beginner-expected p{font-size:13px;line-height:2;color:#6c8159;margin-top:9px;white-space:pre-line}.beginner-stuck{border:1px solid #e8ddc7;border-radius:5px;background:#fdfbf4;margin-top:15px}.beginner-stuck summary{padding:15px 18px;font-size:12px;color:#a3895d;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}.beginner-stuck summary:after{content:'+';font-size:17px}.beginner-stuck[open] summary:after{content:'−'}.beginner-stuck>p{font-size:13px;line-height:2.1;color:#95845e;margin:0 18px 16px;white-space:pre-line}.beginner-version-help{border-top:1px solid #ece5d6;padding:15px 0;margin:0 18px}.beginner-version-help>b{font-size:10px;color:#aa9873;font-weight:500}.beginner-version-help p{font-size:11px;line-height:2;color:#ab9f85;margin-top:7px}.beginner-official-image{margin:17px 0;border:1px solid #e0e7d5;border-radius:5px}.beginner-official-image summary{padding:14px 17px;font-size:12px;color:#7f9469;cursor:pointer}.beginner-official-image figure{margin:0;padding:3px 15px 16px}.beginner-official-image img{max-width:100%;height:auto;display:block;margin:0 auto 13px;border-radius:3px}.beginner-official-image figcaption{font-size:10px;line-height:1.9;color:#94a780}.beginner-official-image a{color:#729451;text-decoration:underline}.beginner-confirm{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.9;color:#6d8359;margin:26px 0 19px;cursor:pointer}.beginner-confirm input{width:17px;height:17px;flex-shrink:0;margin:4px 0 0;accent-color:#789c58}.beginner-step-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.beginner-step-actions .btn{font-size:12px;min-height:44px}.beginner-read-only{display:block;font-size:10px;color:#a0ac90;margin:14px 0 0 auto;padding:5px}.beginner-completed-message{font-size:12px;line-height:1.9;margin-top:18px;padding:13px;background:#edf5e3;color:#6f8957;border-radius:4px}.beginner-lesson-notes{margin:5px 30px 22px;padding-top:18px;border-top:1px solid #e6eddc}.beginner-lesson-notes summary{font-size:11px;color:#98a987;cursor:pointer}.beginner-lesson-notes label{display:block;font-size:10px;color:#a1b18e;margin:16px 0 8px}.beginner-lesson-notes textarea{display:block;min-height:105px;resize:vertical;width:100%;font-size:12px;line-height:1.9;border:1px solid #dfe7d3;border-radius:5px;padding:12px;color:#7b9165;background:#fafcf6}.beginner-lesson-notes .text-link{margin-top:10px;font-size:10px;color:#8ba376}.beginner-sources{border-top:1px solid #e9efdf;margin:0 30px;padding:20px 0 25px;display:flex;flex-wrap:wrap;gap:10px 16px}.beginner-sources>b{width:100%;font-size:10px;font-weight:500;color:#9cab8c;margin-bottom:2px}.beginner-sources a{font-size:10px;color:#91a77d}.beginner-sources p{font-size:9px;line-height:1.9;color:#adb99c;width:100%;margin-top:5px}.interface-map{margin:20px;overflow:hidden;border:1px solid #aebda0;background:#fff;border-radius:4px}.map-top{display:flex;justify-content:space-between;padding:8px 12px;font:9px var(--mono);color:#a6b794;background:#4c6140}.map-top>span:first-child{font-weight:600;color:#e4ecd9}.map-body{display:grid;grid-template-columns:1fr 1.6fr;min-height:190px}.map-notebook{background:#eef3e7;border-right:1px solid #cfdbc0;padding:12px}.map-label{font-size:10px;color:#809a6a;display:flex;gap:6px;align-items:center}.map-label>b,.map-search>b{display:inline-grid;place-items:center;font:8px var(--mono);height:14px;width:14px;color:white;background:#dc956b;border-radius:50%;flex-shrink:0}.map-search{margin:15px 0 14px;background:#fff;border:1px solid #b8cda6;padding:7px 8px;font-size:9px;color:#829a6c;display:flex;gap:5px;align-items:center}.map-block{font-size:9px;padding:7px;background:#e2edd6;color:#78935e;margin-bottom:8px;border:1px solid #d0dfc0}.map-block.muted{color:#9bad8d;border-color:#e0e9d4;background:#edf3e5}.map-viewport{background:#f7f9f1;position:relative;padding:12px}.map-empty{position:absolute;inset:50% 15px auto;text-align:center;font-size:10px;line-height:1.9;color:#a0b28d}.map-axes{position:absolute;right:10px;bottom:11px;font:10px var(--mono);color:#9db18a}.name-diagram{display:flex;justify-content:space-around;align-items:center;gap:9px;padding:35px 20px}.name-diagram>div{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex:1}.name-diagram b{font-size:12px;font-weight:500;color:#6c8656}.name-diagram small{font-size:9px;color:#9baf86}.name-chip{display:inline-flex;align-items:center;border:1px solid #b5cda1;border-radius:4px;background:#e0edcf;color:#66874d!important;font:12px var(--mono);padding:6px 13px;font-weight:500}.name-chip.orange{background:#f8e5d7;border-color:#eac7aa;color:#b18159!important}.name-separator{font:19px var(--mono);color:#a7b995}.input-diagram{margin:25px;background:#fff;border:1px solid #c7d8b6;border-radius:5px;overflow:hidden}.diagram-title{font:12px var(--mono);background:#e4efda;color:#68894f;padding:13px 17px;border-bottom:1px solid #ccddb9}.input-diagram>div:not(.diagram-title){display:flex;justify-content:space-between;align-items:center;padding:12px 17px;gap:15px;font-size:11px;color:#899e76}.input-diagram .list-indent{display:block!important;background:#f5f9ed}.list-indent>span{display:block;width:100%}.list-indent em{float:right;font-style:normal;font-size:17px}.list-indent>div{display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding-left:15px;gap:20px}.input-diagram code{font:11px var(--mono);color:#78985b}.input-diagram>p{padding:13px 17px;border-top:1px solid #e2ecd5;font-size:10px;color:#9cb086}.save-diagram{padding:35px 25px;text-align:center}.save-diagram>span{font-size:10px;color:#9caf87}.save-diagram>div{font:25px var(--mono);color:#6e9252;margin:18px 0}.save-diagram b{font-weight:500}.save-diagram b>span{color:#bc8c67}.save-diagram p{font-size:11px;line-height:2;color:#90a77b}.beginner-lattice{height:240px}.beginner-lattice canvas{display:block;width:100%;height:100%}
@media(max-width:1150px){.beginner-home-hero{gap:25px;grid-template-columns:1.2fr .8fr}.beginner-home-hero h1{font-size:39px}.beginner-home-hero>div>p{font-size:13px}.beginner-workspace{grid-template-columns:180px minmax(0,1fr);gap:20px}.beginner-rail nav a{font-size:10px}.beginner-lesson-heading,.beginner-current-step{padding-left:25px;padding-right:25px}.beginner-step-progress{padding-left:25px;padding-right:25px}.beginner-course-list>a{padding:20px}.beginner-course-list h3{font-size:14px}.beginner-goal-label b{display:none}.beginner-goal-bottom{align-items:start;flex-direction:column;gap:5px}.beginner-expectations span{font-size:10px}}
@media(max-width:950px){.beginner-home-hero{grid-template-columns:1fr}.beginner-home-hero h1{font-size:43px}.beginner-goal-card{max-width:100%}.beginner-goal-card .beginner-shape{height:260px}.beginner-goal-label b{display:block}.beginner-goal-bottom{flex-direction:row;align-items:baseline}.beginner-home-hero>div>p{font-size:14px}.beginner-workspace{grid-template-columns:1fr}.beginner-rail{display:none}.beginner-expectations{gap:10px}.beginner-expectations>div{padding:0 10px}.beginner-expectations b{font-size:12px}.beginner-expectations span{font-size:10px;line-height:1.8;display:block}.beginner-after{padding:20px;align-items:start;flex-direction:column}.beginner-current-step{padding:25px}.beginner-action>div:first-of-type{font-size:15px}.beginner-expected p{font-size:14px}.beginner-stuck>p{font-size:14px}.beginner-step-visual .beginner-shape{height:250px}}
@media(max-width:650px){.beginner-home-hero{margin:0 0 25px;gap:25px}.beginner-home-hero h1{font-size:clamp(28px,8.3vw,40px);letter-spacing:-1px;line-height:1.6}.beginner-tag{font-size:10px;padding:6px 10px}.beginner-home-hero>div>p{font-size:13px}.desktop-br{display:none}.beginner-main-cta{width:100%;font-size:13px;padding:13px}.beginner-installed{font-size:11px;line-height:1.9}.beginner-home-facts{font-size:9px;gap:8px 13px;margin-top:20px}.beginner-goal-card .beginner-shape{height:250px}.beginner-goal-label{font-size:10px;padding:15px 15px 3px}.beginner-goal-label b{font-size:7px}.beginner-goal-bottom{padding:0 15px 18px}.beginner-goal-bottom b{font-size:12px}.beginner-goal-bottom span{font-size:8px}.beginner-expectations{grid-template-columns:1fr;padding:17px 0;gap:13px;margin:20px 0 28px}.beginner-expectations>div{border:0;display:flex;gap:12px;align-items:baseline;padding:0!important}.beginner-expectations b{font-size:11px;min-width:115px;margin:0}.beginner-expectations span{font-size:10px}.beginner-route-section .section-heading h2{font-size:21px}.beginner-route-section .section-heading p{font-size:11px;line-height:1.9}.beginner-route-section .section-heading>a{display:none}.beginner-course-list>a{gap:12px;padding:17px 15px;align-items:flex-start}.beginner-lesson-number{width:28px;height:28px;font-size:13px;margin-top:3px}.beginner-course-list h3{font-size:13px;margin-bottom:6px}.beginner-course-list p{font-size:11px;line-height:1.9}.beginner-course-time{font-size:8px;margin-top:5px}.beginner-course-time b{display:none}.beginner-after h3{font-size:14px}.beginner-after p{font-size:11px}.beginner-advanced>div{gap:16px;font-size:11px}.beginner-advanced p{font-size:11px}.beginner-overview-note{padding:17px 19px;font-size:12px}.beginner-lesson-heading{padding:22px 20px}.beginner-lesson-heading h1{font-size:25px;line-height:1.6}.beginner-lesson-heading>p{font-size:12px}.beginner-prerequisite{font-size:11px}.beginner-step-progress{padding:16px 20px;gap:7px}.beginner-step-progress button{width:25px;height:25px;font-size:10px}.beginner-step-progress>span{font-size:9px}.beginner-current-step{padding:22px 20px}.beginner-current-step h2{font-size:20px;margin-bottom:20px}.beginner-action>div:first-of-type{font-size:14px;line-height:2.1}.beginner-parameter-table>div{padding:10px 12px;grid-template-columns:1fr 1fr;gap:10px;font-size:10px}.beginner-parameter-table code{font-size:11px}.beginner-visual-caption{font-size:9px;padding:10px 12px}.beginner-visual-caption>span{font-size:8px;max-width:120px}.beginner-step-visual .beginner-shape{height:220px}.beginner-expected{padding:16px 17px}.beginner-expected p{font-size:13px}.beginner-stuck summary{font-size:11px;padding:14px 15px}.beginner-stuck>p{font-size:13px;margin-left:15px;margin-right:15px}.beginner-version-help{margin-left:15px;margin-right:15px}.beginner-official-image summary{font-size:11px}.beginner-official-image figure{padding-left:10px;padding-right:10px}.beginner-official-image figcaption{font-size:9px}.beginner-confirm{font-size:12px;gap:10px}.beginner-step-actions .btn{padding:11px 15px;font-size:11px}.beginner-read-only{font-size:9px}.beginner-lesson-notes{margin-left:20px;margin-right:20px}.beginner-sources{margin-left:20px;margin-right:20px}.beginner-sources a{font-size:9px}.beginner-sources p{font-size:8px}.interface-map{margin:15px}.map-body{grid-template-columns:1fr 1.1fr;min-height:180px}.map-notebook,.map-viewport{padding:10px}.map-label{font-size:8px;gap:5px}.map-search{font-size:8px;padding:7px 5px}.map-block{font-size:8px;padding:6px 4px}.map-empty{font-size:9px;inset:48% 10px auto}.map-axes{font-size:8px}.name-diagram{padding:28px 12px;gap:4px}.name-chip{font-size:10px;padding:5px 8px}.name-diagram b{font-size:10px}.name-diagram small{font-size:8px}.name-separator{font-size:15px}.input-diagram{margin:16px}.input-diagram>div:not(.diagram-title){font-size:10px;padding:11px 13px}.diagram-title{font-size:11px;padding:12px 13px}.save-diagram{padding:25px 18px}.save-diagram>div{font-size:21px}.beginner-course-time{white-space:normal;min-width:39px;text-align:right}.beginner-lesson-notes textarea{font-size:13px}}