.fluency .guided-lesson{--lesson-pale:#edf4fc;--lesson-muted:#52617b}.fluency .guided-lesson .lesson-icon{flex:none;align-items:center;display:inline-flex}.fluency .guided-lesson .lesson-icon svg{stroke-width:1.8px;width:20px;height:20px}.fluency .guided-lesson :is(.action,button){border-radius:8px;gap:12px;min-height:48px}.fluency .guided-lesson .lesson-introduction{grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:64px;margin-bottom:40px;display:grid}.fluency .guided-lesson h1{max-width:23ch;margin-bottom:20px;font-size:42px;line-height:1.12}.fluency .guided-lesson .intro{max-width:55ch;margin-bottom:20px;font-size:19px}.fluency .guided-lesson .lesson-meta{color:var(--lesson-muted);flex-wrap:wrap;align-items:center;gap:12px 24px;font-size:14px;display:flex}.fluency .guided-lesson .lesson-meta>span{align-items:center;gap:8px;display:inline-flex}.fluency .guided-lesson .lesson-skill{border-left:3px solid #e7c653;max-width:57ch;margin:24px 0;padding-left:18px}.fluency .guided-lesson .lesson-skill>span{color:var(--lesson-muted);margin-bottom:4px;font-size:13px;display:block}.fluency .guided-lesson .lesson-skill strong{color:var(--navy);font-size:17px;line-height:1.45;display:block}.fluency .guided-lesson .lesson-skill p{color:#344463;margin:6px 0 0;font-size:15px;line-height:1.6}.fluency .guided-lesson .lesson-preview{margin:0}.fluency .guided-lesson .lesson-preview img{aspect-ratio:3/2;object-fit:cover;background:#f4efe6;border-radius:16px;width:100%}.fluency .guided-lesson .lesson-preparation{background:var(--lesson-pale);border-radius:16px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;padding:32px;scroll-margin-top:24px;display:grid}.fluency .guided-lesson .lesson-preparation h2{margin-bottom:16px;font-size:24px}.fluency .guided-lesson .lesson-preparation ol{margin:0 0 16px;padding-left:22px;font-size:16px}.fluency .guided-lesson .lesson-preparation li{margin-bottom:8px}.fluency .guided-lesson .lesson-preparation p{color:var(--lesson-muted);margin:0;font-size:14px}.fluency .guided-lesson .lesson-preparation a:not(.action){display:inline}.fluency .guided-lesson .lesson-preparation a.preparation-next{text-underline-offset:4px;align-items:center;gap:10px;min-height:48px;margin-top:12px;font-size:15px;font-weight:700;display:inline-flex}.fluency .guided-lesson .starter-file{color:var(--lesson-muted);margin-top:10px;font-size:13px;display:block}.fluency .guided-lesson .lesson-starter details{padding:8px 0;font-size:14px}.fluency .guided-lesson .lesson-starter pre{background:#fff;padding:20px;font-size:14px}.fluency .guided-lesson .lesson-walkthrough{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:48px;margin-top:48px;display:grid}.fluency .guided-lesson .lesson-outline{position:sticky;top:24px}.fluency .guided-lesson .lesson-outline h2{margin:0 0 16px;font-size:18px}.fluency .guided-lesson .lesson-outline ol{margin:0;padding:0;list-style:none}.fluency .guided-lesson .lesson-outline li{margin:0 0 8px}.fluency .guided-lesson .lesson-outline a{color:#344463;border-radius:8px;align-items:center;gap:12px;min-height:48px;padding:10px 12px;font-size:15px;line-height:1.45;text-decoration:none;display:flex}.fluency .guided-lesson .lesson-outline a>span:first-child{color:var(--blue);font-size:13px;font-weight:700}.fluency .guided-lesson .lesson-outline a[aria-current=step]{background:var(--lesson-pale);color:var(--blue);font-weight:700}.fluency .guided-lesson .lesson-outline a:hover{background:#f4f6fa;text-decoration:underline}.fluency .guided-lesson .lesson-outline p{color:var(--lesson-muted);margin:24px 12px 0;font-size:14px}.fluency .guided-lesson .lesson-steps{min-width:0}.fluency .guided-lesson .lesson-pace{max-width:65ch;color:var(--lesson-muted);margin:0 0 20px;font-size:15px}.fluency .guided-lesson .lesson-step{border:1px solid #d6e1f0;border-radius:14px;margin:0 0 16px;padding:0;scroll-margin-top:24px}.fluency .guided-lesson .lesson-step>summary{border-radius:13px;align-items:center;gap:16px;min-height:80px;padding:22px 24px;list-style:none;display:flex}.fluency .guided-lesson .lesson-step>summary::-webkit-details-marker{display:none}.fluency .guided-lesson .lesson-step>summary:hover{background:#f6f9fe}.fluency .guided-lesson .lesson-step[open]>summary{background:var(--lesson-pale);border-radius:13px 13px 0 0}.fluency .guided-lesson .lesson-step>summary h2{flex:1;margin:0;font-size:23px;line-height:1.3}.fluency .guided-lesson .step-number{width:36px;height:36px;color:var(--blue);font-variant-numeric:tabular-nums;background:#edf1fa;border-radius:50%;flex:none;place-items:center;font-size:16px;display:grid}.fluency .guided-lesson .lesson-step[open] .step-number{background:var(--blue);color:#fff}.fluency .guided-lesson .lesson-step[open]>summary .step-chevron{transform:rotate(180deg)}.fluency .guided-lesson .lesson-step-content{padding:28px 32px 32px;scroll-margin-top:144px}.fluency .guided-lesson .lesson-step-content:focus{outline:none}.fluency .guided-lesson .step-action{color:#344463;margin:0 0 24px;font-size:17px}.fluency .guided-lesson .step-check ul{margin:0;padding-left:22px;font-size:16px}.fluency .guided-lesson .step-check li{margin-bottom:10px;padding-left:4px}.fluency .guided-lesson .step-check li::marker{color:var(--blue)}.fluency .guided-lesson .step-next{border-top:1px solid #e0e7f1;margin-top:24px;padding-top:24px}.fluency .guided-lesson .step-next a{text-align:left;justify-content:space-between}.fluency .guided-lesson .step-next p{font-size:16px}.fluency .guided-lesson .lesson-support{background:var(--lesson-pale);border-radius:14px;margin-top:32px;padding:28px 32px}.fluency .guided-lesson .lesson-support h2{margin-bottom:12px;font-size:25px}.fluency .guided-lesson .lesson-support p{color:#344463;margin-bottom:12px;font-size:16px}.fluency .guided-lesson .lesson-support a{align-items:center;gap:12px;min-height:44px;font-size:16px;font-weight:700;display:inline-flex}@media (width<=1000px){.fluency .guided-lesson .lesson-introduction{grid-template-columns:minmax(0,1fr) 250px;gap:32px}.fluency .guided-lesson h1{font-size:36px}.fluency .guided-lesson .lesson-walkthrough{grid-template-columns:200px minmax(0,1fr);gap:28px}.fluency .guided-lesson .lesson-step-content{padding:24px}.fluency .guided-lesson .lesson-step>summary{gap:12px;padding:20px}.fluency .guided-lesson .lesson-step>summary h2{font-size:21px}}@media (width<=760px){.fluency .guided-lesson .lesson-introduction{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.fluency .guided-lesson h1{font-size:34px}.fluency .guided-lesson .lesson-preview{display:none}.fluency .guided-lesson .intro{font-size:18px}.fluency .guided-lesson .lesson-preparation{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px}.fluency .guided-lesson .lesson-walkthrough{grid-template-columns:minmax(0,1fr);margin-top:32px}.fluency .guided-lesson .lesson-outline{display:none}.fluency .guided-lesson .lesson-step>summary{padding:18px 16px}.fluency .guided-lesson .lesson-step>summary h2{font-size:20px}.fluency .guided-lesson .step-number{width:32px;height:32px}.fluency .guided-lesson .lesson-step-content{padding:24px 20px}.fluency .guided-lesson .step-next a{width:100%}.fluency .guided-lesson .lesson-support{padding:24px}}.fluency .guided-lesson .task-outcome{border-block:1px solid #dce2ec;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:start;gap:40px;margin-bottom:40px;padding-block:32px;display:grid}.fluency .guided-lesson .task-outcome h2{margin-bottom:12px;font-size:26px}.fluency .guided-lesson .task-outcome ul{margin:0;padding-left:20px;font-size:16px;line-height:1.6}.fluency .guided-lesson .task-outcome li{margin-bottom:10px;padding-left:4px}.fluency .guided-lesson .task-result-preview{min-width:0;margin:0}.fluency .guided-lesson .task-preview-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:12px;font-size:14px;display:flex}.fluency .guided-lesson .task-preview-heading code{color:var(--navy);overflow-wrap:anywhere}.fluency .guided-lesson .task-preview-heading>span{color:var(--lesson-muted);font-size:12px}.fluency .guided-lesson .task-result-preview figcaption{color:var(--lesson-muted);margin-top:12px;font-size:12px;line-height:1.5}.fluency .guided-lesson .task-result-preview .preview-note{color:#344463;margin:0 0 8px;font-size:14px;line-height:1.65}.fluency .guided-lesson .task-table-scroll{scrollbar-color:#8a9bc1 #edf4fc;border:1px solid #d6e1f0;border-radius:12px;max-width:100%;overflow-x:auto}.fluency .guided-lesson .task-table-scroll table{border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;width:100%;min-width:480px;margin:0;font-size:14px;line-height:1.5}.fluency .guided-lesson .task-table-scroll th{background:var(--lesson-pale);color:var(--navy);vertical-align:top;padding:14px 16px;font-size:13px}.fluency .guided-lesson .task-table-scroll td{vertical-align:top;color:#344463;background:#fff;border-top:1px solid #d6e1f0;padding:16px}.fluency .guided-lesson .preview-unknown{color:#604b0f;background:#fbf3d5;border-radius:4px;padding:1px 6px;display:inline-block}.fluency .guided-lesson .caption-preview{background:var(--lesson-pale);color:#344463;border-radius:12px;margin:0;padding:28px;font-size:18px;line-height:1.65}.fluency .guided-lesson .product-preview{background:#edf4fc;border-radius:12px;padding:28px 32px}.fluency .guided-lesson .product-brand{color:var(--blue);margin-bottom:24px;font-size:14px}.fluency .guided-lesson .product-preview h3{max-width:20ch;margin-bottom:16px;font-size:28px}.fluency .guided-lesson .product-price{color:var(--navy);margin-bottom:8px;font-size:23px;font-weight:700}.fluency .guided-lesson .product-detail{color:#344463;margin:0;font-size:15px}.fluency .guided-lesson .task-label{margin-bottom:10px;font-size:15px}.fluency .guided-lesson .step-action{margin-bottom:20px}.fluency .guided-lesson .step-help{border-block:1px solid #e0e7f1}.fluency .guided-lesson .step-help>details{border:0;padding:0}.fluency .guided-lesson .step-help>details+details{border-top:1px solid #e0e7f1}.fluency .guided-lesson .step-help summary{min-height:48px;color:var(--blue);padding-block:13px;font-size:15px}.fluency .guided-lesson .step-help p{color:#344463;max-width:68ch;margin:4px 0 16px;font-size:16px}.fluency .guided-lesson .step-help small{color:var(--lesson-muted);margin:-4px 0 16px;font-size:12px;display:block}.fluency .guided-lesson .step-check{margin-top:24px}.fluency .guided-lesson .step-check h3{margin:0 0 12px;font-size:18px}.fluency .guided-lesson :is(.lesson-outline a,.lesson-step>summary) small{color:var(--lesson-muted);margin-top:4px;font-size:12px;font-weight:400;display:block}.fluency .guided-lesson .step-anchor{height:0;scroll-margin-top:144px;display:block}.fluency .guided-lesson .task-finish-actions{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.fluency .guided-lesson .task-finish-actions>a:not(.action){align-items:center;min-height:44px;font-size:15px;display:inline-flex}.fluency .guided-lesson .task-takeaway{border-left:3px solid #e7c653;margin-bottom:24px;padding:0 0 0 16px}.fluency .guided-lesson .task-takeaway h3{margin:0 0 6px;font-size:17px}.fluency .guided-lesson .task-takeaway p{color:#344463;margin:0;font-size:15px}.fluency .guided-lesson .task-next-reason{color:#344463;margin:0 0 20px}@media (width<=900px){.fluency .guided-lesson .task-outcome{grid-template-columns:minmax(0,1fr);gap:24px}}@media (width<=760px){.fluency .guided-lesson .task-outcome{margin-bottom:32px;padding-block:24px}.fluency .guided-lesson .task-table-scroll table{font-size:13px}.fluency .guided-lesson .caption-preview{padding:24px;font-size:17px}.fluency .guided-lesson .product-preview{padding:24px}}