/* CODEX: добавлено 2026-04-27 - визуальные фреймворки в longread */
.framework-figure{margin:2.05rem 0 2.25rem;max-width:min(100%,56rem)}
.framework-figure img{display:block;width:100%;height:auto;aspect-ratio:1200/760;object-fit:contain;border-radius:1.3rem;border:1px solid color-mix(in srgb,var(--accent)22%,var(--line)78%);background:#071225;box-shadow:0 24px 56px rgba(3,10,28,0.28),inset 0 1px 0 rgba(255,255,255,0.08)}
.framework-figure figcaption{margin:0.72rem 0 0;color:var(--soft);font-size:0.92rem;line-height:1.58;max-width:64ch}
.framework-figure figcaption strong{color:var(--text);font-weight:820}
html[data-theme="light"] .framework-figure img{border-color:rgba(45,78,129,0.24);box-shadow:0 20px 46px rgba(26,48,84,0.14)}
html[data-theme="light"] .framework-figure figcaption{color:#516f99}
html[data-theme="light"] .framework-figure figcaption strong{color:#081a3a}
@media(max-width:640px){.framework-figure{margin:1.55rem 0 1.75rem}.framework-figure img{border-radius:1rem}.framework-figure figcaption{font-size:0.86rem;line-height:1.5}}