.lesson-body{width:min(calc(100% - (2 * var(--mgf-space-6))),var(--content-max));margin-inline:auto;padding-block:var(--mgf-space-12) var(--mgf-space-16)}.lesson-body>section+section{margin-top:var(--mgf-space-12)}.lesson-prose{max-width:var(--content-prose)}.lesson-prose,.lesson-grid,.lesson-grid>*,.lesson-step,.lesson-callout,.lesson-next{min-width:0}.lesson-prose>:last-child{margin-bottom:0}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mgf-space-6)}.lesson-card,.lesson-step,.lesson-callout,.lesson-next{border:1px solid var(--mgf-color-border-subtle);border-radius:var(--site-radius-xl);background:var(--mgf-color-bg-surface-raised)}.lesson-card,.lesson-step{padding:var(--mgf-space-6)}.lesson-card h2,.lesson-card h3,.lesson-step h2,.lesson-step h3,.lesson-next h2{font-size:var(--mgf-text-xl)}.lesson-kicker,.lesson-step-number,.lesson-next-label{margin:0 0 var(--mgf-space-2);color:var(--mgf-color-link);font-family:var(--mgf-font-mono);font-size:var(--mgf-text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.lesson-actions{display:flex;flex-wrap:wrap;gap:var(--mgf-space-3);margin-top:var(--mgf-space-5)}.lesson-code{max-width:100%;margin:var(--mgf-space-4) 0;padding:var(--mgf-space-5);overflow-x:auto;border:1px solid var(--mgf-color-border-subtle);border-radius:var(--mgf-radius-md);background:var(--mgf-color-bg-muted);color:var(--mgf-color-text-primary);font-size:var(--mgf-text-sm);line-height:var(--mgf-line-relaxed);white-space:pre}.lesson-code code{font:inherit}.lesson-body :not(pre)>code{overflow-wrap:anywhere}.lesson-output{border-left:4px solid var(--mgf-role-proof)}.lesson-callout{padding:var(--mgf-space-5) var(--mgf-space-6);border-left:4px solid var(--mgf-role-opensource)}.lesson-callout>:last-child{margin-bottom:0}.lesson-callout strong:first-child{display:block;margin-bottom:var(--mgf-space-2)}.lesson-file-list,.lesson-check-list{padding-left:var(--mgf-space-6)}.lesson-file-list li,.lesson-check-list li{margin-block:var(--mgf-space-2)}.lesson-next{padding:var(--mgf-space-6);border-top:4px solid var(--mgf-role-stewardship)}.lesson-next h2{margin-bottom:var(--mgf-space-2)}.lesson-next p:last-child{margin-bottom:0;max-width:var(--content-prose)}@media(max-width:46rem){.lesson-grid{grid-template-columns:minmax(0,1fr)}.lesson-body{width:min(calc(100% - (2 * var(--mgf-space-4))),var(--content-max))}}
