/* Shared layouts: keep mobile and specialist shells; give desktop data room. */
@media (min-width: 900px) {
  .shell.shell-content {
    width: min(100%, 1080px);
    padding-inline: clamp(24px, 3vw, 48px);
  }

  .shell.shell-management {
    width: min(100%, 1760px);
    padding-inline: clamp(24px, 3vw, 56px);
  }

  .shell-management .integration-hero,
  .shell-management .integration-panel,
  .shell-management .integration-kpis {
    max-width: none;
    min-width: 0;
  }

  .shell-management .integration-kpis {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  }

  .shell-management .integration-kpis article strong {
    font-size: clamp(1.3rem, 1.7vw, 1.9rem);
    overflow-wrap: anywhere;
  }

  .shell-management .integration-kpis article small,
  .shell-management .integration-kpis article span,
  .shell-management .integration-panel > p,
  .shell-management .integration-footnote {
    font-size: .875rem;
    line-height: 1.6;
  }

  .shell-management .integration-table {
    width: 100%;
    table-layout: auto;
  }

  .shell-management .integration-table th,
  .shell-management .integration-table td {
    padding: 12px 14px;
    font-size: .875rem;
    line-height: 1.5;
    vertical-align: top;
  }

  .shell-management .integration-table small {
    font-size: .8rem;
  }

  .shell-management .integration-table :is(th, td):nth-child(-n+2) {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .shell-management .integration-table td:nth-child(n+3) {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
  }

  .shell-management .integration-panel > p,
  .shell-content .page-header > p {
    max-width: 85ch;
  }

  .shell-management .integration-limits {
    max-width: 900px;
    grid-template-columns: 1fr 1fr;
  }

  .shell-management .management-area-nav {
    flex-wrap: wrap;
    overflow-x: visible;
  }

  .shell-management .management-hub-grid {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }

  .shell-management .management-module-list,
  .shell-management .management-plan-list {
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    align-items: start;
  }

  .shell-content > .module-form,
  .shell-management .management-form {
    max-width: 900px;
  }
}

/* Overflow belongs to a table, never the whole document. Keep it on mobile. */
.shell-management .integration-table-wrap {
  max-width: 100%;
  overflow-x: auto;
}