/* ======================================
   Skills Hub Card Layout (EnglishLinx)
   ====================================== */

/* Section spacing */
.skill-cards{
  margin:24px 0;
}

.skill-cards h2{
  margin:0 0 6px;
}

.skill-cards p{
  margin:0 0 14px;
}

/* Card grid */
.skill-card-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}

/* Individual card */
.skill-card{
  display:flex !important;
  gap:12px;
  padding:14px;
  text-decoration:none;
  border:1px solid rgba(0,0,0,.12);
  border-radius:14px;
  background:#fff;
}

/* Icon bubble */
.skill-card__icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  font-size:20px;
  border-radius:12px;
  background:rgba(0,0,0,.05);
  flex-shrink:0;
}

/* Card text */
.skill-card__body h3{
  margin:0 0 6px;
  font-size:1.05rem;
  line-height:1.25;
}

.skill-card__body p{
  margin:0 0 10px;
  line-height:1.45;
  opacity:.9;
}

/* CTA */
.skill-card__cta{
  font-weight:600;
  opacity:.95;
}

/* Emphasized practice card */
.skill-card--practice{
  border-width:2px;
}

/* Override legacy yellow hover */
.skill-card:hover{
  background:rgba(0,0,0,.03);
}

/* Mobile */
@media(max-width:720px){
  .skill-card-grid{
    grid-template-columns:1fr;
  }
}