.s-content {
  line-height: 1.6;
}

  .s-content abbr {
    border-bottom: 1px dotted;
    cursor: help
  }

  .s-content cite {
    font-style: italic;
  }

  .s-content dl,
  .s-content ol,
  .s-content p,
  .s-content pre,
  .s-content ul,
  .s-content table {
    margin-block: 0 1lh;
  }

  .s-content dd,
  .s-content ul,
  .s-content ol {
    padding: 0;
    margin-inline: var(--content-inline-indent, 1.8em);
  }

  .s-content small,
  .s-content sub,
  .s-content sup {
    font-size: 0.8em;
  }

  .s-content strong {
    font-weight: 700;
  }

  .s-content sub {
    vertical-align: sub
  }

  .s-content sup {
    vertical-align: super
  }

  .s-content blockquote {
    border-inline-start: var(--space-3xs) solid var(--table-border-color);
    font-size: var(--step-2);
    line-height: 1.25;
    margin-block: 2lh;
    margin-inline: 0;
    padding-inline: var(--space-m) var(--space-m);

  }

  .s-content a:not(.button) {
    color: #000;
    color: initial;
  }

  .s-content table {
    border-collapse: collapse;
    inline-size: 100%;
  }

  .s-content table pre {
      white-space: pre-wrap;
    }

  .s-content th,
  .s-content td {
    text-align: start;
    padding-block: calc(var(--space-2xs) / 1.67);
    padding-inline: calc(var(--space-2xs) * 1.25);
    border-block-end: 1px solid var(--table-border-color);
  }

  .s-content tbody tr:nth-child(odd) {
      background: var(--table-row-odd-background-color);
    }

  .s-content tbody tr:nth-child(even) {
      background: var(--table-row-even-background-color);
    }

  .s-content__youtubeEmbed {
    display: block;
    margin-block: 2lh;
  }

  .s-content__youtubeEmbed lite-youtube {
      border-radius: var(--space-3xs);
      margin-inline: auto;
      max-inline-size: 100%;
      overflow: hidden;
    }

  .s-content__vimeoEmbed {
    border-radius: var(--space-3xs);
    display: block;
    margin-block: 2lh;
    overflow: hidden;
  }

  .s-content *:last-child {
    margin-block-end: 0;
  }
/*
.wysiwyg hr {
  background: #e6e6e6;
  border: none;
  display: block;
  height: 1px;
  margin-bottom: 1.4em;
  margin-top: 1.4em
}

.wysiwyg img {
  vertical-align: text-bottom
}

.wysiwyg ins {
  background-color: lime;
  text-decoration: none
}

.wysiwyg mark {
  background-color: #ff0
}

.wysiwyg small {
  font-size: 0.8em
}

.wysiwyg strong {
  font-weight: 700
}

.wysiwyg dd {
  margin-left: 1.4em
}

.wysiwyg ol,
.wysiwyg ul {
  list-style-position: outside;
  margin-left: 1.4em
}

.wysiwyg ol {
  list-style-type: decimal
}

.wysiwyg ol ol {
  list-style-type: lower-alpha
}

.wysiwyg ol ol ol {
  list-style-type: lower-roman
}

.wysiwyg ol ol ol ol {
  list-style-type: lower-greek
}

.wysiwyg ol ol ol ol ol {
  list-style-type: decimal
}

.wysiwyg ol ol ol ol ol ol {
  list-style-type: lower-alpha
}

.wysiwyg ul {
  list-style-type: disc
}

.wysiwyg ul ul {
  list-style-type: circle
}

.wysiwyg ul ul ul {
  list-style-type: square
}

.wysiwyg ul ul ul ul {
  list-style-type: circle
}

.wysiwyg ul ul ul ul ul {
  list-style-type: disc
}

.wysiwyg ul ul ul ul ul ul {
  list-style-type: circle
}

.wysiwyg blockquote {
  border-left: 4px solid #e6e6e6;
  padding: 0.6em 1.2em
}

.wysiwyg blockquote p {
  margin-bottom: 0
}

.wysiwyg code,
.wysiwyg kbd,
.wysiwyg samp,
.wysiwyg pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  background-color: #f2f2f2;
  color: #333;
  font-size: 0.9em
}

.wysiwyg code,
.wysiwyg kbd,
.wysiwyg samp {
  border-radius: 3px;
  line-height: 1.77778;
  padding: 0.1em 0.4em 0.2em;
  vertical-align: baseline
}

.wysiwyg pre {
  overflow: auto;
  padding: 1em 1.2em
}

.wysiwyg pre code {
  background: none;
  font-size: 1em;
  line-height: 1em
}

.wysiwyg figure {
  margin-bottom: 2.8em;
  text-align: center
}

.wysiwyg figure:first-child {
  margin-top: 0
}

.wysiwyg figure:last-child {
  margin-bottom: 0
}

.wysiwyg figcaption {
  font-size: 0.8em;
  margin-top: .875em
}

.wysiwyg table {
  width: 100%
}

.wysiwyg table pre {
  white-space: pre-wrap
}

.wysiwyg th,
.wysiwyg td {
  font-size: 1em;
  padding: .7em;
  border: 1px solid #e6e6e6;
  line-height: 1.4
}

.wysiwyg thead tr,
.wysiwyg tfoot tr {
  background-color: #f5f5f5
}

.wysiwyg thead th,
.wysiwyg thead td,
.wysiwyg tfoot th,
.wysiwyg tfoot td {
  font-size: .9em;
  padding: .77778em
}

.wysiwyg thead th code,
.wysiwyg thead td code,
.wysiwyg tfoot th code,
.wysiwyg tfoot td code {
  background-color: #fff
}

.wysiwyg tbody tr {
  background-color: #fff
}

 */
:root {
  --color-black: #1a1a1a;
  --color-light-gray: #d0d0d0;
  --color-white-smoke: #f5f5f5;
  --color-white: #ffffff;
  --color-bright-yellow: #feff65;
  --color-golden: #ffc107;
  --color-magenta: #e51c4c;

  /* #dce385; */
  --container-max-inline-size: 1440px;
  --container-padding-inline:  var(--space-m);

  --table-border-color: var(--color-light-gray);
  --table-row-odd-background-color: var(--color-white-smoke);
  --table-row-even-background-color: var(--color-white);

  --grid-column-count: 12;
  --grid-column-gap: var(--space-l);
  --grid-column-unit: minmax(0, 1fr);
  --grid-gap: var(--grid-row-gap) var(--grid-column-gap);
  --grid-row-gap: var(--grid-column-gap);

  --curve-ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --curve-ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --curve-fall: cubic-bezier(0.33333, 0, 0.66667, 0.33333);
  --curve-rise: cubic-bezier(0.33333, 0.66667, 0.66667, 1);

  --hero-background: var(--color-bright-yellow);
  --button-text-color: var(--color-bright-yellow);
}
:root {
  scroll-behavior: smooth;

  /* @link https://utopia.fyi/type/calculator?c=360,16,1.2,1440,24,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,xl-l|xs-s&g=s,l,xl,12 */--step-5: clamp(2.4883rem, 2.0462rem + 1.965vw, 3.8147rem);--step-4: clamp(2.0736rem, 1.7475rem + 1.4491vw, 3.0518rem);--step-3: clamp(1.728rem, 1.4902rem + 1.0569vw, 2.4414rem);--step-2: clamp(1.44rem, 1.269rem + 0.7602vw, 1.9531rem);--step-1: clamp(1.2rem, 1.0792rem + 0.537vw, 1.5625rem);--step-0: clamp(1rem, 0.9167rem + 0.3704vw, 1.25rem);--step--1: clamp(0.8333rem, 0.7778rem + 0.2469vw, 1rem);--step--2: clamp(0.6944rem, 0.6593rem + 0.1564vw, 0.8rem);

  /* @link https://utopia.fyi/space/calculator?c=360,16,1.2,1440,24,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,xl-l|xs-s&g=s,l,xl,12 */--space-3xs: clamp(0.25rem, 0.2083rem + 0.1852vw, 0.375rem);--space-2xs: clamp(0.5rem, 0.4167rem + 0.3704vw, 0.75rem);--space-xs: clamp(0.75rem, 0.625rem + 0.5556vw, 1.125rem);--space-s: clamp(1rem, 0.8333rem + 0.7407vw, 1.5rem);--space-m: clamp(1.5rem, 1.25rem + 1.1111vw, 2.25rem);--space-l: clamp(2rem, 1.6667rem + 1.4815vw, 3rem);--space-xl: clamp(3rem, 2.5rem + 2.2222vw, 4.5rem);--space-2xl: clamp(4rem, 3.3333rem + 2.963vw, 6rem);--space-3xl: clamp(6rem, 5rem + 4.4444vw, 9rem);--space-3xs-2xs: clamp(0.25rem, 0.0833rem + 0.7407vw, 0.75rem);--space-2xs-xs: clamp(0.5rem, 0.2917rem + 0.9259vw, 1.125rem);--space-xs-s: clamp(0.75rem, 0.5rem + 1.1111vw, 1.5rem);--space-s-m: clamp(1rem, 0.5833rem + 1.8519vw, 2.25rem);--space-m-l: clamp(1.5rem, 1rem + 2.2222vw, 3rem);--space-l-xl: clamp(2rem, 1.1667rem + 3.7037vw, 4.5rem);--space-xl-2xl: clamp(3rem, 2rem + 4.4444vw, 6rem);--space-2xl-3xl: clamp(4rem, 2.3333rem + 7.4074vw, 9rem);--space-xl-l: clamp(3rem, 3rem + 0vw, 3rem);--space-xs-s: clamp(0.75rem, 0.5rem + 1.1111vi, 1.5rem);

  font-size: var(--step-0);
}
@supports (top: 1vi) {
:root {--space-xl-l: clamp(3rem, 3rem + 0vi, 3rem);
}
}
@supports (top: 1vi) {
:root {--space-2xl-3xl: clamp(4rem, 2.3333rem + 7.4074vi, 9rem);
}
}
@supports (top: 1vi) {
:root {--space-xl-2xl: clamp(3rem, 2rem + 4.4444vi, 6rem);
}
}
@supports (top: 1vi) {
:root {--space-l-xl: clamp(2rem, 1.1667rem + 3.7037vi, 4.5rem);
}
}
@supports (top: 1vi) {
:root {--space-m-l: clamp(1.5rem, 1rem + 2.2222vi, 3rem);
}
}
@supports (top: 1vi) {
:root {--space-s-m: clamp(1rem, 0.5833rem + 1.8519vi, 2.25rem);
}
}
@supports (top: 1vi) {
:root {--space-xs-s: clamp(0.75rem, 0.5rem + 1.1111vi, 1.5rem);
}
}
@supports (top: 1vi) {
:root {--space-2xs-xs: clamp(0.5rem, 0.2917rem + 0.9259vi, 1.125rem);
}
}
@supports (top: 1vi) {
:root {--space-3xs-2xs: clamp(0.25rem, 0.0833rem + 0.7407vi, 0.75rem);
}
}
@supports (top: 1vi) {
:root {--space-3xl: clamp(6rem, 5rem + 4.4444vi, 9rem);
}
}
@supports (top: 1vi) {
:root {--space-2xl: clamp(4rem, 3.3333rem + 2.963vi, 6rem);
}
}
@supports (top: 1vi) {
:root {--space-xl: clamp(3rem, 2.5rem + 2.2222vi, 4.5rem);
}
}
@supports (top: 1vi) {
:root {--space-l: clamp(2rem, 1.6667rem + 1.4815vi, 3rem);
}
}
@supports (top: 1vi) {
:root {--space-m: clamp(1.5rem, 1.25rem + 1.1111vi, 2.25rem);
}
}
@supports (top: 1vi) {
:root {--space-s: clamp(1rem, 0.8333rem + 0.7407vi, 1.5rem);
}
}
@supports (top: 1vi) {
:root {--space-xs: clamp(0.75rem, 0.625rem + 0.5556vi, 1.125rem);
}
}
@supports (top: 1vi) {
:root {--space-2xs: clamp(0.5rem, 0.4167rem + 0.3704vi, 0.75rem);
}
}
@supports (top: 1vi) {
:root {--space-3xs: clamp(0.25rem, 0.2083rem + 0.1852vi, 0.375rem);
}
}
@supports (top: 1vi) {
:root {--step--2: clamp(0.6944rem, 0.6593rem + 0.1564vi, 0.8rem);
}
}
@supports (top: 1vi) {
:root {--step--1: clamp(0.8333rem, 0.7778rem + 0.2469vi, 1rem);
}
}
@supports (top: 1vi) {
:root {--step-0: clamp(1rem, 0.9167rem + 0.3704vi, 1.25rem);
}
}
@supports (top: 1vi) {
:root {--step-1: clamp(1.2rem, 1.0792rem + 0.537vi, 1.5625rem);
}
}
@supports (top: 1vi) {
:root {--step-2: clamp(1.44rem, 1.269rem + 0.7602vi, 1.9531rem);
}
}
@supports (top: 1vi) {
:root {--step-3: clamp(1.728rem, 1.4902rem + 1.0569vi, 2.4414rem);
}
}
@supports (top: 1vi) {
:root {--step-4: clamp(2.0736rem, 1.7475rem + 1.4491vi, 3.0518rem);
}
}
@supports (top: 1vi) {
:root {--step-5: clamp(2.4883rem, 2.0462rem + 1.965vi, 3.8147rem);
}
}
html {
  block-size: 100%;
  overflow-x: clip;
}
body {
  block-size: 100%;
  display: flex;
  flex-direction: column;
  margin: 0;
}
main#main-content {
  flex: 1 0 auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  text-wrap: balance;
}
button,
input,
select,
textarea {
  font: inherit;
}
canvas,
img,
picture,
svg,
video {
  display: block;
  max-inline-size: 100%;
}
:root {
  font-family: 'Inter', sans-serif;
}
body {
  background-color: var(--color-white);
  color: var(--color-black);
}
.t-page__container {
    box-sizing: content-box;
    margin-inline: auto;
    max-inline-size: var(--container-max-inline-size);
    padding-inline: var(--container-padding-inline);

    padding-block: 2lh;
  }
.o-iconLinks {
  --icon-size: 48px;

  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.o-iconLinks__link {
    background: #ccc;
    border-radius: 50%;
    display: block;
  }
.o-copy__content {
    margin-block-start: var(--space-m);
  }
.o-copy__buttons {
    margin-block-start: var(--space-l);
  }
/* notification.css */
.m-notification {
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: var(--notification-background, rgba(0, 0, 0, 0.1));
  color: var(--notification-text-color, #444);
  display: flex;
  gap: var(--space-3xs);
  justify-content: flex-start;
  padding: var(--space-3xs) var(--space-2xs);
}
.m-notification__icon {
    --icon-size: var(--space-xs);
  }
.m-notification__icon .a-icon {
      display: block;
    }
.m-notification__message {
    margin: 0;
    font-size: 0.8em;
    font-weight: 400;
  }
.m-media {
  background-color: var(--color-light-gray);
  border-radius: var(--space-2xs);
  overflow: hidden;
}
.m-media__figure {
    margin: 0;
    padding: 0;
  }
.m-media__container {
    position: relative;
    aspect-ratio: 3/2;
  }
.m-media__container img {
      block-size: 100%;
      inline-size: 100%;

      display: block;
      inset: 0;
      -o-object-fit: cover;
         object-fit: cover;
      position: absolute;
    }
.m-media__attribution {
    background: rgba(0, 0, 0, 0.7);
    border-radius: var(--space-xs);
    color: var(--color-white);
    font-size: var(--step--2);
    inset-block-end: var(--space-3xs);
    inset-inline-end: var(--space-3xs);
    margin: 0;
    padding: var(--space-3xs) var(--space-xs);
    position: absolute;
    z-index: 3;
  }
.m-media__attribution :link, .m-media__attribution :visited {
      color: inherit;
    }
.m-media__attribution :-moz-any-link {
      color: inherit;
    }
.m-media__attribution :any-link {
      color: inherit;
    }
.m-componentHeader__description {
    margin-block: 0;
    text-wrap: balance;
  }
.m-componentHeader__description.-xSmall {
      font-size: var(--step--1);
    }
.m-componentHeader__description.-small {
      font-size: var(--step-0);
    }
.m-componentHeader__description.-medium {
      font-size: var(--step-1);
    }
.m-componentHeader__description.-large {
      font-size: var(--step-2);
    }
.m-componentHeader *:last-child {
    margin-block-end: 0;
  }
.m-componentBackground {
  position: absolute;
  inset: 0;
}
.m-button {
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--button-background-color, var(--color-black));
  border-radius: var(--button-border-radius, var(--space-3xs));
  border: var(--button-border, none);
  box-sizing: border-box;
  color: var(--button-text-color, var(--color-white));
  display: inline-flex;
  flex: 0 0 auto;
  margin: 0;
  font-weight: var(--button-font-weight, 700);
  padding: var(--space-2xs) var(--space-xs);
  -webkit-text-decoration: none;
  text-decoration: none;
}
.m-button:hover {
    background: #000;
    color: var(--color-white);
  }
.m-button.-secondary {
    background-color: transparent;
    border: 2px solid var(--button-background-color, var(--color-black));
    color: var(--button-background-color, var(--color-black));
  }
.m-button.-secondary:hover {
      background-color: rgba(0,0,0,0.1);
      color: #000;
      border-color: #000;
    }
.m-button.-tertiary {
    background-color: transparent;
    border: none;
    color: var(--color-black);
    padding-inline: 0;
  }
.m-button.-tertiary:hover {
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }
.b-nav {
  background-color: var(--navigation-background, #eee);
  inset-block: 0 auto;
  inset-inline: 0;
  position: sticky;
  z-index: 4;
}
.b-nav__skipLink {
    inset-block-start: 100%;
    inset-inline-start: 50%;
    opacity: 0;
    display: block;
    position: absolute;
    transform: translateX(-50%);
  }
.b-nav__skipLink:focus {
    outline: none;
  }
.b-nav__skipLink:focus-visible {
    outline: var(--outline-size, 2px) var(--outline-style, solid) var(--outline-color, inherit);
    outline-offset: var(--outline-offset, 2px);
      inset-block-start: calc(100% + var(--space-2xs));
      opacity: 1;
  }
.b-nav__container {
    box-sizing: content-box;
    margin-inline: auto;
    max-inline-size: var(--container-max-inline-size);
    padding-inline: var(--container-padding-inline);
  }
.b-nav__menu {
    align-items: center;
    block-size: var(--nav-block-size, var(--space-xl));
    display: flex;
    gap: var(--nav-menu-gap, var(--space-s));
  }
.b-nav__logo {
    display: block;
    flex-shrink: 0;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
  }
.b-nav__logo:focus {
    outline: none;
  }
.b-nav__logo:focus-visible {
    outline: var(--outline-size, 2px) var(--outline-style, solid) var(--outline-color, inherit);
    outline-offset: var(--outline-offset, 2px);
  }
.b-nav__toggle,
  .b-nav__toggleInput {
    display: none;
  }
.b-nav__list {
    list-style: none;
    margin: 0;
    padding: 0;

    display: flex;
    gap: var(--nav-menu-gap, var(--space-s));
  }
.b-nav__link {
    font-weight: 700;
  }
@media (max-width: 959px) {
    .b-nav__menu {
      justify-content: space-between;
    }

    .b-nav__toggle {
      display: block;
      position: relative;
      z-index: 4;
    }

      .b-nav__toggle:has(:checked) ~ .b-nav__panel {
        --nav-menu-translate: none;
        --nav-menu-display: flex;
        --nav-menu-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
      }

    .b-nav__panel {
      position: absolute;
      inset-block-start: 0;
      inset-inline-end: 0;
      z-index: 3;
    }

    .b-nav__list {
      background: var(--color-white);
      block-size: 100lvh;
      box-shadow: var(--nav-menu-box-shadow, none);
      box-sizing: border-box;
      flex-direction: column;
      inline-size: 90vw;
      inset-block-start: 0;
      inset-inline-end: 0;
      max-inline-size: 300px;
      padding-block:  var(--nav-menu-gap, var(--space-s));
      padding-inline: var(--space-l);
      position: absolute;
      text-align: start;
      transform-origin: 0 0;
      transform: var(--nav-menu-translate, translate(100%, 0));
      transition: all 0.25s cubic-bezier(0.77, 0.2, 0.05, 1) allow-discrete;
    }
  }
.b-hero {
  background-color: var(--hero-background, #f5f5f5);
  box-sizing: border-box;
  padding-block: var(--space-2xl);
  position: relative;
  z-index: 3;
}
.b-hero__container {
    box-sizing: content-box;
    margin-inline: auto;
    max-inline-size: var(--container-max-inline-size);
    padding-inline: var(--container-padding-inline);

    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: var(--space-l);
    justify-content: var(--hero-block-align, center);
    min-block-size: var(--hero-min-block-size, auto);
  }
.b-hero__logo {
    display: block;
    inline-size: 60vw;
    max-inline-size: 1440px;
  }
.b-hero__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-s);
    justify-content: var(--hero-inline-align, start);
  }
.b-hero.-full {
    --hero-min-block-size: calc(100svh - var(--space-2xl) - var(--space-2xl));
  }
.b-hero .m-componentBackground {
    z-index: -1;
  }
.b-hero .m-componentHeader {
    text-align: var(--hero-inline-align, start);
  }
.b-hero .a-heading {
    border: 0;
    clip-path: circle(0);
    inline-size: 0;
    block-size: 0;
    margin: 0;
    padding: 0;
    overflow: clip;
    position: absolute;
    white-space: nowrap;
  }
.b-footer {
  background-color: var(--footer-background-color, #eee);
  padding-block: var(--space-m);
  font-size: var(--step--2);
}
.b-footer__container {
    box-sizing: content-box;
    margin-inline: auto;
    max-inline-size: var(--container-max-inline-size);
    padding-inline: var(--container-padding-inline);

    display: flex;
    flex-direction: column;
    gap: var(--space-s);
  }
.b-footer__navigation {
    list-style: none;
    margin: 0;
    padding: 0;

    display: flex;
    gap: var(--space-s);
  }
.b-footer__social {
    align-items: center;
  }
.b-footer__marginalia p {
      margin: 0;
    }
@media (min-width: 900px) {

    .b-footer__container {
      display: grid;
      grid-gap: var(--space-s);
      gap: var(--space-s);
      grid-template-columns: minmax(0, 1fr) auto;
    }

    .b-footer__navigation {
      grid-row: 1;
      grid-column: 1;
    }

    .b-footer__social {
      grid-row: 1 / span 2;
    }

    .b-footer__marginalia {
      grid-row: 2;
    }
  }
.a-overline {
  color: var(--overline-color, inherit);
  font-size: var(--overline-font-size, var(--step-0));
  font-weight: var(--overline-font-weight, 700);
  letter-spacing: var(--overline-letter-spacing, 0.01em);
  line-height: var(--overline-font-weight, inherit);
  margin: 0;
  padding: 0;
  text-transform: var(--overline-text-transform, uppercase);
}
.a-overline.-xSmall {
    font-size: var(--step--2);
  }
.a-overline.-small {
    font-size: var(--step--1);
  }
.a-overline.-medium {
    font-size: var(--step-0);
  }
.a-overline.-large {
    font-size: var(--step-1);
  }
.a-logo {

}
.a-icon {
  aspect-ratio: var(--icon-aspect-ratio, 1);
  display: var(--icon-display, block);
  inline-size: var(--icon-size, 24px);
}
.a-icon > svg {
    block-size: 100%;
    inline-size: 100%;

    display: block;
    fill: var(--icon-fill, currentColor);
  }
.a-heading {
  margin: 0;
  padding: 0;
  letter-spacing: -0.02em;
}
.a-heading.-h1 {
    font-size: var(--step-5);
  }
.a-heading.-h2 {
    font-size: var(--step-4);
  }
.a-heading.-h3 {
    font-size: var(--step-3);
  }
.a-heading.-h4 {
    font-size: var(--step-2);
  }
.a-heading.-h5 {
    font-size: var(--step-1);
  }
.a-heading.-h6 {
    font-size: var(--step-0);
  }
.a-badge {
  align-items: center;
  background-color: var(--badge-background, #ddd);
  border-radius: var(--badge-border-radius, 4px);
  border: 1px solid var(--badge-border-color, rgba(0, 0, 0, 0.25));
  box-sizing: border-box;
  color: var(--badge-text-color, currentColor);
  display: inline-flex;
  font-size: var(--badge-font-size, var(--step--2));
  font-weight: var(--badge-font-weight, 700);
  line-height: 1;
  padding-block: 0.92ex 0.88ex;
  padding-inline: 1ex;
  text-transform: uppercase;
}