.lab1-guide{max-width:1050px;color:#506b7c;font-size:14px;line-height:1.9}.lab1-guide>section{margin:0 0 52px;scroll-margin-top:var(--learn-anchor-offset,170px)}.lab1-guide h2{font-size:clamp(22px,2.4vw,30px);letter-spacing:-.8px;color:#203e53;line-height:1.4;margin:0 0 22px}.lab1-guide h3{font-size:19px;line-height:1.5;color:#31586e;margin:25px 0 14px}.lab1-guide p{max-width:92ch}.lab1-guide li{margin-bottom:10px}.lab1-guide code{font-family:monospace;font-size:.94em}.lab1-guide pre,.lab1-code-intro pre{padding:20px 23px;background:#132e40;color:#e1eef6;border-radius:9px;overflow:auto;font-size:12px;line-height:1.9;white-space:pre;max-height:520px}.lab1-guide pre code{color:inherit;background:none}.lab1-overview{padding:32px;border:1px solid #dbe8ef;border-radius:16px;background:linear-gradient(145deg,#f3f9fd,#fff 65%)}.lab1-kicker{color:#668498;font-size:12px;margin:0 0 12px}.lab1-overview h2{font-size:clamp(28px,3.2vw,40px);max-width:680px}.lab1-facts{display:flex;flex-wrap:wrap;gap:28px;border-block:1px solid #dce7ed;padding:19px 0;margin:27px 0}.lab1-facts span{font-size:12px;display:flex;gap:9px;align-items:center}.lab1-facts strong{font-size:25px;color:#326580}.lab1-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;margin:28px 0;gap:24px}.lab1-flow li{position:relative;margin:0;padding-left:13px;border-left:2px solid #86abc1}.lab1-flow li:not(:last-child):after{content:'→';position:absolute;right:-19px;top:13px;color:#88a8bb}.lab1-flow b{display:block;color:#315b74;font-size:13px}.lab1-flow span{display:block;color:#6d8493;font-size:12px;line-height:1.6;margin-top:6px}.lab1-downloads{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:24px 0}.lab1-downloads>a{font-size:12px}.lab1-downloads>a:not(.learn-button){color:#3c7899;text-decoration:underline;text-underline-offset:4px}.lab1-downloads svg{width:16px;height:16px}.lab1-file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.lab1-file-grid figure{margin:0;min-width:0}.lab1-file-grid figcaption{font-size:12px;margin-bottom:8px;font-weight:600}.lab1-file-grid pre{margin:0;min-height:190px}.lab1-guide .learn-table-scroll{margin:24px 0;border:1px solid #dfe8ee;border-radius:9px;max-width:100%;overflow-x:auto}.lab1-guide .learn-table{margin:0;width:100%;min-width:480px;font-size:12px;line-height:1.8}.lab1-guide .learn-table th,.lab1-guide .learn-table td{padding:13px 16px;white-space:normal;vertical-align:top;text-align:left}.lab1-guide .learn-table tbody th{min-width:110px;color:#365c74}.lab1-guide .learn-reference{margin:20px 0}.lab1-guide .learn-reference summary{cursor:pointer;color:#3c6983;display:flex;justify-content:space-between;gap:12px;min-height:44px;align-items:center}.lab1-formula{padding:18px 22px;margin:23px 0;background:#f2f7fb;border-left:3px solid #7fa9c2;border-radius:0 8px 8px 0}.lab1-formula p{font-size:12px;line-height:1.8;margin-bottom:0}.lab1-formula .learn-formula{overflow-x:auto;background:transparent}.lab1-controls{display:flex;align-items:end;flex-wrap:wrap;gap:14px;margin:20px 0}.lab1-controls label,.lab1-code-intro>label{display:grid;gap:8px;font-size:12px;font-weight:600;color:#44657b;flex:1;min-width:180px}.lab1-controls select,.lab1-controls input,.lab1-code-intro select{min-height:45px;border:1px solid #cadbe6;background:#fff;border-radius:7px;padding:10px 12px;font:inherit;color:#31546c;max-width:100%}.lab1-code-intro>label{max-width:270px;margin:22px 0}.lab1-file-grid>label{font-size:12px;font-weight:600;min-width:0;display:grid;gap:10px}.lab1-file-grid textarea{width:100%;box-sizing:border-box;min-height:230px;resize:vertical;background:#f7fafc;border:1px solid #cfdee8;border-radius:8px;padding:16px;font:12px/1.9 monospace;color:#24475e}.lab1-explorer{padding:28px;background:#f6fafc;border:1px solid #dce8ef;border-radius:12px}.lab1-actions{display:flex;gap:12px;flex-wrap:wrap}.lab1-status{font-size:12px;color:#436d87;min-height:25px}.lab1-result-facts{display:flex;flex-wrap:wrap;gap:20px;margin:24px 0}.lab1-result-facts span{font-size:11px}.lab1-result-facts b{display:block;font-size:24px;color:#2f6681;line-height:1.4}.lab1-path{display:flex;flex-wrap:wrap;list-style:none;gap:25px;margin:22px 0;padding:0}.lab1-path li{padding:5px 12px;background:#e2f0ed;color:#2e7566;border-radius:6px;font-size:12px;position:relative}.lab1-path li:not(:last-child):after{content:'→';position:absolute;right:-20px;color:#739b96}.lab1-warning{padding:14px 18px;background:#fff3e4;color:#865d30;border-radius:8px;font-size:12px}.lab1-puzzle-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px;align-items:center;margin:28px 0}.lab1-puzzle-layout .search-board{width:190px}.lab1-puzzle-layout dl{margin:0}.lab1-puzzle-layout dl>div{padding:8px 0;border-bottom:1px solid #e2eaf0}.lab1-puzzle-layout dt{font-size:12px;color:#698293}.lab1-puzzle-layout dd{margin:3px 0 0;color:#284f69;font-size:13px}.lab1-code-intro{max-width:1050px}.lab1-code-intro>p{font-size:14px;line-height:1.9;color:#567486}.lab1-subsection>h3{scroll-margin-top:var(--learn-anchor-offset,170px)}
@media(max-width:800px){.lab1-overview,.lab1-explorer{padding:23px 18px}.lab1-flow{grid-template-columns:1fr 1fr;gap:22px}.lab1-flow li:nth-child(2):after{display:none}.lab1-file-grid{grid-template-columns:1fr}.lab1-puzzle-layout{grid-template-columns:1fr;gap:20px}.lab1-puzzle-layout .search-board{justify-self:center}.lab1-facts{gap:18px}.lab1-guide pre{padding:17px;font-size:11px}.lab1-guide>section{margin-bottom:37px}}
/* Task instructions remain visible; worked outputs are labelled separately. */
.lab1-task-check{padding:16px 20px;margin:23px 0;background:#edf6f1;border-left:3px solid #68a58c;color:#365f51;border-radius:0 8px 8px 0;font-size:13px;line-height:1.85}.lab1-task-steps{padding-left:23px;max-width:91ch}.lab1-task-steps li{padding-left:7px;margin:12px 0}.lab1-code-example{margin:25px 0;min-width:0}.lab1-code-example figcaption{font-size:12px;color:#4f6b7b;font-weight:600;margin-bottom:9px}.lab1-code-example pre{margin:0}.lab1-subsection{margin-top:34px;padding-top:5px}.lab1-route-comparison{margin:28px 0;padding:22px 24px;background:#f4f8fb;border:1px solid #dce7ee;border-radius:12px}.lab1-route-comparison>figcaption{font-size:12px;font-weight:600;color:#557588;margin-bottom:22px}.lab1-route-comparison>div+div{border-top:1px solid #dce7ee;padding-top:18px;margin-top:22px}.lab1-route-comparison>div>p{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:13px}.lab1-route-comparison>div>p>span{color:#66818f}.lab1-route-comparison>p{font-size:12px}.lab1-overview h2{font-size:clamp(25px,2.6vw,34px)}
@media(max-width:800px){.lab1-task-check{padding:14px}.lab1-route-comparison{padding:18px 15px}}