/* Lesson 6 only. All selectors are namespaced to prevent shared-layout regressions. */
.lesson6-page .lesson6-content{min-width:0}
.lesson6-page .lesson6-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 18px;color:#7b7390;font-size:14px}
.lesson6-page .lesson6-breadcrumb a{color:#675f79;text-decoration:none}
.lesson6-page .lesson6-breadcrumb a:hover{color:#651fff}
.lesson6-page .lesson6-header{padding:0 0 28px}
.lesson6-page .lesson6-kicker,.lesson6-page .lesson6-practice-label,.lesson6-page .lesson6-quiz-label{color:#651fff;font-size:14px;font-weight:800;letter-spacing:.07em}
.lesson6-page .lesson6-header h1{margin:7px 0 12px;color:#111827;font-size:clamp(38px,4vw,56px);line-height:1.08;letter-spacing:-.045em}
.lesson6-page .lesson6-lead{max-width:820px;margin:0 0 12px;color:#4b5563;font-size:18px;line-height:1.7}
.lesson6-page .lesson6-meta{display:flex;flex-wrap:wrap;gap:8px;color:#7a7287;font-size:14px}
.lesson6-page .lesson6-objectives{margin:0 0 42px;padding:21px 23px;border:1px solid #e6ddec;border-radius:10px;background:#fff}
.lesson6-page .lesson6-objectives h2{margin:0 0 10px;color:#171526;font-size:20px}
.lesson6-page .lesson6-objectives ul{margin:0;padding-left:21px}
.lesson6-page .lesson6-objectives li{margin:6px 0;color:#454052;font-size:15px;line-height:1.65}
.lesson6-page .lesson6-section{display:grid;grid-template-columns:32px minmax(0,1fr);gap:13px;margin:0 0 50px;scroll-margin-top:110px}
.lesson6-page .lesson6-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#651fff;color:#fff;font-size:14px;font-weight:800}
.lesson6-page .lesson6-section h2{margin:0 0 10px;color:#111827;font-size:27px;line-height:1.3}
.lesson6-page .lesson6-section h3{margin:20px 0 8px;color:#172033;font-size:19px}
.lesson6-page .lesson6-section p,.lesson6-page .lesson6-practice p,.lesson6-page .lesson6-quiz p,.lesson6-page .lesson6-recap li{color:#344054;font-size:16px;line-height:1.78}
.lesson6-page .lesson6-section p{margin:0 0 12px}
.lesson6-page .lesson6-note,.lesson6-page .lesson6-tip,.lesson6-page .lesson6-callout,.lesson6-page .lesson6-rule,.lesson6-page .lesson6-challenge{margin:18px 0 0;padding:14px 16px;background:#fff8e8;border:1px solid #f3dfaa;border-radius:9px;color:#5f4b16}
.lesson6-page .lesson6-application-map{position:relative;min-height:430px;margin:24px 0;padding:20px;border:1px solid #e3d9eb;border-radius:14px;background:#fff;overflow:hidden}
.lesson6-page .lesson6-map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;min-height:120px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px solid #651fff;border-radius:50%;background:#f7efff;box-shadow:0 10px 28px rgba(101,31,255,.12);z-index:2}
.lesson6-page .lesson6-map-center strong{font-size:19px;color:#4f00b8}.lesson6-page .lesson6-map-center span{margin-top:6px;color:#675f79;font-size:14px;line-height:1.45}
.lesson6-page .lesson6-map-card{position:absolute;width:170px;padding:13px 14px;border:1px solid #dfe4ec;border-radius:10px;background:#f9fafb;box-shadow:0 5px 15px rgba(31,41,55,.04)}
.lesson6-page .lesson6-map-card:after{content:"";position:absolute;height:1px;width:72px;background:#d4c9df;top:50%;z-index:0}
.lesson6-page .lesson6-map-card b,.lesson6-page .lesson6-map-card span{display:block;position:relative;z-index:1}.lesson6-page .lesson6-map-card b{color:#172033;font-size:16px}.lesson6-page .lesson6-map-card span{margin-top:3px;color:#667085;font-size:14px;line-height:1.45}
.lesson6-page .card-a{left:28px;top:34px}.lesson6-page .card-a:after,.lesson6-page .card-c:after,.lesson6-page .card-e:after{right:-72px}.lesson6-page .card-b{right:28px;top:34px}.lesson6-page .card-b:after,.lesson6-page .card-d:after,.lesson6-page .card-f:after{left:-72px}.lesson6-page .card-c{left:28px;top:178px}.lesson6-page .card-d{right:28px;top:178px}.lesson6-page .card-e{left:28px;bottom:34px}.lesson6-page .card-f{right:28px;bottom:34px}
.lesson6-page .lesson6-workflow,.lesson6-page .lesson6-pipeline,.lesson6-page .lesson6-system-flow{display:grid;align-items:center;gap:10px;margin:20px 0}
.lesson6-page .lesson6-workflow{grid-template-columns:1fr auto 1fr auto 1fr}.lesson6-page .lesson6-workflow>div{padding:16px 13px;border:1px solid #dfe4ec;border-radius:10px;background:#f8fafc;text-align:center}.lesson6-page .lesson6-workflow span{display:block;color:#651fff;font-size:14px;font-weight:800;letter-spacing:.07em}.lesson6-page .lesson6-workflow strong{display:block;margin:7px 0 4px;color:#172033;font-size:16px}.lesson6-page .lesson6-workflow small{display:block;color:#667085;font-size:14px;line-height:1.45}.lesson6-page .lesson6-workflow>i,.lesson6-page .lesson6-pipeline>i,.lesson6-page .lesson6-system-flow>b{font-style:normal;color:#667085;font-size:21px}
.lesson6-page .lesson6-code-block{margin:18px 0;overflow:hidden;border:1px solid #d9dee7;border-radius:10px;background:#fbfcfd}.lesson6-page .lesson6-code-head{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#f1f3f5;border-bottom:1px solid #d9dee7}.lesson6-page .lesson6-code-head span{color:#172033;font-size:14px;font-weight:700}.lesson6-page .lesson6-code-head button{padding:6px 10px;border:1px solid #cfd6df;border-radius:6px;background:#fff;color:#344054;font-size:14px;cursor:pointer}.lesson6-page .lesson6-code-head button.is-copied{border-color:#86efac;background:#f0fdf4;color:#166534}.lesson6-page .lesson6-code-block pre{margin:0;padding:18px;overflow:auto;background:#fbfcfd}.lesson6-page .lesson6-code-block code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;color:#26364d;font-size:15px;line-height:1.65;white-space:pre}.lesson6-page .py-keyword{color:#7c3aed;font-weight:600}.lesson6-page .py-string{color:#00897b}.lesson6-page .py-built-in{color:#1565c0}.lesson6-page .py-number{color:#d97706}.lesson6-page .py-comment{color:#64748b}
.lesson6-page .lesson6-output{display:flex;gap:12px;align-items:flex-start;margin:10px 0 14px;padding:11px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.lesson6-page .lesson6-output code{color:#087f5b;font-size:14px;line-height:1.6}.lesson6-page .lesson6-explain{padding:12px 14px;background:#f7f9fc;border-radius:8px}
.lesson6-page .lesson6-two-col,.lesson6-page .lesson6-application-grid,.lesson6-page .lesson6-modality-grid,.lesson6-page .lesson6-design-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.lesson6-page .lesson6-example-card,.lesson6-page .lesson6-application-grid article{padding:19px;border:1px solid #dfe4ec;border-radius:11px;background:#fff}.lesson6-page .lesson6-example-card span,.lesson6-page .lesson6-application-grid article span{color:#651fff;font-size:14px;font-weight:800;letter-spacing:.07em}.lesson6-page .lesson6-example-card h3,.lesson6-page .lesson6-application-grid article h3{margin:7px 0 6px}.lesson6-page .lesson6-example-card p,.lesson6-page .lesson6-application-grid article p{margin:0}.lesson6-page .lesson6-application-grid{grid-template-columns:repeat(3,1fr)}
.lesson6-page .lesson6-pipeline{grid-template-columns:1fr auto 1fr auto 1fr}.lesson6-page .lesson6-pipeline>div{min-height:120px;padding:16px;border:1px solid #dfe4ec;border-radius:11px;background:#fff}.lesson6-page .lesson6-pipeline b{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:#651fff;color:#fff;font-size:14px}.lesson6-page .lesson6-pipeline strong,.lesson6-page .lesson6-pipeline span{display:block}.lesson6-page .lesson6-pipeline strong{margin-top:8px;color:#172033}.lesson6-page .lesson6-pipeline span{margin-top:4px;color:#667085;font-size:14px;line-height:1.45}
.lesson6-page .lesson6-modality-grid{grid-template-columns:repeat(5,1fr)}.lesson6-page .lesson6-modality-grid>div{padding:18px 13px;border:1px solid #dfe4ec;border-radius:10px;background:#fff;text-align:center}.lesson6-page .lesson6-modality-grid strong,.lesson6-page .lesson6-modality-grid span{display:block}.lesson6-page .lesson6-modality-grid strong{color:#172033;font-size:16px}.lesson6-page .lesson6-modality-grid span{margin-top:6px;color:#667085;font-size:14px;line-height:1.45}
.lesson6-page .lesson6-system-flow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr}.lesson6-page .lesson6-system-flow>div{padding:14px 10px;border:1px solid #dfe4ec;border-radius:10px;background:#fff;text-align:center}.lesson6-page .lesson6-system-flow span{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;background:#f0e6ff;color:#5f00dc;font-size:14px;font-weight:800}.lesson6-page .lesson6-system-flow strong,.lesson6-page .lesson6-system-flow small{display:block}.lesson6-page .lesson6-system-flow strong{margin-top:6px;font-size:14px;color:#172033}.lesson6-page .lesson6-system-flow small{color:#667085;font-size:14px;line-height:1.35}
.lesson6-page .lesson6-design-grid{grid-template-columns:repeat(3,1fr)}.lesson6-page .lesson6-design-grid>div{padding:15px;border:1px solid #e3dce9;border-radius:9px;background:#fcfaff}.lesson6-page .lesson6-design-grid strong,.lesson6-page .lesson6-design-grid span{display:block}.lesson6-page .lesson6-design-grid strong{color:#4f00b8;font-size:15px}.lesson6-page .lesson6-design-grid span{margin-top:4px;color:#667085;font-size:14px}
.lesson6-page .lesson6-checklist{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.lesson6-page .lesson6-checklist>div{padding:17px;border:1px solid #dfe4ec;border-radius:10px;background:#fff}.lesson6-page .lesson6-checklist span{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:7px;background:#f1e6ff;color:#5f00dc;font-size:14px;font-weight:800}.lesson6-page .lesson6-checklist strong{display:block;margin:10px 0 3px;color:#172033}.lesson6-page .lesson6-checklist p{margin:0}
.lesson6-page .lesson6-project-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}.lesson6-page .lesson6-project-steps>div{padding:15px 12px;border:1px solid #dfe4ec;border-radius:10px;background:#fff}.lesson6-page .lesson6-project-steps b{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;background:#651fff;color:#fff;font-size:14px}.lesson6-page .lesson6-project-steps strong,.lesson6-page .lesson6-project-steps span{display:block}.lesson6-page .lesson6-project-steps strong{margin-top:8px;color:#172033;font-size:14px}.lesson6-page .lesson6-project-steps span{margin-top:3px;color:#667085;font-size:14px;line-height:1.45}
.lesson6-page .lesson6-practice{margin:0 0 42px;padding:22px;border:1px solid #e0d2ec;border-radius:12px;background:#fff}.lesson6-page .lesson6-practice h2,.lesson6-page .lesson6-quiz h2,.lesson6-page .lesson6-recap h2{margin:5px 0 8px;color:#171526;font-size:24px}.lesson6-page .lesson6-practice-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #ece8f0}.lesson6-page .lesson6-practice-row>span{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f0e6ff;color:#5f00dc;font-weight:800;font-size:14px}.lesson6-page .lesson6-practice-row strong{color:#344054;font-size:15px}.lesson6-page .lesson6-practice-row button{padding:7px 10px;border:1px solid #cfd6df;border-radius:6px;background:#fff;color:#344054;font-size:14px;cursor:pointer}.lesson6-page .lesson6-practice-row em{display:none;grid-column:2;color:#087f5b;font-style:normal;font-size:14px}.lesson6-page .lesson6-practice-row.is-revealed em{display:block}.lesson6-page .lesson6-practice-row.is-revealed button{display:none}
.lesson6-page .lesson6-quiz{margin:0 0 42px;padding:22px;border:1px solid #ded0eb;border-radius:12px;background:#fbf7ff}.lesson6-page .lesson6-quiz-options{display:grid;gap:9px;margin-top:16px}.lesson6-page .lesson6-quiz-options button{padding:12px 14px;text-align:left;border:1px solid #d8d0df;border-radius:8px;background:#fff;color:#344054;font-size:15px;cursor:pointer}.lesson6-page .lesson6-quiz-options button:hover{border-color:#a98ad1}.lesson6-page .lesson6-quiz-options button.is-correct{border-color:#86efac;background:#f0fdf4;color:#166534}.lesson6-page .lesson6-quiz-options button.is-wrong{border-color:#fecaca;background:#fef2f2;color:#991b1b}.lesson6-page .lesson6-quiz-feedback{min-height:25px;margin-bottom:0!important;font-weight:700}
.lesson6-page .lesson6-recap{margin:0 0 42px;padding:22px;border:1px solid #e1d7e8;border-radius:12px;background:#fff}.lesson6-page .lesson6-recap ul{margin:0;padding-left:22px}.lesson6-page .lesson6-recap li{margin:7px 0}
.lesson6-page .lesson6-navigation{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.lesson6-page .lesson6-nav-card{display:block;padding:16px;border:1px solid #ded5e5;border-radius:10px;background:#fff;text-decoration:none}.lesson6-page .lesson6-nav-card span{display:block;color:#7b7390;font-size:14px}.lesson6-page .lesson6-nav-card strong{display:block;margin-top:5px;color:#4f00b8;font-size:15px}.lesson6-page .lesson6-nav-card.next{text-align:right}
@media(max-width:1100px){.lesson6-page .lesson6-application-grid{grid-template-columns:1fr 1fr}.lesson6-page .lesson6-modality-grid{grid-template-columns:repeat(3,1fr)}.lesson6-page .lesson6-design-grid{grid-template-columns:1fr 1fr}.lesson6-page .lesson6-project-steps{grid-template-columns:repeat(3,1fr)}.lesson6-page .lesson6-system-flow{grid-template-columns:1fr auto 1fr auto 1fr}.lesson6-page .lesson6-system-flow>b:nth-of-type(3),.lesson6-page .lesson6-system-flow>div:nth-of-type(n+7){display:none}}
@media(max-width:760px){.lesson6-page .lesson6-header h1{font-size:36px}.lesson6-page .lesson6-lead{font-size:16px}.lesson6-page .lesson6-section{grid-template-columns:28px minmax(0,1fr);gap:9px;margin-bottom:40px}.lesson6-page .lesson6-section h2{font-size:23px}.lesson6-page .lesson6-number{width:26px;height:26px;font-size:14px}.lesson6-page .lesson6-application-map{min-height:650px}.lesson6-page .lesson6-map-center{top:50%;width:165px}.lesson6-page .lesson6-map-card{width:140px}.lesson6-page .lesson6-map-card:after{display:none}.lesson6-page .card-a{left:14px;top:22px}.lesson6-page .card-b{right:14px;top:22px}.lesson6-page .card-c{left:14px;top:170px}.lesson6-page .card-d{right:14px;top:170px}.lesson6-page .card-e{left:14px;bottom:22px}.lesson6-page .card-f{right:14px;bottom:22px}.lesson6-page .lesson6-workflow,.lesson6-page .lesson6-pipeline{grid-template-columns:1fr}.lesson6-page .lesson6-workflow>i,.lesson6-page .lesson6-pipeline>i{justify-self:center;transform:rotate(90deg)}.lesson6-page .lesson6-two-col,.lesson6-page .lesson6-application-grid,.lesson6-page .lesson6-modality-grid,.lesson6-page .lesson6-design-grid,.lesson6-page .lesson6-checklist{grid-template-columns:1fr}.lesson6-page .lesson6-system-flow{grid-template-columns:1fr}.lesson6-page .lesson6-system-flow>b{display:none}.lesson6-page .lesson6-project-steps{grid-template-columns:1fr 1fr}.lesson6-page .lesson6-practice-row{grid-template-columns:28px minmax(0,1fr)}.lesson6-page .lesson6-practice-row button{grid-column:2;justify-self:start}.lesson6-page .lesson6-navigation{grid-template-columns:1fr}.lesson6-page .lesson6-nav-card.next{text-align:left}.lesson6-page .lesson6-code-block code{font-size:14px}.lesson6-page .lesson6-output{display:block}.lesson6-page .lesson6-output code{display:block;margin-top:6px}}
@media(max-width:480px){.lesson6-page .lesson6-header h1{font-size:32px}.lesson6-page .lesson6-objectives,.lesson6-page .lesson6-practice,.lesson6-page .lesson6-quiz,.lesson6-page .lesson6-recap{padding:18px}.lesson6-page .lesson6-code-block pre{padding:14px}.lesson6-page .lesson6-project-steps{grid-template-columns:1fr}}