/* MEDIPHARM Clinical Q&A v10.5.12 — Clinical Summary Popup Readability Hotfix
   Exact parent: v10.5.11 Taxonomy White Surface & Accent Simplification Hotfix.
   Scope: typography/readability only inside the “Tóm tắt lâm sàng” detail popup.
   No corpus, importer, REST, routing or JavaScript behaviour changes. */

#mcqa-app.mcqa-app .mcqa-detail{
  --mcqa-detail-body-size:17px;
  --mcqa-detail-body-line:1.72;
  --mcqa-detail-label-size:12.5px;
  --mcqa-detail-section-title-size:17px;
}

/* Main answer and all long-form clinical text inside the popup. */
#mcqa-app.mcqa-app .mcqa-detail :is(
  .mcqa-answer-paragraph,
  .mcqa-answer-box p,
  .mcqa-pearl-box p,
  .mcqa-detail-section p,
  .mcqa-apply-grid p,
  .mcqa-two-col p,
  .mcqa-update-status p,
  .mcqa-source p,
  li
){
  font-size:var(--mcqa-detail-body-size)!important;
  line-height:var(--mcqa-detail-body-line)!important;
  letter-spacing:.001em!important;
  font-weight:470!important;
  text-wrap:pretty;
}

/* Keep paragraphs visually separated without adding more wrapper space. */
#mcqa-app.mcqa-app .mcqa-detail .mcqa-answer-paragraph{
  margin-bottom:.72em!important;
}
#mcqa-app.mcqa-app .mcqa-detail .mcqa-answer-paragraph:last-child{margin-bottom:0!important}

/* Labels such as TRẢ LỜI NGẮN GỌN / ĐIỂM NHẤN MẠNH LÂM SÀNG. */
#mcqa-app.mcqa-app .mcqa-detail :is(.mcqa-answer-box>span,.mcqa-pearl-box>span,.mcqa-entry-answer-label){
  font-size:var(--mcqa-detail-label-size)!important;
  line-height:1.35!important;
  letter-spacing:.075em!important;
}

/* Section headings such as TÓM TẮT BẰNG CHỨNG / ÁP DỤNG LÂM SÀNG. */
#mcqa-app.mcqa-app .mcqa-detail :is(.mcqa-detail-section h3,.mcqa-apply-grid h3,.mcqa-two-col h3){
  font-size:var(--mcqa-detail-section-title-size)!important;
  line-height:1.35!important;
}

/* Source metadata should remain secondary, but no longer microscopic. */
#mcqa-app.mcqa-app .mcqa-detail :is(.mcqa-detail-status,.mcqa-source-meta,.mcqa-related-card span){
  font-size:13px!important;
  line-height:1.45!important;
}

/* Wide desktop gets a slightly larger reading scale. */
@media (min-width:1440px){
  #mcqa-app.mcqa-app .mcqa-detail{
    --mcqa-detail-body-size:17.5px;
    --mcqa-detail-label-size:13px;
    --mcqa-detail-section-title-size:17.5px;
  }
}

/* Tablet keeps the same readable scale without overfilling the modal. */
@media (min-width:768px) and (max-width:1199px){
  #mcqa-app.mcqa-app .mcqa-detail{
    --mcqa-detail-body-size:16.5px;
    --mcqa-detail-label-size:12px;
    --mcqa-detail-section-title-size:16.5px;
  }
}

/* Mobile previously fell to 14px in the old foundation cascade; explicitly prevent that regression. */
@media (max-width:767px){
  #mcqa-app.mcqa-app .mcqa-detail{
    --mcqa-detail-body-size:16px;
    --mcqa-detail-body-line:1.68;
    --mcqa-detail-label-size:11.5px;
    --mcqa-detail-section-title-size:16px;
  }
  #mcqa-app.mcqa-app .mcqa-detail :is(.mcqa-detail-status,.mcqa-source-meta,.mcqa-related-card span){
    font-size:12px!important;
  }
}