/* JAWAR V4.8.3 — Impact Page Readability Hotfix
   Purpose: make /p/impact-achievements comfortably readable on 1366–1920px laptops/desktops,
   while preserving the V4.8.2 mobile layout and the Jawar visual identity. */

/* Give the impact page more horizontal breathing room on larger screens. */
.jawar-signature-v4 .jv480-impact-dashboard .jb-container{
  --jb-container:1360px;
}

.jawar-signature-v4 .jv480-impact-dashboard{
  font-size:17px;
}

/* Page heading */
.jawar-signature-v4 .jv480-impact-dashboard .jb-heading{
  margin-bottom:34px!important;
}
.jawar-signature-v4 .jv480-impact-dashboard .jb-eyebrow{
  font-size:13px!important;
  line-height:1.5!important;
}
.jawar-signature-v4 .jv480-impact-dashboard .jb-heading h1{
  font-size:clamp(42px,3.45vw,58px)!important;
  line-height:1.28!important;
  letter-spacing:-.02em;
}
.jawar-signature-v4 .jv480-impact-dashboard .jb-heading p{
  font-size:17px!important;
  line-height:1.9!important;
}

/* Top KPIs */
.jawar-signature-v4 .jv480-impact-main{
  gap:16px!important;
  margin-top:28px!important;
}
.jawar-signature-v4 .jv480-impact-main article{
  min-height:180px;
  padding:28px 20px!important;
  border-radius:22px!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.jawar-signature-v4 .jv480-impact-main article>span{
  width:58px!important;
  height:58px!important;
  margin-bottom:14px!important;
  border-radius:16px!important;
  font-size:20px!important;
}
.jawar-signature-v4 .jv480-impact-main strong{
  font-size:42px!important;
  line-height:1.12!important;
  letter-spacing:-.02em;
}
.jawar-signature-v4 .jv480-impact-main small{
  margin-top:9px!important;
  font-size:15px!important;
  line-height:1.65!important;
  font-weight:600;
}

/* Family / prisoner detail cards */
.jawar-signature-v4 .jv480-impact-split{
  gap:18px!important;
  margin-top:18px!important;
}
.jawar-signature-v4 .jv480-impact-split>section{
  padding:30px!important;
  border-radius:22px!important;
}
.jawar-signature-v4 .jv480-impact-split header{
  margin-bottom:18px!important;
}
.jawar-signature-v4 .jv480-impact-split header small{
  font-size:13px!important;
  line-height:1.5!important;
}
.jawar-signature-v4 .jv480-impact-split h2{
  font-size:29px!important;
  line-height:1.35!important;
}
.jawar-signature-v4 .jv480-impact-split header>b{
  font-size:16px!important;
}
.jawar-signature-v4 .jv480-impact-detail{
  gap:11px!important;
}
.jawar-signature-v4 .jv480-impact-detail>div{
  min-height:58px!important;
  padding:13px 16px!important;
  border-radius:12px!important;
}
.jawar-signature-v4 .jv480-impact-detail span{
  font-size:15px!important;
  line-height:1.55!important;
  font-weight:600;
}
.jawar-signature-v4 .jv480-impact-detail strong{
  font-size:17px!important;
  line-height:1.4!important;
  font-weight:900;
}

/* Program facts */
.jawar-signature-v4 .jv480-program-facts{
  gap:13px!important;
  margin-top:18px!important;
}
.jawar-signature-v4 .jv480-program-facts article{
  min-height:178px;
  padding:22px 20px!important;
  border-radius:18px!important;
}
.jawar-signature-v4 .jv480-program-facts article>span{
  font-size:12px!important;
  line-height:1.5!important;
}
.jawar-signature-v4 .jv480-program-facts h3{
  font-size:21px!important;
  line-height:1.4!important;
  margin:6px 0 11px!important;
}
.jawar-signature-v4 .jv480-program-facts ul{
  padding-right:20px!important;
  font-size:14px!important;
  line-height:1.9!important;
}
.jawar-signature-v4 .jv480-program-facts li+li{
  margin-top:3px;
}

/* Catalogue slider text if it follows the dashboard. */
.jawar-signature-v4 .jv480-impact-catalog .jb-heading h2{
  font-size:clamp(32px,2.7vw,44px)!important;
}
.jawar-signature-v4 .jv480-impact-catalog .jb-heading p{
  font-size:16px!important;
  line-height:1.85!important;
}
.jawar-signature-v4 .jv480-catalog-track figcaption{
  padding:13px 15px!important;
  font-size:13px!important;
  line-height:1.65!important;
}

/* 1024–1399px laptops: keep strong readable sizes without crowding. */
@media (min-width:981px) and (max-width:1399px){
  .jawar-signature-v4 .jv480-impact-dashboard .jb-container{--jb-container:1240px}
  .jawar-signature-v4 .jv480-impact-dashboard .jb-heading h1{font-size:44px!important}
  .jawar-signature-v4 .jv480-impact-main article{min-height:165px;padding:24px 16px!important}
  .jawar-signature-v4 .jv480-impact-main strong{font-size:37px!important}
  .jawar-signature-v4 .jv480-impact-main small{font-size:14px!important}
  .jawar-signature-v4 .jv480-impact-split>section{padding:25px!important}
  .jawar-signature-v4 .jv480-impact-split h2{font-size:26px!important}
  .jawar-signature-v4 .jv480-impact-detail>div{min-height:54px!important;padding:12px 14px!important}
  .jawar-signature-v4 .jv480-impact-detail span{font-size:14px!important}
  .jawar-signature-v4 .jv480-impact-detail strong{font-size:16px!important}
  .jawar-signature-v4 .jv480-program-facts article{min-height:165px;padding:19px 17px!important}
  .jawar-signature-v4 .jv480-program-facts h3{font-size:19px!important}
  .jawar-signature-v4 .jv480-program-facts ul{font-size:13px!important}
}

/* Tablet: two KPI columns, readable detail copy. */
@media (min-width:681px) and (max-width:980px){
  .jawar-signature-v4 .jv480-impact-dashboard .jb-container{--jb-container:900px}
  .jawar-signature-v4 .jv480-impact-main{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .jawar-signature-v4 .jv480-impact-main strong{font-size:35px!important}
  .jawar-signature-v4 .jv480-impact-main small{font-size:14px!important}
  .jawar-signature-v4 .jv480-impact-split{grid-template-columns:1fr!important}
  .jawar-signature-v4 .jv480-program-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .jawar-signature-v4 .jv480-impact-detail span{font-size:14px!important}
  .jawar-signature-v4 .jv480-impact-detail strong{font-size:16px!important}
  .jawar-signature-v4 .jv480-program-facts ul{font-size:13px!important}
}

/* Mobile remains compact but never tiny. */
@media (max-width:680px){
  .jawar-signature-v4 .jv480-impact-dashboard{font-size:16px}
  .jawar-signature-v4 .jv480-impact-dashboard .jb-heading{margin-bottom:24px!important}
  .jawar-signature-v4 .jv480-impact-dashboard .jb-eyebrow{font-size:11.5px!important}
  .jawar-signature-v4 .jv480-impact-dashboard .jb-heading h1{font-size:34px!important;line-height:1.35!important}
  .jawar-signature-v4 .jv480-impact-dashboard .jb-heading p{font-size:15px!important}
  .jawar-signature-v4 .jv480-impact-main{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .jawar-signature-v4 .jv480-impact-main article{min-height:145px;padding:17px 10px!important}
  .jawar-signature-v4 .jv480-impact-main article>span{width:48px!important;height:48px!important;font-size:17px!important;margin-bottom:10px!important}
  .jawar-signature-v4 .jv480-impact-main strong{font-size:28px!important}
  .jawar-signature-v4 .jv480-impact-main small{font-size:12px!important;line-height:1.55!important}
  .jawar-signature-v4 .jv480-impact-split{grid-template-columns:1fr!important;gap:12px!important}
  .jawar-signature-v4 .jv480-impact-split>section{padding:19px 16px!important}
  .jawar-signature-v4 .jv480-impact-split h2{font-size:22px!important}
  .jawar-signature-v4 .jv480-impact-split header small{font-size:11.5px!important}
  .jawar-signature-v4 .jv480-impact-split header>b{font-size:13px!important}
  .jawar-signature-v4 .jv480-impact-detail{grid-template-columns:1fr!important}
  .jawar-signature-v4 .jv480-impact-detail>div{min-height:52px!important}
  .jawar-signature-v4 .jv480-impact-detail span{font-size:13px!important}
  .jawar-signature-v4 .jv480-impact-detail strong{font-size:15px!important}
  .jawar-signature-v4 .jv480-program-facts{grid-template-columns:1fr!important}
  .jawar-signature-v4 .jv480-program-facts article{min-height:auto;padding:18px 16px!important}
  .jawar-signature-v4 .jv480-program-facts article>span{font-size:11px!important}
  .jawar-signature-v4 .jv480-program-facts h3{font-size:19px!important}
  .jawar-signature-v4 .jv480-program-facts ul{font-size:13px!important;line-height:1.85!important}
}