/* Seesee Media 007-012 diagram components */
.ss-media-diagram{margin:42px 0;padding:30px 0;border-top:1px solid var(--ss-line);border-bottom:1px solid var(--ss-line)}
.ss-media-diagram h3{margin:8px 0 24px!important}
.ss-media-step-grid,.ss-media-five-grid,.ss-media-exit-grid{display:grid;gap:1px;background:var(--ss-line);border:1px solid var(--ss-line)}
.ss-media-step-grid{grid-template-columns:repeat(5,1fr)}
.ss-media-five-grid{grid-template-columns:repeat(5,1fr)}
.ss-media-exit-grid{grid-template-columns:repeat(3,1fr)}
.ss-media-step-grid>div,.ss-media-five-grid>div,.ss-media-exit-grid>div{background:#fff;padding:20px;min-width:0}
.ss-media-step-grid small,.ss-media-five-grid small{display:block;font-size:10px;color:var(--ss-muted);margin-bottom:12px}
.ss-media-step-grid strong,.ss-media-five-grid strong,.ss-media-exit-grid strong{display:block;font-size:17px;line-height:1.5}
.ss-media-step-grid span,.ss-media-exit-grid span{display:block;margin-top:8px;font-size:12px;line-height:1.7;color:var(--ss-muted)}
.ss-media-check-list{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--ss-line);border:1px solid var(--ss-line)}
.ss-media-check-list span{background:#fff;padding:18px 10px;text-align:center;font-size:14px;font-weight:600}
@media(max-width:760px){
 .ss-media-step-grid,.ss-media-five-grid,.ss-media-exit-grid{grid-template-columns:1fr 1fr}
 .ss-media-check-list{grid-template-columns:1fr 1fr}
 .ss-media-diagram{margin:34px 0;padding:24px 0}
 .ss-media-step-grid>div,.ss-media-five-grid>div,.ss-media-exit-grid>div{padding:18px 16px}
}
@media(max-width:480px){
 .ss-media-step-grid,.ss-media-five-grid,.ss-media-exit-grid,.ss-media-check-list{grid-template-columns:1fr}
}