/* CHARME | approved eight-step institution-to-instructor journey | 2026-10-29 */
.cm20-onsite-steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px!important;padding:0!important;margin:24px 0!important;list-style:none!important}
.cm20-onsite-steps>li{min-width:0!important;padding:22px 20px!important;min-height:190px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #e2e7df;border-radius:18px;background:#fbfcf9;box-shadow:0 3px 14px rgba(12,47,32,.03)}
.cm20-onsite-steps>li>span{font:700 1rem/1.1 system-ui,sans-serif;color:#a17b36;margin-bottom:14px}
.cm20-onsite-steps>li>h4{margin:0 0 10px;font-weight:800;font-size:1.09rem;line-height:1.45;color:#123e32;word-break:keep-all}
.cm20-onsite-steps>li>p{font-size:.97rem;line-height:1.72;color:#384a43;margin:0;word-break:keep-all}
.cm20-onsite-roadmap-title>p,.cm20-onsite-end>p{line-height:1.7;color:#3e5048}
@media(max-width:1050px){.cm20-onsite-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.cm20-onsite-steps{grid-template-columns:minmax(0,1fr)}.cm20-onsite-steps>li{min-height:0!important;padding:20px!important}.cm20-onsite-steps>li>p{font-size:1rem}}