/* MEDIPHARM Clinical Q&A v10.5.7 — Refined Contrast & Hero Border Consistency Hotfix
   Exact parent: v10.5.6 Stable Module Accent Palette Hotfix.
   Presentation-only maintenance release. Clinical corpus, importer, REST, DB, routing,
   access control and JavaScript behaviour remain unchanged.

   Design contract:
   - Keep v10.5.6 module-owned accent identity.
   - Increase accent chroma/depth without using black or near-black decorative borders.
   - Use one content-hero geometry: 18px radius, 1px accent-aware border, restrained shadow,
     and a consistent 4px inner accent rail.
   - White remains the dominant surface; accent is the point of emphasis. */

#mcqa-app.mcqa-app{
  --mcqa-accent-blue:#2f73b8;
  --mcqa-accent-sky:#278ca8;
  --mcqa-accent-teal:#26877c;
  --mcqa-accent-violet:#7557b7;
  --mcqa-accent-gold:#b78325;
  --mcqa-hero-radius:18px;
  --mcqa-hero-border-neutral:#d9e4eb;
}

/* ---------- One geometry for all clinical content heroes ---------- */
#mcqa-app.mcqa-app .mcqa-v10-featured-card,
#mcqa-app.mcqa-app .mcqa-v10-specialty-hero,
#mcqa-app.mcqa-app .mcqa-latest-answer-hero,
#mcqa-app.mcqa-app .mcqa-detail-head{
  border-radius:var(--mcqa-hero-radius)!important;
  overflow:hidden!important;
  box-shadow:0 10px 26px rgba(30,68,94,.065)!important;
}

/* Featured owns violet. */
#mcqa-app.mcqa-app .mcqa-v10-featured-card{
  --feature-accent:var(--mcqa-accent-violet)!important;
  border:1px solid color-mix(in srgb,var(--mcqa-accent-violet) 38%,var(--mcqa-hero-border-neutral))!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--mcqa-accent-violet) 7%,#fff),#fff 46%,#fff)!important;
  box-shadow:
    inset 4px 0 0 color-mix(in srgb,var(--mcqa-accent-violet) 90%,transparent),
    0 10px 26px rgba(70,49,120,.07)!important;
}
#mcqa-app.mcqa-app .mcqa-v10-featured-meta span{
  background:color-mix(in srgb,var(--mcqa-accent-violet) 14%,#fff)!important;
  color:#60439f!important;
}
#mcqa-app.mcqa-app .mcqa-v10-featured-meta .mcqa-v10-featured-topic{
  border-color:color-mix(in srgb,var(--mcqa-accent-violet) 28%,#dbe4ea)!important;
  background:color-mix(in srgb,var(--mcqa-accent-violet) 7%,#fff)!important;
  color:#5f4b8c!important;
}
#mcqa-app.mcqa-app .mcqa-v10-featured-answer{
  border-color:color-mix(in srgb,var(--mcqa-accent-violet) 24%,#dce7ed)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--mcqa-accent-violet) 6%,#fff),#fff 78%)!important;
}

/* Latest owns blue. */
#mcqa-app.mcqa-app .mcqa-latest-answer-hero{
  --latest-accent:var(--mcqa-accent-blue)!important;
  border:1px solid color-mix(in srgb,var(--mcqa-accent-blue) 38%,var(--mcqa-hero-border-neutral))!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--mcqa-accent-blue) 7%,#fff),#fff 62%)!important;
  box-shadow:
    inset 4px 0 0 color-mix(in srgb,var(--mcqa-accent-blue) 88%,transparent),
    0 10px 26px rgba(39,93,141,.07)!important;
}
#mcqa-app.mcqa-app button.mcqa-v10-latest-item{
  border-color:color-mix(in srgb,var(--mcqa-accent-blue) 22%,#dfe8ed)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--mcqa-accent-blue) 3%,#fff),#fff)!important;
}
#mcqa-app.mcqa-app button.mcqa-v10-latest-item:hover,
#mcqa-app.mcqa-app button.mcqa-v10-latest-item:focus-visible{
  border-color:color-mix(in srgb,var(--mcqa-accent-blue) 42%,#d5e2e9)!important;
  background:color-mix(in srgb,var(--mcqa-accent-blue) 8%,#fff)!important;
}
#mcqa-app.mcqa-app .mcqa-v10-latest-index{
  background:color-mix(in srgb,var(--mcqa-accent-blue) 16%,#fff)!important;
  color:#235f99!important;
  border:1px solid color-mix(in srgb,var(--mcqa-accent-blue) 28%,#dbe5ec)!important;
}
#mcqa-app.mcqa-app .mcqa-v10-latest-arrow{color:#2a6ca9!important}

/* Specialty hero: one border/radius language; only the module-owned accent changes. */
#mcqa-app.mcqa-app .mcqa-v10-specialty-module{
  border-top:3px solid color-mix(in srgb,var(--disc-accent) 88%,transparent)!important;
  border-color:color-mix(in srgb,var(--disc-accent) 28%,#dbe6ec)!important;
  box-shadow:0 12px 30px rgba(24,65,90,.055)!important;
}
#mcqa-app.mcqa-app .mcqa-v10-specialty-module-head{
  background:linear-gradient(100deg,color-mix(in srgb,var(--disc-accent) 10%,#fff),#fff 72%)!important;
  border-bottom-color:color-mix(in srgb,var(--disc-accent) 24%,#dce7ed)!important;
}
#mcqa-app.mcqa-app .mcqa-v10-specialty-hero{
  border:1px solid color-mix(in srgb,var(--disc-accent) 38%,var(--mcqa-hero-border-neutral))!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--disc-accent) 7%,#fff),#fff 64%)!important;
  box-shadow:
    inset 4px 0 0 color-mix(in srgb,var(--disc-accent) 88%,transparent),
    0 10px 26px color-mix(in srgb,var(--disc-accent) 8%,transparent)!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{
  border-color:color-mix(in srgb,var(--disc-accent) 24%,#dce7ed)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--disc-accent) 4.5%,#fff),#fff)!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) 46%,#d4e0e7)!important;
  background:color-mix(in srgb,var(--disc-accent) 8%,#fff)!important;
}
#mcqa-app.mcqa-app .mcqa-v10-specialty-load-more{
  border-color:color-mix(in srgb,var(--disc-accent) 42%,#d8e3e9)!important;
  color:color-mix(in srgb,var(--disc-accent) 94%,#17394d)!important;
  background:color-mix(in srgb,var(--disc-accent) 5%,#fff)!important;
}

/* Specialty tiles: stronger icon/accent, white dominant card. */
#mcqa-app.mcqa-app .mcqa-v10-specialty-tile{
  border-color:color-mix(in srgb,var(--tile-accent,var(--mcqa-accent-blue)) 25%,#dce7ed)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--tile-accent,var(--mcqa-accent-blue)) 4%,#fff),#fff)!important;
}
#mcqa-app.mcqa-app .mcqa-v10-specialty-tile .mcqa-v10-specialty-icon{
  color:var(--tile-accent,var(--mcqa-accent-blue))!important;
  background:color-mix(in srgb,var(--tile-accent,var(--mcqa-accent-blue)) 13%,#fff)!important;
  border:1px solid color-mix(in srgb,var(--tile-accent,var(--mcqa-accent-blue)) 24%,#dce7ed)!important;
}

/* Detail hero owns blue and uses the same 18px clinical hero geometry. */
#mcqa-app.mcqa-app .mcqa-detail-head{
  --accent:var(--mcqa-accent-blue)!important;
  --accent-line:color-mix(in srgb,var(--mcqa-accent-blue) 38%,#dbe5eb)!important;
  border:1px solid var(--accent-line)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--mcqa-accent-blue) 7%,#fff),#fff 68%)!important;
  box-shadow:
    inset 4px 0 0 color-mix(in srgb,var(--mcqa-accent-blue) 88%,transparent),
    0 10px 26px rgba(35,84,128,.065)!important;
}
#mcqa-app.mcqa-app .mcqa-detail-path{color:#276ca8!important}
#mcqa-app.mcqa-app .mcqa-answer-box{
  border-color:color-mix(in srgb,var(--mcqa-accent-blue) 24%,#dce7ed)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--mcqa-accent-blue) 5%,#fff),#fff 80%)!important;
}

/* Related questions own violet: stronger but still editorial. */
#mcqa-app.mcqa-app .mcqa-related-grid .mcqa-related-card,
#mcqa-app.mcqa-app .mcqa-related-grid .mcqa-related-card:nth-child(n){
  border-color:color-mix(in srgb,var(--mcqa-accent-violet) 30%,#dce6ec)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--mcqa-accent-violet) 6%,#fff),#fff)!important;
  box-shadow:0 7px 18px rgba(69,49,116,.055)!important;
}
#mcqa-app.mcqa-app .mcqa-related-grid .mcqa-related-card i{color:#6545a8!important}

/* Warm gold should read as amber/gold, never brown/black. */
#mcqa-app.mcqa-app [data-accent="gold"],
#mcqa-app.mcqa-app [data-accent="slate"]{
  --feature-accent:var(--mcqa-accent-gold)!important;
  --latest-accent:var(--mcqa-accent-gold)!important;
  --tile-accent:var(--mcqa-accent-gold)!important;
  --disc-accent:var(--mcqa-accent-gold)!important;
}

/* Mobile/tablet: same hero geometry and border hierarchy, only slightly tighter radius. */
@media(max-width:767px){
  #mcqa-app.mcqa-app{
    --mcqa-hero-radius:16px;
  }
  #mcqa-app.mcqa-app .mcqa-v10-featured-card,
  #mcqa-app.mcqa-app .mcqa-v10-specialty-hero,
  #mcqa-app.mcqa-app .mcqa-latest-answer-hero,
  #mcqa-app.mcqa-app .mcqa-detail-head{
    border-radius:var(--mcqa-hero-radius)!important;
  }
}

/* Dark mode: retain the same identities with more saturated accents, not black decorative rails. */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark) #mcqa-app.mcqa-app,
html.dark #mcqa-app.mcqa-app,
body.dark #mcqa-app.mcqa-app,
[data-theme="dark"] #mcqa-app.mcqa-app,
.dark-mode #mcqa-app.mcqa-app,
.is-dark #mcqa-app.mcqa-app{
  --mcqa-accent-blue:#63a7dc;
  --mcqa-accent-sky:#64b4cb;
  --mcqa-accent-teal:#58b7aa;
  --mcqa-accent-violet:#a58add;
  --mcqa-accent-gold:#ddb65d;
  --mcqa-hero-border-neutral:#304b59;
}