/* eLearnEnglish Learning Path — v2.95 */
.ee-learning-path {
  width: 100%;
  box-sizing: border-box;
  padding: 72px 0;
  color: #344566;
}
.ee-learning-path__inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}
.ee-learning-path__header { max-width: 1000px; margin: 0 auto 40px; }
.ee-learning-path__eyebrow { margin: 0 0 12px; }
.ee-learning-path__heading { margin: 0 0 12px; color: #071B46; font-family: Catamaran, Arial, sans-serif; font-size: clamp(2rem, 3.2vw, 3.2rem); line-height: 1.1; }
.ee-learning-path__description { margin: 0; color: #6D7C96; font-size: 1.1rem; line-height: 1.6; }
.ee-learning-path__steps { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; }
.ee-learning-path__step { position: relative; min-width: 0; }
.ee-learning-path__step:not(:last-child)::after { content: '→'; position: absolute; z-index: 2; top: 50%; right: -14px; transform: translateY(-50%); color: #8AA2C5; font-size: 1.35rem; font-weight: 800; }
.ee-learning-path__card { display: block; height: 100%; padding: 26px 24px; border: 1px solid #D8E2F0; border-radius: 16px; background: #FFFFFF; color: inherit; text-decoration: none; box-sizing: border-box; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; }
.ee-learning-path__card:hover { transform: translateY(-4px); border-color: #B8CBE5; box-shadow: 0 12px 28px rgba(16,42,92,.12); text-decoration: none; }
.ee-learning-path__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.ee-learning-path__number { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 999px; background: #EAF4FF; color: #146EF5; font-family: Catamaran, Arial, sans-serif; font-size: 1.1rem; font-weight: 800; line-height: 1; }
.ee-learning-path__icon { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 12px; background: #EAF4FF; color: #146EF5; }
.ee-learning-path__icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.ee-learning-path__card--2 .ee-learning-path__number, .ee-learning-path__card--2 .ee-learning-path__icon { background: #E8F8F5; color: #12B8A6; }
.ee-learning-path__card--3 .ee-learning-path__number, .ee-learning-path__card--3 .ee-learning-path__icon { background: #F2EEFF; color: #8B6DE8; }
.ee-learning-path__card--4 .ee-learning-path__number, .ee-learning-path__card--4 .ee-learning-path__icon { background: #FFF0EE; color: #FF766D; }
.ee-learning-path__step-title { margin: 0 0 10px; color: #071B46; font-family: Catamaran, Arial, sans-serif; font-size: 1.35rem; line-height: 1.2; }
.ee-learning-path__step-body { margin: 0; color: #344566; font-size: 1rem; line-height: 1.55; }
.ee-learning-path__link, .ee-learning-path__link-preview { display: inline-block; margin-top: 16px; color: #146EF5; font-weight: 700; line-height: 1.4; }
.ee-learning-path--white { background: #FFFFFF; }
.ee-learning-path--warm { background: #FCFBF8; }
.ee-learning-path--blue { background: #F4F9FF; }
@media (max-width: 1000px) {
  .ee-learning-path__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  .ee-learning-path__step:not(:last-child)::after { display: none; }
}
@media (max-width: 767px) {
  .ee-learning-path { padding: 48px 0; }
  .ee-learning-path__inner { padding: 0 16px; }
  .ee-learning-path__header { margin-bottom: 28px; }
  .ee-learning-path__heading { font-size: clamp(2rem, 8vw, 2.5rem); }
  .ee-learning-path__description { font-size: 1rem; }
  .ee-learning-path__steps { grid-template-columns: 1fr; gap: 14px; }
  .ee-learning-path__card { padding: 22px; border-radius: 16px; }
}