/* MEDIPHARM Clinical Q&A v10.1 — Desktop Primary Balance & Latest Typography
   Exact parent: v10.0.4 Responsive Viewport Classification Hotfix.
   Scope: desktop only (>=1200 CSS px).
   - Câu hỏi mới cập nhật is visually secondary to Câu hỏi nổi bật.
   - Both primary modules use one shared row height on desktop.
   - Tablet/mobile responsive contract from v10.0.4 remains untouched.
*/

@media (min-width:1200px){
  #mcqa-app.mcqa-app{
    --mcqa10-primary-panel-height:clamp(680px,40vw,820px);
    --mcqa10-latest-question-font:clamp(15px,calc(14px + .12vw),19px);
    --mcqa10-latest-meta-font:clamp(12px,calc(11.5px + .07vw),15px);
  }

  /* One desktop row, one exact visual height. */
  #mcqa-app.mcqa-app .mcqa-v10-primary-grid{
    align-items:stretch!important;
    grid-auto-rows:var(--mcqa10-primary-panel-height)!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-primary-grid > .mcqa-v10-panel{
    height:var(--mcqa10-primary-panel-height)!important;
    min-height:var(--mcqa10-primary-panel-height)!important;
    max-height:var(--mcqa10-primary-panel-height)!important;
    align-self:stretch!important;
    overflow:hidden!important;
  }

  /* Featured Q&A fills its panel while preserving its stronger hierarchy. */
  #mcqa-app.mcqa-app .mcqa-v10-featured-panel > #mcqa-featured{
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-featured-panel .mcqa-v10-featured-card{
    flex:1 1 auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-featured-card--text .mcqa-v10-featured-content{
    height:100%!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
  }
  /* Overflow safety only; in normal content this does not create a scrollbar. */
  #mcqa-app.mcqa-app .mcqa-v10-featured-answer{
    min-height:0!important;
    overflow:auto!important;
    scrollbar-width:thin;
  }

  /* Latest list is supporting editorial content, not a second hero. */
  #mcqa-app.mcqa-app .mcqa-v10-latest-panel .mcqa-v10-latest-list{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:auto!important;
    padding-right:4px!important;
    scrollbar-width:thin;
  }
  #mcqa-app.mcqa-app button.mcqa-v10-latest-item{
    min-height:0!important;
    padding:11px 10px!important;
    column-gap:10px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-latest-copy strong,
  #mcqa-app.mcqa-app .mcqa-v10-latest-item .mcqa-v10-question-text{
    font-size:var(--mcqa10-latest-question-font)!important;
    line-height:1.42!important;
    font-weight:680!important;
    letter-spacing:-.006em!important;
    color:var(--mcqa10-text)!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-latest-copy small,
  #mcqa-app.mcqa-app .mcqa-v10-latest-item time{
    font-size:var(--mcqa10-latest-meta-font)!important;
    line-height:1.42!important;
    font-weight:520!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-latest-index{
    width:34px!important;
    height:34px!important;
    font-size:var(--mcqa10-latest-meta-font)!important;
    font-weight:760!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-latest-arrow{
    font-size:16px!important;
    font-weight:700!important;
  }

  /* Keep the two headings aligned but do not let the right-side action alter panel height. */
  #mcqa-app.mcqa-app .mcqa-v10-primary-grid > .mcqa-v10-panel > .mcqa-v10-section-head{
    flex:0 0 auto!important;
    min-height:clamp(58px,4.2vw,74px)!important;
    align-items:flex-start!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-latest-panel .mcqa-home-more{
    flex:0 0 auto!important;
  }
}

/* Do not let this desktop-only release override the v10.0.4 tablet/mobile classifier. */
@media (max-width:1199px){
  #mcqa-app.mcqa-app .mcqa-v10-primary-grid > .mcqa-v10-panel{
    max-height:none!important;
  }
}