/* Changed for Gould: --space-l-3xl renamed --space-lg-3xl (spec decision 42 item 2). */
.max-inline-size\:measure {
  max-inline-size: var(--measure);
}

.max-inline-size\:measure-2 {
  max-inline-size: var(--measure-s);
}

.block { display: block; }
.inline-block { display: inline-block; }
.inline { display: inline; }
.inline-flex { display: inline-flex; }
.flex { display: flex; }
.contents { display: contents; }
.hide { display: none; }

.flow > * + * {
  margin-top: var(--flow-space, 1em);
}

.flow-space-small { --flow-space: 0.2em; }
.flow-space-med { --flow-space: 0.4em; }

[class^="aspect-ratio"],
[class*=" aspect-ratio"] {
  --aspect-ratio: calc(16 / 9);
  position: relative;
  height: 0;
  padding-bottom: calc(100% / var(--aspect-ratio));
}

[class^="aspect-ratio"] > *,
[class*=" aspect-ratio"] > * {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

[class^="aspect-ratio"] > *:not(iframe),
[class*=" aspect-ratio"] > *:not(iframe) {
  object-fit: cover;
}

.aspect-ratio-16\:9 { --aspect-ratio: calc(16 / 9); }
.aspect-ratio-3\:2 { --aspect-ratio: calc(3 / 2); }
.aspect-ratio-4\:3 { --aspect-ratio: calc(4 / 3); }
.aspect-ratio-5\:4 { --aspect-ratio: calc(5 / 4); }
.aspect-ratio-1\:1 { --aspect-ratio: calc(1 / 1); }
.aspect-ratio-4\:5 { --aspect-ratio: calc(4 / 5); }
.aspect-ratio-3\:4 { --aspect-ratio: calc(3 / 4); }
.aspect-ratio-2\:3 { --aspect-ratio: calc(2 / 3); }
.aspect-ratio-9\:16 { --aspect-ratio: calc(9 / 16); }

.width-4xs { width: var(--space-4xs, 0.25rem); }
.width-3xs { width: var(--space-3xs, 0.5rem); }
.width-2xs { width: var(--space-2xs, 0.75rem); }
.width-xs { width: var(--space-xs, 1rem); }
.width-sm { width: var(--space-sm, 1.5rem); }
.width-md { width: var(--space-md, 2rem); }
.width-lg { width: var(--space-lg, 3rem); }
.width-xl { width: var(--space-xl, 4rem); }
.width-xxl { width: var(--space-xxl, 6rem); }
.width-3xl { width: var(--space-3xl, 8rem); }
.width-4xl { width: var(--space-4xl, 16rem); }
.width-0 { width: 0; }
.width-10\% { width: 10%; }
.width-20\% { width: 20%; }
.width-25\% { width: 25%; }
.width-30\% { width: 30%; }
.width-33\% { width: calc(100% / 3); }
.width-40\% { width: 40%; }
.width-50\% { width: 50%; }
.width-60\% { width: 60%; }
.width-66\% { width: calc(100% / 1.5); }
.width-70\% { width: 70%; }
.width-75\% { width: 75%; }
.width-80\% { width: 80%; }
.width-90\% { width: 90%; }
.width-100\% { width: 100%; }
.width-100vw { width: 100vw; }
.width-auto { width: auto; }
.width-inherit { width: inherit; }

.height-4xs { height: var(--space-4xs, 0.25rem); }
.height-3xs { height: var(--space-3xs, 0.5rem); }
.height-2xs { height: var(--space-2xs, 0.75rem); }
.height-xs { height: var(--space-xs, 1rem); }
.height-sm { height: var(--space-sm, 1.5rem); }
.height-md { height: var(--space-md, 2rem); }
.height-lg { height: var(--space-lg, 3rem); }
.height-xl { height: var(--space-xl, 4rem); }
.height-xxl { height: var(--space-xxl, 6rem); }
.height-3xl { height: var(--space-3xl, 8rem); }
.height-4xl { height: var(--space-4xl, 16rem); }
.height-0 { height: 0; }
.height-10\% { height: 10%; }
.height-20\% { height: 20%; }
.height-25\% { height: 25%; }
.height-30\% { height: 30%; }
.height-33\% { height: calc(100% / 3); }
.height-40\% { height: 40%; }
.height-50\% { height: 50%; }
.height-60\% { height: 60%; }
.height-66\% { height: calc(100% / 1.5); }
.height-70\% { height: 70%; }
.height-75\% { height: 75%; }
.height-80\% { height: 80%; }
.height-90\% { height: 90%; }
.height-100\% { height: 100%; }
.height-100vh { height: 100vh; }
.height-auto { height: auto; }
.height-inherit { height: inherit; }

.min-width-0 { min-width: 0; }
.min-width-25\% { min-width: 25%; }
.min-width-33\% { min-width: calc(100% / 3); }
.min-width-50\% { min-width: 50%; }
.min-width-66\% { min-width: calc(100% / 1.5); }
.min-width-75\% { min-width: 75%; }
.min-width-100\% { min-width: 100%; }
.min-width-100vw { min-width: 100vw; }

.min-height-100\% { min-height: 100%; }
.min-height-100vh { min-height: 100vh; }

:root {
  --max-width-4xs: 20rem;
  --max-width-3xs: 26rem;
  --max-width-2xs: 32rem;
  --max-width-xs: 38rem;
  --max-width-sm: 48rem;
  --max-width-md: 64rem;
  --max-width-lg: 80rem;
  --max-width-xl: 90rem;
  --max-width-xxl: 100rem;
  --max-width-3xl: 120rem;
  --max-width-4xl: 150rem;
}

.max-width-4xs { max-width: var(--max-width-4xs); }
.max-width-3xs { max-width: var(--max-width-3xs); }
.max-width-2xs { max-width: var(--max-width-2xs); }
.max-width-xs { max-width: var(--max-width-xs); }
.max-width-sm { max-width: var(--max-width-sm); }
.max-width-md { max-width: var(--max-width-md); }
.max-width-lg { max-width: var(--max-width-lg); }
.max-width-xl { max-width: var(--max-width-xl); }
.max-width-xxl { max-width: var(--max-width-xxl); }
.max-width-3xl { max-width: var(--max-width-3xl); }
.max-width-4xl { max-width: var(--max-width-4xl); }
.max-width-100\% { max-width: 100%; }
.max-width-none { max-width: none; }

.max-height-100\% { max-height: 100%; }
.max-height-100vh { max-height: 100vh; }

.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }
.flex-column { flex-direction: column; }
.flex-column-reverse { flex-direction: column-reverse; }
.flex-row { flex-direction: row; }
.flex-row-reverse { flex-direction: row-reverse; }
.flex-center { justify-content: center; align-items: center; }

.flex-grow { flex-grow: 1; }
.flex-grow-0 { flex-grow: 0; }
.flex-shrink { flex-shrink: 1; }
.flex-shrink-0 { flex-shrink: 0; }
.flex-basis-0 { flex-basis: 0; }

.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }

.items-center { align-items: center; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.items-baseline { align-items: baseline; }

.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }

.position-relative { position: relative; }
.position-absolute { position: absolute; }
.position-fixed { position: fixed; }
.position-sticky { position: sticky; }

.inset-0 { top: 0; right: 0; bottom: 0; left: 0; }

.overflow-hidden { overflow: hidden; }
.overflow-auto { overflow: auto; }
.overscroll-contain { overscroll-behavior: contain; }

.object-fit\:contain,
.object-contain { object-fit: contain; }
.object-fit\:cover,
.object-cover { object-fit: cover; }
.object-fit\:fill { object-fit: fill; }
.object-fit\:none { object-fit: none; }
.object-fit\:scale-down { object-fit: scale-down; }

.region {
  padding-top: var(--region-space, var(--space-lg-3xl));
  padding-bottom: var(--region-space, var(--space-lg-3xl));
}

.visible { visibility: visible; }
.invisible { visibility: hidden; }

.top-4xs { top: var(--space-4xs); }
.top-3xs { top: var(--space-3xs); }
.top-2xs { top: var(--space-2xs); }
.top-2xl { top: var(--space-2xl); }
.top-3xl { top: var(--space-3xl); }
.top-4xl { top: var(--space-4xl); }

.right-4xs { right: var(--space-4xs); }
.right-3xs { right: var(--space-3xs); }
.right-2xs { right: var(--space-2xs); }
.right-2xl { right: var(--space-2xl); }
.right-3xl { right: var(--space-3xl); }
.right-4xl { right: var(--space-4xl); }

.bottom-4xs { bottom: var(--space-4xs); }
.bottom-3xs { bottom: var(--space-3xs); }
.bottom-2xs { bottom: var(--space-2xs); }
.bottom-2xl { bottom: var(--space-2xl); }
.bottom-3xl { bottom: var(--space-3xl); }
.bottom-4xl { bottom: var(--space-4xl); }

.left-4xs { left: var(--space-4xs); }
.left-3xs { left: var(--space-3xs); }
.left-2xs { left: var(--space-2xs); }
.left-2xl { left: var(--space-2xl); }
.left-3xl { left: var(--space-3xl); }
.left-4xl { left: var(--space-4xl); }