/* Akademik Retina 5.7.4 — imaging block contrast, stat labels, denser composition */

/* Improve the overall rhythm of the homepage imaging/question-map section */
.ar5-question-map{
  position:relative;
  padding-top:76px!important;
  padding-bottom:82px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FBFDFF 52%,#F2F7FB 100%)!important;
}
.ar5-question-map::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(520px 320px at 88% 12%, rgba(0,94,184,.10), rgba(0,94,184,0) 68%),
    radial-gradient(340px 220px at 12% 88%, rgba(126,182,219,.12), rgba(126,182,219,0) 72%);
  pointer-events:none;
  z-index:-1;
  animation:ar574Float 14s ease-in-out infinite alternate;
}
@keyframes ar574Float{
  0%{transform:translateY(0)}
  100%{transform:translateY(-12px)}
}

.kn-dashboard{
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr)!important;
  gap:54px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  align-items:start!important;
}
.kn-left,.kn-right{position:relative;z-index:1}
.kn-right{
  display:grid;
  gap:20px;
  padding-top:0!important;
}
.kn-right::before{
  content:"";
  position:absolute;
  inset:28px -18px -14px 18px;
  border-radius:12px;
  background:linear-gradient(180deg,rgba(234,243,250,.86) 0%, rgba(244,247,249,.96) 100%);
  border:1px solid rgba(0,94,184,.10);
  z-index:-1;
}

/* Reduce excessive white space and make the imaging card read as one coherent block */
.kn-image-card{
  background:linear-gradient(180deg,#FFFFFF 0%,#F9FCFE 100%)!important;
  border:1px solid #D7E1E8!important;
  border-radius:8px!important;
  box-shadow:0 16px 42px rgba(18,43,73,.08)!important;
  overflow:hidden!important;
}
.kn-image-card:hover{transform:translateY(-3px)!important;box-shadow:0 18px 48px rgba(18,43,73,.10)!important}
.kn-retina-art{height:248px!important;background:#DCEAF4!important}
.kn-retina-art img{display:block;width:100%;height:100%;object-fit:cover}
.kn-image-copy{
  padding:22px 24px 24px!important;
}
.kn-image-copy small{
  display:inline-block;
  margin-bottom:8px;
  padding:6px 10px;
  border-radius:999px;
  background:#EAF3FA;
  border:1px solid #C6DCEC;
  color:#005EB8!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
}
.kn-image-copy h3{
  color:#102A43!important;
  font-size:clamp(36px,4vw,56px)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  margin:8px 0 18px!important;
  max-width:16ch!important;
}
.kn-image-copy p{
  color:#425B6B!important;
  font-size:18px!important;
  line-height:1.62!important;
  max-width:30ch!important;
  margin-bottom:0!important;
}

/* Rebuild stat tiles for much stronger contrast and better labels */
.kn-metrics{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:0!important;
  border:1px solid #D7E1E8!important;
  border-radius:8px!important;
  overflow:hidden!important;
  background:#FFFFFF!important;
  box-shadow:0 14px 36px rgba(18,43,73,.07)!important;
}
.kn-metrics div{
  position:relative;
  min-height:168px!important;
  padding:22px 18px 18px!important;
  border-right:1px solid #D7E1E8!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F8FBFE 100%)!important;
}
.kn-metrics div:last-child{border-right:0!important}
.kn-metrics div::before{
  content:"";
  position:absolute;
  inset:auto auto 0 0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,#7EB6DB 0%, #005EB8 100%);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .28s ease;
}
.kn-metrics div:hover,
.kn-metrics div:focus-within{background:linear-gradient(180deg,#F8FBFE 0%,#EAF3FA 100%)!important}
.kn-metrics div:hover::before,
.kn-metrics div:focus-within::before{transform:scaleX(1)}
.kn-metrics strong{
  display:block;
  margin-bottom:20px!important;
  color:#C7D8E5!important;
  font-family:"Merriweather",Georgia,serif!important;
  font-size:56px!important;
  line-height:.9!important;
  font-weight:700!important;
}
.kn-metrics span{
  display:block;
  color:#5B6C79!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
  max-width:11ch!important;
}

/* Add a little visual energy to the section title area without harming readability */
.kn-section-title{
  position:relative;
  padding-right:20px;
}
.kn-section-title::after{
  content:"";
  position:absolute;
  right:0;
  top:12px;
  width:84px;
  height:84px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(126,182,219,.20) 0%, rgba(126,182,219,0) 70%);
  pointer-events:none;
}
.kn-section-title h2{margin-bottom:16px!important}
.kn-section-title p{max-width:42ch!important}

/* Mobile / tablet compaction */
@media(max-width:1020px){
  .kn-dashboard{grid-template-columns:1fr!important;gap:34px!important}
  .kn-right::before{inset:18px -8px -10px -8px}
  .kn-image-copy h3{font-size:52px!important;max-width:14ch!important}
}
@media(max-width:760px){
  .ar5-question-map{padding-top:58px!important;padding-bottom:62px!important}
  .kn-dashboard{gap:26px!important}
  .kn-right::before{display:none}
  .kn-retina-art{height:220px!important}
  .kn-image-copy{padding:18px 18px 20px!important}
  .kn-image-copy h3{font-size:34px!important;line-height:1.06!important;max-width:none!important}
  .kn-image-copy p{font-size:16px!important;max-width:none!important}
  .kn-metrics{grid-template-columns:1fr!important}
  .kn-metrics div{min-height:122px!important;padding:18px 18px 16px!important;border-right:0!important;border-bottom:1px solid #D7E1E8!important}
  .kn-metrics div:last-child{border-bottom:0!important}
  .kn-metrics strong{font-size:44px!important;margin-bottom:12px!important}
  .kn-metrics span{max-width:none!important;font-size:14px!important}
}