/* Super App v1.3.12 – Transparent Hero & Dark Surface Finish.
   This LAST-loaded, home-scoped layer changes visual surfaces only.
   No JavaScript, taxonomy, membership or routing changes. */
html body #syh-app.syh-app .syh-h6-art.syh-v130-hero-art{
 background:transparent!important;background-image:none!important;
 border:0!important;outline:0!important;box-shadow:none!important;
 overflow:visible!important;
 display:flex!important;align-items:flex-end!important;justify-content:center!important;
}
html body #syh-app.syh-app .syh-h6-art.syh-v130-hero-art::before,
html body #syh-app.syh-app .syh-h6-art.syh-v130-hero-art::after{display:none!important;content:none!important}
html body #syh-app.syh-app .syh-h6-art.syh-v130-hero-art img.syh-v130-editorial-image{
 display:block!important;position:relative!important;
 width:100%!important;max-width:100%!important;height:auto!important;
 aspect-ratio:933/298!important;object-fit:contain!important;object-position:center bottom!important;
 margin:0!important;padding:0!important;background:transparent!important;
 border:0!important;outline:0!important;box-shadow:none!important;
 opacity:1!important;filter:drop-shadow(0 16px 14px rgba(20,55,80,.18))!important;
 -webkit-mask-image:none!important;mask-image:none!important;
}
/* The stage/panel is a CSS surface; books themselves have physical alpha edges. */
html body #syh-app.syh-app .syh-h6-surface{
 isolation:isolate!important;overflow:hidden!important;
 background:linear-gradient(113deg,#fff 4%,#f5fbff 49%,#eaf7ff 100%)!important;
}
html body #syh-app.syh-app .syh-h6-surface::before,
html body #syh-app.syh-app .syh-h6-surface::after{
 display:none!important;content:none!important;
}
/* Limit legacy 63%-wide visual at intermediate viewports; use a single column
   on opened-foldable/tablet instead of an undersized photo with blank margin. */
@media (min-width:1101px){
 html body #syh-app.syh-app .syh-h6-art.syh-v130-hero-art{width:58%!important;max-width:58%!important;right:0!important;top:auto!important;bottom:clamp(6px,1.5vw,20px)!important;position:absolute!important;}
 html body #syh-app.syh-app .syh-h6-copy{position:relative!important;z-index:2!important;}
}
@media (max-width:1100px){
 html body #syh-app.syh-app .syh-h6-surface{display:flex!important;flex-direction:column!important;min-height:0!important;}
 html body #syh-app.syh-app .syh-h6-copy{width:100%!important;max-width:100%!important;flex-basis:auto!important;padding:clamp(12px,2.3vw,28px)!important;}
 html body #syh-app.syh-app .syh-h6-art.syh-v130-hero-art{
  position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
  width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;
  padding:0 clamp(5px,1.4vw,15px) clamp(4px,1vw,10px)!important;
 }
}
@media (max-width:600px){
 html body #syh-app.syh-app .syh-h6-copy{padding:12px 12px 8px!important;}
 html body #syh-app.syh-app .syh-h6-art.syh-v130-hero-art{padding-inline:4px!important;}
}
/* Prevent remaining white image/cover plates from breaking the dark canvas.
   Book foregrounds keep their original color and sharpness. */
:is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-night-active,html.nah-sdp-night-mode,html.nah-sdp-dark-mode,html.medipharm-global-dark,html[data-theme="dark"],html[data-color-scheme="dark"]) body #syh-app.syh-app .syh-h6-surface,
html body #syh-app.syh-app[data-syh-theme="dark"] .syh-h6-surface{
 background:linear-gradient(117deg,#10293b,#15384c 76%,#102c40)!important;
}
:is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-night-active,html.nah-sdp-night-mode,html.nah-sdp-dark-mode,html.medipharm-global-dark,html[data-theme="dark"],html[data-color-scheme="dark"]) body #syh-app.syh-app .syh-parent-category-card-media,
html body #syh-app.syh-app[data-syh-theme="dark"] .syh-parent-category-card-media{
 background:#152d40!important;background-image:none!important;
}
:is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-night-active,html.nah-sdp-night-mode,html.nah-sdp-dark-mode,html.medipharm-global-dark,html[data-theme="dark"],html[data-color-scheme="dark"]) body #syh-app.syh-app .syh-parent-category-card-media .syh-category-deck,
html body #syh-app.syh-app[data-syh-theme="dark"] .syh-parent-category-card-media .syh-category-deck{
 background:transparent!important;background-image:none!important;
}
@media (prefers-reduced-motion:reduce){html body #syh-app.syh-app .syh-v130-editorial-image{transition:none!important}}