/* Final QA refinements for care-path phase pages only. */

/* Keep the clinical reading column narrow, while giving phase navigation more desktop/tablet presence. */
@media (min-width: 641px) and (max-width: 1024px) {
  .path-screen.phase-detail-screen .phase-detail-navigation,
  .path-screen.phase-detail-screen .phase-footer-navigation {
    max-width: 760px;
    margin-inline: auto;
  }
}

@media (min-width: 1025px) {
  .path-screen.phase-detail-screen .phase-detail-navigation,
  .path-screen.phase-detail-screen .phase-footer-navigation {
    max-width: 900px;
    margin-inline: auto;
  }
}

/* When a disclosure has a semantic icon, align its opened copy with the heading text rather than the card edge. */
.path-screen details.validated-disclosure:has(> summary .validated-topic-icon) > .validated-block-body {
  padding-left: 56px;
}

@media (min-width: 641px) and (max-width: 1024px) {
  .path-screen details.validated-disclosure:has(> summary .validated-topic-icon) > .validated-block-body {
    padding-left: 58px;
  }
}

@media (max-width: 640px) {
  .path-screen details.validated-disclosure:has(> summary .validated-topic-icon) > .validated-block-body {
    padding-left: 45px;
  }
}