/* Keep section artwork and background bands within one centered site canvas,
   including on very wide screens and when the browser is zoomed out. */
html { background: #e8eef4; }
body {
  width: 100%;
  max-width: 1600px;
  min-height: 100vh;
  margin-inline: auto;
  box-shadow: 0 0 36px #173f6609;
}

/* A legacy shortcut rule sets width:100%; preserve the common content gutters. */
.container.discovery-shortcuts {
  width: min(1180px, calc(100% - 32px));
}

/* Long user-entered titles and addresses must fit inside grid/flex columns. */
.container > *,
.discovery-shortcuts > a > div,
.discovery-results,
.microsite-title,
.microsite-main,
.listing-detail-grid > *,
.dashboard-main > * {
  min-width: 0;
}
.service-card-body h3,
.job-result-copy h2,
.directory-firm-card h3,
.microsite-title h1,
.detail-body h1 {
  overflow-wrap: anywhere;
}