/**
 * Layout lock. Loaded after arvaix.css. These rules win.
 */
html body {
  --arvaix-block-gap: 1.5rem;
}

html body .arvaix-app,
html body .arvaix-page,
html body .arvaix-record {
  width: min(100% - (2 * var(--gutter)), var(--measure)) !important;
  max-width: var(--measure) !important;
  margin-inline: auto !important;
  box-sizing: border-box;
}

html body .arvaix-app > .arvaix-app__body,
html body .arvaix-app > .arvaix-app__body > .arvaix-section,
html body .arvaix-page > .arvaix-prose,
html body .arvaix-record > .arvaix-record__body,
html body .arvaix-app .arvaix-hero--app .arvaix-hero__figure,
html body .arvaix-app .arvaix-hero--app .arvaix-hero__copy,
html body .arvaix-record > .arvaix-record__figure {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  box-sizing: border-box;
}

html body .arvaix-blocks,
html body .arvaix-blocks .wp-block-group.is-layout-flow,
html body .arvaix-blocks .wp-block-group.is-layout-constrained,
html body .arvaix-blocks .wp-block-column,
html body .arvaix-app__body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: var(--arvaix-block-gap) !important;
  align-items: stretch;
}

html body .arvaix-blocks > *,
html body .arvaix-blocks .wp-block,
html body .arvaix-blocks .wp-block-group > .wp-block,
html body .arvaix-blocks .wp-block-column > .wp-block {
  margin: 0 !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent;
  box-sizing: border-box;
  padding: 0 !important;
  width: 100%;
  max-width: 100%;
}

html body .arvaix-blocks > ul,
html body .arvaix-blocks > ol,
html body .arvaix-blocks .wp-block-list {
  padding-inline-start: 1.25rem !important;
}

html body .arvaix-blocks .wp-block-image:not([style*="width"]) img:not([style*="width"]),
html body .arvaix-gallery img,
html body .arvaix-hero--app .arvaix-hero__img,
html body .arvaix-record__figure img {
  max-width: 100% !important;
  height: auto !important;
  border: 0 !important;
}

html body .arvaix-blocks .wp-block-image[style*="width"] {
  max-width: 100% !important;
}

html body .arvaix-blocks .wp-block-image img {
  max-width: 100% !important;
  height: auto !important;
}

html body .arvaix-blocks .wp-block-video video {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  background: #000;
}

html body .arvaix-blocks .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
}

html body .arvaix-blocks .wp-block-embed:not([class*="wp-embed-aspect"]) .wp-block-embed__wrapper {
  aspect-ratio: 16 / 9;
}

html body .arvaix-blocks .wp-block-embed:not([class*="wp-embed-aspect"]) .wp-block-embed__wrapper iframe,
html body .arvaix-blocks .wp-block-embed:not([class*="wp-embed-aspect"]) .wp-block-embed__wrapper video {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

html body .arvaix-blocks .wp-block-spacer {
  box-sizing: content-box !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  width: 100%;
}

html body .arvaix-card__media {
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

html body .arvaix-card__media img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  aspect-ratio: auto !important;
}

html body .arvaix-app__body .arvaix-grid-cards,
html body .arvaix-app__body .arvaix-grid-cards--3,
html body .arvaix-record__body .arvaix-grid-cards,
html body .arvaix-prose .arvaix-grid-cards {
  grid-template-columns: minmax(0, 1fr) !important;
}