/* MEDIPHARM Clinical Q&A v10.2 — Desktop Specialty Pair Balance
   Exact parent: v10.1 Desktop Primary Balance & Latest Typography.
   Desktop-only scope (>=1200 CSS px):
   - Each specialty Main/Hero block (left) and Supporting list (right) share one grid-row height.
   - The right-side list is visually secondary: smaller, lighter typography and denser rows.
   - Remove percentage-height rules that could make the supporting column overrun the hero.
   - Tablet/mobile responsive contract remains unchanged.
*/

@media (min-width:1200px){
  #mcqa-app.mcqa-app{
    --mcqa10-specialty-side-question-font:clamp(14px,calc(13px + .10vw),18px);
    --mcqa10-specialty-side-meta-font:clamp(11px,calc(10.5px + .055vw),14px);
    --mcqa10-specialty-side-index:clamp(30px,2vw,36px);
  }

  /* One grid row = one visual height. Let Grid stretch both columns; do not use
     percentage heights inside an intrinsically sized row. */
  #mcqa-app.mcqa-app .mcqa-v10-specialty-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)!important;
    grid-template-rows:minmax(0,auto)!important;
    align-items:stretch!important;
    gap:clamp(18px,2vw,30px)!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-hero,
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
  }

  /* Main/left block keeps the stronger editorial hierarchy. */
  #mcqa-app.mcqa-app .mcqa-v10-specialty-hero{
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-hero .mcqa-v10-specialty-answer{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:auto!important;
    scrollbar-width:thin;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-hero .mcqa-v10-entry-detail{
    flex:0 0 auto!important;
  }

  /* Supporting/right column fills exactly the same stretched grid row. */
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:repeat(5,minmax(0,1fr))!important;
    grid-auto-rows:0!important;
    align-content:stretch!important;
    overflow:hidden!important;
    gap:10px!important;
    margin:0!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary .mcqa-v10-specialty-list-item{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:10px 11px!important;
    column-gap:9px!important;
    align-content:center!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  /* Right-side questions are supporting navigation, not a second Hero. */
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary .mcqa-v10-question-text{
    font-size:var(--mcqa10-specialty-side-question-font)!important;
    line-height:1.38!important;
    font-weight:660!important;
    letter-spacing:-.004em!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
    text-wrap:pretty;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary .mcqa-v10-specialty-entry-meta{
    margin-top:5px!important;
    font-size:var(--mcqa10-specialty-side-meta-font)!important;
    line-height:1.35!important;
    font-weight:500!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary .mcqa-v10-specialty-list-index{
    width:var(--mcqa10-specialty-side-index)!important;
    height:var(--mcqa10-specialty-side-index)!important;
    min-width:var(--mcqa10-specialty-side-index)!important;
    font-size:var(--mcqa10-specialty-side-meta-font)!important;
    font-weight:720!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary .mcqa-v10-specialty-list-arrow{
    font-size:15px!important;
    font-weight:650!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary .mcqa-v10-specialty-list-copy{
    min-width:0!important;
    align-self:center!important;
  }
}

/* Explicitly preserve the v10.0.4/v10.1 tablet and phone contracts. */
@media (max-width:1199px){
  #mcqa-app.mcqa-app .mcqa-v10-specialty-hero,
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary{
    max-height:none!important;
  }
}