/* MEDIPHARM v1.3.9 — Foldable Hero / Category Deck / Dark Seam.
   Loaded after historical Super App styles. No changes to book data or routing. */
/* Use the viewport geometry of the unfolded INNER screen, not the outer phone.
   Previous v1.3.4 widths 59-63% left an empty right half after stacking. */
@media (min-width:601px) and (max-width:1100px) {
 html body #syh-app.syh-app.syh-material-v134 .syh-h6-surface {
  display:flex!important;flex-direction:column!important;grid-template-columns:none!important;
  height:auto!important;min-height:0!important;overflow:hidden!important;
 }
 html body #syh-app.syh-app.syh-material-v134 .syh-h6-copy {
  position:relative!important;z-index:4!important;align-self:stretch!important;
  flex:0 0 auto!important;width:100%!important;max-width:100%!important;
  padding:clamp(13px,2.5vw,28px) clamp(13px,3vw,30px) 7px!important;
 }
 html body #syh-app.syh-app.syh-material-v134 .syh-h6-copy h1 {
  max-width:none!important;font-size:clamp(28px,4.4vw,43px)!important;
 }
 html body #syh-app.syh-app.syh-material-v134 .syh-h6-services {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:700px!important;
 }
 html body #syh-app.syh-app.syh-material-v134 .syh-h6-art.syh-v130-hero-art {
  display:block!important;position:relative!important;inset:auto!important;left:auto!important;right:auto!important;
  top:auto!important;bottom:auto!important;flex:0 0 auto!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  height:auto!important;min-height:0!important;aspect-ratio:977 / 470!important;
  margin:0!important;padding:0!important;border:none!important;overflow:hidden!important;background:transparent!important;
 }
 html body #syh-app.syh-app.syh-material-v134 .syh-v130-editorial-image {
  display:block!important;position:relative!important;inset:auto!important;
  width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;
  object-fit:cover!important;object-position:center center!important;
  margin:0!important;padding:0!important;transform:none!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 100%)!important;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 100%)!important;
 }
 html body #syh-app.syh-app.syh-material-v134 .syh-h6-surface::before {display:none!important;content:none!important;}
 html body #syh-app.syh-app.syh-material-v134 .syh-h6-surface::after {height:12px!important;}
}
/* Phones: force full-width book illustration, including 320-600px and narrow split-screen folds. */
@media (max-width:600px){
 html body #syh-app.syh-app.syh-material-v134 .syh-h6-art.syh-v130-hero-art{
  position:relative!important;inset:auto!important;flex:0 0 auto!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  height:auto!important;aspect-ratio:977 / 470!important;min-height:0!important;
 }
 html body #syh-app.syh-app.syh-material-v134 .syh-v130-editorial-image{
  position:relative!important;inset:auto!important;display:block!important;
  width:100%!important;height:100%!important;max-width:100%!important;
  object-fit:cover!important;object-position:center center!important;
 }
}
/* These controls are informational labels, not a second set of navigation links. */
/* Triple-book category stacks: correct the ACTUAL plate (.syh-category-deck), which
   earlier fixes missed when they targeted only .syh-book-cover (individual books). */
html.medipharm-global-dark body #syh-app .syh-library-section .syh-parent-category-card-media,
html.medipharm-global-dark body #syh-app .syh-library-section .syh-parent-category-card-media .syh-category-deck,
body:has(#syh-app[data-syh-theme="dark"]) #syh-app .syh-library-section .syh-parent-category-card-media,
body:has(#syh-app[data-syh-theme="dark"]) #syh-app .syh-library-section .syh-parent-category-card-media .syh-category-deck,
#syh-app[data-syh-theme="dark"] .syh-library-section .syh-parent-category-card-media,
#syh-app[data-syh-theme="dark"] .syh-library-section .syh-parent-category-card-media .syh-category-deck {
 background:#152d40!important;background-image:none!important;box-shadow:none!important;
}
html.medipharm-global-dark body #syh-app .syh-library-section .syh-parent-category-card-media :is(.syh-category-deck-item,.syh-category-deck-cover,.syh-category-deck-ghost,.syh-category-ambient),
body:has(#syh-app[data-syh-theme="dark"]) #syh-app .syh-library-section .syh-parent-category-card-media :is(.syh-category-deck-item,.syh-category-deck-cover,.syh-category-deck-ghost,.syh-category-ambient) {
 background:transparent!important;background-image:none!important;border-color:transparent!important;
}
html.medipharm-global-dark body #syh-app .syh-library-section .syh-parent-category-card-media::before,
html.medipharm-global-dark body #syh-app .syh-library-section .syh-parent-category-card-media::after,
body:has(#syh-app[data-syh-theme="dark"]) #syh-app .syh-library-section .syh-parent-category-card-media::before,
body:has(#syh-app[data-syh-theme="dark"]) #syh-app .syh-library-section .syh-parent-category-card-media::after {
 background:transparent!important;background-image:none!important;box-shadow:none!important;
}
/* White seams commonly originate from the body area BETWEEN application & Theme footer. */
html.medipharm-global-dark body:has(#syh-app),
body:has(#syh-app[data-syh-theme="dark"]){background-color:#10283a!important;}
html.medipharm-global-dark body #syh-app+footer.syh-footer,
body:has(#syh-app[data-syh-theme="dark"]) #syh-app+footer.syh-footer{margin-top:0!important;border-top:0!important;}