/* Ecosystem-platform block — the co-branded footer for charts made with a
   Dealroom ecosystem customer (first use: Invest NY). One tinted box on the
   chart card: a strip naming the platform with a button that carries its URL,
   a hairline, then one row of logos — the customer's partners and Dealroom
   side by side, no tiles. Cramped with many partners is fine (Yoram,
   2026-09-09: "kinda cool"); most ecosystems will have one or two. Per customer set
   --eco-brand and --eco-tint, drop in a square logo and the roster.
   Markup and how to reuse it: docs/skills/SKILL-Resources.md § "Ecosystem-partner charts".
   Needs multiples-chart-base.css for the --mv-* text/border tokens.
   Two-mode by the embed contract: in dark the logo row keeps a pale surface so
   colour logos survive. */
:root{--eco-brand:#122c54;--eco-brand-ink:#fff;--eco-tint:rgba(18,44,84,.06);--eco-rule:rgba(18,44,84,.12);--eco-logo-surface:transparent} /* theme-guardrail-allow: chart-family token layer, both themes defined here */
[data-theme="dark"]{--eco-tint:rgba(255,255,255,.07);--eco-rule:rgba(255,255,255,.14);--eco-logo-surface:#fff} /* theme-guardrail-allow: chart-family token layer, both themes defined here */
.eco-block{background:var(--eco-tint);border-radius:12px;padding:12px 16px 14px;margin-top:22px}
.eco-band{display:flex;align-items:center;gap:14px;color:var(--mv-text);padding:0 0 12px;border-bottom:1px solid var(--eco-rule);text-decoration:none}
.eco-band-logo{width:44px;height:44px;border-radius:9px;flex:none;display:block;object-fit:cover}
.eco-band-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.eco-band-name{font-size:16px;font-weight:700;line-height:1.15;color:var(--mv-text)}
.eco-band-tag{font-size:13px;line-height:1.35;color:var(--mv-text-sec)}
.eco-band-btn{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:7px;background:var(--eco-brand);color:var(--eco-brand-ink);font-weight:600;font-size:14px;line-height:1;padding:10px 15px;border-radius:999px;white-space:nowrap}
.eco-band-btn svg{width:12px;height:12px;flex:none}
.eco-band:hover .eco-band-btn,.eco-band:focus-visible .eco-band-btn{filter:brightness(1.18)}
.eco-logos{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin-top:12px;padding:2px 0;background:var(--eco-logo-surface);border-radius:8px}
[data-theme="dark"] .eco-logos{padding:10px 14px}
.eco-logos img,.eco-logos svg{display:block;height:calc(var(--h,36px)*.92);width:auto;max-width:160px;object-fit:contain}
.eco-source{font-size:12px;color:var(--mv-text-sec);margin-top:14px}
@media(max-width:620px){.eco-block{padding:10px 12px 12px}.eco-band{flex-wrap:wrap;gap:10px}.eco-band-logo{width:38px;height:38px}.eco-band-btn{margin-left:0;flex-basis:100%;justify-content:center}.eco-logos{justify-content:flex-start;gap:12px 22px}.eco-logos img,.eco-logos svg{height:calc(var(--h,36px)*.75);max-width:120px}}