/* ===== Global layout: full-width with soft gutters ===== */
.cp-shell {
  max-width: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(16px, 2vw, 28px);
  padding-right: clamp(16px, 2vw, 28px);
  box-sizing: border-box;
}

/* Prevent accidental horizontal scrolling */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

/* Flex/grid safety for ellipsis and narrow screens */
.cp-shell * {
  min-width: 0;
}

/* Ultra-wide comfort */
@media (min-width: 2200px) {
  .cp-shell {
    padding-left: 64px;
    padding-right: 64px;
  }
}