/* Advoke CV — Container Layout */

.container {
  width: 100%;
  max-width: var(--container-xl);
  margin-inline: auto;
  padding-inline: var(--space-4);
  box-sizing: border-box;
}

@media (min-width: 480px) {
  .container {
    padding-inline: var(--space-5);
  }
}

@media (min-width: 768px) {
  .container {
    padding-inline: var(--space-6);
  }
}

@media (min-width: 1280px) {
  .container {
    padding-inline: var(--space-8);
  }
}

.container--xs  { max-width: var(--container-xs); }
.container--sm  { max-width: var(--container-sm); }
.container--md  { max-width: var(--container-md); }
.container--lg  { max-width: var(--container-lg); }
.container--xl  { max-width: var(--container-xl); }
.container--2xl { max-width: var(--container-2xl); }
.container--3xl { max-width: var(--container-3xl); }

.container--fluid {
  max-width: none;
  width: 100%;
}

.container--narrow {
  max-width: 46rem;
}

.container--prose {
  max-width: 68ch;
}

.container--full-bleed {
  width: 100%;
  max-width: none;
  padding-inline: 0;
}

.container--safe {
  padding-inline: max(var(--space-4), env(safe-area-inset-left));
}

@media (min-width: 768px) {
  .container--safe {
    padding-inline:
      max(var(--space-6), env(safe-area-inset-left))
      max(var(--space-6), env(safe-area-inset-right));
  }
}

.container--center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content-wrapper {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
  contain: layout style;
}