/* Realistic reference and live model remain clearly distinct and readable. */
.activity-illustration{display:grid!important;grid-template-columns:minmax(140px,38%) 1fr;margin:4px 24px 18px;padding:0;border:1px solid #dce5ed;border-radius:14px;overflow:hidden;background:#f6f9fc;align-items:center}
.activity-illustration img{display:block;width:100%;height:174px;object-fit:cover;margin:0;border-radius:0}
.activity-illustration figcaption{padding:16px 20px;display:flex;flex-direction:column;gap:8px}
.illustration-kicker{color:#416581;font-size:10px;letter-spacing:1.6px;font-weight:700}
.activity-illustration strong{font-size:18px;color:#18334d;line-height:1.25}
#illustrationCaption{font-size:12px;line-height:1.55;color:#5c6f80}
.scene{background:#e4edf3;border:1px solid #cbdbe6;box-shadow:inset 0 1px 0 #fff,0 8px 20px #28445a0a;border-radius:16px;min-height:0}
.scene svg{height:auto;min-height:300px;aspect-ratio:600/280}
.scene svg text{font-family:Arial,sans-serif;font-variant-numeric:tabular-nums}
.expanded .activity-illustration{max-width:1050px;margin:12px auto}
.expanded .activity-illustration img{height:130px}
@media(max-width:550px){.activity-illustration{margin:4px 12px 14px;grid-template-columns:120px 1fr}.activity-illustration img{height:160px}.activity-illustration figcaption{padding:12px;gap:5px}.activity-illustration strong{font-size:15px}#illustrationCaption{font-size:11px}.illustration-kicker{font-size:9px;letter-spacing:1px}.scene svg{min-height:0;height:auto;aspect-ratio:600/280}.expanded .activity-illustration{margin:8px 12px}.expanded .scene{overflow:auto}.expanded .scene svg{min-width:600px;height:280px;min-height:280px}}