/* ============================================================
   D-036 — CUSTOMER VOICE CURRENT REVIEW REVISION
   Applies after the approved customer-voice visual reference.
   ============================================================ */

/* The primary two voices are independent third-party evidence, not cards. */
.voice-main{
  background:#fff;
  padding:72px 0 76px;
}
.voice-main-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:64px;
  border:0;
}
.voice-main-item,
.voice-main-item:last-child{
  display:block;
  max-width:none;
  margin:0;
  padding:0;
  border:0;
}
.voice-company{
  gap:5px;
}
.voice-company strong{
  font-family:var(--sans);
  font-size:18px;
  font-weight:800;
}
.voice-company span{
  font-family:var(--sans);
  font-size:15px;
  font-weight:500;
}
.voice-main-body{
  max-width:none;
  margin-top:26px;
}
.voice-intro-title{
  color:#4b4752;
  font-family:var(--sans);
  font-size:16px;
  font-weight:500;
  line-height:1.85;
}
.voice-primary-summary{
  margin:18px 0 0;
  color:var(--navy);
  font-family:var(--sans);
  font-size:clamp(27px,2.25vw,34px);
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1.55;
}
.voice-primary-summary span{
  display:block;
}
.voice-summary-support{
  margin:16px 0 0;
  max-width:540px;
  color:#403c47;
  font-family:var(--sans);
  font-size:16px;
  font-weight:500;
  line-height:1.9;
}
.voice-experience{
  margin-top:28px;
}
.voice-experience-row{
  margin-top:18px;
}
.voice-experience-label{
  color:var(--navy);
  font-family:var(--sans);
  font-size:14px;
  font-weight:700;
}
.voice-experience-row p{
  margin:7px 0 0;
  color:#4b4752;
  font-family:var(--sans);
  font-size:15.5px;
  font-weight:500;
  line-height:1.85;
}
.voice-customer-quote--support{
  margin:22px 0 0;
  padding:0;
  color:#4b4752;
  font-family:var(--sans);
  font-size:15.5px;
  font-weight:500;
  letter-spacing:0;
  line-height:1.85;
}
.voice-customer-quote--support:before{
  display:none;
}
.voice-customer-quote--support .voice-quote-unit{
  display:inline;
}

@media(max-width:900px){
  .voice-main-list{
    gap:40px;
  }
  .voice-primary-summary{
    font-size:29px;
  }
}

@media(max-width:680px){
  .voice-main{
    padding:56px 0 60px;
  }
  .voice-main-list{
    grid-template-columns:1fr;
    gap:40px;
  }
  .voice-main-body{
    margin-top:20px;
  }
  .voice-primary-summary{
    margin-top:14px;
    font-size:26px;
    line-height:1.58;
  }
  .voice-summary-support{
    margin-top:14px;
    font-size:15.5px;
  }
  .voice-experience{
    margin-top:24px;
  }
}

/* D-045: only the two primary customer voices. */
body.ligp-view-customer-voice .voice-main-item .voice-detail-heading{
  margin:18px 0 0;
  padding:14px 18px;
  background:#fff8d9;
  color:#0d0864;
  font-family:var(--sans);
  font-size:18px;
  font-weight:700;
  line-height:1.75;
  min-width:0;
}
body.ligp-view-customer-voice .voice-main-item .voice-experience,
body.ligp-view-customer-voice .voice-main-item .voice-experience-row{
  background:#fff;
}
body.ligp-view-customer-voice .voice-main-item .voice-experience-row p{
  color:#4b4752;
  font-size:15.5px;
  font-weight:500;
  line-height:1.85;
}

/* Seven intrinsic rows shared by both articles. Keep semantic wrappers and
   their existing margins; subgrids pass content sizing up to the shared rows. */
@supports (grid-template-rows:subgrid){
  @media(min-width:681px){
    body.ligp-view-customer-voice .voice-main-list{
      grid-template-rows:repeat(7,auto);
      row-gap:0;
    }
    body.ligp-view-customer-voice .voice-main-list > .voice-main-item{
      display:grid;
      grid-template-columns:minmax(0,1fr);
      grid-template-rows:subgrid;
      grid-row:span 7;
      row-gap:0;
      column-gap:0;
      align-items:stretch;
      min-width:0;
    }
    body.ligp-view-customer-voice .voice-main-item > .voice-company{
      align-self:stretch;
    }
    body.ligp-view-customer-voice .voice-main-item > .voice-main-body{
      display:grid;
      grid-template-columns:minmax(0,1fr);
      grid-template-rows:subgrid;
      grid-row:2 / span 6;
      row-gap:0;
      min-width:0;
    }
    body.ligp-view-customer-voice .voice-main-body > .voice-experience{
      display:grid;
      grid-template-columns:minmax(0,1fr);
      grid-template-rows:subgrid;
      grid-row:5 / span 2;
      row-gap:0;
      min-width:0;
    }
  }
}