/* =========================================================
   DRE VOCAB LIST
========================================================= */

.dre-vocab-list{
  --dre-pink:#ed4db4;
  --dre-text:#263140;
  --dre-soft-text:#55606d;
  --dre-border:#dfe3e8;

  width:100%;
  font-family:Nunito, Arial, sans-serif;
  color:var(--dre-text);
}

.dre-vocab-list-group + .dre-vocab-list-group{
  margin-top:28px;
}

.dre-vocab-list-heading{
  margin:0 0 10px;
  color:#7b8694;
  font-size:0.9rem;
  line-height:1.2;
  font-weight:700;
  letter-spacing:0.05em;
  text-transform:uppercase;
}

.dre-vocab-list-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));

  background:#ffffff;
  border:1px solid var(--dre-border);
  border-radius:12px;
  overflow:hidden;
}

.dre-vocab-list-item{
  min-height:auto;
  padding:12px 18px;

  color:var(--dre-soft-text);
  font-size:0.96rem;
  line-height:1.45;

  border-bottom:1px solid var(--dre-border);
}

.dre-vocab-list-item:nth-child(odd){
  border-right:1px solid var(--dre-border);
}

.dre-vocab-list-item:nth-last-child(-n+2){
  border-bottom:none;
}

.dre-vocab-list-item strong{
  color:var(--dre-text);
  font-weight:700;
}

.dre-vocab-list-item em{
  color:var(--dre-soft-text);
  font-style:italic;
  font-weight:400;
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width:760px){

  .dre-vocab-list-grid{
    grid-template-columns:1fr;
  }

  .dre-vocab-list-item{
    padding:12px 16px;
    font-size:0.95rem;
    line-height:1.5;
  }

  .dre-vocab-list-item:nth-child(odd){
    border-right:none;
  }

  .dre-vocab-list-item:nth-last-child(-n+2){
    border-bottom:1px solid var(--dre-border);
  }

  .dre-vocab-list-item:last-child{
    border-bottom:none;
  }
}