.wplt-jd{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  margin: 22px auto;
  max-width: 980px;
}

/* Header */
.wplt-jd__header{
  position: relative;
  background: var(--color-background);
  padding: 18px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.wplt-jd__header:after{
  content:"";
  position:absolute;
  right:-60px;
  top:-60px;
  width: 180px;
  height: 180px;
  background: rgba(255,255,255,.12);
  border-radius: 999px;
}

.wplt-jd__header-icon{
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: rgba(255,255,255,.16);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: #fff;
}

.wplt-jd__header-title{
  margin: 0;
  color: #fff;
  font-size: 22px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: .2px;
  position: relative;
  z-index: 1;
}

.wplt-jd__icon-svg{
  width: 22px;
  height: 22px;
  color: currentColor;
}

/* Grid (ALWAYS TWO COLUMNS - even on mobile) */
.wplt-jd__grid{
  padding: 18px 20px 22px;
  display: grid;
  grid-template-columns: 1fr 1fr; /* keep 2 columns always */
  gap: 18px 34px;
}

.wplt-jd__item{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0; /* allow text to shrink */
}

.wplt-jd__item-icon{
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  background: rgba(0,0,0,.05);
  color: rgba(0,0,0,.75);
}

.wplt-jd__item-body{
  min-width: 0;
}

.wplt-jd__item-label{
  color: rgba(0,0,0,.55);
  font-size: 15px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 6px;
}

.wplt-jd__item-value{
  color: rgba(0,0,0,.88);
  font-size: 14px;
  line-height: 1.35;
  font-weight: 600;
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* Per-item soft colors */
.wplt-jd__item--salary .wplt-jd__item-icon{ background: rgba(37, 99, 235, .10); color: #2563eb; }
.wplt-jd__item--jobpost .wplt-jd__item-icon{ background: rgba(37, 99, 235, .10); color: #2563eb; }
.wplt-jd__item--qualification .wplt-jd__item-icon{ background: rgba(99, 102, 241, .10); color: #6d28d9; }
.wplt-jd__item--age .wplt-jd__item-icon{ background: rgba(236, 72, 153, .10); color: #db2777; }
.wplt-jd__item--exam .wplt-jd__item-icon{ background: rgba(34, 197, 94, .10); color: #16a34a; }
.wplt-jd__item--lastapply .wplt-jd__item-icon{ background: rgba(249, 115, 22, .10); color: #ea580c; }
.wplt-jd__item--vacancies .wplt-jd__item-icon{ background: rgba(14, 165, 233, .10); color: #0284c7; }
.wplt-jd__item--syllabus .wplt-jd__item-icon{ background: rgba(168, 85, 247, .10); color: #7c3aed; }
.wplt-jd__item--fee .wplt-jd__item-icon{ background: rgba(245, 158, 11, .10); color: #d97706; }
.wplt-jd__item--result .wplt-jd__item-icon{ background: rgba(20, 184, 166, .10); color: #0f766e; }

/* Tablet / small screens: still 2 columns, but tighter */
@media (max-width: 900px){
  .wplt-jd__grid{
    padding: 16px 16px 18px;
    gap: 14px 18px; /* smaller gap */
  }
  .wplt-jd__header-title{ font-size: 22px; }
  .wplt-jd__item-icon{
    width: 46px;
    height: 46px;
    border-radius: 14px;
  }
  .wplt-jd__icon-svg{
    width: 20px;
    height: 20px;
  }
  .wplt-jd__item-label{ font-size: 13px; margin-bottom: 4px; }
  .wplt-jd__item-value{ font-size: 13px; }
  .wplt-jd__item{ gap: 10px; }
}

/* Mobile: ALWAYS 2 columns + smaller text (your requirement) */
@media (max-width: 520px){
  .wplt-jd{
    border-radius: 14px;
  }

  .wplt-jd__header{
    padding: 14px 14px;
    gap: 10px;
  }

  .wplt-jd__header-icon{
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }

  .wplt-jd__header-title{
    font-size: 20px;
  }

  .wplt-jd__grid{
    padding: 14px 14px 16px;
    grid-template-columns: 1fr 1fr; /* force 2 columns */
    gap: 12px 12px;
  }

  .wplt-jd__item{
    gap: 9px;
  }

  .wplt-jd__item-icon{
    width: 42px;
    height: 42px;
    border-radius: 14px;
  }

  .wplt-jd__icon-svg{
    width: 18px;
    height: 18px;
  }

  .wplt-jd__item-label{
    font-size: 12px; /* smaller */
    margin-bottom: 3px;
  }

  .wplt-jd__item-value{
    font-size: 12px; /* smaller */
    line-height: 1.25;
  }
}

/* Very small phones: still 2 columns, extra compact */
@media (max-width: 360px){
  .wplt-jd__grid{
    gap: 10px 10px;
  }
  .wplt-jd__item-icon{
    width: 38px;
    height: 38px;
  }
  .wplt-jd__icon-svg{
    width: 17px;
    height: 17px;
  }
  .wplt-jd__item-label{ font-size: 11px; }
  .wplt-jd__item-value{ font-size: 11px; }
}
.wp-block-button__link {
    transition: all 0.3s ease;
}

.wp-block-button__link:hover {
    color: #ffffff !important;
    background-color: #1bb8d6 !important; /* darker shade */
    transform: translateY(-2px);
}