.ll-lesson-figure{max-width:820px!important;padding:20px;background:#fcfdfb;border:1px solid #dbe4e4;border-radius:23px}
.ls-heading{display:flex;flex-direction:column;gap:7px;margin:0 2px 19px;color:#304455}
.ls-kicker{font-size:.7rem;font-weight:800;letter-spacing:.09em;color:#61728b}
.ls-heading>strong{font-size:1.18rem;line-height:1.45;font-weight:750}
.ls-frames{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));gap:14px;align-items:stretch}
.ls-frame{min-width:0;display:flex;flex-direction:column;border:1px solid #dce4e7;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 3px 0 #d7e0e31f}
.ls-art{display:flex;justify-content:center;background:#f1f5f3;padding:7px}
.ll-lesson-figure .ls-art svg{width:100%;max-width:360px;height:auto;overflow:hidden;border-radius:14px}
.ls-frame>p{color:#334d61;font-size:.96rem;line-height:1.55;text-align:left;margin:0;padding:14px 16px 17px;white-space:normal}
.ll-lesson-figure figcaption{max-width:70ch;text-align:left;margin:18px 2px 0;color:#506775;line-height:1.65;font-size:.93rem}
.ls-arrive{animation:ls-scene-arrive .48s ease-out both;animation-delay:calc(var(--ls-order)*.09s)}
@keyframes ls-scene-arrive{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.ll-workspace[data-motion=reduced] .ls-arrive{animation:none}
.ll-workspace[data-band=primary-1-2] .ls-frame>p{font-size:1.03rem}
@media(max-width:540px){.ll-lesson-figure{padding:15px}.ls-frames{gap:12px}.ls-heading>strong{font-size:1.1rem}.ls-frame>p{padding:12px 14px}}
@media(prefers-reduced-motion:reduce){.ls-arrive{animation:none}}