/* MEDIPHARM Clinical Q&A v10.5.4 — Inspiring Wave Hero & Desktop Scrollbar Cleanup
   Exact parent: v10.5.3 Responsive Wrapper Density Hotfix.
   Scope: presentation only. No clinical corpus, importer, REST, routing or runtime logic changes.
   1) Hero becomes white-led and calmer, with a pale wave-line footer accent.
   2) Desktop right-side/supporting scroll regions keep wheel/trackpad/keyboard scrolling but do not show a persistent scrollbar.
*/

/* --- Hero: restrained white surface + light wave-line footer --- */
#mcqa-app.mcqa-app .mcqa-v10-hero{
  isolation:isolate!important;
  border-color:#dfeaf0!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.995) 0%,#ffffff 72%,#fbfdff 100%)!important;
  box-shadow:
    0 22px 58px rgba(35,76,101,.065),
    inset 0 1px 0 rgba(255,255,255,.98)!important;
}

/* Replace the older radial blob with a very light footer wave treatment. */
#mcqa-app.mcqa-app .mcqa-v10-hero::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:0!important;
  right:0!important;
  top:auto!important;
  bottom:-1px!important;
  width:100%!important;
  height:31%!important;
  border-radius:0!important;
  background:url('mcqa-v10-hero-wave.svg') center bottom / 100% 100% no-repeat!important;
  opacity:.86!important;
  pointer-events:none!important;
}

#mcqa-app.mcqa-app .mcqa-v10-hero-copy,
#mcqa-app.mcqa-app .mcqa-v10-hero-art{
  position:relative!important;
  z-index:2!important;
}

/* Keep the editorial rail but make it lighter than the previous tri-colour accent. */
#mcqa-app.mcqa-app .mcqa-v10-hero-copy::before{
  background:linear-gradient(180deg,#56c4d1 0%,#74aee0 58%,#a8a6e7 100%)!important;
  opacity:.62!important;
}

#mcqa-app.mcqa-app .mcqa-v10-eyebrow{
  color:#12859b!important;
}
#mcqa-app.mcqa-app .mcqa-v10-hero h1{
  color:#12324b!important;
}
#mcqa-app.mcqa-app .mcqa-v10-hero p{
  color:#617786!important;
}

/* Clinical illustration floats on a barely tinted glass panel; no saturated gradient field. */
#mcqa-app.mcqa-app .mcqa-v10-hero-art::before{
  inset:10% 4% 9% 3%!important;
  border-color:rgba(85,157,187,.11)!important;
  background:linear-gradient(145deg,rgba(246,252,255,.90),rgba(249,250,255,.82))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 14px 34px rgba(58,99,124,.035)!important;
}
#mcqa-app.mcqa-app .mcqa-v10-hero-art img{
  filter:drop-shadow(0 16px 30px rgba(46,87,111,.05))!important;
}

#mcqa-app.mcqa-app .mcqa-v10-metrics>div{
  background:rgba(255,255,255,.94)!important;
  border-color:#dfe9ef!important;
  box-shadow:0 8px 20px rgba(43,80,104,.038)!important;
  backdrop-filter:blur(3px)!important;
}

/* Tablet: retain the same visual language but keep the wave quieter. */
@media (min-width:768px) and (max-width:1199px){
  #mcqa-app.mcqa-app .mcqa-v10-hero::after{
    height:27%!important;
    opacity:.68!important;
  }
}

/* Mobile has no illustration; keep only a subtle footer wave behind the compact metrics. */
@media (max-width:767px){
  #mcqa-app.mcqa-app .mcqa-v10-hero::after{
    height:24%!important;
    opacity:.48!important;
  }
}

/* --- Desktop: no persistent scrollbar in right/supporting module columns ---
   Scrolling remains enabled through mouse wheel, trackpad, keyboard and touch-capable desktop hardware. */
@media (min-width:1200px){
  #mcqa-app.mcqa-app .mcqa-v10-latest-panel .mcqa-v10-latest-list,
  #mcqa-app.mcqa-app .mcqa-v10-specialty-module-scroll{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    scrollbar-gutter:auto!important;
  }

  #mcqa-app.mcqa-app .mcqa-v10-latest-panel .mcqa-v10-latest-list{
    padding-right:0!important;
  }

  #mcqa-app.mcqa-app .mcqa-v10-latest-panel .mcqa-v10-latest-list::-webkit-scrollbar,
  #mcqa-app.mcqa-app .mcqa-v10-specialty-module-scroll::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
  }
}

/* Dark mode continues to inherit the website's global theme state; only tune the new wave surface. */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark) #mcqa-app.mcqa-app .mcqa-v10-hero,
html.dark #mcqa-app.mcqa-app .mcqa-v10-hero,
body.dark #mcqa-app.mcqa-app .mcqa-v10-hero,
[data-theme="dark"] #mcqa-app.mcqa-app .mcqa-v10-hero,
.dark-mode #mcqa-app.mcqa-app .mcqa-v10-hero,
.is-dark #mcqa-app.mcqa-app .mcqa-v10-hero{
  border-color:#2c4b59!important;
  background:linear-gradient(180deg,#112b36 0%,#132d39 74%,#172f40 100%)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.03)!important;
}

html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark) #mcqa-app.mcqa-app .mcqa-v10-hero::after,
html.dark #mcqa-app.mcqa-app .mcqa-v10-hero::after,
body.dark #mcqa-app.mcqa-app .mcqa-v10-hero::after,
[data-theme="dark"] #mcqa-app.mcqa-app .mcqa-v10-hero::after,
.dark-mode #mcqa-app.mcqa-app .mcqa-v10-hero::after,
.is-dark #mcqa-app.mcqa-app .mcqa-v10-hero::after{
  opacity:.13!important;
}

html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark) #mcqa-app.mcqa-app .mcqa-v10-hero-art::before,
html.dark #mcqa-app.mcqa-app .mcqa-v10-hero-art::before,
body.dark #mcqa-app.mcqa-app .mcqa-v10-hero-art::before,
[data-theme="dark"] #mcqa-app.mcqa-app .mcqa-v10-hero-art::before,
.dark-mode #mcqa-app.mcqa-app .mcqa-v10-hero-art::before,
.is-dark #mcqa-app.mcqa-app .mcqa-v10-hero-art::before{
  border-color:rgba(116,185,204,.10)!important;
  background:linear-gradient(145deg,rgba(18,52,63,.66),rgba(28,40,63,.60))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}