* {
  box-sizing:border-box
}
body {
  margin:var(--space-0);
  background:var(--background);
  color:var(--text);
  font:var(--font-base)/1.5 var(--font-family)
}
a {
  color:var(--primary);
  text-decoration:none
}
a:hover {
  text-decoration:underline
}
button,input,select,textarea {
  font:inherit
}
button {
  cursor:pointer
}
button:disabled {
  cursor:not-allowed
}
h1,h2,h3,p {
  margin:var(--space-0)
}
h1 {
  font-size:var(--font-2xl);
  line-height:1.3;
  font-weight:650
}
h2 {
  font-size:var(--font-lg);
  font-weight:650
}
p+p {
  margin-top:var(--space-3)
}
ul {
  padding:var(--space-0);
  margin:var(--space-0);
  list-style:none
}
:focus-visible {
  outline:2px solid var(--focus);
  outline-offset:3px
}
[x-cloak] {
  display:none!important
}
dialog {
  color:var(--text)
}
::selection {
  background:var(--info-bg);
  color:var(--text)
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    transition:none!important;
    animation:none!important;
    scroll-behavior:auto!important
  }
}