/* Puddingify.com Explainer Series. Install in: divi-child/explainers/ */
.pes{max-width:1200px;margin:0 auto;padding:48px 24px 80px}
.pes-hero{background:radial-gradient(1200px 600px at 75% 10%,#2E2866 0%,#1D1A3B 65%);border-radius:20px;padding:56px 32px;text-align:center;margin-bottom:48px}
.pes-hero-title{margin:0}
.pes-hero img{display:block;width:100%;max-width:860px;height:auto;margin:0 auto}

.pes-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}
.pes-card .pes-inner{display:flex;flex-direction:column;height:100%;background:#F7F6FB;border:1px solid #E3E0F0;border-radius:16px;overflow:hidden;color:#24213F;text-decoration:none;transition:transform .2s,box-shadow .2s}
.pes-card a.pes-inner:hover,.pes-card a.pes-inner:focus-visible{transform:translateY(-3px);box-shadow:0 14px 34px rgba(29,26,59,.18)}
.pes-card a.pes-inner:focus-visible{outline:3px solid #6E5BD9;outline-offset:3px}
.pes-thumb{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#1D1A3B}
.pes-meta{display:flex;align-items:baseline;gap:12px;padding:18px 20px 6px}
.pes-title{flex:1;font-weight:700;font-size:1.2rem;line-height:1.3}
.pes-duration{flex:none;font-size:.85rem;font-weight:700;color:#1D1A3B;background:#E3A43C;border-radius:999px;padding:2px 10px}
.pes-excerpt{padding:0 20px 20px;color:#55507A;line-height:1.5}
.pes-empty{text-align:center;color:#55507A}

.pes-single{max-width:1100px}
.pes-back a{color:#6E5BD9;font-weight:600;text-decoration:none}
.pes-h1{margin:12px 0 24px}
.pes-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#1D1A3B;border-radius:14px}
.pes-desc{font-size:1.1rem;line-height:1.6;margin-top:24px}
.pes-share{margin-top:24px;padding:18px 20px;background:#F7F6FB;border-radius:12px}
.pes-share a{color:#6E5BD9;font-weight:600;word-break:break-all}

@media (prefers-reduced-motion:reduce){.pes-card .pes-inner,.pes-soon{transition:none}}

/* Media wrapper, circled steps, coming soon */
.pes-media{position:relative;display:block}
.pes-steps{display:flex;flex-direction:column;gap:8px;padding:0 20px 22px;margin-top:-4px}
.pes-step{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:600;color:#3E3A60}
.pes-num{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid #6E5BD9;color:#6E5BD9;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800}
.pes-card.is-soon .pes-inner{cursor:default}
.pes-soon{position:absolute;top:12px;right:12px;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#1D1A3B;background:#E3A43C;border-radius:999px;padding:4px 10px;box-shadow:0 4px 12px rgba(0,0,0,.25);opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s;pointer-events:none}
.pes-card.is-soon:hover .pes-soon,.pes-card.is-soon:focus-within .pes-soon{opacity:1;transform:none}
@media (hover:none){.pes-soon{opacity:1;transform:none}}