/* Only the eight beginner resources use these educational diagrams. */
.starter-diagram{margin:36px 0;padding:26px 0;border-top:1px solid #ccd5dd;border-bottom:1px solid #ccd5dd}
.starter-diagram ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;counter-reset:starter}
.starter-diagram li{margin:0;padding:12px 0 0;border-top:2px solid #8398ad;counter-increment:starter;min-width:0}
.starter-diagram li strong{display:block;font-size:17px;line-height:1.5;color:#19232d}
.starter-diagram li strong::before{content:counter(starter,decimal-leading-zero) " / ";font-size:11px;color:#526d87}
.starter-diagram li span{display:block;font-size:14px;line-height:1.75;margin-top:8px;color:#465561}
.starter-diagram figcaption{font-size:13px;line-height:1.75;margin-top:23px;color:#52606d}
.starter-funnel ol{display:flex;flex-direction:column;gap:18px}
.starter-funnel li{width:100%;background:#f3f6f8;padding:13px 18px;border:0;border-left:2px solid #8398ad;box-sizing:border-box}
.starter-funnel li:nth-child(2){width:88%}.starter-funnel li:nth-child(3){width:76%}.starter-funnel li:nth-child(4){width:64%}
.starter-sequence ol{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.starter-diagram ol,.starter-sequence ol{grid-template-columns:1fr}.starter-funnel li:nth-child(n){width:100%}.starter-diagram{padding:22px 0}}