/* Mobile presentation only: keep desktop hover lists and measured connectors. */
@media (max-width: 767px) {
  .transformation-glance-panel .transformation-metric-items {
    display: none;
  }

  /* Card types, labels and disclosure controls carry the mobile hierarchy.
     Do not accumulate rails and horizontal indentation at every depth. */
  .transformation-details-map .clarity-connector-svg,
  .transformation-details-map .clarity-map-spine,
  .transformation-details-map .clarity-objective-branches::before,
  .transformation-details-map .clarity-objective-branch::before,
  .transformation-details-map .clarity-goal-group::before,
  .transformation-details-map .clarity-supporting-disclosure-layer::before,
  .transformation-details-map .clarity-initiative-layer::before,
  .transformation-details-map .clarity-goal-view-stack::before,
  .transformation-details-map .clarity-goal-empty-state::before,
  .transformation-details-map .clarity-initiative-card::before {
    display: none;
  }

  .transformation-details-map .clarity-objective-branches {
    padding-left: 0;
    margin-top: 0.85rem;
  }

  .transformation-details-map .clarity-objective-branch,
  .transformation-details-map .clarity-goal-group,
  .transformation-details-map .clarity-goal-disclosure-layer,
  .transformation-details-map .clarity-supporting-disclosure-layer,
  .transformation-details-map .clarity-supporting-goal-group,
  .transformation-details-map .clarity-initiative-layer {
    padding-left: 0;
  }
}
