/* CodeTeachers learning path and illustrated project lessons */
.builder-lab{color:#242521;background:#fafaf7}.lab-hero{padding:64px 0 48px}.lab-hero h1{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(44px,6vw,84px);line-height:1.05;margin:20px 0}.lab-deck{font-size:22px;max-width:740px}.lab-hero>p{max-width:760px}.lab-course-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:56px;align-items:start}.lab-syllabus{position:sticky;top:20px;background:#eeeae2;padding:24px;border-radius:18px;font-size:15px}.lab-syllabus h2{font-size:26px}.lab-syllabus ol{padding-left:20px}.lab-syllabus li{margin:18px 0}.lab-syllabus span{display:block;color:#53554f;margin-top:4px}.lab-syllabus progress{width:100%;accent-color:#365647}.lab-lessons{min-width:0;max-width:820px}.lab-lesson{padding:16px 0 64px;border-bottom:1px solid #d5d7cf;margin-bottom:48px;scroll-margin-top:24px}.lab-lesson h2{font-size:clamp(32px,4vw,48px);line-height:1.15}.lab-lesson h3,.lab-step h3{font-size:26px;line-height:1.3}.lab-result{background:#edf2e9;border-left:4px solid #365647;padding:22px;margin:24px 0}.lab-step{margin:36px 0}.lab-step figure{margin:24px 0}.lab-step img,.lab-lesson figure>img{display:block;width:100%;height:auto;border-radius:16px}.lab-step figcaption,.lab-lesson figcaption{font-size:13px;color:#555a51;margin-top:8px}.lab-prompt{white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.7 ui-monospace,monospace;background:#f0eee6;padding:24px;border:1px solid #c7c9be;border-radius:12px;max-width:100%}.lab-complete{display:flex;gap:12px;align-items:center;padding:20px;background:#f4df49;margin:28px 0;font-weight:700}.lab-complete input{width:22px;height:22px;flex-shrink:0}.lab-entry{padding:32px;background:#f1eee4;border-radius:22px;margin:20px auto 48px}.lab-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lab-entry-grid a{display:block;padding:24px;border-radius:16px;text-decoration:none;color:#242521;background:#fffef9;border:1px solid #d5d7cf}.lab-entry-grid a:nth-child(2){background:#dcd0f0}.lab-entry-grid a:nth-child(3){background:#cce8d7}.lab-entry-grid h3{font-size:26px;margin:10px 0}.lab-entry-grid p{margin:10px 0}.lab-entry-grid strong{display:block;margin-top:16px}.lab-toc{background:#f0eee6;padding:22px;border-radius:12px;margin:24px 0}.lab-toc a{display:block;padding:5px 0}.lab-entry a:focus-visible,.builder-lab a:focus-visible,.builder-lab button:focus-visible,.lab-complete input:focus-visible{outline:3px solid #5843a3;outline-offset:4px}.lab-course-layout p,.lab-lesson li{line-height:1.8}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:760px){.lab-course-layout{grid-template-columns:1fr;gap:24px}.lab-syllabus{position:static}.lab-entry-grid{grid-template-columns:1fr}.lab-hero{padding:32px 0}.lab-entry{padding:20px}.lab-prompt{padding:16px;font-size:14px}.lab-hero h1{font-size:46px}}

.article-body figure>img{height:auto;max-width:100%}.article-body figure{margin:24px 0}

/* Keep learning actions within reach and separate headings from cards. */
.lab-entry h2{margin:12px 0 24px}.lab-hero>p{margin-bottom:18px}.lab-lesson h2{margin:14px 0 18px}.lab-lesson h3{margin:22px 0 14px}