.lesson-theory-content{font-family:inherit;color:#334155;line-height:1.75;font-size:1rem;max-width:100%;box-sizing:border-box}.lesson-theory-content .theory-bento-grid,.lesson-theory-content.theory-bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem;align-items:stretch;margin-top:1rem;margin-bottom:1.25rem}@media (min-width:768px){.theory-bento-grid>.theory-callout-tip,.theory-bento-grid>.theory-card-key-idea{grid-column:span 7}.theory-bento-grid>.theory-callout-warning,.theory-bento-grid>.theory-card-warning{grid-column:span 5}.theory-bento-grid>.theory-callout-example,.theory-bento-grid>.theory-card-visual-example,.theory-bento-grid>.theory-section{grid-column:span 12}}.lesson-theory-content .theory-card,.lesson-theory-content .theory-section{background:#fff;border:1.5px solid #e2e8f0;border-radius:1.25rem;padding:1.5rem 1.75rem;margin-bottom:1.25rem;box-shadow:0 3px 10px rgba(15,23,42,.04);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;box-sizing:border-box}.lesson-theory-content .theory-card:last-child,.lesson-theory-content .theory-section:last-child{margin-bottom:0}.lesson-theory-content .theory-section>:first-child{margin-top:0}.lesson-theory-content .theory-section>:last-child{margin-bottom:0}.lesson-theory-content .theory-card:hover,.lesson-theory-content .theory-section:hover{border-color:#cbd5e1;box-shadow:0 6px 16px rgba(15,23,42,.07)}.lesson-theory-content .theory-heading,.lesson-theory-content .theory-title{color:#0f172a;font-size:1.3rem;font-weight:800;line-height:1.35;margin-top:0;margin-bottom:.85rem;padding-left:.75rem;border-left:4px solid #0284c7;border-radius:2px;display:flex;align-items:center}.lesson-theory-content .theory-subheading{color:#1e293b;font-size:1.05rem;font-weight:700;line-height:1.4;margin-top:.75rem;margin-bottom:.4rem}.lesson-theory-content .theory-paragraph{color:#334155;font-size:.975rem;line-height:1.75;margin-top:0;margin-bottom:.85rem}.lesson-theory-content .theory-paragraph:last-child{margin-bottom:0}.lesson-theory-content .theory-bold,.lesson-theory-content strong{font-weight:800;color:#0f172a}.lesson-theory-content .theory-badge-number,.lesson-theory-content code.theory-badge-number{display:inline-block;background-color:#f0f9ff;color:#0369a1;font-weight:700;font-size:.9em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;padding:.15rem .5rem;margin:0 .15rem;border-radius:.375rem;border:1px solid #bae6fd;box-shadow:0 1px 2px rgba(3,105,161,.05);vertical-align:baseline;max-width:100%;box-sizing:border-box;white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.45}.lesson-theory-content .theory-badge-concept,.lesson-theory-content span.theory-badge-concept{display:inline-flex;align-items:center;background-color:#fef3c7;color:#92400e;font-weight:700;font-size:.85rem;padding:.25rem .75rem;margin:0 .25rem .35rem 0;border-radius:.5rem;border:1px solid #fcd34d;box-shadow:0 1px 2px rgba(146,64,14,.08);vertical-align:middle;width:-moz-fit-content;width:fit-content;max-width:100%;box-sizing:border-box;white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.35}.lesson-theory-content .theory-badge-highlight,.lesson-theory-content span.theory-badge-highlight{display:inline-flex;align-items:center;background-color:#ffedd5;color:#c2410c;font-weight:700;font-size:.85rem;padding:.2rem .6rem;margin:0 .15rem;border-radius:.375rem;border:1px solid #fed7aa;vertical-align:middle;max-width:100%;box-sizing:border-box;white-space:normal}.lesson-theory-content .theory-list{list-style-type:disc;padding-left:1.5rem;margin-top:.5rem;margin-bottom:.85rem;color:#334155}.lesson-theory-content .theory-list li{margin-bottom:.4rem;line-height:1.65}.lesson-theory-content .theory-list li:last-child{margin-bottom:0}.lesson-theory-content .theory-steps{list-style:none;counter-reset:theory-step-counter;padding-left:0;margin-top:.75rem;margin-bottom:.85rem}.lesson-theory-content .theory-step{counter-increment:theory-step-counter;position:relative;padding-left:2.75rem;margin-bottom:.85rem;line-height:1.65;color:#1e293b;font-weight:500}.lesson-theory-content .theory-step:last-child{margin-bottom:0}.lesson-theory-content .theory-step:before{content:counter(theory-step-counter);position:absolute;left:0;top:.1rem;width:1.85rem;height:1.85rem;border-radius:9999px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;font-weight:800;font-size:.825rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(2,132,199,.3)}.lesson-theory-content .theory-callout,.lesson-theory-content .theory-callout-example,.lesson-theory-content .theory-callout-tip,.lesson-theory-content .theory-callout-warning,.lesson-theory-content .theory-card-key-idea,.lesson-theory-content .theory-card-visual-example,.lesson-theory-content .theory-card-warning{border-radius:1.25rem;padding:1.25rem 1.5rem;margin-top:1rem;margin-bottom:1.25rem;border-width:1.5px;border-style:solid;box-sizing:border-box;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.lesson-theory-content .theory-callout-example:hover,.lesson-theory-content .theory-callout-tip:hover,.lesson-theory-content .theory-callout-warning:hover,.lesson-theory-content .theory-callout:hover,.lesson-theory-content .theory-card-key-idea:hover,.lesson-theory-content .theory-card-visual-example:hover,.lesson-theory-content .theory-card-warning:hover{transform:translateY(-1px)}.lesson-theory-content .theory-callout.has-icon,.lesson-theory-content .theory-callout:has(>.callout-icon){display:grid;grid-template-columns:auto 1fr;-moz-column-gap:1rem;column-gap:1rem;row-gap:.5rem;align-items:start}.lesson-theory-content .callout-icon{font-size:1.4rem;line-height:1;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;grid-column:1;grid-row:1/span 5;margin-top:.15rem}.lesson-theory-content .theory-callout:has(>.callout-icon)>:not(.callout-icon){grid-column:2;margin-top:0}.lesson-theory-content .theory-callout:has(>.callout-body){display:flex;align-items:flex-start;gap:1rem}.lesson-theory-content .theory-callout>.callout-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.45rem}.lesson-theory-content .callout-body>:first-child{margin-top:0}.lesson-theory-content .callout-body>:last-child{margin-bottom:0}.lesson-theory-content .callout-body .theory-paragraph{margin-bottom:.5rem}.lesson-theory-content .callout-body .theory-paragraph:last-child{margin-bottom:0}.lesson-theory-content .theory-callout-title,.lesson-theory-content .theory-card-title{font-size:1.05rem;font-weight:800;line-height:1.4;margin-top:0;margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem}.lesson-theory-content .theory-callout-tip,.lesson-theory-content .theory-card-key-idea{background:linear-gradient(135deg,#fffdf8,#fffbeb);border-left-width:5px;border-color:#fde68a #fde68a #fde68a #f59e0b;color:#78350f;box-shadow:0 4px 14px rgba(217,119,6,.08)}.lesson-theory-content .theory-callout-tip:hover,.lesson-theory-content .theory-card-key-idea:hover{border-color:#fcd34d;box-shadow:0 6px 18px rgba(217,119,6,.12)}.lesson-theory-content .theory-callout-tip .theory-callout-title,.lesson-theory-content .theory-callout-tip .theory-subheading,.lesson-theory-content .theory-card-key-idea .theory-callout-title,.lesson-theory-content .theory-card-key-idea .theory-subheading{color:#92400e;font-size:1.05rem;font-weight:800;margin-top:0;margin-bottom:.35rem;line-height:1.35}.lesson-theory-content .theory-callout-tip .callout-icon,.lesson-theory-content .theory-card-key-idea .callout-icon{filter:drop-shadow(0 2px 4px rgba(234,179,8,.3))}.lesson-theory-content .theory-callout-tip .theory-paragraph,.lesson-theory-content .theory-card-key-idea .theory-paragraph{color:#78350f;line-height:1.7}.lesson-theory-content .theory-callout-tip .theory-bold,.lesson-theory-content .theory-callout-tip strong,.lesson-theory-content .theory-card-key-idea .theory-bold,.lesson-theory-content .theory-card-key-idea strong{color:#451a03}.lesson-theory-content .theory-callout-example,.lesson-theory-content .theory-card-visual-example{background:linear-gradient(180deg,#f0fdf4 0,#fff);border-left-width:5px;border-color:#a7f3d0 #a7f3d0 #a7f3d0 #10b981;color:#14532d;box-shadow:0 4px 14px rgba(16,185,129,.08)}.lesson-theory-content .theory-callout-example:hover,.lesson-theory-content .theory-card-visual-example:hover{border-color:#6ee7b7 #6ee7b7 #6ee7b7 #059669;box-shadow:0 6px 18px rgba(16,185,129,.12)}.lesson-theory-content .theory-callout-example .theory-callout-title,.lesson-theory-content .theory-callout-example .theory-subheading,.lesson-theory-content .theory-card-visual-example .theory-callout-title,.lesson-theory-content .theory-card-visual-example .theory-subheading{color:#065f46;font-size:1.05rem;font-weight:800;margin-top:0;margin-bottom:.35rem;line-height:1.35}.lesson-theory-content .theory-callout-example .theory-paragraph,.lesson-theory-content .theory-card-visual-example .theory-paragraph{color:#14532d;line-height:1.7}.lesson-theory-content .theory-callout-example .theory-bold,.lesson-theory-content .theory-callout-example strong,.lesson-theory-content .theory-card-visual-example .theory-bold,.lesson-theory-content .theory-card-visual-example strong{color:#052e16}.lesson-theory-content .theory-callout-example .theory-step,.lesson-theory-content .theory-card-visual-example .theory-step{color:#14532d}.lesson-theory-content .theory-formula-box,.lesson-theory-content .theory-graphic-box{background:#f8fafc;border:2px dashed #94a3b8;border-radius:.875rem;padding:1.15rem 1.4rem;margin:.85rem 0;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.1rem;font-weight:700;color:#0f172a;box-shadow:inset 0 2px 4px rgba(15,23,42,.03);letter-spacing:.02em;overflow-x:auto}.lesson-theory-content .theory-formula-box .theory-badge-number,.lesson-theory-content .theory-formula-box code{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important;color:inherit!important;font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;display:inline!important}.lesson-theory-content .theory-callout-warning,.lesson-theory-content .theory-card-warning{background:linear-gradient(135deg,#fff5f5,#fff1f2);border:1.5px solid #fda4af;border-left:5px solid #f43f5e;color:#881337;box-shadow:0 4px 14px rgba(244,63,94,.09)}.lesson-theory-content .theory-callout-warning:hover,.lesson-theory-content .theory-card-warning:hover{border-color:#fb7185 #fb7185 #fb7185 #e11d48;box-shadow:0 6px 18px rgba(244,63,94,.12)}.lesson-theory-content .theory-callout-warning .theory-callout-title,.lesson-theory-content .theory-callout-warning .theory-subheading,.lesson-theory-content .theory-card-warning .theory-callout-title,.lesson-theory-content .theory-card-warning .theory-subheading{color:#9f1239;font-size:1.05rem;font-weight:800;margin-top:0;margin-bottom:.35rem;line-height:1.35}.lesson-theory-content .theory-callout-warning .callout-icon,.lesson-theory-content .theory-card-warning .callout-icon{background-color:#e11d48;color:#fff;width:2.25rem;height:2.25rem;border-radius:.65rem;display:flex;align-items:center;justify-content:center;font-size:1.15rem;box-shadow:0 3px 8px rgba(225,29,72,.3);flex-shrink:0;margin-top:0}.lesson-theory-content .theory-callout-warning .theory-paragraph,.lesson-theory-content .theory-card-warning .theory-paragraph{color:#881337;line-height:1.7}.lesson-theory-content .theory-callout-warning .theory-bold,.lesson-theory-content .theory-callout-warning strong,.lesson-theory-content .theory-card-warning .theory-bold,.lesson-theory-content .theory-card-warning strong{color:#4c0519}@media (max-width:640px){.lesson-theory-content{font-size:.95rem}.lesson-theory-content .theory-bento-grid,.lesson-theory-content.theory-bento-grid{grid-template-columns:1fr;gap:1rem}.lesson-theory-content .theory-card,.lesson-theory-content .theory-section{padding:1.15rem 1.25rem;border-radius:1rem;margin-bottom:1rem}.lesson-theory-content .theory-heading,.lesson-theory-content .theory-title{font-size:1.15rem;margin-bottom:.75rem}.lesson-theory-content .theory-subheading{font-size:1rem}.lesson-theory-content .theory-callout,.lesson-theory-content .theory-callout-example,.lesson-theory-content .theory-callout-tip,.lesson-theory-content .theory-callout-warning,.lesson-theory-content .theory-card-key-idea,.lesson-theory-content .theory-card-visual-example,.lesson-theory-content .theory-card-warning{padding:1rem 1.15rem;border-radius:1rem}.lesson-theory-content .theory-step{padding-left:2.4rem}.lesson-theory-content .theory-step:before{width:1.6rem;height:1.6rem;font-size:.75rem}.lesson-theory-content .theory-formula-box,.lesson-theory-content .theory-graphic-box{font-size:1rem;padding:.85rem 1rem}}