/*
 * Presentation-only refinement. Every selector requires the runtime class added
 * after a known existing public layout has verified its own ready condition.
 * Desktop: a compact far-left rail shares the existing art row; the H1, art and
 * reading copy align in the dominant right column. Existing art keeps its
 * owning helper's contain contract and size, except the expressly approved
 * larger centred Dhanvantari figure.
 */
.dhs-wide-reading-layout {
  box-sizing: border-box;
  min-width: 0;
  max-width: 1180px;
}

/* The named outer content root is the main-footer helper's append target. */
.dhs-wide-reading-layout > .dhs-site-brand-mantra {
  clear: both;
  width: 100%;
  margin-top: 34px;
}

/* Approved exception: the actual Dhanvantari figure moves intact above its grid. */
.dhs-wide-reading-layout > .dhs-remedies-deity.dhs-wide-reading-art {
  box-sizing: border-box;
  width: min(100%, 960px);
  max-width: 960px;
  margin: 0 auto 32px;
  text-align: center;
}

.dhs-wide-reading-layout > .dhs-remedies-deity.dhs-wide-reading-art img {
  display: block;
  width: 100%;
  max-height: 620px;
  height: auto;
  margin-inline: auto;
  object-fit: contain;
}

@media (min-width: 768px) {
  /*
   * The root is the only desktop grid. Existing nested layout wrappers become
   * transparent presentation boxes, so their actual rail/panel children align
   * with the direct title and actual art without source duplication.
   */
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout) {
    display: grid;
    grid-template-columns: minmax(148px, 180px) minmax(0, 1fr);
    column-gap: clamp(22px, 3.2vw, 38px);
    align-items: start;
  }

  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout) > h1 {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    margin-inline: 0;
    text-align: left;
  }

  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout) > .dhs-wide-reading-art {
    grid-column: 2;
    grid-row: 2;
  }

  .dhs-wide-reading-layout.dhs-ltr-grid-root > .dhr-kicker {
    grid-column: 1 / -1;
  }

  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout) > .dhr-kicker + h1 {
    grid-row: 2;
  }

  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) > .dhs-wide-reading-art,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) .dhs-wide-reading-rail,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) .dhs-ltr-generic-rail,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) .dhs-food-sidebar,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) .dhs-exercise-sidebar,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) .dhs-remedies-recipes,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) .dhs-preventative-layout > :first-child,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) .dhs-preventative-tabs,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) .dhs-quick-links-tabs,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) .dpsp-strategy-tabs,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) .dhslx-tabs,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker).dhslx-si-parent-ready > #what-is-spiritual-life > .dhslx-si-links {
    grid-row: 3;
  }

  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) .dhs-wide-reading-panel,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) .dhs-ltr-generic-copy,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) .dhs-food-main,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) .dhs-exercise-main,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) .dhs-remedies-right-column,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) .dhs-preventative-layout > :last-child,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) .dhs-preventative-panels,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) .dhs-quick-links-panels,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) .dpsp-introduction-copy,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) .dhslx-tabpanels,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker) .dhslx-copy,
  .dhs-wide-reading-layout.dhs-ltr-grid-root:not(.dhs-mental-topic-layout):has(> .dhr-kicker).dhslx-si-parent-ready > #what-is-spiritual-life > details.dhs-introduction-disclosure {
    grid-row: 4;
  }

  .dhs-wide-reading-layout .dhs-wide-reading-grid,
  .dhs-wide-reading-layout .dhs-ltr-generic-layout,
  .dhs-wide-reading-layout .dhslx-tabs-layout,
  .dhs-wide-reading-layout .dpsp-strategy-layout,
  .dhs-wide-reading-layout .dhs-preventative-layout,
  .dhs-wide-reading-layout .dhs-quick-links-layout,
  .dhs-wide-reading-layout.dhslx-si-parent-ready > #what-is-spiritual-life,
  .dhs-wide-reading-layout #exercise-rest,
  .dhs-wide-reading-layout #exercise-rest .dhs-exercise-layout,
  .dhs-wide-reading-layout.dhs-preventative-view > #preventative-health {
    display: contents;
  }

  .dhs-wide-reading-layout .dhs-wide-reading-rail,
  .dhs-wide-reading-layout .dhs-ltr-generic-rail,
  .dhs-wide-reading-layout .dhs-food-sidebar,
  .dhs-wide-reading-layout .dhs-exercise-sidebar,
  .dhs-wide-reading-layout .dhs-remedies-recipes,
  .dhs-wide-reading-layout .dhs-preventative-layout > :first-child,
  .dhs-wide-reading-layout .dhs-quick-links-tabs,
  .dhs-wide-reading-layout .dpsp-strategy-tabs,
  .dhs-wide-reading-layout .dhslx-tabs,
  .dhs-wide-reading-layout.dhslx-si-parent-ready > #what-is-spiritual-life > .dhslx-si-links {
    box-sizing: border-box;
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    max-width: 180px;
    min-width: 0;
  }

  .dhs-wide-reading-layout .dhs-wide-reading-panel,
  .dhs-wide-reading-layout .dhs-ltr-generic-copy,
  .dhs-wide-reading-layout .dhs-food-main,
  .dhs-wide-reading-layout .dhs-exercise-main,
  .dhs-wide-reading-layout .dhs-remedies-right-column,
  .dhs-wide-reading-layout .dhs-preventative-layout > :last-child,
  .dhs-wide-reading-layout .dhs-quick-links-panels,
  .dhs-wide-reading-layout .dpsp-introduction-copy,
  .dhs-wide-reading-layout .dhslx-tabpanels,
  .dhs-wide-reading-layout .dhslx-copy,
  .dhs-wide-reading-layout.dhslx-si-parent-ready > #what-is-spiritual-life > details.dhs-introduction-disclosure {
    box-sizing: border-box;
    grid-column: 2;
    grid-row: 3;
    width: 100%;
    max-width: none;
    min-width: 0;
  }

  .dhs-wide-reading-layout .dhs-exercise-panel,
  .dhs-wide-reading-layout .dhs-food-category-panel,
  .dhs-wide-reading-layout .dhs-quick-links-panel,
  .dhs-wide-reading-layout .dhs-owner-remedy-panel {
    width: 100%;
    max-width: none;
  }

  .dhs-wide-reading-layout.dhs-ltr-grid-root > .dhr-footer-links,
  .dhs-wide-reading-layout.dhs-ltr-grid-root > .dhs-site-brand-mantra {
    grid-column: 1 / -1;
    width: 100%;
  }

  /* Mental/Family source nodes stay direct children; do not introduce a wrapper. */
  .dhs-wide-reading-layout.dhs-mental-topic-layout {
    grid-template-columns: minmax(148px, 180px) minmax(0, 1fr);
    column-gap: clamp(22px, 3.2vw, 38px);
  }

  .dhs-wide-reading-layout.dhs-mental-topic-layout > h1 {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    margin-inline: 0;
    text-align: left;
  }

  .dhs-wide-reading-layout.dhs-mental-topic-layout > .dhr-main-art,
  .dhs-wide-reading-layout.dhs-mental-topic-layout > .dhs-mental-topic-art {
    grid-column: 2;
    grid-row: 2;
  }

  .dhs-wide-reading-layout.dhs-mental-topic-layout > .dhs-mental-topic-sidebar {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    max-width: 180px;
  }

  .dhs-wide-reading-layout.dhs-mental-topic-layout > section,
  .dhs-wide-reading-layout.dhs-mental-topic-layout > .dhr-note,
  .dhs-wide-reading-layout.dhs-mental-topic-layout > p {
    grid-column: 2;
    min-width: 0;
  }

  .dhs-wide-reading-layout.dhs-mental-topic-layout > .dhr-footer-links,
  .dhs-wide-reading-layout.dhs-mental-topic-layout > .dhs-site-brand-mantra {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .dhs-wide-reading-layout {
    width: 90%;
    max-width: none;
  }

  .dhs-wide-reading-layout > h1 {
    width: 100%;
    text-align: left;
  }

  .dhs-wide-reading-layout .dhs-wide-reading-grid,
  .dhs-wide-reading-layout .dhs-ltr-generic-layout,
  .dhs-wide-reading-layout.dhslx-si-parent-ready > #what-is-spiritual-life,
  .dhs-wide-reading-layout .dhslx-tabs-layout,
  .dhs-wide-reading-layout .dpsp-strategy-layout,
  .dhs-wide-reading-layout .dhs-preventative-layout,
  .dhs-wide-reading-layout .dhs-quick-links-layout {
    display: block;
    width: 100%;
    min-width: 0;
  }

  .dhs-wide-reading-layout .dhs-wide-reading-rail,
  .dhs-wide-reading-layout .dhs-ltr-generic-rail,
  .dhs-wide-reading-layout .dhs-food-sidebar,
  .dhs-wide-reading-layout .dhs-exercise-sidebar,
  .dhs-wide-reading-layout .dhs-remedies-recipes,
  .dhs-wide-reading-layout .dhs-preventative-layout > :first-child,
  .dhs-wide-reading-layout .dhs-quick-links-tabs,
  .dhs-wide-reading-layout .dpsp-strategy-tabs,
  .dhs-wide-reading-layout .dhslx-tabs,
  .dhs-wide-reading-layout.dhslx-si-parent-ready > #what-is-spiritual-life > .dhslx-si-links {
    width: 100%;
    max-width: none;
    min-width: 0;
  }

  .dhs-wide-reading-layout .dhs-wide-reading-panel,
  .dhs-wide-reading-layout .dhs-ltr-generic-copy,
  .dhs-wide-reading-layout .dhs-food-main,
  .dhs-wide-reading-layout .dhs-exercise-main,
  .dhs-wide-reading-layout .dhs-remedies-right-column,
  .dhs-wide-reading-layout .dhs-preventative-layout > :last-child,
  .dhs-wide-reading-layout .dhs-quick-links-panels,
  .dhs-wide-reading-layout .dpsp-introduction-copy,
  .dhs-wide-reading-layout .dhslx-tabpanels,
  .dhs-wide-reading-layout .dhslx-copy,
  .dhs-wide-reading-layout.dhslx-si-parent-ready > #what-is-spiritual-life > details.dhs-introduction-disclosure {
    width: 100%;
    min-width: 0;
  }

  .dhs-wide-reading-layout .dhs-exercise-panel,
  .dhs-wide-reading-layout .dhs-food-category-panel,
  .dhs-wide-reading-layout .dhs-quick-links-panel,
  .dhs-wide-reading-layout .dhs-owner-remedy-panel {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
  }

  .dhs-wide-reading-layout .dhs-food-category-tabs,
  .dhs-wide-reading-layout .dhs-exercise-tabs,
  .dhs-wide-reading-layout .dhs-remedy-tabs,
  .dhs-wide-reading-layout .dhs-mental-topic-tabs {
    max-height: none;
    overflow: visible;
  }

  .dhs-wide-reading-layout .dhslx-tabs,
  .dhs-wide-reading-layout .dpsp-strategy-tabs,
  .dhs-wide-reading-layout .dhs-quick-links-tabs,
  .dhs-wide-reading-layout.dhslx-si-parent-ready > #what-is-spiritual-life > .dhslx-si-links {
    position: static;
  }

  .dhs-wide-reading-layout > .dhs-remedies-deity.dhs-wide-reading-art {
    width: 100%;
    margin-bottom: 24px;
  }

  .dhs-wide-reading-layout > .dhs-remedies-deity.dhs-wide-reading-art img {
    max-height: 480px;
  }
}

.dhs-ltr-physical-rail[hidden] { display:none!important; }
.dhs-wide-reading-layout.dhs-ltr-grid-root > .dhs-ltr-physical-rail > .dhs-category-button {
  min-height: 34px;
  padding: 7px 12px;
  font-size: 12px;
  line-height: 1.4;
}
@media(min-width:768px){
  .dhs-wide-reading-layout > .dhs-ltr-physical-rail { grid-column:1;grid-row:2;max-width:180px; }
  /* Page 88 has a kicker/title in row two and its actual art in row three. */
  .dhs-wide-reading-layout > .dhs-ltr-physical-panel:not([hidden]) { grid-column:2;grid-row:4;min-width:0; }
}

/* Exact page-88 source disclosure only: retain the source, remove its duplicate control. */
.dhs-wide-reading-layout > #what-is-physical-health.dhs-ltr-physical-panel > details.dhs-introduction-disclosure > summary[data-dhs-ltr-physical-summary="true"] { display:none!important; }