/* Fixed-size, lazy-loaded editorial media. Offer images retain their own layout. */
figure.card-picture{position:relative;display:block;width:100%;height:auto!important;aspect-ratio:1.6;margin:0 0 18px!important;border-radius:13px;overflow:hidden;background:#dce7e4!important;background-image:none!important;isolation:isolate;flex:none}
figure.card-picture:after{display:none!important}figure.card-picture>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;border-radius:0!important}
figure.card-picture[data-picture$='.svg']>img{object-fit:contain!important;background:#132e3b}
.card-picture>figcaption{position:absolute;inset-inline-end:9px;bottom:9px;background:#102730db;color:#fff;padding:4px 8px;border-radius:5px;font:500 10px/1.4 system-ui,sans-serif;max-width:90%}
.project-card>.card-picture{aspect-ratio:1.5}.job-card>.card-picture,.queue-card>.card-picture{max-height:180px}.ticker-mini-card>.card-picture{max-height:110px}.line-card>.card-picture,.store-card>.card-picture,.quote-card>.card-picture{max-height:145px}
.live-mode #results article>.card-picture{max-width:100%;max-height:180px}.live-mode #results .card-picture img{max-width:none;max-height:none}
@media(max-width:600px){figure.card-picture{margin-bottom:14px!important;border-radius:10px}.job-card>.card-picture,.queue-card>.card-picture{max-height:160px}.card-picture>figcaption{font-size:9px}}
@media print{figure.card-picture{display:none!important}}

/* Narrow screens: one stable media frame, no card-width overflow. */
.card-picture{box-sizing:border-box;min-width:0;max-width:100%}.card-picture img{min-width:0}.card-picture>figcaption{box-sizing:border-box;overflow-wrap:anywhere}
@media(max-width:600px){figure.card-picture{height:clamp(120px,42vw,190px)!important;aspect-ratio:auto;max-width:100%;max-height:190px}.ticker-mini-card>figure.card-picture{height:110px!important}.line-card>figure.card-picture,.store-card>figure.card-picture,.quote-card>figure.card-picture{height:135px!important}.card-picture>figcaption{bottom:7px;inset-inline-end:7px;max-width:calc(100% - 14px)}}

/* Real provider identity is contained in its original proportions, never cropped like a scene. */
figure.card-picture.provider-picture{height:170px;aspect-ratio:auto;box-shadow:none;border:1px solid #dce5e1}
figure.card-picture.provider-picture img{object-fit:contain!important;box-sizing:border-box;padding:22px 28px 45px;width:100%;height:100%;max-width:100%}
.provider-picture figcaption{font-size:11px;max-width:calc(100% - 14px)}
.provider-picture figcaption a{color:#fff;text-decoration:underline;overflow-wrap:anywhere}
@media(max-width:600px){figure.card-picture.provider-picture{height:145px!important}.provider-picture img{padding:20px 22px 42px!important}}

/* Curated sector media: no sprite crops, bounded image sizes and safe narrow layouts. */
figure.card-picture.provider-picture{height:170px!important;background:var(--picture-background,#ffffff)!important}
#sectors .sector-card{min-width:0;overflow:hidden}#sectors .sector-visual.curated-sector-photo{position:relative;display:block;box-sizing:border-box;margin:0 0 18px;aspect-ratio:1.6;height:200px!important;width:100%;overflow:hidden;background:#e4eae6}
#sectors .curated-sector-photo img{display:block;width:100%;height:100%;object-fit:cover;box-sizing:border-box;padding:0;transform:none}
#sectors .curated-sector-photo figcaption{position:absolute;bottom:8px;inset-inline-end:8px;background:#102730e8;color:#fff;font:11px/1.4 system-ui;padding:4px 7px;border-radius:4px;max-width:calc(100% - 16px);overflow-wrap:anywhere}#sectors .curated-sector-photo figcaption a{color:inherit}
@media(max-width:600px){#sectors .sector-grid{grid-template-columns:minmax(0,1fr)!important}#sectors .sector-card{grid-column:auto!important}#sectors .sector-visual,#sectors .sector-visual.curated-sector-photo{height:180px!important;max-width:100%;box-sizing:border-box}figure.card-picture.provider-picture{height:145px!important}}

/* Issuer cards: retain logo proportions, readable credits and narrow-screen controls. */
.bank-offer .provider-picture{max-width:100%}.provider-picture figcaption a{display:inline-block;min-height:24px;line-height:1.5}
@media(max-width:600px){.bank-offer>figure.card-picture.provider-picture{height:135px!important}.bank-offer .bank-offer-sources>a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;overflow-wrap:anywhere}.bank-offer .bank-offer-code{min-width:0;flex-wrap:wrap}.bank-offer .bank-offer-code code{overflow-wrap:anywhere;max-width:100%}}
