
/* ExplainItSimply learning flow additions */
.eits-learning-flow{margin:34px 0 38px;border:1px solid #d9e4f2;border-radius:28px;background:linear-gradient(135deg,#ffffff 0%,#f7fbff 48%,#fffaf2 100%);box-shadow:0 18px 45px rgba(15,35,75,.08);overflow:hidden;position:relative}
.eits-learning-flow:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,#0b58d0,#16a3ff,#ff8a00)}
.eits-learning-inner{padding:30px clamp(20px,4vw,38px)}
.eits-learning-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#eef5ff;color:#0b4db3;font-weight:800;font-size:.82rem;letter-spacing:.02em;margin-bottom:12px}
.eits-learning-flow h2{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.1;margin:6px 0 12px;color:#071a45}
.eits-learning-lead{font-size:1.05rem;line-height:1.75;color:#34415d;max-width:72ch;margin:0 0 22px}
.learning-box-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0 24px}
.learning-box{background:#fff;border:1px solid #dce7f4;border-radius:20px;padding:20px;box-shadow:0 10px 28px rgba(10,30,70,.06)}
.learning-box h3{display:flex;align-items:center;gap:10px;font-size:1.05rem;margin:0 0 10px;color:#081a44}
.learning-box p{margin:0;color:#44536f;line-height:1.7;font-size:.98rem}
.learning-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#eff6ff;font-size:1.15rem;flex:0 0 34px}
.eits-analogy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:18px;align-items:stretch;margin:24px 0}
.eits-analogy-card{background:#071a45;color:#fff;border-radius:22px;padding:24px;position:relative;overflow:hidden}
.eits-analogy-card:after{content:"";position:absolute;right:-50px;bottom:-50px;width:150px;height:150px;border-radius:50%;background:rgba(255,138,0,.18)}
.eits-analogy-card h3{margin:0 0 10px;color:#fff;font-size:1.35rem}
.eits-analogy-card p{margin:0;color:#dce8ff;line-height:1.75}
.eits-steps{background:#fff;border:1px solid #dce7f4;border-radius:22px;padding:22px}
.eits-steps h3{margin:0 0 14px;color:#071a45;font-size:1.25rem}
.step-list{counter-reset:eitsStep;display:grid;gap:12px;margin:0;padding:0;list-style:none}
.step-list li{counter-increment:eitsStep;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:13px 14px;border:1px solid #e6edf7;border-radius:16px;background:#f9fbff;color:#364761;line-height:1.55}
.step-list li:before{content:counter(eitsStep);width:34px;height:34px;border-radius:12px;background:#0b58d0;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(11,88,208,.22)}
.eits-mini-takeaway{margin-top:20px;padding:18px 20px;border-left:5px solid #ff8a00;background:#fff7ec;border-radius:16px;color:#23304c;line-height:1.65}
.eits-mini-takeaway strong{color:#071a45}
@media (max-width: 980px){.learning-box-grid,.eits-analogy{grid-template-columns:1fr}.eits-learning-inner{padding:24px 18px}}
@media (max-width: 560px){.eits-learning-flow{border-radius:20px;margin:24px 0}.learning-box{padding:17px}.step-list li{grid-template-columns:36px 1fr;padding:12px}.step-list li:before{width:30px;height:30px;border-radius:10px}.eits-learning-flow h2{font-size:1.55rem}}
