/*
 * Wide-screen composition guardrails.
 *
 * Korthos' analytical pages already use bounded reading widths. Directory and
 * profile shells are intentionally denser, but allowing those shells to span
 * an unlimited viewport makes cards and two-column modules look stretched on
 * ultrawide displays or when a browser is zoomed out. Keep their desktop
 * behavior unchanged through 1920px, then center a stable working canvas.
 */
:root {
  --korthos-wide-shell-max: 1800px;
}

@media (min-width: 1921px) {
  html body.company-directory-page .page-content .ecosystem-directory-shell,
  html body.product-directory-page .k-section.signal-feed-page .product-directory-shell,
  html body.supplier-directory-page .supplier-directory-shell,
  html body.component-directory-page .component-directory-shell,
  html body.research-artifact-page .supplier-directory-shell.research-layout,
  html body.product-research-page .directory-shell {
    width: 100% !important;
    max-width: var(--korthos-wide-shell-max) !important;
    margin-inline: auto !important;
  }

  html body main#profile-main.profile.page-container.ecosystem-profile-page .profile-desktop-shell,
  html body.page-product main#product-main.profile.ecosystem-profile-page .product-desktop-shell {
    width: 100% !important;
    max-width: var(--korthos-wide-shell-max) !important;
    margin-inline: auto !important;
  }
}