/* Homepage credibility strip — soft category fades
   Added 2026-09-26. Loaded after the existing homepage styles so it
   intentionally refines the four credibility cells on EN / AR / HE. */

.site-homepage .credibility-strip{
  background:linear-gradient(180deg,#f7f9fb 0%,#ffffff 100%);
  border-top:1px solid rgba(3,27,51,.055);
  border-bottom:1px solid rgba(3,27,51,.11);
}

.site-homepage .credibility-grid{
  overflow:hidden;
}

.site-homepage .credibility-item{
  position:relative;
  isolation:isolate;
  min-height:108px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  transition:background .25s ease,transform .25s ease,box-shadow .25s ease;
}

/* Each subject receives a restrained institutional tint which fades to white. */
.site-homepage .credibility-item:nth-child(1){
  background:linear-gradient(180deg,rgba(56,126,184,.18) 0%,rgba(91,151,198,.09) 52%,rgba(255,255,255,.96) 100%);
}
.site-homepage .credibility-item:nth-child(2){
  background:linear-gradient(180deg,rgba(54,126,126,.17) 0%,rgba(88,145,145,.08) 52%,rgba(255,255,255,.96) 100%);
}
.site-homepage .credibility-item:nth-child(3){
  background:linear-gradient(180deg,rgba(190,148,67,.19) 0%,rgba(208,174,104,.09) 52%,rgba(255,255,255,.96) 100%);
}
.site-homepage .credibility-item:nth-child(4){
  background:linear-gradient(180deg,rgba(104,138,76,.18) 0%,rgba(137,161,104,.08) 52%,rgba(255,255,255,.96) 100%);
}

/* A fine top accent helps distinguish neighboring fades without making them loud. */
.site-homepage .credibility-item::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset-block-start:0;
  inset-inline:0;
  height:3px;
  opacity:.72;
}
.site-homepage .credibility-item:nth-child(1)::before{background:rgba(42,111,166,.72)}
.site-homepage .credibility-item:nth-child(2)::before{background:rgba(43,113,113,.68)}
.site-homepage .credibility-item:nth-child(3)::before{background:rgba(173,129,44,.72)}
.site-homepage .credibility-item:nth-child(4)::before{background:rgba(86,124,58,.70)}

.site-homepage .credibility-item strong{
  color:#102d46!important;
}
.site-homepage .credibility-item span{
  color:#52616e!important;
}

@media (hover:hover) and (pointer:fine){
  .site-homepage .credibility-item:hover{
    transform:translateY(-1px);
    box-shadow:inset 0 0 0 1px rgba(3,27,51,.035),0 7px 20px rgba(3,27,51,.045);
  }
}

/* The existing mobile homepage turns the strip into horizontally scrollable cards.
   Preserve that behavior while retaining the category fades. */
@media (max-width:680px){
  .site-homepage .credibility-strip{
    background:linear-gradient(180deg,#f6f8fa 0%,#ffffff 100%)!important;
  }
  .site-homepage .credibility-item{
    min-height:82px!important;
    border-color:rgba(3,27,51,.10)!important;
    overflow:hidden;
  }
  .site-homepage .credibility-item:nth-child(1){
    background:linear-gradient(180deg,rgba(56,126,184,.20) 0%,rgba(91,151,198,.09) 54%,#fff 100%)!important;
  }
  .site-homepage .credibility-item:nth-child(2){
    background:linear-gradient(180deg,rgba(54,126,126,.19) 0%,rgba(88,145,145,.08) 54%,#fff 100%)!important;
  }
  .site-homepage .credibility-item:nth-child(3){
    background:linear-gradient(180deg,rgba(190,148,67,.21) 0%,rgba(208,174,104,.09) 54%,#fff 100%)!important;
  }
  .site-homepage .credibility-item:nth-child(4){
    background:linear-gradient(180deg,rgba(104,138,76,.20) 0%,rgba(137,161,104,.08) 54%,#fff 100%)!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .site-homepage .credibility-item{transition:none}
}