/* Seesee Media 014-023 shared 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{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--ss-line);border:1px solid var(--ss-line)}
.ss-media-step-grid>div{background:#fff;padding:20px;min-width:0}
.ss-media-step-grid small{display:block;font-size:10px;color:var(--ss-muted);margin-bottom:10px}
.ss-media-step-grid strong{display:block;font-size:17px;line-height:1.5}
.ss-media-step-grid span{display:block;margin-top:8px;font-size:12px;line-height:1.7;color:var(--ss-muted)}
.ss-media-check-list-rich{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--ss-line);border:1px solid var(--ss-line)}
.ss-media-check-list-rich>span{display:block;background:#fff;padding:18px 14px;min-width:0}
.ss-media-check-list-rich small,.ss-media-check-list-rich strong,.ss-media-check-list-rich em{display:block}
.ss-media-check-list-rich small{font-size:10px;color:var(--ss-muted);margin-bottom:8px}
.ss-media-check-list-rich strong{font-size:16px;line-height:1.45}
.ss-media-check-list-rich em{font-style:normal;font-size:11px;color:var(--ss-muted);line-height:1.6;margin-top:6px}
@media(max-width:760px){
 .ss-media-step-grid{grid-template-columns:1fr 1fr}
 .ss-media-check-list-rich{grid-template-columns:1fr 1fr}
 .ss-media-diagram{margin:34px 0;padding:24px 0}
}
@media(max-width:480px){
 .ss-media-step-grid,.ss-media-check-list-rich{grid-template-columns:1fr}
}