/* DSK layout critical v1
   Minimal shared layout tokens and overflow hardening needed before LCP. The
   full layout system loads asynchronously as the compatibility layer. */
:root {
  --dsk-layout-shell-max: var(--site-max-width, 1320px);
  --dsk-layout-shell-gutter: var(--mobile-gutter, 20px);
  --dsk-layout-content-max: 1100px;
  --dsk-layout-copy-max: 1040px;
  --dsk-service-shell-max: var(--dsk-layout-shell-max);
  --dsk-service-shell-gutter: var(--dsk-layout-shell-gutter);
  --dsk-service-content-max: var(--dsk-layout-content-max);
  --dsk-service-copy-max: var(--dsk-layout-copy-max);
}

main,
main .sb-row,
main .sb-column,
main .sb-column-content,
main .sb-item-view,
main .sb-item-view__body,
main .sb-text-image__content,
main .sb-text-image__content-paragraph,
main .sb-paragraph,
main .sb-section-title,
main .sb-section-subtitle,
main .option-width,
main .dsk-wrap {
  min-width: 0 !important;
  box-sizing: border-box;
}

main :where(p, li, a, h1, h2, h3, h4, h5, h6, blockquote, figcaption, code, strong, em) {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

main :where(img, svg, video, iframe, canvas, figure, table, pre) {
  max-width: 100% !important;
  box-sizing: border-box;
}

main :where(table, pre) {
  display: block;
  overflow-x: auto;
}

main code {
  white-space: normal !important;
}