/* LaFortuna.info illustrated editorial layer */
.visual-bridge{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(24px,4vw,56px);align-items:center;margin:clamp(38px,6vw,72px) 0;padding:clamp(22px,3vw,36px);border:1px solid var(--lf-line);border-radius:28px;background:linear-gradient(135deg,#f7f0df 0%,#eef1e8 100%);overflow:hidden}
.visual-bridge.reverse{grid-template-columns:minmax(320px,1.1fr) minmax(0,.9fr)}
.visual-bridge.reverse .visual-bridge-art{order:1}
.visual-bridge.reverse .visual-bridge-copy{order:2}
.visual-bridge-copy h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:.4rem 0 .85rem}
.visual-bridge-copy p{font-family:Literata,Georgia,serif;color:var(--lf-muted);line-height:1.72;margin:.6rem 0}
.visual-bridge-art{overflow:hidden;border-radius:20px;min-height:260px;background:#dce8db;box-shadow:0 16px 36px rgba(12,34,28,.10)}
.visual-bridge-art img{display:block;width:100%;height:100%;min-height:260px;aspect-ratio:3/2;object-fit:cover}
.topic-art-strip.labeled figure{margin:0;overflow:hidden;border-radius:18px;border:1px solid var(--lf-line);background:#fffdf8}
.topic-art-strip.labeled figure img{border:0;border-radius:0}
.topic-art-strip.labeled figcaption{padding:10px 12px 12px;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--lf-forest-2)}
.illustrated-callout{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:center;padding:18px;border:1px solid var(--lf-line);border-radius:20px;background:var(--lf-paper)}
.illustrated-callout img{width:112px;height:88px;object-fit:cover;border-radius:14px;background:#eef1e8}
.illustrated-callout h3{margin:0 0 .35rem}
.illustrated-callout p{margin:0;color:var(--lf-muted);line-height:1.6}
.visual-chapter{margin:clamp(36px,6vw,70px) 0}
.visual-chapter>.editorial-visual{margin-bottom:1.25rem}
.visual-chapter .topic-art-strip{margin-top:1rem}
@media(max-width:900px){.visual-bridge,.visual-bridge.reverse{grid-template-columns:1fr}.visual-bridge.reverse .visual-bridge-art,.visual-bridge.reverse .visual-bridge-copy{order:initial}}
@media(max-width:620px){.illustrated-callout{grid-template-columns:1fr}.illustrated-callout img{width:100%;height:auto;aspect-ratio:3/2}}
