/* About TJNE — Quality & Compliance v37
   Light label-led layout. No icons, no floating heading, stable at every width. */

body.page-about #quality .quality-card{
  display:grid!important;
  grid-template-columns:220px minmax(360px,1fr) minmax(330px,.88fr)!important;
  gap:30px!important;
  align-items:stretch!important;
  padding:34px!important;
}
body.page-about #quality .quality-copy{
  min-width:0!important;
  align-self:center!important;
}

/* Right column */
body.page-about #quality .quality-features{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  min-width:0!important;
  align-content:center!important;
  padding:16px!important;
  border:1px solid rgba(39,118,182,.14)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(111,193,240,.12),transparent 38%),
    linear-gradient(160deg,#f5faff 0%,#edf6fd 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 14px 32px rgba(29,84,126,.055)!important;
  overflow:visible!important;
}
body.page-about #quality .quality-features::before,
body.page-about #quality .quality-features::after{
  content:none!important;
  display:none!important;
}

body.page-about #quality .quality-features article{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(112px,132px) minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  min-width:0!important;
  min-height:78px!important;
  padding:14px 16px!important;
  border:1px solid rgba(40,119,183,.12)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 8px 20px rgba(29,80,119,.045)!important;
  overflow:hidden!important;
  transform:none!important;
}
body.page-about #quality .quality-features article::before{
  content:""!important;
  position:absolute!important;
  left:0!important;top:12px!important;bottom:12px!important;
  width:3px!important;
  border-radius:0 3px 3px 0!important;
  background:linear-gradient(180deg,#4bb7e9 0%,#287bc0 58%,#a7d83e 100%)!important;
  opacity:.9!important;
}
body.page-about #quality .quality-features article::after{
  content:none!important;
  display:none!important;
}
body.page-about #quality .quality-features article:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(40,119,183,.19)!important;
  background:#fff!important;
  box-shadow:0 12px 24px rgba(29,80,119,.07)!important;
}

/* Icons are intentionally removed from this design. */
body.page-about #quality .quality-features .quality-svg-icon,
body.page-about #quality .quality-features > article > span{
  display:none!important;
}

/* The heading itself becomes the visual label. */
body.page-about #quality .quality-features strong{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  padding:8px 11px!important;
  border:1px solid rgba(28,113,180,.13)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#edf7ff 0%,#e2f1fc 100%)!important;
  color:#145e98!important;
  font-family:Manrope,Inter,sans-serif!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:visible!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important;
}
body.page-about #quality .quality-features article:nth-child(2) strong{
  background:linear-gradient(180deg,#eef8f7 0%,#e1f3f1 100%)!important;
  border-color:rgba(36,141,136,.13)!important;
  color:#176f70!important;
}
body.page-about #quality .quality-features article:nth-child(3) strong{
  background:linear-gradient(180deg,#f1f6fb 0%,#e7eff7 100%)!important;
  border-color:rgba(64,109,153,.13)!important;
  color:#2d5f8d!important;
}
body.page-about #quality .quality-features article:nth-child(4) strong{
  background:linear-gradient(180deg,#f4f9ed 0%,#ebf5de 100%)!important;
  border-color:rgba(111,159,48,.14)!important;
  color:#587f2a!important;
}
body.page-about #quality .quality-features small{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#5b748b!important;
  font-size:12.4px!important;
  line-height:1.5!important;
  font-weight:500!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

/* Laptop / medium width: certificate + copy above, feature labels use a roomy 2x2 grid below. */
@media (max-width:1240px){
  body.page-about #quality .quality-card{
    grid-template-columns:200px minmax(0,1fr)!important;
    gap:24px 28px!important;
  }
  body.page-about #quality .quality-features{
    grid-column:1 / -1!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    padding:14px!important;
  }
  body.page-about #quality .quality-features article{
    grid-template-columns:minmax(116px,140px) minmax(0,1fr)!important;
    min-height:82px!important;
  }
}

/* Tablet: stack main columns but keep feature labels as 2x2 while there is room. */
@media (max-width:860px){
  body.page-about #quality .quality-card{
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding:28px!important;
  }
  body.page-about #quality .quality-card > .cert-wrap{
    width:min(100%,360px)!important;
    justify-self:start!important;
    margin:0!important;
  }
  body.page-about #quality .quality-features{
    grid-column:auto!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.page-about #quality .quality-features article{
    grid-template-columns:1fr!important;
    align-content:start!important;
    gap:9px!important;
    min-height:116px!important;
    padding:15px!important;
  }
  body.page-about #quality .quality-features strong{
    font-size:12.8px!important;
  }
  body.page-about #quality .quality-features small{
    font-size:12px!important;
  }
}

/* Mobile: one card per row. Font sizes remain readable; nothing is squeezed. */
@media (max-width:560px){
  body.page-about #quality .quality-card{
    padding:20px 16px!important;
    gap:20px!important;
    border-radius:20px!important;
  }
  body.page-about #quality .quality-card > .cert-wrap{
    width:min(100%,300px)!important;
    justify-self:center!important;
  }
  body.page-about #quality .quality-features{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  body.page-about #quality .quality-features article{
    grid-template-columns:1fr!important;
    min-height:0!important;
    padding:14px 14px 15px!important;
    gap:8px!important;
    border-radius:15px!important;
  }
  body.page-about #quality .quality-features strong{
    font-size:13px!important;
    padding:7px 10px!important;
  }
  body.page-about #quality .quality-features small{
    font-size:12.2px!important;
    line-height:1.48!important;
  }
}