/* Column colors identify the same relationship in every ecosystem row. */
#ecosystem-matrix{scroll-margin-top:110px}
#ecosystem-matrix .ecosystem-boxes{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:12px 14px;margin:0 -12px;width:calc(100% + 24px)}
#ecosystem-matrix .ecosystem-boxes th,#ecosystem-matrix .ecosystem-boxes td{box-sizing:border-box;padding:20px;border-radius:14px;text-align:left;vertical-align:top;overflow-wrap:anywhere;line-height:1.65;border:1px solid var(--edge);background:var(--tint);color:#172338;box-shadow:0 3px 10px #17233808}
#ecosystem-matrix .ecosystem-boxes :is(th,td):nth-child(1){--tone:#1d4ed8;--tint:#eff6ff;--edge:#bfdbfe}
#ecosystem-matrix .ecosystem-boxes :is(th,td):nth-child(2){--tone:#6d28d9;--tint:#f5f3ff;--edge:#ddd6fe}
#ecosystem-matrix .ecosystem-boxes :is(th,td):nth-child(3){--tone:#92400e;--tint:#fffbeb;--edge:#fde68a}
#ecosystem-matrix .ecosystem-boxes :is(th,td):nth-child(4){--tone:#0f766e;--tint:#f0fdfa;--edge:#99f6e4}
#ecosystem-matrix .ecosystem-boxes th{background:var(--tone);color:#fff;font-size:1rem;font-weight:700;border-color:var(--tone);padding:18px 20px}
#ecosystem-matrix .ecosystem-boxes td{border-top:4px solid var(--tone);font-size:1rem}
@media(max-width:760px){
 #ecosystem-matrix .ecosystem-boxes{display:block;width:100%;margin:0;border-spacing:0}
 #ecosystem-matrix .ecosystem-boxes thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 #ecosystem-matrix .ecosystem-boxes tbody{display:block}
 #ecosystem-matrix .ecosystem-boxes tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin:0 0 18px}
 #ecosystem-matrix .ecosystem-boxes td{display:block;padding:14px;font-size:.95rem}
 #ecosystem-matrix .ecosystem-boxes td::before{content:attr(data-label);display:block;color:var(--tone);font-weight:700;line-height:1.4;margin-bottom:8px}
}
@media(max-width:480px){#ecosystem-matrix .ecosystem-boxes tr{grid-template-columns:minmax(0,1fr)}}
@media print{#ecosystem-matrix .ecosystem-boxes th,#ecosystem-matrix .ecosystem-boxes td{print-color-adjust:exact;-webkit-print-color-adjust:exact;box-shadow:none}}