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