/* ==========================================================
   EVO-X F4.14-B
   EVIDENCE TOP 3 EXECUTIVE UX
   ========================================================== */

#evox-cases{
  scroll-margin-top:88px;
}

#evox-cases .evox-cases-grid{
  display:grid !important;

  grid-template-columns:
    minmax(0,1.25fr)
    minmax(0,.75fr) !important;

  grid-template-areas:
    "primary secondary1"
    "primary secondary2" !important;

  gap:14px !important;

  align-items:stretch !important;
}

/* ----------------------------------------------------------
   PRIMARY CASE
   ---------------------------------------------------------- */

#evox-cases
.evox-case-card:nth-child(1){
  grid-area:primary !important;

  padding:18px 20px !important;
}

/* ----------------------------------------------------------
   SECONDARY CASES
   ---------------------------------------------------------- */

#evox-cases
.evox-case-card:nth-child(2){
  grid-area:secondary1 !important;
}

#evox-cases
.evox-case-card:nth-child(3){
  grid-area:secondary2 !important;
}

#evox-cases
.evox-case-card:nth-child(2),
#evox-cases
.evox-case-card:nth-child(3){
  padding:14px 16px !important;
}

/* tighter internal rhythm */

#evox-cases
.evox-case-card
.evox-case-top{
  margin-bottom:8px !important;
}

#evox-cases
.evox-case-card
.evox-case-affinity{
  margin-top:7px !important;
}

#evox-cases
.evox-case-card
.evox-case-meta{
  margin-top:8px !important;
}

#evox-cases
.evox-case-card
.evox-case-block{
  margin-top:10px !important;
}

#evox-cases
.evox-case-card
.evox-case-result{
  margin-top:10px !important;

  padding-top:10px !important;
}

#evox-cases
.evox-case-card
.evox-case-source{
  margin-top:10px !important;

  padding-top:9px !important;
}

/* Secondary cards are evidence summaries */

#evox-cases
.evox-case-card:nth-child(2)
.evox-case-block,
#evox-cases
.evox-case-card:nth-child(3)
.evox-case-block{
  font-size:13px !important;

  line-height:1.35 !important;
}

#evox-cases
.evox-case-card:nth-child(2)
.evox-case-company,
#evox-cases
.evox-case-card:nth-child(3)
.evox-case-company{
  font-size:
    clamp(19px,2.3vw,25px) !important;

  line-height:1.1 !important;
}

/* ==========================================================
   MOBILE / TABLET
   ========================================================== */

@media(max-width:820px){

  #evox-cases .evox-cases-grid{
    grid-template-columns:
      minmax(0,1fr)
      minmax(0,1fr) !important;

    grid-template-areas:
      "primary primary"
      "secondary1 secondary2" !important;

    gap:10px !important;
  }

  #evox-cases
  .evox-case-card:nth-child(1){
    padding:16px !important;
  }

  #evox-cases
  .evox-case-card:nth-child(2),
  #evox-cases
  .evox-case-card:nth-child(3){
    padding:12px !important;
  }

  /* Secondary evidence keeps only the information
     required for rapid comparison. */

  #evox-cases
  .evox-case-card:nth-child(2)
  .evox-case-block:not(.evox-case-result),
  #evox-cases
  .evox-case-card:nth-child(3)
  .evox-case-block:not(.evox-case-result){
    display:none !important;
  }

  #evox-cases
  .evox-case-card:nth-child(2)
  .evox-case-source,
  #evox-cases
  .evox-case-card:nth-child(3)
  .evox-case-source{
    margin-top:8px !important;
  }
}

@media(max-width:540px){

  #evox-cases .evox-cases-grid{
    grid-template-columns:1fr !important;

    grid-template-areas:
      "primary"
      "secondary1"
      "secondary2" !important;
  }

  /*
   * Still compact on narrow mobile:
   * secondary cases remain summaries.
   */

  #evox-cases
  .evox-case-card:nth-child(2),
  #evox-cases
  .evox-case-card:nth-child(3){
    min-height:0 !important;
  }
}