/* Additive use of the existing Activation Framework diagram on the bilingual homepage.
   The four text dimensions, page content, routes and shared header remain unchanged. */
.ffb-home .framework-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(275px,350px);gap:clamp(24px,5vw,72px);align-items:center}
.ffb-home .framework-head>div{min-width:0}
.ffb-home .framework-visual{justify-self:end;width:100%;max-width:350px;min-width:0;margin:0}
.ffb-home .framework-visual img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:10px}
.ffb-home .framework-visual figcaption{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.6;text-align:center}
@media (max-width:900px){
 .ffb-home .framework-head{grid-template-columns:minmax(0,1fr);gap:30px}
 .ffb-home .framework-visual{justify-self:center;max-width:350px}
}
@media (max-width:430px){.ffb-home .framework-visual{max-width:320px}}
@media (prefers-reduced-motion:reduce){.ffb-home .framework-visual *{animation:none!important;transition:none!important}}
@media (forced-colors:active){.ffb-home .framework-visual img{border:1px solid CanvasText}}
@media print{.ffb-home .framework-visual{break-inside:avoid;max-width:260px}}