.lesson11-page .lesson11-content{padding:2px 0 50px;color:#344054}
.lesson11-page .lesson11-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 18px;color:#7b7390;font-size:14px;line-height:1.5}
.lesson11-page .lesson11-breadcrumb a{color:#6b5b82;text-decoration:none}.lesson11-page .lesson11-breadcrumb a:hover{text-decoration:underline}
.lesson11-page .lesson11-kicker,.lesson11-page .lesson11-label{display:inline-block;color:#651fff;font-size:14px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.lesson11-page .lesson11-header h1{margin:7px 0 12px;color:#171526;font-size:48px;line-height:1.08;letter-spacing:-.04em}
.lesson11-page .lesson11-lead{max-width:830px;margin:0 0 12px;color:#4b5563;font-size:18px;line-height:1.7}.lesson11-page .lesson11-meta{display:flex;flex-wrap:wrap;gap:8px;color:#7a7287;font-size:14px;line-height:1.5}
.lesson11-page .lesson11-objectives{margin:25px 0 34px;padding:18px 20px;border:1px solid #e4ddea;border-radius:10px;background:#fff}.lesson11-page .lesson11-objectives h2{margin:0 0 10px;color:#171526;font-size:20px;line-height:1.4}.lesson11-page .lesson11-objectives li{margin:6px 0;color:#454052;font-size:16px;line-height:1.65}
.lesson11-page .lesson11-section{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;margin:0 0 42px}.lesson11-page .lesson11-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}.lesson11-page .lesson11-section h2{margin:0 0 10px;color:#111827;font-size:28px;line-height:1.3;letter-spacing:-.02em}.lesson11-page .lesson11-section p,.lesson11-page .lesson11-practice p,.lesson11-page .lesson11-quiz p{margin:0 0 15px;color:#344054;font-size:16px;line-height:1.78}
.lesson11-page .lesson11-flow{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;gap:8px;align-items:stretch;margin:20px 0}.lesson11-page .lesson11-flow>div{padding:15px;border:1px solid #e1d7ea;border-radius:9px;background:#fff}.lesson11-page .lesson11-flow .is-focus{border-color:#c88be8;background:#fff8ff}.lesson11-page .lesson11-flow b{display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;background:#f0e6ff;color:#5f00dc;font-size:14px}.lesson11-page .lesson11-flow strong{display:block;margin-top:8px;color:#172033;font-size:15px;line-height:1.4}.lesson11-page .lesson11-flow span{display:block;margin-top:5px;color:#667085;font-size:14px;line-height:1.5}.lesson11-page .lesson11-flow i{align-self:center;color:#8b6eb5;font-style:normal;font-size:20px;text-align:center}
.lesson11-page .lesson11-callout{margin-top:16px;padding:14px 16px;border:1px solid #e2d2f2;border-left:4px solid #651fff;border-radius:8px;background:#fbf7ff;color:#4b4458;font-size:14px;line-height:1.7}
.lesson11-page .lesson11-card-grid,.lesson11-page .lesson11-metrics,.lesson11-page .lesson11-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.lesson11-page .lesson11-card-grid>div,.lesson11-page .lesson11-metrics>div,.lesson11-page .lesson11-compare-grid>div{padding:15px;border:1px solid #e1dbe7;border-radius:9px;background:#fff}.lesson11-page .lesson11-card-grid strong,.lesson11-page .lesson11-metrics strong,.lesson11-page .lesson11-compare-grid strong{display:block;color:#172033;font-size:16px;line-height:1.5}.lesson11-page .lesson11-card-grid span,.lesson11-page .lesson11-metrics span,.lesson11-page .lesson11-compare-grid span{display:block;margin-top:6px;color:#667085;font-size:14px;line-height:1.6}
.lesson11-page .lesson11-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.lesson11-page .lesson11-example-grid>div{padding:16px;border:1px solid #e1dbe7;border-radius:9px;background:#fff}.lesson11-page .lesson11-example-grid .good{border-top:3px solid #49a36a}.lesson11-page .lesson11-example-grid .risk{border-top:3px solid #d88a79}.lesson11-page .lesson11-example-grid span{display:block;color:#651fff;font-size:14px;font-weight:800;letter-spacing:.04em}.lesson11-page .lesson11-example-grid strong{display:block;margin-top:8px;color:#172033;font-size:15px;line-height:1.5}.lesson11-page .lesson11-example-grid p{margin-top:8px!important;font-size:14px!important;line-height:1.6!important}
.lesson11-page .lesson11-code-card{margin:18px 0;border:1px solid #dcdfe6;border-radius:9px;overflow:hidden;background:#f7f8fa}.lesson11-page .lesson11-code-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid #dcdfe6;background:#fff}.lesson11-page .lesson11-code-head>span{color:#172033;font-size:14px;font-weight:800}.lesson11-page .lesson11-code-head div{display:flex;gap:7px}.lesson11-page .lesson11-code-head button,.lesson11-page .lesson11-code-head a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 10px;border:1px solid #cfd5df;border-radius:6px;background:#fff;color:#273044;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer}.lesson11-page .lesson11-code-card pre{margin:0;padding:16px;overflow:auto;color:#263238;font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.lesson11-page .py-keyword{color:#7c3aed}.lesson11-page .py-string{color:#0f766e}.lesson11-page .py-builtin{color:#2563eb}.lesson11-page .py-number{color:#c2410c}.lesson11-page .lesson11-output{display:grid;gap:6px;margin:12px 0 18px;padding:14px 16px;border:1px solid #dce8df;border-radius:8px;background:#f7fbf8}.lesson11-page .lesson11-output strong{color:#172033;font-size:14px}.lesson11-page .lesson11-output code{color:#087f5b;font-size:14px}.lesson11-page .lesson11-output span{color:#667085;font-size:14px;line-height:1.6}
.lesson11-page .lesson11-training-loop{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr 24px;gap:7px;align-items:stretch;margin-top:18px}.lesson11-page .lesson11-training-loop>div{padding:13px;border:1px solid #e1dbe7;border-radius:8px;background:#fff}.lesson11-page .lesson11-training-loop b{display:block;color:#172033;font-size:15px}.lesson11-page .lesson11-training-loop span{display:block;margin-top:5px;color:#667085;font-size:14px;line-height:1.5}.lesson11-page .lesson11-training-loop i{align-self:center;color:#8b6eb5;font-style:normal;font-size:18px;text-align:center}
.lesson11-page .lesson11-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.lesson11-page .lesson11-compare>div{padding:16px;border:1px solid #e1dbe7;border-radius:9px;background:#fff}.lesson11-page .lesson11-compare strong{display:block;color:#172033;font-size:17px}.lesson11-page .lesson11-compare span{display:block;margin-top:7px;color:#667085;font-size:14px;line-height:1.6}.lesson11-page .lesson11-compare b{display:inline-block;margin-top:12px;padding:5px 8px;border-radius:5px;background:#f0e8ff;color:#651fff;font-size:14px}
.lesson11-page .lesson11-compare-grid{grid-template-columns:1fr 1fr}.lesson11-page .lesson11-practice,.lesson11-page .lesson11-quiz,.lesson11-page .lesson11-recap{margin:0 0 30px;padding:20px;border:1px solid #e1dbe7;border-radius:10px;background:#fff}.lesson11-page .lesson11-practice h2,.lesson11-page .lesson11-quiz h2,.lesson11-page .lesson11-recap h2{margin:5px 0 9px;color:#171526;font-size:25px;line-height:1.35}.lesson11-page .lesson11-practice-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px 0;border-top:1px solid #eee8f1}.lesson11-page .lesson11-practice-row>span{display:flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;background:#f0e8ff;color:#651fff;font-size:14px;font-weight:800}.lesson11-page .lesson11-practice-row strong{color:#172033;font-size:15px;line-height:1.5}.lesson11-page .lesson11-practice-row button{min-height:34px;padding:0 10px;border:1px solid #cfd5df;border-radius:6px;background:#fff;color:#273044;font-size:14px;font-weight:700;cursor:pointer}.lesson11-page .lesson11-practice-row em{display:none;grid-column:2/-1;color:#596274;font-size:14px;line-height:1.6;font-style:normal}.lesson11-page .lesson11-practice-row.is-revealed em{display:block}.lesson11-page .lesson11-quiz-options{display:grid;gap:8px}.lesson11-page .lesson11-quiz-options button{padding:11px 13px;border:1px solid #e0d9e6;border-radius:7px;background:#faf9fc;color:#273044;text-align:left;font-size:14px;line-height:1.5;cursor:pointer}.lesson11-page .lesson11-quiz-options button.is-correct{border-color:#9bc7a5;background:#f3fbf4}.lesson11-page .lesson11-quiz-options button.is-wrong{border-color:#d9a5a0;background:#fff5f4}.lesson11-page .lesson11-quiz-feedback{min-height:24px;margin:12px 0 0!important;font-size:14px!important}.lesson11-page .lesson11-recap{background:#fbf7ff;border-color:#e2d2f2}.lesson11-page .lesson11-recap ul{margin:10px 0 0;padding-left:22px}.lesson11-page .lesson11-recap li{margin:6px 0;color:#454052;font-size:15px;line-height:1.65}.lesson11-page .lesson11-navigation{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.lesson11-page .lesson11-nav-card{display:block;padding:15px;border:1px solid #ddd5e5;border-radius:9px;background:#fff;color:#3d3548;text-decoration:none}.lesson11-page .lesson11-nav-card.next{text-align:right}.lesson11-page .lesson11-nav-card span{display:block;color:#651fff;font-size:14px;font-weight:800}.lesson11-page .lesson11-nav-card strong{display:block;margin-top:5px;color:#172033;font-size:16px}
@media(max-width:760px){.lesson11-page .lesson11-content{padding-bottom:40px}.lesson11-page .lesson11-header h1{font-size:36px}.lesson11-page .lesson11-lead{font-size:17px}.lesson11-page .lesson11-section{grid-template-columns:30px minmax(0,1fr);gap:8px;margin-bottom:34px}.lesson11-page .lesson11-section h2{font-size:25px}.lesson11-page .lesson11-flow,.lesson11-page .lesson11-card-grid,.lesson11-page .lesson11-example-grid,.lesson11-page .lesson11-metrics,.lesson11-page .lesson11-training-loop,.lesson11-page .lesson11-compare,.lesson11-page .lesson11-compare-grid{grid-template-columns:1fr}.lesson11-page .lesson11-flow>i,.lesson11-page .lesson11-training-loop>i{display:block!important;transform:rotate(90deg);justify-self:center}.lesson11-page .lesson11-practice-row{grid-template-columns:30px minmax(0,1fr)}.lesson11-page .lesson11-practice-row button{grid-column:2;justify-self:start}.lesson11-page .lesson11-practice-row em{grid-column:2}.lesson11-page .lesson11-navigation{grid-template-columns:1fr}.lesson11-page .lesson11-nav-card.next{text-align:left}}