:root {
  --font-size--2: clamp(0.69rem, calc(0.69rem + 0.04vw), 0.72rem);
  --font-size--1: clamp(0.83rem, calc(0.81rem + 0.12vw), 0.90rem);
  --font-size-0: clamp(1.00rem, calc(0.96rem + 0.22vw), 1.13rem);
  --font-size-1: clamp(1.20rem, calc(1.13rem + 0.36vw), 1.41rem);
  --font-size-2: clamp(1.44rem, calc(1.33rem + 0.55vw), 1.76rem);
  --font-size-3: clamp(1.73rem, calc(1.56rem + 0.82vw), 2.20rem);
  --font-size-4: clamp(2.07rem, calc(1.84rem + 1.17vw), 2.75rem);
  --font-size-5: clamp(2.49rem, calc(2.16rem + 1.64vw), 3.43rem);
}

:root {
  --space-3xs: clamp(0.25rem, calc(0.23rem + 0.11vw), 0.31rem);
  --space-2xs: clamp(0.50rem, calc(0.48rem + 0.11vw), 0.56rem);
  --space-xs: clamp(0.75rem, calc(0.71rem + 0.22vw), 0.88rem);
  --space-s: clamp(1.00rem, calc(0.96rem + 0.22vw), 1.13rem);
  --space-m: clamp(1.50rem, calc(1.43rem + 0.33vw), 1.69rem);
  --space-l: clamp(2.00rem, calc(1.91rem + 0.43vw), 2.25rem);
  --space-xl: clamp(3.00rem, calc(2.87rem + 0.65vw), 3.38rem);
  --space-2xl: clamp(4.00rem, calc(3.83rem + 0.87vw), 4.50rem);
  --space-3xl: clamp(6.00rem, calc(5.74rem + 1.30vw), 6.75rem);
}

html:focus-within {
  scroll-behavior: smooth;
}

body {
  margin: 0;
}

:is(ul, ol)[role=list] {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
body {
  font-family: ui-sans-serif, system-ui, sans-serif, emoji;
  min-height: 100vh;
  font-size: var(--font-size-0);
}

body * {
  line-height: calc(2ex + 6px);
}

.site-header, .site-footer {
  padding-block: var(--space-s);
}

.site-footer > p {
  margin: 0;
}

.root {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.root > * + *:not(:last-child) {
  flex: auto;
}

.repel {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--repel-gap, var(--space-s));
}

.cluster {
  display: flex;
  flex-wrap: wrap;
  gap: var(--cluster-gap, var(--space-s));
  justify-content: var(--cluster-justify, flex-start);
  align-items: var(--cluster-align, center);
}

.center {
  display: grid;
  grid-auto-flow: var(--center-flow, row);
  place-items: center;
}

.site-header nav > ul {
  --cluster-gap: var(--space-m);
}

.site-header nav :any-link {
  color: currentColor;
  text-decoration: none;
}
.site-header nav :any-link[aria-current=page] {
  font-weight: bold;
}
.site-header nav :any-link:hover, .site-header nav :any-link:active {
  text-decoration: underline;
}

.document {
  width: 78ch;
  max-width: 100%;
  margin-inline: auto;
}

.flow > * + * {
  margin-block-start: var(--flow-space, var(--space-s));
}

.wrapper {
  inline-size: clamp(16rem, 90vw, 75rem);
  margin-inline: auto;
  padding-inline: var(--space-s);
}
/*# sourceMappingURL=./style.css.map */