/* JSA and JHA category feature: scoped replacement for the narrow editorial columns. */
@media (min-width:1001px){
  html body.v71-page-jsa-jha.v75-site main section[data-v75-index="3"] > .shell{
    display:grid!important;
    grid-template-columns:minmax(360px,.82fr) minmax(560px,1.18fr)!important;
    gap:48px!important;
    align-items:stretch!important;
  }

  html body.v71-page-jsa-jha.v75-site main section[data-v75-index="3"] .topic-explainer-head{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    margin:0!important;
    padding:40px!important;
    border:1px solid rgba(162,201,142,.32)!important;
    border-radius:28px!important;
    background:linear-gradient(145deg,#102719 0%,#173b24 100%)!important;
    box-shadow:0 20px 42px rgba(15,42,23,.12)!important;
  }

  html body.v71-page-jsa-jha.v75-site main section[data-v75-index="3"] .topic-explainer-head :is(.eyebrow-simple,small){
    color:#afe282!important;
  }

  html body.v71-page-jsa-jha.v75-site main section[data-v75-index="3"] .topic-explainer-head h2{
    max-width:14ch!important;
    color:#fff!important;
    font-size:clamp(36px,3.2vw,52px)!important;
    line-height:1.02!important;
  }

  html body.v71-page-jsa-jha.v75-site main section[data-v75-index="3"] .topic-explainer-head > p{
    max-width:38rem!important;
    color:#d2ddd4!important;
    font-size:16px!important;
    line-height:1.62!important;
  }

  html body.v71-page-jsa-jha.v75-site main section[data-v75-index="3"] .topic-three{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-auto-rows:1fr!important;
    gap:24px!important;
    margin:0!important;
    align-content:stretch!important;
  }

  html body.v71-page-jsa-jha.v75-site main section[data-v75-index="3"] .topic-three > article{
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr)!important;
    grid-template-rows:auto auto 1fr!important;
    column-gap:20px!important;
    align-items:start!important;
    min-height:0!important;
    padding:32px!important;
    border:1px solid #d8e5d3!important;
    border-radius:24px!important;
    background:#fff!important;
    box-shadow:0 14px 30px rgba(20,52,30,.08)!important;
  }

  html body.v71-page-jsa-jha.v75-site main section[data-v75-index="3"] .topic-three > article > .v73-icon{
    grid-column:1!important;
    grid-row:1 / span 3!important;
    display:grid!important;
    width:56px!important;
    height:56px!important;
    margin:0!important;
    place-items:center!important;
    align-self:start!important;
  }

  html body.v71-page-jsa-jha.v75-site main section[data-v75-index="3"] .topic-three > article > small{
    grid-column:2!important;
    grid-row:1!important;
    margin:0 0 8px!important;
  }

  html body.v71-page-jsa-jha.v75-site main section[data-v75-index="3"] .topic-three > article > h3{
    grid-column:2!important;
    grid-row:2!important;
    margin:0 0 10px!important;
    font-size:26px!important;
    line-height:1.1!important;
  }

  html body.v71-page-jsa-jha.v75-site main section[data-v75-index="3"] .topic-three > article > p{
    grid-column:2!important;
    grid-row:3!important;
    max-width:54rem!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1.58!important;
  }
}

/* Tablet and mobile retain a clear reading order instead of returning to narrow columns. */
@media (max-width:1000px){
  html body.v71-page-jsa-jha.v75-site main section[data-v75-index="3"] .topic-three{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }

  html body.v71-page-jsa-jha.v75-site main section[data-v75-index="3"] .topic-three > article{
    padding:24px!important;
  }
}

@media (max-width:680px){
  html body.v71-page-jsa-jha.v75-site main section[data-v75-index="3"] .topic-three{
    gap:16px!important;
  }
}