/* Заголовок масштабируется по ширине своей колонки и не делится внутри слова. */
.hero-copy{container-type:inline-size}
.hero h1{font-size:clamp(16px,8cqw,46px);overflow-wrap:normal;word-break:normal;hyphens:none}
.hero-word{display:block;white-space:nowrap;overflow-wrap:normal;word-break:normal;hyphens:none}
.brand-sub{font-size:10px;max-width:280px}
.lesson-visual{margin:24px 0;background:linear-gradient(135deg,#fff,#f1edfc);border:1px solid var(--line);border-radius:18px;padding:26px}
.lesson-visual figcaption h2{font-size:21px;margin:8px 0 23px}
.visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.visual-tile{min-width:0;text-align:center;background:#ffffffaa;border:1px solid #e7e1f1;border-radius:13px;padding:13px}
.visual-tile svg{width:100%;height:140px;margin-bottom:10px}
.visual-tile strong{display:block;font-size:12px;line-height:1.5;margin-bottom:8px}
.visual-tile p{font-size:11px;color:var(--muted);line-height:1.75;margin:0}
.visual-caption{font-size:11px;color:var(--muted);line-height:1.8;margin:18px 0 0;padding-top:15px;border-top:1px solid var(--line)}
.power-node{overflow-wrap:anywhere}
@media(max-width:850px){.brand-sub{font-size:9px}.visual-grid{gap:10px}.visual-tile{padding:10px}.visual-tile svg{height:115px}}
@media(max-width:600px){.brand-sub{max-width:185px;line-height:1.4;font-size:8px}.hero h1{font-size:clamp(14px,8cqw,33px)}.lesson-visual{padding:20px 17px}.lesson-visual figcaption h2{font-size:19px}.visual-grid{grid-template-columns:minmax(0,1fr)}.visual-tile{display:grid;grid-template-columns:90px 1fr;column-gap:12px;text-align:left;align-items:center;padding:13px}.visual-tile svg{height:100px;grid-row:1/3;margin:0}.visual-tile strong{align-self:end;font-size:12px}.visual-tile p{align-self:start;font-size:11px}}
@media print{.lesson-visual{break-inside:avoid;background:white;border:1px solid #ccc}.visual-grid{grid-template-columns:repeat(3,1fr)}.visual-tile{display:block}.visual-tile svg{height:95px}.hero h1{font-size:28px}.hero-word{font-size:26px}}