@layer pages {
  body.future-ui.shell-reading .legal-page,
  body.future-ui.shell-reading .legal-hero {
    border-color: var(--mf-line);
    background: var(--mf-surface-0);
  }

  body.future-ui.shell-reading :where(.legal-table, .legal-page) :where(th, td) {
    line-break: strict;
    overflow-wrap: break-word;
  }

  body.future-ui.shell-reading .legal-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--mf-line);
    border-radius: var(--mf-radius-md);
  }

  body.future-ui.shell-system .future-status-panel,
  body.future-ui.shell-ops main > :where(section, .panel) {
    width: min(100%, 820px);
    margin-inline: auto;
  }

  body.future-ui.shell-system .future-status-panel h1,
  body.future-ui.shell-ops main h1 {
    text-wrap: balance;
  }
}