.material-combi .course-grid,
.material-combi .course-grid.is-filtered{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.material-combi .course-grid .course-card{display:flex;flex-direction:column;grid-row:auto;grid-column:auto;border:0;border-radius:24px;box-shadow:0 3px 12px #273b2210;background:#fffef9}
.material-combi .course-grid .course-card .course-photo{display:block;height:auto;min-height:0;aspect-ratio:1.5;flex:0 0 auto}
.material-combi .course-grid .course-card .course-photo img{display:block;width:100%;height:100%;object-fit:cover}
.material-combi .course-grid .course-card .course-card-copy{display:flex;flex-direction:column;flex:1;padding:25px}
.material-combi .course-grid .course-card h3{font-size:24px;line-height:1.25;overflow-wrap:anywhere}
.material-combi .course-grid .course-card-copy>p:not(.course-category){font-size:13px;min-height:0;margin-bottom:22px}
.material-combi .course-grid .course-card .course-link{margin-top:auto;align-self:flex-start}
.system-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:34px 0 12px}
.system-tile{display:grid;justify-items:center;gap:13px;border-radius:20px;padding:20px 10px;background:#edf1e6;color:#6b7e5c;transition:background-color .2s,color .2s}
.system-tile svg{width:80px;height:80px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.system-tile span{font-size:12px;font-weight:600;text-align:center}
[data-demo=systems][data-state="0"] [data-system="0"],
[data-demo=systems][data-state="1"] [data-system="1"],
[data-demo=systems][data-state="2"] [data-system="2"]{background:#dce9c9;color:#34583d}
@media(max-width:1100px){.material-combi .course-grid,.material-combi .course-grid.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.material-combi .course-grid .course-card h3{font-size:24px}}
@media(max-width:620px){.material-combi .course-grid,.material-combi .course-grid.is-filtered{grid-template-columns:1fr;gap:24px}.material-combi .course-grid .course-card .course-card-copy{padding:25px}.material-combi .course-grid .course-card h3{font-size:26px}.material-combi .course-grid .course-card-copy>p:not(.course-category){font-size:14px}.system-tiles{gap:8px;padding-top:25px}.system-tile{padding:17px 6px;border-radius:15px}.system-tile svg{width:58px;height:58px}.system-tile span{font-size:10px}}