/* MEDIPHARM v1.14.5 — Fluid Canvas & Search Dock Right Rail Safe Area.
   No max-width in px; section outer frames are defined once, independent of nested shells.
   --syh145-rail-safe is measured from the visible vertical Dock (not assumed by viewport).
*/
#syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app {
  --syh145-edge: clamp(14px, 2.2vw, 48px);
  --syh145-rail-safe: var(--med-host-right-rail-safe, 0px);
  --syh145-fluid: max(0px, calc(100% - var(--syh145-edge) - var(--syh145-edge) - var(--syh145-rail-safe)));
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
#syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app > main {
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  grid-template-areas:none!important;
  grid-template-columns:none!important;
  box-sizing:border-box!important;
}
/* Same left/right edge for ALL homepage frames, including dynamic Inspiration and footer. */
#syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app > main > section,
#syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app > main > :is(.syh-home-inspiration-feed,.mpi-section,.syh-home-inspiration),
#syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app > :is(.syh-home-inspiration-feed,.mpi-section,.syh-home-inspiration),
#syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app > footer.syh-footer {
  position:relative!important;
  flex:0 0 auto!important;
  width:var(--syh145-fluid)!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:var(--syh145-edge)!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
/* Hero is a section just like the modules below, with no viewport-wide special case. */
#syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app > main > section.syh-hero.syh-hero-compact {
  width:var(--syh145-fluid)!important;
  max-width:none!important;
  margin:clamp(12px, 1.6vw, 24px) 0 0 var(--syh145-edge)!important;
  padding:0!important;
  border-radius:clamp(18px, 1.8vw, 28px)!important;
  overflow:hidden!important;
}
/* Nested shells do not take a second horizontal gutter and do not apply old max-widths. */
#syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app > main > section > .syh-shell,
#syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app > main > :is(.syh-home-inspiration-feed,.mpi-section,.syh-home-inspiration) > :is(.syh-shell,.mpi-shell,.mpi-section),
#syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app > footer.syh-footer > .syh-shell,
#syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app > main > .syh-home-inspiration-feed > .mpi-section > .mpi-shell {
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-inline:0!important;
  box-sizing:border-box!important;
}
#syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app > main > section.syh-hero > .syh-hero-grid.syh-shell {
  padding-inline:clamp(18px, 2.5vw, 56px)!important;
  box-sizing:border-box!important;
}
#syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app :is(.syh-home-inspiration-feed,.syh-home-inspiration,.mpi-section) > :is(.syh-shell,.mpi-shell,.mpi-section),
#syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app .syh-home-inspiration-feed > .mpi-section > .mpi-shell,
#syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app :is(.syh-spotlines-shell,.mmspot-home-module) {
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin-inline:0!important;
  box-sizing:border-box!important;
}
#syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app > main > section > .syh-shell > *,
#syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app > main > section :is(.syh-library-catalog,.syh-parent-category-section,.syh-library-grid,.syh-parent-category-grid,.syh-tool-grid,.syh-learning-feature-grid),
#syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app > footer.syh-footer .syh-footer-grid > * {
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app > footer.syh-footer {overflow:hidden!important;}
/* Foldables / small tablets: fluid insets without max-width. */
@media(max-width:900px) {
  #syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app {--syh145-edge:clamp(12px,2.3vw,22px);}
}
@media(max-width:480px) {
  #syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app {--syh145-edge:12px;}
  #syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app > main > section.syh-hero > .syh-hero-grid.syh-shell {padding-inline:16px!important;}
}
@media(min-width:2000px) {
  /* Proportional page inset rather than a 1180px or 1260px hard cap. */
  #syh-app.syh-home-v1145.syh-home-v1144.syh-home-v1143.syh-home-v1142.syh-app {--syh145-edge:clamp(40px,2.5vw,72px);}
}