/* V114: separate established test planning from newly added training planning previews. */
.st-ecosystem .st-ecosystem-planning-visuals{display:grid;gap:13px;margin:14px 0 28px;min-width:0}
.st-ecosystem .st-ecosystem-planning-visuals--test{grid-template-columns:repeat(2,minmax(0,1fr))}
.st-ecosystem .st-ecosystem-planning-visuals--training{grid-template-columns:repeat(4,minmax(0,1fr))}
.st-ecosystem .st-ecosystem-planning-visuals a{display:flex;flex-direction:column;min-width:0;text-decoration:none;color:#d5f1f8;background:#04283b;border:1px solid rgba(98,218,240,.3);border-radius:13px;overflow:hidden;transition:border-color .2s}
.st-ecosystem .st-ecosystem-planning-visuals a:hover{border-color:#6ce5f2}
.st-ecosystem .st-ecosystem-planning-visuals a:focus-visible{outline:3px solid #8eeaff;outline-offset:3px}
.st-ecosystem .st-ecosystem-planning-visuals img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;background:#021b2b}
.st-ecosystem .st-ecosystem-planning-visuals--training img{object-fit:contain}
.st-ecosystem .st-ecosystem-planning-visuals span{font-size:13px;line-height:1.45;font-weight:700;padding:11px 13px;color:#e4f9fd}
.st-ecosystem .st-ecosystem-planning-heading{font-size:17px;font-weight:750;color:#eafcff;margin:25px 0 10px}
.st-ecosystem .st-ecosystem-preview-note{color:#b6d6e2;font-size:13px;line-height:1.5;margin:0 0 10px}
@media(max-width:1020px){.st-ecosystem .st-ecosystem-planning-visuals--training{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.st-ecosystem .st-ecosystem-planning-visuals--test,.st-ecosystem .st-ecosystem-planning-visuals--training{grid-template-columns:minmax(0,1fr)}}