.lesson15-page,.lesson15-page *{box-sizing:border-box}.lesson15-page{min-width:0}.lesson15-content{padding:22px 0 70px;color:#344054}.lesson15-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:0 0 12px;color:#667085;font-size:14px;line-height:1.5}.lesson15-breadcrumb a{color:#5b21b6;text-decoration:none}.lesson15-hero{border-bottom:1px solid #e7eaf0;padding-bottom:24px}.lesson15-label,.lesson15-practice-label,.lesson15-quiz-label{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f1edff;color:#5b21b6;font-size:14px;line-height:1.2;font-weight:800;letter-spacing:.04em}.lesson15-hero h1{margin:10px 0;color:#172033;font-size:42px;line-height:1.12}.lesson15-hero p{max-width:790px;margin:0;color:#526173;font-size:18px;line-height:1.7}.lesson15-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;color:#667085;font-size:14px}.lesson15-objectives{margin:22px 0 30px;padding:18px 20px;border:1px solid #d9e5ff;border-radius:12px;background:#f5f8ff}.lesson15-objectives h2{margin:0 0 9px;color:#244f91;font-size:18px;line-height:1.4}.lesson15-objectives ul{margin:0;padding-left:22px}.lesson15-objectives li{margin:7px 0;color:#41546b;font-size:15px;line-height:1.6}.lesson15-section{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;margin:36px 0;scroll-margin-top:100px}.lesson15-number{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#5b21b6;color:#fff;font-size:15px;font-weight:800}.lesson15-body{min-width:0}.lesson15-body h2{margin:0 0 10px;color:#172033;font-size:27px;line-height:1.3}.lesson15-body h3{margin:0 0 7px;color:#1f2937;font-size:18px;line-height:1.35}.lesson15-body p{margin:0 0 13px;color:#475467;font-size:16px;line-height:1.75}.lesson15-body code{padding:2px 5px;border-radius:5px;background:#f2f4f7;color:#344054;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.lesson15-callout{display:grid;grid-template-columns:auto 1fr;gap:10px;margin:16px 0;padding:15px 17px;border:1px solid #ddd6fe;border-radius:10px;background:#faf8ff;color:#475467;font-size:15px;line-height:1.65}.lesson15-callout strong{color:#5b21b6}.lesson15-callout--green{border-color:#cce8db;background:#f5fbf8}.lesson15-callout--green strong{color:#147a55}.lesson15-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:10px;margin-top:18px}.lesson15-flow>div{min-width:0;padding:15px 12px;border:1px solid #e1e5ec;border-radius:10px;background:#fff;text-align:center;box-shadow:0 3px 12px rgba(16,24,40,.04)}.lesson15-flow b{display:block;color:#172033;font-size:16px}.lesson15-flow span{display:block;margin-top:5px;color:#667085;font-size:14px;line-height:1.5}.lesson15-flow i{align-self:center;color:#7c3aed;font-size:22px;font-style:normal}.lesson15-grid,.lesson15-impact,.lesson15-mistakes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.lesson15-grid>div,.lesson15-impact>div,.lesson15-mistakes>div,.lesson15-compare>div{min-width:0;padding:17px;border:1px solid #e4e7ec;border-radius:11px;background:#fff}.lesson15-tag{display:inline-block;margin-bottom:9px;color:#6941c6;font-size:14px;font-weight:800}.lesson15-grid p,.lesson15-impact p,.lesson15-mistakes p{font-size:15px;line-height:1.65}.lesson15-note,.lesson15-output{margin-top:14px;padding:13px 15px;border-left:3px solid #7c3aed;background:#f8f9fc;color:#526173;font-size:15px;line-height:1.65}.lesson15-before-after{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin-top:16px}.lesson15-before-after>div:first-child,.lesson15-before-after>div:last-child{padding:18px;border:1px solid #e4e7ec;border-radius:11px;background:#fff}.lesson15-arrow{font-size:24px;color:#7c3aed}.lesson15-pill{display:inline-block;margin-top:9px;padding:6px 9px;border-radius:999px;background:#f1edff;color:#5b21b6;font-size:14px}.lesson15-stack{display:grid;gap:10px;margin-top:16px}.lesson15-stack>div{display:grid;grid-template-columns:190px 1fr;gap:14px;padding:13px 15px;border:1px solid #e4e7ec;border-radius:9px;background:#fff}.lesson15-stack b{font-size:15px;color:#172033}.lesson15-stack span{font-size:15px;color:#526173;line-height:1.55}.lesson15-message{margin:15px 0;padding:16px 18px;border-left:4px solid #7c3aed;border-radius:8px;background:#f7f7fb;color:#27364a;font-size:17px;line-height:1.65}.lesson15-token-demo{margin:15px 0;padding:16px;overflow-x:auto;border:1px solid #e4e7ec;border-radius:10px;background:#fcfcfd}.lesson15-token-row{display:flex;flex-wrap:wrap;gap:7px;min-width:max-content}.lesson15-token-row span{padding:7px 9px;border:1px solid #d6bbfb;border-radius:7px;background:#f7f2ff;color:#512da8;font-size:15px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.lesson15-impact h3{font-size:17px}.lesson15-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.lesson15-compare strong{display:block;margin-top:12px;color:#5b21b6;font-size:15px}.lesson15-lang{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.lesson15-lang div{padding:15px;border:1px solid #e4e7ec;border-radius:10px;background:#fff}.lesson15-lang b,.lesson15-lang span{display:block;font-size:15px;line-height:1.6}.lesson15-lang span{margin-top:5px;color:#526173}.lesson15-code{margin:18px 0;border:1px solid #dfe3e8;border-radius:10px;overflow:hidden;background:#f8fafc}.lesson15-codebar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #dfe3e8;background:#f1f3f5;color:#344054;font-size:14px;font-weight:700}.lesson15-codebar>div{display:flex;gap:8px;align-items:center}.lesson15-codebar button,.lesson15-codebar a{border:1px solid #cdd3db;border-radius:6px;padding:6px 9px;background:#fff;color:#344054;font-size:14px;text-decoration:none;cursor:pointer}.lesson15-code pre{margin:0;padding:17px;overflow:auto;background:#f8fafc;color:#344054;font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.lesson15-code .py-keyword{color:#7c3aed}.lesson15-code .py-string{color:#0f766e}.lesson15-code .py-builtins{color:#2563eb}.lesson15-experiment{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.lesson15-experiment div{padding:13px;border:1px solid #e4e7ec;border-radius:9px;background:#fff}.lesson15-experiment code,.lesson15-experiment strong,.lesson15-experiment span{display:block;font-size:14px;line-height:1.5}.lesson15-experiment strong{margin-top:5px;color:#172033}.lesson15-experiment span{color:#667085}.lesson15-practice{margin:40px 0;padding:22px;border:1px solid #ddd6fe;border-radius:13px;background:#faf8ff}.lesson15-practice h2,.lesson15-quiz h2,.lesson15-recap h2{margin:9px 0 10px;color:#172033;font-size:26px}.lesson15-practice p{font-size:16px;line-height:1.7;color:#475467}.lesson15-checklist{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.lesson15-checklist span{padding:8px 10px;border:1px solid #ddd6fe;border-radius:7px;background:#fff;color:#475467;font-size:14px}.lesson15-practice-btn{display:inline-block;margin-top:10px;padding:10px 14px;border-radius:7px;background:#5b21b6;color:#fff;text-decoration:none;font-size:14px;font-weight:700}.lesson15-quiz{margin:40px 0;padding:22px;border:1px solid #e4e7ec;border-radius:13px;background:#fff}.lesson15-quiz-options{display:grid;gap:9px;margin-top:15px}.lesson15-quiz-option,.lesson15-quiz-options button{padding:12px 14px;border:1px solid #d7dce3;border-radius:8px;background:#fff;text-align:left;color:#344054;font-size:15px;line-height:1.5;cursor:pointer}.lesson15-quiz-options button.is-correct{border-color:#73c991;background:#f2fbf5}.lesson15-quiz-options button.is-wrong{border-color:#e29a9a;background:#fff5f5}.lesson15-quiz-feedback{margin-top:12px;min-height:22px;color:#475467;font-size:15px;line-height:1.6}.lesson15-recap{margin:40px 0;padding:20px;border:1px solid #dfe3e8;border-radius:12px;background:#f8fafc}.lesson15-recap ul{margin:0;padding-left:22px}.lesson15-recap li{margin:7px 0;color:#475467;font-size:15px;line-height:1.6}.lesson15-bottom-nav{display:flex;justify-content:space-between;gap:12px;margin-top:34px;padding-top:20px;border-top:1px solid #e7eaf0}.lesson15-bottom-nav a{display:block;max-width:48%;padding:11px 14px;border:1px solid #dfe3e8;border-radius:8px;color:#344054;text-decoration:none;font-size:15px;line-height:1.5;background:#fff}.lesson15-bottom-nav a:hover{border-color:#7c3aed;color:#5b21b6}
@media(max-width:1050px){.lesson15-flow{grid-template-columns:1fr 1fr}.lesson15-flow i{display:none}.lesson15-experiment{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.lesson15-content{padding:16px 0 50px}.lesson15-hero h1{font-size:34px}.lesson15-hero p{font-size:16px}.lesson15-section{grid-template-columns:30px minmax(0,1fr);gap:10px;margin:30px 0}.lesson15-number{width:30px;height:30px;font-size:14px}.lesson15-body h2{font-size:23px}.lesson15-flow,.lesson15-grid,.lesson15-impact,.lesson15-mistakes,.lesson15-compare,.lesson15-lang{grid-template-columns:1fr}.lesson15-before-after{grid-template-columns:1fr}.lesson15-arrow{text-align:center}.lesson15-stack>div{grid-template-columns:1fr;gap:4px}.lesson15-codebar{align-items:flex-start;flex-direction:column}.lesson15-codebar>div{width:100%;flex-wrap:wrap}.lesson15-codebar button,.lesson15-codebar a{font-size:14px}.lesson15-experiment{grid-template-columns:1fr}.lesson15-bottom-nav{flex-direction:column}.lesson15-bottom-nav a{max-width:none}.lesson15-practice,.lesson15-quiz,.lesson15-recap{padding:17px}.lesson15-practice h2,.lesson15-quiz h2,.lesson15-recap h2{font-size:22px}}