.lesson-theory-content pre{white-space:pre-wrap;word-wrap:break-word}.lesson-theory-content pre code{white-space:pre;display:block}.lesson-theory-content{color:#374151;background-color:white}.lesson-theory-content h1,.lesson-theory-content h2{color:#111827;font-weight:800;margin-top:4rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f1f5f9;letter-spacing:-.025em}.lesson-theory-content h1:first-child,.lesson-theory-content h2:first-child{margin-top:1rem}.lesson-theory-content h1{font-size:1.75rem}.lesson-theory-content h2{font-size:1.5rem}.lesson-theory-content h3{color:#1f2937;font-weight:700;font-size:1.25rem;margin-top:3rem;margin-bottom:1rem;letter-spacing:-.01em}.lesson-theory-content h4,.lesson-theory-content h5,.lesson-theory-content h6{color:#374151;font-weight:600;margin-top:2rem;margin-bottom:.75rem}.lesson-theory-content p{color:#374151;line-height:1.5;margin-bottom:1.5rem;font-size:1rem}.lesson-theory-content ol,.lesson-theory-content ul{color:#374151;margin-bottom:2rem;padding-left:1.5rem;line-height:1.2}.lesson-theory-content ul{list-style-type:disc}.lesson-theory-content li{margin-bottom:1rem;padding-left:.5rem}.lesson-theory-content ul li::marker{color:#3b82f6;font-weight:700}.lesson-theory-content strong{color:#111827;font-weight:700}.lesson-theory-content code{background-color:#f3f4f6!important;color:#1f2937!important;padding:.125rem .25rem;border-radius:.25rem;font-size:.875rem}.lesson-theory-content code,.lesson-theory-content pre{font-family:JetBrains Mono,Fira Code,Courier New,monospace}.lesson-theory-content pre{background-color:#1e1e1e!important;color:#e5e7eb!important;padding:1.25rem 1.5rem;border-radius:.5rem;overflow-x:auto;white-space:pre;margin:1.5rem 0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);position:relative;width:100%;max-width:100%}.lesson-theory-content pre:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);border-radius:.5rem .5rem 0 0;opacity:.8}.lesson-theory-content p+.code-container pre,.lesson-theory-content p+.code-example pre,.lesson-theory-content p+pre{margin-top:.5rem!important}.lesson-theory-content pre code{background-color:transparent!important;color:inherit!important;padding:0}.lesson-theory-content pre{position:relative!important;padding-top:3.5rem!important;background:#1e1e1e!important;border:1px solid #333!important;border-radius:8px!important;overflow:hidden!important;box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1)!important}.lesson-diagram pre{padding:2rem!important;background-color:#1e293b!important;background-image:radial-gradient(#334155 1px,transparent 0)!important;background-size:24px 24px!important;border:1px solid #475569!important;border-radius:12px!important;box-shadow:0 10px 15px -3px rgba(0,0,0,.3)!important;color:#f8fafc!important}.lesson-diagram pre:after,.lesson-diagram pre:before{display:none!important}.lesson-theory-content pre:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:2.5rem!important;background:#2d2d2d!important;border-bottom:1px solid #333!important;z-index:5!important;border-radius:8px 8px 0 0!important}.lesson-theory-content pre:after{display:none!important}.learning-theory-content pre,.prose pre{position:relative!important}.learning-theory-content pre:before,.prose pre:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:3px!important;background:#3b82f6!important;z-index:10!important}.lesson-theory-content blockquote{border-left:6px solid #3b82f6;background:rgba(239,246,255,.5);backdrop-filter:blur(4px);padding:1.75rem 2rem;margin:2.5rem 0;color:#1e40af!important;font-style:italic;font-size:1.25rem;border-radius:0 1rem 1rem 0}.lesson-theory-content a{color:#3b82f6!important;text-decoration:underline}.lesson-theory-content a:hover{color:#1d4ed8!important}.learning-theory-content pre,.prose pre{position:relative;background:#2d2d2d!important;border:1px solid #3e3e3e!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important;overflow-x:auto!important;overflow-y:visible!important;width:100%!important;max-width:100%!important;display:block!important;padding:1.25rem 1.5rem!important}.dark .learning-theory-content pre,.dark .prose pre{background:#1e1e1e!important;border:1px solid #3e3e3e!important}.prose pre:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#007acc,#1e90ff,#4a9eff);border-radius:8px 8px 0 0;z-index:1}.learning-theory-content pre code,.lesson-theory-content pre code,.prose pre code{display:block;white-space:pre;overflow-x:visible;overflow-y:visible;position:relative;z-index:0;color:#d4d4d4!important;font-family:JetBrains Mono,Fira Code,Consolas,Monaco,Courier New,monospace!important;font-size:.875rem!important;line-height:1.6!important;word-wrap:normal!important;word-break:normal!important;min-width:max-content;font-weight:400!important}.dark .learning-theory-content pre code,.dark .prose pre code,.learning-theory-content pre code,.prose pre code{color:#d4d4d4!important}.learning-theory-content pre code .hljs-keyword,.learning-theory-content pre code .token.keyword,.lesson-theory-content pre code .hljs-keyword,.lesson-theory-content pre code .token.keyword,.prose pre code .hljs-keyword,.prose pre code .token.keyword{color:#569cd6!important;font-weight:500!important}.learning-theory-content pre code .token.operator,.prose pre code .token.operator{color:#d4d4d4!important}.learning-theory-content pre code .hljs-string,.learning-theory-content pre code .token.string,.lesson-theory-content pre code .hljs-string,.lesson-theory-content pre code .token.string,.prose pre code .hljs-string,.prose pre code .token.string{color:#ce9178!important}.learning-theory-content pre code .hljs-function,.learning-theory-content pre code .token.function,.lesson-theory-content pre code .hljs-function,.lesson-theory-content pre code .token.function,.prose pre code .hljs-function,.prose pre code .token.function{color:#dcdcaa!important}.learning-theory-content pre code .hljs-number,.learning-theory-content pre code .token.number,.lesson-theory-content pre code .hljs-number,.lesson-theory-content pre code .token.number,.prose pre code .hljs-number,.prose pre code .token.number{color:#b5cea8!important}.learning-theory-content pre code .hljs-comment,.learning-theory-content pre code .token.comment,.lesson-theory-content pre code .hljs-comment,.lesson-theory-content pre code .token.comment,.prose pre code .hljs-comment,.prose pre code .token.comment{color:#6a9955!important;font-style:italic!important}.learning-theory-content pre code .token.variable,.prose pre code .token.variable{color:#9cdcfe!important}.learning-theory-content pre code .hljs-class,.learning-theory-content pre code .token.class-name,.lesson-theory-content pre code .hljs-class,.lesson-theory-content pre code .token.class-name,.prose pre code .hljs-class,.prose pre code .token.class-name{color:#4ec9b0!important}.learning-theory-content pre code .token.builtin,.prose pre code .token.builtin{color:#dcdcaa!important}.learning-theory-content pre code .token.regex,.prose pre code .token.regex{color:#d16969!important}.learning-theory-content pre code .token.attr-name,.prose pre code .token.attr-name{color:#9cdcfe!important}.learning-theory-content pre code .token.punctuation,.prose pre code .token.punctuation{color:#d4d4d4!important}.prose code:not(pre code){position:relative;z-index:1;background:#f4f4f4!important;color:#1e1e1e!important;border:1px solid #d1d5db!important}.dark .prose code:not(pre code){background:#374151!important;color:#f3f4f6!important;border:1px solid #4b5563!important}.prose p{margin-top:1rem;margin-bottom:1rem}.prose p+pre,.prose pre+p{margin-top:1.75rem}.prose h2+p,.prose h3+p{margin-top:.75rem}.learning-theory-content pre .code-copy-button,.prose pre .code-copy-button{position:absolute;top:8px;right:8px;z-index:10;padding:6px;border-radius:4px;background:rgba(51,65,85,.8);color:#e2e8f0;border:none;cursor:pointer;opacity:0;transition:opacity .2s,background-color .2s}.learning-theory-content pre:hover .code-copy-button,.prose pre:hover .code-copy-button{opacity:1}.learning-theory-content pre .code-copy-button:hover,.prose pre .code-copy-button:hover{background:rgba(51,65,85,1);color:white}.bg-grid-white\/10{background-image:linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.1) 1px,transparent 0)}.lesson-theory-content table{width:100%;border-collapse:separate;border-spacing:0;margin:1.5rem 0;border:1px solid #e2e8f0;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.lesson-theory-content th{background-color:#f8fafc;color:#1e293b;font-weight:600;text-align:left}.lesson-theory-content td,.lesson-theory-content th{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;font-size:.95em}.lesson-theory-content td{color:#334155;line-height:1.6}.lesson-theory-content tr:last-child td{border-bottom:none}.lesson-theory-content tr:nth-child(2n){background-color:#fcfcfc}.lesson-theory-content tr:hover{background-color:#f1f5f9}.dark .lesson-theory-content table{border-color:#334155}.dark .lesson-theory-content th{background-color:#1e293b;color:#f1f5f9;border-bottom-color:#334155}.dark .lesson-theory-content td{border-bottom-color:#334155;color:#cbd5e1}.dark .lesson-theory-content tr:nth-child(2n){background-color:#1e293b}.dark .lesson-theory-content tr:hover{background-color:#334155}.lesson-theory-content .tip{background-color:#eff6ff;border-left:4px solid #3b82f6;padding:1rem;margin:1.5rem 0;border-radius:0 .5rem .5rem 0;color:#1e40af}.dark .lesson-theory-content .tip{background-color:#1e3a8a50;border-left-color:#3b82f6;color:#dbeafe}.lesson-theory-content .tip strong{color:#1e3a8a;display:block;margin-bottom:.5rem}.dark .lesson-theory-content h1,.dark .lesson-theory-content h2{border-bottom-color:#334155;color:#f3f4f6}.dark .lesson-theory-content h3,.dark .lesson-theory-content h4,.dark .lesson-theory-content h5,.dark .lesson-theory-content h6{color:#e5e7eb}.dark .lesson-theory-content .tip strong{color:#bfdbfe}.lesson-theory-content .learning-objectives{background:rgba(255,255,255,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(251,207,232,.5);border-radius:1rem;padding:2rem;margin-bottom:2.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.05)}.dark .lesson-theory-content .learning-objectives{background:rgba(131,24,67,.1);border-color:rgba(131,24,67,.3)}.lesson-theory-content .learning-objectives h2{border-bottom:none;margin-top:0;margin-bottom:1.25rem;color:#db2777;display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700}.lesson-theory-content .metaphor-box{background:rgba(245,243,255,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-left:6px solid #8b5cf6;border-bottom:1px solid rgba(139,92,246,.1)!important;border-top:1px solid rgba(139,92,246,.1)!important;border-right:1px solid rgba(139,92,246,.1)!important;padding:1.5rem;margin:2rem 0;border-radius:.25rem 1rem 1rem .25rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.dark .lesson-theory-content .metaphor-box{background:rgba(76,29,149,.15)}.lesson-theory-content .activity-box{background:rgba(236,253,245,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-left:6px solid #10b981;border-bottom:1px solid rgba(16,185,129,.1)!important;border-top:1px solid rgba(16,185,129,.1)!important;border-right:1px solid rgba(16,185,129,.1)!important;padding:1.5rem;margin:2rem 0;border-radius:.25rem 1rem 1rem .25rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.dark .lesson-theory-content .activity-box{background:rgba(6,78,59,.15)}.dark .lesson-theory-content .learning-objectives{background-color:#83184315;border-color:#831843}.dark .lesson-theory-content .learning-objectives h2{color:#f9a8d4}.dark .lesson-theory-content .learning-objectives li{color:#fbcfe8}.dark .lesson-theory-content .metaphor-box{background-color:#4c1d9520;color:#ddd6fe}.dark .lesson-theory-content .metaphor-box strong{color:#a78bfa}.dark .lesson-theory-content .activity-box{background-color:#064e3b20;color:#d1fae5}.dark .lesson-theory-content .activity-box strong{color:#34d399}.concept-card{position:relative;margin-top:2rem;margin-bottom:2rem;overflow:hidden;border-radius:.75rem;border-width:1px;border-color:rgb(255 255 255/.2);padding:1.5rem;--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,255,255,.4));backdrop-filter:blur(10px)}.dark .concept-card{background:linear-gradient(135deg,rgba(30,41,59,.8),rgba(15,23,42,.4));border-color:rgb(255 255 255/.1)}.concept-card:before{content:"";position:absolute;top:0;left:0;height:100%;width:.375rem;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgb(96 165 250/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#6366f1 var(--tw-gradient-to-position)}.concept-card h4{margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.dark .concept-card h4{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.concept-card-content{font-weight:500;line-height:1.625;--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.dark .concept-card-content{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.flow-chart{margin-top:2.5rem;margin-bottom:2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border-radius:.75rem;border-width:1px;border-color:rgb(226 232 240/.6);background-color:rgb(248 250 252/.5);padding:1.5rem}@media (min-width:768px){.flow-chart{flex-direction:row}}.dark .flow-chart{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1));background-color:rgb(15 23 42/.5)}.flow-step{min-width:100px;border-radius:var(--radius);border-width:2px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;padding:.75rem 1.25rem;text-align:center;font-weight:600;--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.class-card,.flow-step{background-color:rgb(255 255 255/var(--tw-bg-opacity,1));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.class-card{margin:2.5rem auto;width:18rem;overflow:hidden;border-radius:.75rem;border-width:1px;border-color:rgb(226 232 240/.8);--tw-bg-opacity:1;--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.real-life-example{position:relative;margin-top:2.5rem;margin-bottom:2.5rem;overflow:hidden;border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.5rem;--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark .real-life-example{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.real-life-header{margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(224 231 255/var(--tw-border-opacity,1));padding-bottom:1rem}.dark .real-life-header{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.real-life-icon{border-radius:.75rem;--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1));padding:.75rem;font-size:2.25rem;line-height:2.5rem;--tw-shadow:inset 0 2px 4px 0 rgb(0 0 0/0.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark .real-life-icon{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.real-life-title{font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-.025em;--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.dark .real-life-title{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.real-life-content table{width:100%;border-collapse:collapse;text-align:left}.real-life-content th{border-radius:var(--radius);background-color:rgb(238 242 255/.5);padding:.75rem;font-size:.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.dark .real-life-content th{background-color:rgb(51 65 85/.5);--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1))}.real-life-content td{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1));padding:.75rem;font-weight:500;--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.dark .real-life-content td{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.real-life-content tr:last-child td{border-width:0}.sticky-note{position:relative;height:auto;width:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(255 254 204/var(--tw-bg-opacity,1));padding:1.25rem;--tw-text-opacity:1;color:rgb(41 37 36/var(--tw-text-opacity,1));--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s;max-width:100%;box-shadow:2px 4px 10px rgba(0,0,0,.1)}.dark .sticky-note{border-width:1px;border-color:rgb(161 98 7/.4);background-color:rgb(113 63 18/.4);--tw-text-opacity:1;color:rgb(254 252 232/var(--tw-text-opacity,1))}.sticky-note h3{margin-bottom:.75rem;border-bottom-width:1px;border-color:rgb(41 37 36/.1);padding-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(28 25 23/var(--tw-text-opacity,1))}.dark .sticky-note h3{border-color:rgb(254 240 138/.2);--tw-text-opacity:1;color:rgb(254 252 232/var(--tw-text-opacity,1))}.sticky-separator{margin-top:.75rem;margin-bottom:.75rem;border-color:rgb(41 37 36/.1)}.dark .sticky-separator{border-color:rgb(254 240 138/.2)}.sticky-section{font-size:1rem;line-height:1.5rem;font-weight:500;line-height:1.375}.spacer-lg{height:0}.benefit-grid{margin-top:2rem;margin-bottom:2rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width:768px){.benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.benefit-grid .concept-card{margin-top:0;margin-bottom:0;height:100%}.summary-box{margin-top:3rem;margin-bottom:3rem;border-radius:1rem;padding:2rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark .summary-box,.summary-box{background:linear-gradient(135deg,#fff,#fff)}.dark .summary-box{border-width:1px;border-color:rgb(99 102 241/.3)}.summary-box h2{margin-top:0!important;margin-bottom:1.5rem!important;border-color:rgb(0 0 0/.2)!important;padding-bottom:1rem!important}.summary-box h2,.summary-box p{--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity,1))!important}.summary-box p{font-size:1.125rem!important;line-height:1.75rem!important}.summary-box ul>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.summary-box ul{padding-left:0;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1));list-style-type:none!important}.summary-box li{position:relative;padding-left:1.5rem}.summary-box li:before{content:"✓";position:absolute;left:0;font-weight:700;--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.lesson-theory-content p strong{color:#111827;font-weight:700}.dark .lesson-theory-content p strong{color:#f8fafc}.definition-box{margin-top:1.5rem;margin-bottom:1.5rem;border-top-right-radius:.75rem;border-bottom-right-radius:.75rem;border-left-width:4px;--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1));background-color:rgb(239 246 255/.5);padding:1.5rem}.dark .definition-box{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1));background-color:rgb(30 58 138/.1)}.alert-box{margin-top:2rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem;border-radius:.75rem;padding:1.5rem}.alert-box.warning{border-width:1px;--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(120 53 15/var(--tw-text-opacity,1))}.dark .alert-box.warning{border-color:rgb(146 64 14/.5);background-color:rgb(120 53 15/.2);--tw-text-opacity:1;color:rgb(254 243 199/var(--tw-text-opacity,1))}.misconception-card{border-radius:var(--radius);border-width:1px;--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1));padding:1rem}.misconception-card:is(.dark *){border-color:rgb(127 29 29/.3);background-color:rgb(127 29 29/.1)}.misconception-card h3{margin-bottom:.5rem!important;margin-top:0!important;font-size:1.125rem!important;line-height:1.75rem!important;font-weight:600!important;--tw-text-opacity:1!important;color:rgb(153 27 27/var(--tw-text-opacity,1))!important}.misconception-card h3:is(.dark *){--tw-text-opacity:1!important;color:rgb(254 202 202/var(--tw-text-opacity,1))!important}.mnemonic-box{margin-top:1.5rem;margin-bottom:1.5rem;border-radius:.75rem;border-left-width:4px;--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1));padding:1.5rem}.mnemonic-box:is(.dark *){background-color:rgb(88 28 135/.2)}.mnemonic-box p{--tw-text-opacity:1!important;color:rgb(88 28 135/var(--tw-text-opacity,1))!important}.mnemonic-box p:is(.dark *){--tw-text-opacity:1!important;color:rgb(243 232 255/var(--tw-text-opacity,1))!important}.final-takeaway-card{position:relative;margin-top:4rem;margin-bottom:4rem;overflow:hidden;border-radius:1.5rem;border-width:2px;border-style:dashed;--tw-border-opacity:1;border-color:rgb(199 210 254/var(--tw-border-opacity,1));padding:3rem;text-align:center;background:radial-gradient(circle at center,#f8fafc 0,#eff6ff 100%)}.dark .final-takeaway-card{--tw-border-opacity:1;border-color:rgb(55 48 163/var(--tw-border-opacity,1));background:radial-gradient(circle at center,#1e293b 0,#0f172a 100%)}.final-takeaway-card h2{margin-bottom:1.5rem!important;margin-top:0!important;border-style:none!important;background-image:linear-gradient(to right,var(--tw-gradient-stops))!important;--tw-gradient-from:#2563eb var(--tw-gradient-from-position)!important;--tw-gradient-to:rgb(37 99 235/0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important;--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)!important;background-clip:text!important;font-size:1.875rem!important;line-height:2.25rem!important;font-weight:900!important;color:transparent!important}.dark .final-takeaway-card h2{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgb(96 165 250/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#818cf8 var(--tw-gradient-to-position)}.final-takeaway-card p{font-size:1.25rem;line-height:1.75rem;font-weight:500;line-height:1.625;--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.dark .final-takeaway-card p{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}@media (min-width:641px){.benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}}@media (max-width:640px){.benefit-grid{display:flex;flex-direction:column;gap:2rem}.lesson-theory-content .concept-card,.lesson-theory-content .real-life-example{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:1.5rem 0!important;backdrop-filter:none!important}.lesson-theory-content .concept-card:before{display:none!important}.lesson-theory-content .concept-card h4,.lesson-theory-content .real-life-example h4{margin-bottom:.5rem!important;font-size:1.1rem!important;padding-left:0!important}.concept-card-content,.real-life-content{padding-left:.5rem;border-left:2px solid #e5e7eb}.dark .concept-card-content,.dark .real-life-content{border-left-color:#374151}}.lesson-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}.lesson-table td,.lesson-table th{padding:12px;border:1px solid #dee2e6;text-align:left}.lesson-table th{background-color:#2d3436;color:white}.lesson-table tr:nth-child(2n){background-color:#f8f9fa}.dark .lesson-table th{background-color:#1f2937;border-color:#374151}.dark .lesson-table td{border-color:#374151;background-color:transparent}.dark .lesson-table tr:nth-child(2n){background-color:#1f2937}.lesson-table code{background-color:#f3f4f6;padding:2px 4px;border-radius:4px;font-family:monospace}.dark .lesson-table code{background-color:#374151;color:#e5e7eb}.example-box{background:#f9f9fb;border:1px solid #dfe6e9;border-radius:15px;padding:24px;margin:24px 0}.dark .example-box{background:#1e293b;border-color:#334155}.flex-card{transition:transform .2s ease,box-shadow .2s ease}.flex-card:hover{transform:translateY(-2px);box-shadow:0 12px 20px -5px rgba(0,0,0,.1)}.flex-card-content p:last-child{margin-bottom:0}.callout{position:relative;overflow:hidden}.callout:after{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle at 100% 0,currentColor,transparent 70%);opacity:.05;pointer-events:none}.callout-tip{border-left-color:#3b82f6!important}.callout-note{border-left-color:#64748b!important}.callout-info{border-left-color:#10b981!important}.callout-warning{border-left-color:#f59e0b!important}