/* MEDIPHARM Clinical Q&A v10.3 — Desktop List Typography Consistency Hotfix
   Exact parent: v10.2 Desktop Specialty Pair Balance.
   Desktop-only scope (>=1200 CSS px):
   - One visual language for Latest Questions and specialty supporting lists.
   - Questions regain a readable size while remaining secondary to the Hero/Main question.
   - Clinical questions are never line-clamped; supporting taxonomy/date metadata is smaller/lighter.
   - Specialty Main/Supporting columns remain equal-height by grid stretch; the supporting list may
     expand the shared row when a full question genuinely requires more room.
   - Tablet/mobile responsive contract remains untouched.
*/

@media (min-width:1200px){
  #mcqa-app.mcqa-app{
    --mcqa10-list-question-font:clamp(17px,calc(15.8px + .13vw),21px);
    --mcqa10-list-meta-font:clamp(11px,calc(10.2px + .07vw),14px);
    --mcqa10-list-index-size:clamp(34px,2vw,38px);
    --mcqa10-list-gap:10px;
  }

  /* Latest and specialty side lists use the same structural rhythm. */
  #mcqa-app.mcqa-app .mcqa-v10-latest-panel .mcqa-v10-latest-list,
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary{
    display:flex!important;
    flex-direction:column!important;
    gap:var(--mcqa10-list-gap)!important;
    min-height:0!important;
    align-content:stretch!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-latest-panel .mcqa-v10-latest-list{
    flex:1 1 auto!important;
    overflow:auto!important;
    padding-right:4px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary{
    align-self:stretch!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0!important;
  }

  /* One card geometry for all supporting question rows. */
  #mcqa-app.mcqa-app button.mcqa-v10-latest-item,
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary .mcqa-v10-specialty-list-item{
    flex:1 0 auto!important;
    width:100%!important;
    min-height:86px!important;
    height:auto!important;
    max-height:none!important;
    grid-template-columns:var(--mcqa10-list-index-size) minmax(0,1fr) 18px!important;
    column-gap:11px!important;
    align-items:center!important;
    align-content:center!important;
    padding:12px 13px!important;
    border-radius:12px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  /* Question text is the visual focus: readable, moderately strong, never truncated. */
  #mcqa-app.mcqa-app .mcqa-v10-latest-copy strong,
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary .mcqa-v10-question-text{
    font-size:var(--mcqa10-list-question-font)!important;
    line-height:1.40!important;
    font-weight:650!important;
    letter-spacing:-.006em!important;
    color:var(--mcqa10-text)!important;
    display:block!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    max-height:none!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:initial!important;
    text-wrap:pretty;
  }

  /* Taxonomy / disease group / update date are intentionally quiet. */
  #mcqa-app.mcqa-app .mcqa-v10-latest-copy small,
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary .mcqa-v10-specialty-entry-meta,
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary .mcqa-v10-specialty-entry-meta span,
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary .mcqa-v10-specialty-entry-meta time{
    font-size:var(--mcqa10-list-meta-font)!important;
    line-height:1.35!important;
    font-weight:440!important;
    letter-spacing:0!important;
    color:var(--mcqa10-muted)!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-latest-copy,
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary .mcqa-v10-specialty-list-copy{
    display:grid!important;
    gap:5px!important;
    min-width:0!important;
    align-self:center!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary .mcqa-v10-specialty-entry-meta{
    margin:0!important;
    gap:3px 7px!important;
    flex-wrap:wrap!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary .mcqa-v10-specialty-entry-meta span{
    color:color-mix(in srgb,var(--disc-accent) 68%,var(--mcqa10-muted))!important;
  }

  /* Index/arrow remain navigation cues, not competing typography. */
  #mcqa-app.mcqa-app .mcqa-v10-latest-index,
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary .mcqa-v10-specialty-list-index{
    width:var(--mcqa10-list-index-size)!important;
    height:var(--mcqa10-list-index-size)!important;
    min-width:var(--mcqa10-list-index-size)!important;
    font-size:var(--mcqa10-list-meta-font)!important;
    font-weight:700!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-latest-arrow,
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary .mcqa-v10-specialty-list-arrow{
    font-size:15px!important;
    font-weight:620!important;
    justify-self:end!important;
  }

  /* Preserve paired-column equality. No fixed-height clipping: whichever side genuinely needs
     more vertical space determines the shared Grid row and the opposite side stretches with it. */
  #mcqa-app.mcqa-app .mcqa-v10-specialty-layout{
    grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)!important;
    grid-template-rows:auto!important;
    align-items:stretch!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-hero,
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary{
    align-self:stretch!important;
    min-height:0!important;
    max-height:none!important;
  }
}

/* Explicitly preserve v10.0.4 responsive classification below desktop. */
@media (max-width:1199px){
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary,
  #mcqa-app.mcqa-app .mcqa-v10-latest-panel .mcqa-v10-latest-list{
    max-height:none;
  }
}