/* MEDIPHARM Super App v1.14.3 — Unified Hero-Aligned Canvas Contract
 * Canonical width applies once to an OUTER module. Nested shell always fills it.
 * Deliberately scoped to the homepage to avoid regressions in other pages/modules.
 */
body.syh-v1143-home #syh-app.syh-home-v1143 {
  --syh143-hero-max: 1260px;
  --syh143-edge: clamp(14px, 2.4vw, 36px);
  --syh143-right-rail: var(--med-host-right-rail-safe, 0px);
  --syh143-canvas: min(var(--syh143-hero-max), calc(100% - 2 * var(--syh143-edge) - var(--syh143-right-rail)));
  --syh143-start: max(var(--syh143-edge), calc((100% - var(--syh143-right-rail) - var(--syh143-hero-max)) / 2));
  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;
}
body.syh-v1143-home #syh-app.syh-home-v1143 > main {
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  grid-template-columns:none !important;
  grid-template-areas:none !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
/* The hero itself is the sizing reference, not a nested padded element. */
body.syh-v1143-home #syh-app.syh-home-v1143 > main > section,
body.syh-v1143-home #syh-app.syh-home-v1143 > main > .syh-home-inspiration-feed,
body.syh-v1143-home #syh-app.syh-home-v1143 > main > .mpi-section,
body.syh-v1143-home #syh-app.syh-home-v1143 > main > .syh-home-inspiration,
body.syh-v1143-home #syh-app.syh-home-v1143 > footer.syh-footer {
  width:var(--syh143-canvas) !important;
  min-width:0 !important;
  max-width:var(--syh143-hero-max) !important;
  margin-left:var(--syh143-start) !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
/* No second width calculation, max-width or auto margin on nested shells. */
body.syh-v1143-home #syh-app.syh-home-v1143 > main > section > .syh-shell,
body.syh-v1143-home #syh-app.syh-home-v1143 > main > .syh-home-inspiration-feed > :is(.syh-shell,.mpi-shell,.mpi-section),
body.syh-v1143-home #syh-app.syh-home-v1143 > main > :is(.mpi-section,.syh-home-inspiration) > :is(.mpi-shell,.syh-shell),
body.syh-v1143-home #syh-app.syh-home-v1143 > footer.syh-footer > .syh-shell {
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
/* Provider content sometimes arrives as a nested module between Library and Tools. */
body.syh-v1143-home #syh-app.syh-home-v1143 .syh-home-inspiration-feed,
body.syh-v1143-home #syh-app.syh-home-v1143 .syh-home-inspiration-feed > :is(.mpi-section,.mpi-shell),
body.syh-v1143-home #syh-app.syh-home-v1143 .syh-home-inspiration-feed > .mpi-section > .mpi-shell,
body.syh-v1143-home #syh-app.syh-home-v1143 .syh-spotlines-shell,
body.syh-v1143-home #syh-app.syh-home-v1143 .mmspot-home-module {
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
/* Provider-injected block direct under the app, outside <main>. */
body.syh-v1143-home #syh-app.syh-home-v1143 > :is(.syh-home-inspiration-feed,.mpi-section,.syh-home-inspiration) {
  width:var(--syh143-canvas) !important;
  max-width:var(--syh143-hero-max) !important;
  min-width:0 !important;
  margin-left:var(--syh143-start) !important;
  margin-right:0 !important;
}
/* Stretch all section surfaces to the same outer edge, retain internal padding. */
body.syh-v1143-home #syh-app.syh-home-v1143 > main > :is(.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section) > .syh-shell,
body.syh-v1143-home #syh-app.syh-home-v1143 > footer.syh-footer > :is(.syh-footer-grid,.syh-footer-bottom) {
  width:100% !important;
  max-width:100% !important;
  margin-inline:0 !important;
}
body.syh-v1143-home #syh-app.syh-home-v1143 > main > section > .syh-shell > *,
body.syh-v1143-home #syh-app.syh-home-v1143 > main > section :is(.syh-library-catalog,.syh-parent-category-section,.syh-library-grid,.syh-parent-category-grid,.syh-tool-grid,.syh-learning-feature-grid),
body.syh-v1143-home #syh-app.syh-home-v1143 > footer.syh-footer > .syh-footer-grid > * {
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
/* Any full-width decorative stripe follows the footer frame, not the viewport. */
body.syh-v1143-home #syh-app.syh-home-v1143 > footer.syh-footer {overflow:hidden !important;}
/* On mobile and tablets, reserve only the standard page gutters. Right rail is floating. */
@media (max-width:1199px) {
  body.syh-v1143-home #syh-app.syh-home-v1143 {
    --syh143-right-rail:0px;
  }
}
@media (max-width:640px) {
  body.syh-v1143-home #syh-app.syh-home-v1143 {--syh143-edge:12px;}
}