/* =========================================================
   Shahrukh Learning Paths — scoped styles (shk-lp- prefix)
   Per-card accent via inline --acc variable.
   ========================================================= */
.shk-lp{
  --shk-lp-card:#ffffff;
  --shk-lp-line:#e6e9f2;
  --shk-lp-title:#0f1533;
  --shk-lp-desc:#5b6478;
  --shk-lp-bullet:#3a4256;
  --shk-lp-num:#f0f2f9;
  --shk-lp-gap:26px;
  --shk-lp-cols:3;
  --shk-lp-cols-tablet:2;
  --shk-lp-cols-mobile:1;
  --shk-lp-cur:var(--shk-lp-cols);
  font-family:inherit;box-sizing:border-box;
  display:grid;grid-template-columns:repeat(var(--shk-lp-cur),1fr);gap:var(--shk-lp-gap);
}
.shk-lp *{box-sizing:border-box;}

.shk-lp-card{
  --acc:#2547d0;
  background:var(--shk-lp-card);border:1px solid var(--shk-lp-line);border-radius:20px;
  overflow:hidden;display:flex;flex-direction:column;position:relative;
  text-decoration:none;color:inherit;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.shk-lp-card:hover{transform:translateY(-8px);box-shadow:0 26px 50px rgba(15,21,51,.13);border-color:transparent;}

.shk-lp-top{display:block;height:6px;width:100%;background:var(--acc);}
.shk-lp-body{padding:30px 26px 28px;display:flex;flex-direction:column;flex:1;position:relative;}
.shk-lp-num{position:absolute;top:24px;right:26px;font-size:52px;font-weight:800;color:var(--shk-lp-num);line-height:1;letter-spacing:-.03em;}
.shk-lp-icon{width:58px;height:58px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:20px;color:#fff;background:var(--acc);}
.shk-lp-icon svg{width:1em;height:1em;fill:currentColor;}
.shk-lp-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;color:var(--acc);}
.shk-lp-title{font-size:22px;font-weight:800;letter-spacing:-.01em;margin:0 0 12px;line-height:1.15;color:var(--shk-lp-title);}
.shk-lp-desc{font-size:14.5px;line-height:1.6;color:var(--shk-lp-desc);margin:0 0 20px;}
.shk-lp-learn{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-direction:column;gap:9px;}
.shk-lp-learn li{font-size:13.5px;color:var(--shk-lp-bullet);line-height:1.4;padding-left:24px;position:relative;}
.shk-lp-learn li::before{content:"✓";position:absolute;left:0;top:0;color:var(--acc);font-weight:800;}
.shk-lp-link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--acc);transition:gap .2s ease;}
.shk-lp-card:hover .shk-lp-link{gap:13px;}

@media(max-width:1024px){.shk-lp{--shk-lp-cur:var(--shk-lp-cols-tablet);}}
@media(max-width:640px){.shk-lp{--shk-lp-cur:var(--shk-lp-cols-mobile);}}