.next-course{--next-ink:#17243c;--next-blue:#174b93;--next-line:#dbe2ee;color:var(--next-ink)}.next-course a:focus-visible,.next-course button:focus-visible,.next-course summary:focus-visible,.next-course pre:focus-visible{outline-offset:4px;outline:3px solid #d34724}.next-skip-link{z-index:100;background:#fff;padding:12px;position:fixed;top:-100px;left:20px}.next-skip-link:focus{top:12px}.next-course-index{padding-top:60px;padding-bottom:72px}.next-eyebrow{color:#ad2638;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:750}.next-course-hero{max-width:900px;padding-bottom:40px}.next-course h1{letter-spacing:-.035em;margin:16px 0 24px;font-size:clamp(32px,4vw,56px);font-weight:750;line-height:1.12}.next-course-hero h1 span{color:var(--next-blue)}.next-course-hero>p:not(.next-eyebrow){max-width:760px;font-size:19px;line-height:1.8}.next-course-actions,.next-downloads{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.next-course-actions a,.next-downloads a{border:1px solid var(--next-blue);color:var(--next-blue);border-radius:8px;padding:12px 18px;font-weight:650}.next-course-actions a:first-child{background:var(--next-blue);color:#fff}.next-course-facts{flex-wrap:wrap;gap:28px;margin-top:36px;font-size:14px;display:flex}.next-course-facts strong{font-size:28px;display:block}.next-course-intro{border:1px solid var(--next-line);background:#f2f6fd;border-radius:14px;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:36px;padding:28px;display:grid}.next-course h2{margin-bottom:14px;font-size:24px;font-weight:700;line-height:1.3}.next-course h3{font-size:18px;font-weight:650;line-height:1.5}.next-course-intro p{margin:12px 0;line-height:1.8}.next-course-intro a{color:var(--next-blue);text-decoration:underline}.next-project-list{gap:28px;margin-bottom:36px;display:grid}.next-project{border:1px solid var(--next-line);border-radius:14px;overflow:hidden}.next-project-heading{gap:24px;padding:28px;display:flex}.next-project-heading h2{margin:7px 0}.next-project-heading p{line-height:1.7}.next-project-number{color:#889dbb;font-size:38px;font-weight:700}.next-project-concepts{color:var(--next-blue);margin-top:8px;font-size:14px}.next-project-lessons{margin:0;padding:0;list-style:none}.next-project-lessons li{border-top:1px solid var(--next-line)}.next-project-lessons a{align-items:center;gap:20px;padding:20px 28px;display:flex}.next-project-lessons a:hover{background:#f3f7ff}.next-project-lessons a>span:first-child{color:var(--next-blue);font-size:13px}.next-project-lessons a>span:last-child{margin-left:auto}.next-project-lessons p{color:#4e5e76;margin-top:5px;font-size:14px;line-height:1.6}.next-lesson-layout{grid-template-columns:265px minmax(0,1fr) 230px;max-width:1700px;margin:auto;display:grid}.next-lesson-sidebar,.next-lesson-guide{align-self:start;max-height:100dvh;padding:28px 20px;font-size:14px;position:sticky;top:0;overflow:auto}.next-lesson-sidebar{border-right:1px solid var(--next-line)}.next-lesson-sidebar>a{color:var(--next-blue)}.next-lesson-sidebar summary{cursor:pointer;margin:24px 0 16px;font-weight:700}.next-lesson-sidebar h2{margin:24px 0 8px;font-size:14px}.next-lesson-sidebar nav a{border-radius:7px;gap:10px;padding:10px;line-height:1.5;display:flex}.next-lesson-sidebar nav a:hover{background:#f2f6fd}.next-lesson-sidebar a[aria-current=page]{color:var(--next-blue);background:#eaf1ff;font-weight:700}.next-lesson-main{min-width:0;padding:40px clamp(18px,3vw,44px) 64px}.next-lesson-main h1{font-size:clamp(30px,3vw,44px)}.next-lesson-goal{font-size:19px;line-height:1.7}.next-concept-tags{flex-wrap:wrap;gap:8px;margin:20px 0;padding:0;list-style:none;display:flex}.next-concept-tags li{color:var(--next-blue);background:#edf3fc;border-radius:20px;padding:5px 10px;font-size:12px}.next-checkpoint{background:#f3f7ff;border:1px solid #c9d8ef;border-radius:12px;margin:30px 0;padding:24px}.next-checkpoint h2{font-size:20px}.next-checkpoint p,.next-lesson-section p{margin:12px 0;line-height:1.85}.next-small{color:#4e5e76;font-size:13px;line-height:1.7}.next-lesson-section{margin-top:40px;scroll-margin-top:24px}.next-lesson-section ol,.next-lesson-section ul{list-style:revert;padding-left:24px}.next-lesson-section li{margin:12px 0;line-height:1.8}.next-code-example{border:1px solid #23344f;border-radius:9px;max-width:100%;margin:24px 0;overflow:hidden}.next-code-heading{color:#e4edff;overflow-wrap:anywhere;background:#22334f;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;font-size:12px;display:flex}.next-code-heading button{cursor:pointer;color:#fff;border:1px solid #8ca2c4;border-radius:5px;margin-left:auto;padding:5px 10px}.next-code-example pre{white-space:pre;color:#e8efff;tab-size:2;background:#101c30;margin:0;padding:20px;font-size:13px;line-height:1.8;overflow-x:auto}.next-verify{background:#f0faf5;border-left:4px solid #268167;padding:22px}.next-mistake{background:#fff8eb;border-left:4px solid #bd7b20;margin-top:24px;padding:18px 22px}.next-lesson-pagination{border-top:1px solid var(--next-line);flex-wrap:wrap;justify-content:space-between;gap:24px;margin-top:44px;padding-top:24px;display:flex}.next-lesson-pagination a{color:var(--next-blue);max-width:310px;text-decoration:underline}.next-lesson-guide{border-left:1px solid var(--next-line);line-height:1.8}.next-lesson-guide h2{margin-top:14px;font-size:20px}.next-lesson-guide h3{margin-top:26px;font-size:15px}.next-lesson-guide a{color:var(--next-blue);padding:7px 0;display:block}.next-lesson-guide .next-small{margin-top:20px}@media (max-width:1150px){.next-lesson-layout{grid-template-columns:240px minmax(0,1fr)}.next-lesson-guide{border-top:1px solid var(--next-line);grid-column:2;max-height:none;position:static}}@media (max-width:720px){.next-lesson-layout{display:block}.next-lesson-sidebar{border-bottom:1px solid var(--next-line);max-height:270px;position:static}.next-lesson-main{padding:28px 16px 48px}.next-course-index{padding-top:30px}.next-course-intro{grid-template-columns:1fr;gap:16px;padding:20px}.next-project-heading{gap:14px;padding:20px}.next-project-lessons a{gap:12px;padding:18px}.next-checkpoint{padding:18px}.next-code-example pre{padding:16px}}.next-concept-section{margin-top:30px}.next-concept-section h3{color:#163f71;font-size:21px}.next-why,.next-worked-example{background:#f2f6fd;border:1px solid #c9d8ef;border-radius:10px;margin:22px 0;padding:22px}.next-flow{gap:12px;display:grid;padding-left:0!important;list-style:none!important}.next-flow li{border:1px solid var(--next-line);border-radius:9px;align-items:flex-start;gap:14px;margin:0;padding:16px;display:flex}.next-flow li>span{background:var(--next-blue);color:#fff;border-radius:50%;flex:0 0 30px;place-items:center;height:30px;font-size:13px;font-weight:700;display:grid}.next-flow li>p{margin:0}.next-file-index{flex-wrap:wrap;gap:8px 16px;margin:22px 0;display:flex}.next-file-index a{color:var(--next-blue);overflow-wrap:anywhere;font-size:13px;text-decoration:underline}.next-source-section{border-top:1px solid var(--next-line);margin:38px 0;padding-top:24px;scroll-margin-top:100px}.next-source-section>h3{font-family:var(--font-geist-mono), monospace;overflow-wrap:anywhere;font-size:17px}.next-code-walkthrough{background:#f5f8fc;border-left:3px solid #6f8eb8;padding:18px 22px}.next-code-walkthrough h4{font-size:17px;font-weight:700}.next-answer{border:1px solid #c9d8ef;border-radius:9px;margin:16px 0;padding:18px 22px}.next-answer summary{cursor:pointer;color:#163f71;font-weight:650;line-height:1.7}.next-answer[open] summary{border-bottom:1px solid var(--next-line);margin-bottom:14px;padding-bottom:12px}.next-troubleshooting{border-bottom:1px solid var(--next-line);margin:22px 0;padding-bottom:16px}.next-lesson-section{scroll-margin-top:100px}@media (max-width:720px){.next-why,.next-worked-example,.next-answer,.next-code-walkthrough{padding:16px}.next-concept-section h3{font-size:19px}}.next-course .next-verify pre{white-space:pre-wrap;overflow-wrap:anywhere}