/* Seesee Media 003/004 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-example-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(4,1fr)}.ss-media-five-grid{grid-template-columns:repeat(5,1fr)}.ss-media-example-grid{grid-template-columns:repeat(3,1fr)}.ss-media-exit-grid{grid-template-columns:repeat(3,1fr)}
.ss-media-step-grid>div,.ss-media-five-grid>div,.ss-media-example-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-example-grid strong,.ss-media-exit-grid strong{display:block;font-size:17px;line-height:1.5}.ss-media-step-grid span,.ss-media-example-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-example-grid,.ss-media-exit-grid{grid-template-columns:1fr 1fr}.ss-media-five-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-example-grid>div,.ss-media-exit-grid>div{padding:18px 16px}}
@media(max-width:480px){.ss-media-step-grid,.ss-media-five-grid,.ss-media-example-grid,.ss-media-exit-grid,.ss-media-check-list{grid-template-columns:1fr}}