/* MEDIPHARM Clinical Q&A v10.5.2 — Featured Readability & White Surface Hotfix
   Exact parent: v10.5.1 Compact Touch-Tablet & Home Menu Hotfix.
   Scope: presentation-only.
   1) Featured answer typography is explicitly locked to the same clinical-reading scale as
      specialty Hero answers, with stronger text contrast and paragraph rhythm.
   2) Light-mode question/answer surfaces are white-first. Accent gradients are reduced to
      subtle edge fades rather than full-card tinting.
   3) Dark-mode surfaces retain the accepted shared-theme hierarchy.
   No corpus/import/REST/routing/runtime changes. */

/* --------------------------------------------------------------------------
   1. One answer typography contract for Featured + specialty Hero answers.
   Explicit paragraph sizing prevents older generic card-p rules from making Featured copy
   appear smaller even when the wrapper inherits the correct scale.
   -------------------------------------------------------------------------- */
#mcqa-app.mcqa-app :is(.mcqa-v10-featured-answer,.mcqa-v10-specialty-answer) .mcqa-answer-blocks,
#mcqa-app.mcqa-app :is(.mcqa-v10-featured-answer,.mcqa-v10-specialty-answer) .mcqa-answer-paragraph{
  font-size:var(--mcqa10-body-font)!important;
  line-height:1.78!important;
  font-weight:440!important;
  letter-spacing:.001em!important;
  color:color-mix(in srgb,var(--mcqa10-text) 88%,#ffffff 12%)!important;
}
#mcqa-app.mcqa-app .mcqa-v10-featured-answer .mcqa-answer-blocks{
  max-width:76ch!important;
}
#mcqa-app.mcqa-app .mcqa-v10-featured-answer .mcqa-answer-paragraph{
  margin:0 0 1em!important;
}
#mcqa-app.mcqa-app .mcqa-v10-featured-answer .mcqa-answer-paragraph:last-child{
  margin-bottom:0!important;
}

/* Desktop: slightly reinforce the reading size without changing question hierarchy. */
@media (min-width:1200px){
  #mcqa-app.mcqa-app .mcqa-v10-featured-answer .mcqa-answer-blocks,
  #mcqa-app.mcqa-app .mcqa-v10-featured-answer .mcqa-answer-paragraph{
    font-size:max(var(--mcqa10-body-font),18px)!important;
  }
}

/* --------------------------------------------------------------------------
   2. Light mode: white is the dominant surface. Gradients are only faint edge accents.
   These rules intentionally target the question/answer editorial surfaces, not the large
   application Hero banner.
   -------------------------------------------------------------------------- */
#mcqa-app.mcqa-app .mcqa-v10-panel{
  background:linear-gradient(145deg,#ffffff 0%,#ffffff 82%,rgba(232,246,250,.34) 100%)!important;
}
#mcqa-app.mcqa-app .mcqa-v10-featured-card{
  background:linear-gradient(135deg,color-mix(in srgb,var(--feature-accent) 1.8%,#fff) 0%,#ffffff 34%,#ffffff 100%)!important;
}
#mcqa-app.mcqa-app .mcqa-v10-featured-answer{
  background:linear-gradient(135deg,color-mix(in srgb,var(--feature-accent) 1.6%,#fff) 0%,#ffffff 30%,#ffffff 100%)!important;
  border-color:color-mix(in srgb,var(--feature-accent) 13%,var(--mcqa10-line))!important;
}

#mcqa-app.mcqa-app button.mcqa-v10-latest-item{
  background:linear-gradient(110deg,#ffffff 0%,#ffffff 84%,color-mix(in srgb,var(--latest-accent) 1.5%,#fff) 100%)!important;
}
#mcqa-app.mcqa-app button.mcqa-v10-latest-item:hover,
#mcqa-app.mcqa-app button.mcqa-v10-latest-item:focus-visible{
  background:linear-gradient(110deg,#ffffff 0%,#ffffff 70%,color-mix(in srgb,var(--latest-accent) 3.2%,#fff) 100%)!important;
}

#mcqa-app.mcqa-app .mcqa-v10-specialty-module{
  background:linear-gradient(150deg,color-mix(in srgb,var(--disc-accent) 1.4%,#fff) 0%,#ffffff 28%,#ffffff 100%)!important;
}
#mcqa-app.mcqa-app .mcqa-v10-specialty-module-head{
  background:linear-gradient(100deg,color-mix(in srgb,var(--disc-accent) 3%,#fff) 0%,#ffffff 34%,#ffffff 100%)!important;
}
#mcqa-app.mcqa-app .mcqa-v10-specialty-hero{
  background:linear-gradient(135deg,color-mix(in srgb,var(--disc-accent) 2%,#fff) 0%,#ffffff 30%,#ffffff 100%)!important;
}
#mcqa-app.mcqa-app .mcqa-v10-specialty-list-item{
  background:#ffffff!important;
}
#mcqa-app.mcqa-app .mcqa-v10-specialty-module-footer{
  background:linear-gradient(180deg,#ffffff 0%,#ffffff 72%,color-mix(in srgb,var(--disc-accent) 1.2%,#fff) 100%)!important;
}
#mcqa-app.mcqa-app .mcqa-v10-specialty-load-more{
  background:linear-gradient(135deg,#ffffff 0%,#ffffff 72%,color-mix(in srgb,var(--disc-accent) 3%,#fff) 100%)!important;
}

/* --------------------------------------------------------------------------
   3. Dark mode guard: do not let the light-surface hotfix override the shared dark theme.
   -------------------------------------------------------------------------- */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark) #mcqa-app.mcqa-app .mcqa-v10-panel,
html.dark #mcqa-app.mcqa-app .mcqa-v10-panel,
body.dark #mcqa-app.mcqa-app .mcqa-v10-panel,
[data-theme="dark"] #mcqa-app.mcqa-app .mcqa-v10-panel,
.dark-mode #mcqa-app.mcqa-app .mcqa-v10-panel,
.is-dark #mcqa-app.mcqa-app .mcqa-v10-panel{
  background:#132b36!important;
  border-color:#2d4a57!important;
}

html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark) #mcqa-app.mcqa-app :is(.mcqa-v10-featured-card,.mcqa-v10-featured-answer,.mcqa-v10-specialty-module,.mcqa-v10-specialty-hero,.mcqa-v10-specialty-list-item),
html.dark #mcqa-app.mcqa-app :is(.mcqa-v10-featured-card,.mcqa-v10-featured-answer,.mcqa-v10-specialty-module,.mcqa-v10-specialty-hero,.mcqa-v10-specialty-list-item),
body.dark #mcqa-app.mcqa-app :is(.mcqa-v10-featured-card,.mcqa-v10-featured-answer,.mcqa-v10-specialty-module,.mcqa-v10-specialty-hero,.mcqa-v10-specialty-list-item),
[data-theme="dark"] #mcqa-app.mcqa-app :is(.mcqa-v10-featured-card,.mcqa-v10-featured-answer,.mcqa-v10-specialty-module,.mcqa-v10-specialty-hero,.mcqa-v10-specialty-list-item),
.dark-mode #mcqa-app.mcqa-app :is(.mcqa-v10-featured-card,.mcqa-v10-featured-answer,.mcqa-v10-specialty-module,.mcqa-v10-specialty-hero,.mcqa-v10-specialty-list-item),
.is-dark #mcqa-app.mcqa-app :is(.mcqa-v10-featured-card,.mcqa-v10-featured-answer,.mcqa-v10-specialty-module,.mcqa-v10-specialty-hero,.mcqa-v10-specialty-list-item){
  background:#132b36!important;
  border-color:#2d4a57!important;
  color:#edf6f8!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark) #mcqa-app.mcqa-app .mcqa-v10-specialty-module-head,
html.dark #mcqa-app.mcqa-app .mcqa-v10-specialty-module-head,
body.dark #mcqa-app.mcqa-app .mcqa-v10-specialty-module-head,
[data-theme="dark"] #mcqa-app.mcqa-app .mcqa-v10-specialty-module-head,
.dark-mode #mcqa-app.mcqa-app .mcqa-v10-specialty-module-head,
.is-dark #mcqa-app.mcqa-app .mcqa-v10-specialty-module-head{
  background:#17323e!important;
  border-color:#2d4a57!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark) #mcqa-app.mcqa-app button.mcqa-v10-latest-item,
html.dark #mcqa-app.mcqa-app button.mcqa-v10-latest-item,
body.dark #mcqa-app.mcqa-app button.mcqa-v10-latest-item,
[data-theme="dark"] #mcqa-app.mcqa-app button.mcqa-v10-latest-item,
.dark-mode #mcqa-app.mcqa-app button.mcqa-v10-latest-item,
.is-dark #mcqa-app.mcqa-app button.mcqa-v10-latest-item{
  background:linear-gradient(110deg,#132b36,#162f3b)!important;
  border-color:#294752!important;
  color:#edf6f8!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark) #mcqa-app.mcqa-app .mcqa-v10-specialty-module-footer,
html.dark #mcqa-app.mcqa-app .mcqa-v10-specialty-module-footer,
body.dark #mcqa-app.mcqa-app .mcqa-v10-specialty-module-footer,
[data-theme="dark"] #mcqa-app.mcqa-app .mcqa-v10-specialty-module-footer,
.dark-mode #mcqa-app.mcqa-app .mcqa-v10-specialty-module-footer,
.is-dark #mcqa-app.mcqa-app .mcqa-v10-specialty-module-footer{
  background:#17323e!important;
  border-color:#2d4a57!important;
}

html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark) #mcqa-app.mcqa-app :is(.mcqa-v10-featured-answer,.mcqa-v10-specialty-answer) .mcqa-answer-paragraph,
html.dark #mcqa-app.mcqa-app :is(.mcqa-v10-featured-answer,.mcqa-v10-specialty-answer) .mcqa-answer-paragraph,
body.dark #mcqa-app.mcqa-app :is(.mcqa-v10-featured-answer,.mcqa-v10-specialty-answer) .mcqa-answer-paragraph,
[data-theme="dark"] #mcqa-app.mcqa-app :is(.mcqa-v10-featured-answer,.mcqa-v10-specialty-answer) .mcqa-answer-paragraph,
.dark-mode #mcqa-app.mcqa-app :is(.mcqa-v10-featured-answer,.mcqa-v10-specialty-answer) .mcqa-answer-paragraph,
.is-dark #mcqa-app.mcqa-app :is(.mcqa-v10-featured-answer,.mcqa-v10-specialty-answer) .mcqa-answer-paragraph{
  color:#d5e4ea!important;
}