/* qhc-content-edge-align-20261022
   Quick assessment only. One horizontal edge for the consent notice,
   back control, title, cards, folds, results, and actions.
   Phone outer inset is 12px plus the device safe area.
   Card labels, fields, and notes keep one inner pad.
   The five-tool strip scrolls inside that same edge.
   Desktop keeps its column split and does not stretch to the viewport. */

html[data-homepage-view="qhc"] #quick-health-check.qhc-module > .qhc-panel {
  padding-left: 0;
  padding-right: 0;
}

html[data-homepage-view="qhc"] #quick-health-check .qhc-card {
  box-sizing: border-box;
  padding: 12px;
}

html[data-homepage-view="qhc"] #quick-health-check .qhc-disclosure.qhc-card {
  padding: 0;
}

html[data-homepage-view="qhc"] #quick-health-check .qhc-disclosure-summary,
html[data-homepage-view="qhc"] #quick-health-check .qhc-disclosure-body {
  padding-left: 12px;
  padding-right: 12px;
}

html[data-homepage-view="qhc"] #quick-health-check .qhc-result-fold-summary,
html[data-homepage-view="qhc"] #quick-health-check .qhc-result-fold-body {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 900px) {
  html[data-homepage-view="qhc"] .app-shell {
    padding-left: max(12px, env(safe-area-inset-left, 0px));
    padding-right: max(12px, env(safe-area-inset-right, 0px));
  }

  html[data-homepage-view="qhc"] .topbar-tools {
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  html[data-homepage-view="qhc"] .topbar-tools > details,
  html[data-homepage-view="qhc"] .topbar-tools > .currency-field {
    flex: 0 0 auto;
    width: max-content;
    max-width: 100%;
  }

  html[data-homepage-view="qhc"] .smp-five-tools-chrome .homepage-task-hub {
    box-sizing: border-box;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: 0;
    padding-right: 0;
    scroll-padding-inline: 0;
    width: 100%;
  }

  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always > .qhc-gm-card {
    padding-left: 12px;
    padding-right: 4px;
  }

  html[data-homepage-view="qhc"] #quick-health-check .qhc-row-pair--always > .qhc-ops-trading {
    padding-left: 4px;
    padding-right: 12px;
  }
}