#chapters{background:var(--navy)}

.ch-cards{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:20px;
}
.ch-card{
  position:relative;overflow:hidden;
  background:var(--indigo-10);
  border:1px solid rgba(124,92,252,.20);
  border-radius:var(--radius-lg);
  display:flex;flex-direction:column;
  transition:border-color var(--ease),transform var(--ease),box-shadow var(--ease);
}
.ch-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--orange),transparent);
  opacity:0;transition:opacity var(--ease);z-index:1;
}
.ch-card:hover{
  border-color:var(--orange-35);
  transform:translateY(-4px);
  box-shadow:0 16px 48px var(--indigo-20),0 0 0 1px var(--orange-15);
}
.ch-card:hover::before{opacity:1}

.ch-img-wrap{
  width:100%;height:210px;
  background:var(--card-bg2);
  border-bottom:1px solid rgba(124,92,252,.15);
  display:flex;align-items:center;justify-content:center;
  padding:16px 24px 8px;overflow:hidden;flex-shrink:0;position:relative;
}
.ch-img-wrap::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:52px;
  background:linear-gradient(to top,var(--navy),transparent);
  pointer-events:none;
}
.ch-img{
  width:100%;height:100%;object-fit:contain;
  transition:filter var(--ease),opacity var(--ease);
}
.ch-card:hover .ch-img{
  filter:drop-shadow(0 4px 18px var(--indigo-30));
  opacity:.92;
}

.ch-num-badge{
  position:absolute;top:12px;left:14px;z-index:2;
  width:36px;height:36px;border-radius:10px;
  background:var(--orange);color:#fff;
  font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px var(--orange-glow);letter-spacing:.3px;
}

.ch-card-content{padding:22px 24px 26px;flex:1}
.ch-card-title{font-size:17px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.3}
.ch-card-body{font-size:14px;color:var(--text-dim);line-height:1.7;text-wrap:pretty}

@media(max-width:780px){
  .ch-cards{grid-template-columns:1fr}
  .ch-img-wrap{height:160px}
  .ch-card-title{font-size:15px}
}