:root {
  /* @link https://utopia.fyi/type/calculator?c=320,16,1.125,720,21,1.25,6,1,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
  --step--1: clamp(0.8889rem, 0.7873rem + 0.5079vw, 1.2rem);
  --step-0: clamp(1rem, 0.8367rem + 0.8163vw, 1.5rem);
  --step-1: clamp(1.125rem, 0.8801rem + 1.2245vw, 1.875rem);
  --step-2: clamp(1.2656rem, 0.9136rem + 1.7602vw, 2.3438rem);
  --step-3: clamp(1.6018rem, 1.0885rem + 2.5666vw, 3.1738rem);
  --step-4: clamp(2.2rem, 1.095rem + 3.5351vw, 3.9673rem);
  --step-5: clamp(2.6rem, 1.07rem + 4.7866vw, 4.9591rem);
  --step-6: clamp(3rem, 1.0013rem + 6.397vw, 6.1989rem);

  /* @link https://utopia.fyi/space/calculator?c=320,8,1.2,1240,12,1.333,6,2,&s=0.75|0.5,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
  --space-2xs: clamp(0.25rem, 0.2065rem + 0.2174vw, 0.375rem);
  --space-xs: clamp(0.375rem, 0.3098rem + 0.3261vw, 0.5625rem);
  --space-s: clamp(0.5rem, 0.413rem + 0.4348vw, 0.75rem);
  --space-m: clamp(0.75rem, 0.6196rem + 0.6522vw, 1.125rem);
  --space-l: clamp(1rem, 0.8261rem + 0.8696vw, 1.5rem);
  --space-xl: clamp(1.5rem, 1.2391rem + 1.3043vw, 2.25rem);
  --space-2xl: clamp(2rem, 1.6522rem + 1.7391vw, 3rem);
  --space-3xl: clamp(3rem, 2.4783rem + 2.6087vw, 4.5rem);

  /* Line heights */
  --line-height-single: 1;
  --line-height-display: 1.1;
  --line-height-tight: 1.3;
  --line-height-snug: 1.4;
  --line-height-body: 1.5;
}

a {
  text-decoration: none;
  transition: color 500ms ease;
}

/* Container: the row of pills */
.creations-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
}

@media (min-width: 1024px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    letter-spacing: 0em;
  }
}

/* Base pill style */
.creations-filters .wp-block-button__link {
  border-radius: 999px;
  background: transparent;
  color: var(--wp--preset--color--contrast);
  /* border: 1px solid var(--wp--preset--color--contrast); */
  border: none;
  padding: 0.4rem 1.1rem;
  font-size: var(--wp--preset--font-size--small);
  text-decoration: none;
  transition: background-color 150ms ease, color 150ms ease,
    border-color 150ms ease, transform 120ms ease;
}

/* Hover state */
.creations-filters .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  border-color: var(--wp--preset--color--contrast);
  transform: translateY(-1px);
  transition: transform 200ms ease;
}

/* Active state – use either is-active or aria-pressed="true" */
.creations-filters .wp-block-button__link.is-active,
.creations-filters .wp-block-button__link[aria-pressed="true"] {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  border-color: var(--wp--preset--color--contrast);
}

.link-email a {
  text-decoration: underline;
  text-underline-offset: 0.1em;
}

.entry-content h1 {
  text-align: center;
  font-size: var(--step-5);
}

.content-block-no-margin {
  margin: 0;
}

h2 {
  font-size: var(--step-2);
  /* margin-top: var(--space-3xl); */
}

.wp-block-heading {
  margin-top: var(--space-2xl);
}

h3 {
  font-size: var(--step-1);
}