/* Área do questionário — mesma largura do .wrapper do site e centralizado */

body.has-site-chrome {
  padding-top: var(--nav-height, 7.4rem);
  margin: 0;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 16px;
  background: #f5f6f7;
}

@media (min-width: 1024px) {
  body.has-site-chrome {
    padding-top: calc(var(--nav-height, 7.4rem) + 1.4rem);
  }
}

body.has-site-chrome .copsoq-container {
  width: min(50rem, 100%);
  max-width: 50rem;
  margin-inline: auto;
  padding: 2.4rem;
  padding-bottom: 4rem;
  box-sizing: border-box;
  text-align: initial;
}

@media (min-width: 1024px) {
  body.has-site-chrome .copsoq-container {
    width: min(50rem, calc(100% - 4.8rem));
    padding-block: 3.2rem 5rem;
  }
}