/*
 * Horizontal content 38 — activates only after the guarded one-shot browser transform.
 * It never supplies copy, assets, or replacement DOM. Existing art uses contain/auto only.
 * Legacy controls reflow or disappear only when JS has a server-validated ready state.
 */
.dhs38-public-layout .dhs38-content-root {
  --dhs38-art-width: 960px;
  --dhs38-reading-width: 760px;
  box-sizing: border-box;
  min-width: 0;
}

/* Shared public roots: title starts at the same centred column edge as the leading art. */
.dhs38-public-layout .dhs38-content-root:not(.dhslx-view) > h1,
.dhs38-public-layout .dhs38-content-root:not(.dhslx-view) .dhep-native-main > h1 {
  box-sizing: border-box;
  width: min(100%, var(--dhs38-art-width));
  max-width: var(--dhs38-art-width);
  margin-inline: auto;
  text-align: left !important;
  overflow-wrap: anywhere;
}

.dhs38-public-layout .dhs38-content-root:not(.dhslx-view) > :is(.dhr-main-art, .dhs-mental-topic-art, .dpsp-landscape, .dhs-food-native-art),
.dhs38-public-layout .dhs38-content-root:not(.dhslx-view) .dhs-food-main > :is(.dhr-main-art, .dhs-food-art),
.dhs38-public-layout .dhs38-content-root:not(.dhslx-view) .dhep-native-art {
  box-sizing: border-box;
  width: min(100%, var(--dhs38-art-width)) !important;
  max-width: var(--dhs38-art-width) !important;
  min-width: 0;
  height: auto !important;
  margin: 0 auto clamp(1.2rem, 2.5vw, 2rem) !important;
  float: none !important;
  position: static !important;
}

.dhs38-public-layout .dhs38-content-root:not(.dhslx-view) :is(.dhr-main-art, .dhs-mental-topic-art, .dpsp-landscape, .dhs-food-native-art, .dhep-native-art) img {
  display: block;
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin-inline: auto;
  object-fit: contain !important;
  object-position: center center !important;
}

/* Existing source prose remains source prose, simply below the leading art at a reading measure. */
.dhs38-public-layout .dhs38-content-root:not(.dhslx-view) > :is(section, article, .dhr-section, .dhr-lead, .dhr-note),
.dhs38-public-layout .dhs38-content-root:not(.dhslx-view) :is(
  .dhs-food-main > .dhr-recipes-content,
  .dhs-food-main > .dhs-food-category-panel,
  .dhs-exercise-main,
  .dhs-preventative-panels,
  .dhs-mental-topic-content,
  .dpsp-introduction-copy,
  .dhs-ltr-generic-copy,
  .dhep-native-introduction
) {
  box-sizing: border-box;
  width: min(100%, var(--dhs38-reading-width));
  max-width: var(--dhs38-reading-width);
  min-width: 0;
  margin-inline: auto;
  float: none !important;
  position: static !important;
}

/* Retire only duplicated body/left controls; contextual secondary navigation remains in the header. */
.dhs38-public-layout .dhs38-content-root :is(
  .dhs-wide-reading-rail,
  .dhs-ltr-physical-rail,
  .dhs-ltr-generic-rail,
  .dhs-food-sidebar,
  .dhs-exercise-sidebar,
  .dhs-preventative-tabs,
  .dhs-mental-topic-sidebar,
  .dpsp-strategy-tabs,
  .dhep-native-sidebar,
  .dhs-about-prabhupada-tabs
)[hidden] {
  display: none !important;
}

.dhs38-public-layout .dhs38-content-root.dhs38-retire-legacy-controls:not(.dhslx-view) :is(
  .dhs-wide-reading-grid,
  .dhs-ltr-generic-layout,
  .dhs-food-layout,
  .dhs-exercise-layout,
  .dhs-preventative-layout,
  .dhs-mental-topic-layout,
  .dpsp-strategy-layout,
  .dhep-native-layout
) {
  display: block !important;
  width: 100% !important;
  min-width: 0;
  margin-inline: auto;
}

.dhs38-public-layout .dhs38-content-root.dhs38-retire-legacy-controls:not(.dhslx-view) :is(
  .dhs-wide-reading-panel,
  .dhs-food-main,
  .dhs-exercise-main,
  .dhs-preventative-panels,
  .dhs-mental-topic-content,
  .dpsp-introduction-copy,
  .dhep-native-main
) {
  width: min(100%, var(--dhs38-art-width)) !important;
  max-width: var(--dhs38-art-width) !important;
  min-width: 0;
  margin-inline: auto;
}

/* The existing native Education image remains above its already-rendered readable prose. */
.dhs38-public-layout .dhs38-content-root.dhs38-retire-legacy-controls.dhep-native-content .dhep-native-sidebar[hidden] {
  display: none !important;
}
.dhs38-public-layout .dhs38-content-root.dhep-native-content .dhep-native-main > h1 {
  margin-top: 0;
}
.dhs38-public-layout .dhs38-content-root.dhep-native-content .dhep-native-introduction {
  margin-top: clamp(1.2rem, 2.5vw, 2rem);
}

/* The whole retained source Introduction is hidden only after provider route plus ready context. */
.dhs38-public-layout .dhs38-content-root.dhs38-introduction-dedicated-ready details.dhs-introduction-disclosure[hidden] {
  display: none !important;
}

/* Resources initial state is allowed only after complete parent-approved routes are ready. */
.dhs38-public-layout.dhs38-resources-initial-ready .dhs-compact-resources-page.dhs38-resources-initial-ready > :not(h1)[hidden] {
  display: none !important;
}
.dhs38-public-layout.dhs38-resources-initial-ready .dhs-compact-resources-page.dhs38-resources-initial-ready > h1 {
  width: min(100%, var(--dhs38-art-width));
  max-width: var(--dhs38-art-width);
  margin-inline: auto;
  text-align: left !important;
}

/* About body controls disappear only after complete parent-approved routes are ready. */
.dhs38-public-layout.dhs38-about-secondary-ready .dhs38-about-secondary-ready .dhs-about-prabhupada-tabs[hidden],
.dhs38-public-layout.dhs38-about-secondary-ready .dhs38-about-secondary-ready .dhs-about-prabhupada-tab[hidden] {
  display: none !important;
}

/* Observed native Spiritual common-summary wrapper; only script-proven empty instances are hidden. */
.dhs38-public-layout .dhslx-view .dhslx-common-summary[hidden] {
  display: none !important;
}

/* Prevent a selector or a retained long word from creating horizontal page overflow. */
.dhs38-public-layout .dhs38-content-root,
.dhs38-public-layout .dhs38-content-root :is(section, article, div, figure, img, p, h1, h2, h3, li, a) {
  min-width: 0;
  max-width: 100%;
}
.dhs38-public-layout .dhs38-content-root :is(p, h1, h2, h3, li, a) {
  overflow-wrap: anywhere;
}

@media (max-width: 767px) {
  .dhs38-public-layout .dhs38-content-root {
    --dhs38-art-width: 100%;
    --dhs38-reading-width: 100%;
  }
  .dhs38-public-layout .dhs38-content-root:not(.dhslx-view) > h1,
  .dhs38-public-layout .dhs38-content-root:not(.dhslx-view) .dhep-native-main > h1 {
    font-size: clamp(1.9rem, 8vw, 2.4rem);
  }
  .dhs38-public-layout .dhs38-content-root:not(.dhslx-view) > :is(.dhr-main-art, .dhs-mental-topic-art, .dpsp-landscape, .dhs-food-native-art),
  .dhs38-public-layout .dhs38-content-root:not(.dhslx-view) .dhs-food-main > :is(.dhr-main-art, .dhs-food-art),
  .dhs38-public-layout .dhs38-content-root:not(.dhslx-view) .dhep-native-art {
    margin-bottom: 1.15rem !important;
  }
}