/* MEDIPHARM Clinical Q&A v10.5.5 — Wrapper Simplification & Soft Surface Hotfix
   Exact parent: v10.5.4 Inspiring Wave Hero & Desktop Scrollbar Cleanup.
   Scope: presentation only. No corpus, importer, REST, routing or JS logic changes.
   Goals:
   1) Reduce nested wrapper density across home/specialty/detail surfaces.
   2) Replace visually heavy dark / high-contrast shells with lighter, calmer clinical surfaces.
   3) Keep the white-first editorial language introduced in v10.5.2–v10.5.4. */

/* ---------- Home / specialty modules: reduce wrapper density ---------- */
#mcqa-app.mcqa-app :is(.mcqa-v10-panel,.mcqa-v10-specialty-module,.mcqa-specialty-hub,.mcqa-dash-column,.mcqa-browse-section){
  border-color:#dee9f0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(250,252,254,.965))!important;
  box-shadow:0 10px 28px rgba(24,63,87,.045)!important;
}

#mcqa-app.mcqa-app .mcqa-v10-specialty-module{
  border-top-width:2px!important;
  border-top-color:color-mix(in srgb,var(--disc-accent,#1e7ab8) 54%,#d9e8ef)!important;
  border-radius:20px!important;
}
#mcqa-app.mcqa-app .mcqa-v10-specialty-module-scroll{
  padding:clamp(14px,1.45vw,22px)!important;
}
#mcqa-app.mcqa-app .mcqa-v10-specialty-layout{
  gap:clamp(14px,1.6vw,24px)!important;
}
#mcqa-app.mcqa-app .mcqa-v10-specialty-module-head{
  padding:16px 18px 14px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--disc-accent,#1e7ab8) 4%,#fff),#fff)!important;
  border-bottom:1px solid color-mix(in srgb,var(--disc-accent,#1e7ab8) 10%,#e2ecf2)!important;
}
#mcqa-app.mcqa-app .mcqa-v10-specialty-hero{
  padding:clamp(16px,1.45vw,22px)!important;
  border:1px solid color-mix(in srgb,var(--disc-accent,#1e7ab8) 10%,#dfeaf0)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--disc-accent,#1e7ab8) 3%,#fff),#fff 72%)!important;
  box-shadow:none!important;
}
#mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary{gap:9px!important}
#mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary .mcqa-v10-specialty-list-item,
#mcqa-app.mcqa-app .mcqa-v10-specialty-list--more .mcqa-v10-specialty-list-item{
  min-height:84px!important;
  padding:12px 13px!important;
  border-radius:14px!important;
  border:1px solid color-mix(in srgb,var(--disc-accent,#1e7ab8) 10%,#dfe9ef)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--disc-accent,#1e7ab8) 2.6%,#fff),#fff)!important;
  box-shadow:none!important;
}
#mcqa-app.mcqa-app .mcqa-v10-specialty-list-item:hover,
#mcqa-app.mcqa-app .mcqa-v10-specialty-list-item:focus-visible{
  border-color:color-mix(in srgb,var(--disc-accent,#1e7ab8) 22%,#d7e4ec)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--disc-accent,#1e7ab8) 5%,#fff),#fff)!important;
  box-shadow:0 8px 20px rgba(27,72,97,.055)!important;
}
#mcqa-app.mcqa-app .mcqa-v10-specialty-module-footer{
  padding:12px 16px 16px!important;
  min-height:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.65),rgba(255,255,255,.95))!important;
  border-top:1px solid color-mix(in srgb,var(--disc-accent,#1e7ab8) 8%,#e0ebf1)!important;
}
#mcqa-app.mcqa-app .mcqa-v10-specialty-load-more{
  box-shadow:none!important;
  background:#fff!important;
}

/* ---------- Legacy/standalone modal detail: fewer wrappers + lighter tones ---------- */
.mcqa-app .mcqa-backdrop,
.mcqa-app .mcqa-specialty-backdrop{
  background:rgba(18,42,60,.16)!important;
  backdrop-filter:blur(5px)!important;
}
.mcqa-app .mcqa-drawer,
.mcqa-app .mcqa-specialty-drawer{
  padding:clamp(6px,1.8vw,16px)!important;
}
.mcqa-app .mcqa-detail,
.mcqa-app .mcqa-specialty-drawer>section{
  border-color:#dfe8ee!important;
  border-radius:18px!important;
  background:#fbfdff!important;
  box-shadow:0 18px 48px rgba(24,59,82,.12)!important;
}
.mcqa-app .mcqa-modal-bar,
.mcqa-app .mcqa-specialty-drawer>section>header{
  min-height:54px!important;
  padding:8px 14px!important;
  border-bottom:1px solid #e5edf2!important;
  background:#ffffff!important;
}
.mcqa-app .mcqa-close,
.mcqa-app .mcqa-specialty-drawer>section>header button{
  border-color:#d8e5ec!important;
  background:#ffffff!important;
  color:#31556b!important;
  box-shadow:0 4px 12px rgba(31,74,98,.06)!important;
}
.mcqa-app .mcqa-detail-scroll{
  padding:14px 14px 20px!important;
  background:linear-gradient(180deg,#fbfdff 0%,#f7fbfd 100%)!important;
}
.mcqa-app .mcqa-detail-head{
  padding:14px 15px!important;
  border-color:#dfe9ef!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft,#eef6ff) 50%,#fff),#fff 92%)!important;
  box-shadow:none!important;
}
.mcqa-app .mcqa-detail-section,
.mcqa-app .mcqa-answer-box,
.mcqa-app .mcqa-pearl-box,
.mcqa-app .mcqa-apply-grid>div,
.mcqa-app .mcqa-two-col>div,
.mcqa-app .mcqa-related-card,
.mcqa-app .mcqa-source,
.mcqa-app .mcqa-update-status{
  margin:10px 0!important;
  padding:14px 15px!important;
  border:1px solid #e1eaf0!important;
  border-radius:14px!important;
  background:#ffffff!important;
  box-shadow:0 6px 16px rgba(23,61,85,.045)!important;
}
.mcqa-app .mcqa-answer-box{border-color:#d8e7f0!important;background:linear-gradient(180deg,#f8fcff,#ffffff)!important}
.mcqa-app .mcqa-pearl-box{border-color:#d7ebe3!important;background:linear-gradient(180deg,#f7fcfa,#ffffff)!important}
.mcqa-app .mcqa-apply-grid,
.mcqa-app .mcqa-two-col,
.mcqa-app .mcqa-related-grid{
  gap:10px!important;
}
.mcqa-app .mcqa-detail-section h3,
.mcqa-app .mcqa-answer-box>span,
.mcqa-app .mcqa-pearl-box>span{
  letter-spacing:.03em!important;
}
.mcqa-app .mcqa-related-card strong{color:#17344b!important}
.mcqa-app .mcqa-related-card span,.mcqa-app .mcqa-source-meta,.mcqa-app .mcqa-detail-status{color:#6c8290!important}

/* ---------- Mobile / tablet: trim extra wrapper padding even more ---------- */
@media (max-width:1024px){
  #mcqa-app.mcqa-app .mcqa-v10-panel,
  #mcqa-app.mcqa-app .mcqa-v10-specialty-module-scroll,
  #mcqa-app.mcqa-app .mcqa-v10-specialty-module-head{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-layout{gap:12px!important}
  .mcqa-app .mcqa-detail-scroll{padding:12px 12px 18px!important}
}

@media (max-width:767px){
  #mcqa-app.mcqa-app .mcqa-v10-panel{padding:13px!important;border-radius:16px!important}
  #mcqa-app.mcqa-app .mcqa-v10-specialty-module{border-radius:18px!important}
  #mcqa-app.mcqa-app .mcqa-v10-specialty-module-scroll{padding:12px!important}
  #mcqa-app.mcqa-app .mcqa-v10-specialty-module-head{padding:13px 12px 12px!important}
  #mcqa-app.mcqa-app .mcqa-v10-specialty-hero{padding:13px!important;border-radius:14px!important}
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary{gap:8px!important}
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--primary .mcqa-v10-specialty-list-item,
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list--more .mcqa-v10-specialty-list-item{
    min-height:74px!important;
    padding:11px 12px!important;
  }
  .mcqa-app .mcqa-drawer,
  .mcqa-app .mcqa-specialty-drawer{padding:4px!important}
  .mcqa-app .mcqa-detail,
  .mcqa-app .mcqa-specialty-drawer>section{border-radius:16px!important}
  .mcqa-app .mcqa-modal-bar,
  .mcqa-app .mcqa-specialty-drawer>section>header{min-height:50px!important;padding:7px 10px!important}
  .mcqa-app .mcqa-detail-scroll{padding:10px 10px 16px!important}
  .mcqa-app .mcqa-detail-head,
  .mcqa-app .mcqa-detail-section,
  .mcqa-app .mcqa-answer-box,
  .mcqa-app .mcqa-pearl-box,
  .mcqa-app .mcqa-apply-grid>div,
  .mcqa-app .mcqa-two-col>div,
  .mcqa-app .mcqa-related-card,
  .mcqa-app .mcqa-source,
  .mcqa-app .mcqa-update-status{padding:12px!important;border-radius:13px!important}
}

/* ---------- Dark mode: preserve shared dark theme while keeping lower wrapper density ---------- */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark) #mcqa-app.mcqa-app :is(.mcqa-v10-panel,.mcqa-v10-specialty-module),
html.dark #mcqa-app.mcqa-app :is(.mcqa-v10-panel,.mcqa-v10-specialty-module),
body.dark #mcqa-app.mcqa-app :is(.mcqa-v10-panel,.mcqa-v10-specialty-module),
[data-theme="dark"] #mcqa-app.mcqa-app :is(.mcqa-v10-panel,.mcqa-v10-specialty-module),
.dark-mode #mcqa-app.mcqa-app :is(.mcqa-v10-panel,.mcqa-v10-specialty-module),
.is-dark #mcqa-app.mcqa-app :is(.mcqa-v10-panel,.mcqa-v10-specialty-module){
  background:linear-gradient(180deg,#122b37,#152f3b)!important;
  border-color:#2b4958!important;
  box-shadow:0 12px 28px rgba(0,0,0,.12)!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark) #mcqa-app.mcqa-app .mcqa-v10-specialty-hero,
html.dark #mcqa-app.mcqa-app .mcqa-v10-specialty-hero,
body.dark #mcqa-app.mcqa-app .mcqa-v10-specialty-hero,
[data-theme="dark"] #mcqa-app.mcqa-app .mcqa-v10-specialty-hero,
.dark-mode #mcqa-app.mcqa-app .mcqa-v10-specialty-hero,
.is-dark #mcqa-app.mcqa-app .mcqa-v10-specialty-hero,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark) .mcqa-app :is(.mcqa-detail,.mcqa-specialty-drawer>section,.mcqa-detail-head,.mcqa-detail-section,.mcqa-answer-box,.mcqa-pearl-box,.mcqa-apply-grid>div,.mcqa-two-col>div,.mcqa-related-card,.mcqa-source,.mcqa-update-status),
html.dark .mcqa-app :is(.mcqa-detail,.mcqa-specialty-drawer>section,.mcqa-detail-head,.mcqa-detail-section,.mcqa-answer-box,.mcqa-pearl-box,.mcqa-apply-grid>div,.mcqa-two-col>div,.mcqa-related-card,.mcqa-source,.mcqa-update-status),
body.dark .mcqa-app :is(.mcqa-detail,.mcqa-specialty-drawer>section,.mcqa-detail-head,.mcqa-detail-section,.mcqa-answer-box,.mcqa-pearl-box,.mcqa-apply-grid>div,.mcqa-two-col>div,.mcqa-related-card,.mcqa-source,.mcqa-update-status),
[data-theme="dark"] .mcqa-app :is(.mcqa-detail,.mcqa-specialty-drawer>section,.mcqa-detail-head,.mcqa-detail-section,.mcqa-answer-box,.mcqa-pearl-box,.mcqa-apply-grid>div,.mcqa-two-col>div,.mcqa-related-card,.mcqa-source,.mcqa-update-status),
.dark-mode .mcqa-app :is(.mcqa-detail,.mcqa-specialty-drawer>section,.mcqa-detail-head,.mcqa-detail-section,.mcqa-answer-box,.mcqa-pearl-box,.mcqa-apply-grid>div,.mcqa-two-col>div,.mcqa-related-card,.mcqa-source,.mcqa-update-status),
.is-dark .mcqa-app :is(.mcqa-detail,.mcqa-specialty-drawer>section,.mcqa-detail-head,.mcqa-detail-section,.mcqa-answer-box,.mcqa-pearl-box,.mcqa-apply-grid>div,.mcqa-two-col>div,.mcqa-related-card,.mcqa-source,.mcqa-update-status){
  background:#122b36!important;
  border-color:#2d4958!important;
  color:#edf5f8!important;
  box-shadow:none!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark) .mcqa-app .mcqa-backdrop,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark) .mcqa-app .mcqa-specialty-backdrop,
html.dark .mcqa-app .mcqa-backdrop,
html.dark .mcqa-app .mcqa-specialty-backdrop,
body.dark .mcqa-app .mcqa-backdrop,
body.dark .mcqa-app .mcqa-specialty-backdrop,
[data-theme="dark"] .mcqa-app .mcqa-backdrop,
[data-theme="dark"] .mcqa-app .mcqa-specialty-backdrop,
.dark-mode .mcqa-app .mcqa-backdrop,
.dark-mode .mcqa-app .mcqa-specialty-backdrop,
.is-dark .mcqa-app .mcqa-backdrop,
.is-dark .mcqa-app .mcqa-specialty-backdrop{
  background:rgba(2,12,18,.48)!important;
}