.gpt-theory-lesson,
.gpt-theory-preview { max-width: 940px; margin-inline: auto; overflow-wrap: anywhere; }
.gpt-theory-lesson h2 { font-size: 24px; line-height: 1.3; margin-block: 28px 12px; }
.gpt-theory-lesson p,
.gpt-theory-lesson li { line-height: 1.6; }
.gpt-theory-lesson figure { max-width: 768px; margin: 24px auto; }
.gpt-theory-lesson figure img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.gpt-theory-lesson figcaption { margin-top: 8px; font-size: 16px; line-height: 1.5; }
.gpt-theory-lesson iframe,
.gpt-theory-lesson [data-service="youtube"] { display: block; width: 100%; max-width: 768px; height: auto; aspect-ratio: 16 / 9; border: 0; margin: 20px auto; }
.gpt-theory-lesson math { max-width: 100%; overflow-x: auto; }
.gpt-theory-lesson math[display="block"] { display: block; margin-block: 16px; }
@media (max-width: 480px) {
    .gpt-theory-lesson h2 { font-size: 21px; }
    .gpt-theory-lesson ol,
    .gpt-theory-lesson ul { padding-inline-start: 24px; }
}