/* Base styles */

:root {

  color-scheme: light;

  padding-top: env(safe-area-inset-top, 0px);

  padding-bottom: env(safe-area-inset-bottom, 0px)

}



body {

  margin: 0

}



img {

  max-width: 100%

}



[hidden] {

  display: none !important

}





* {

  box-sizing: border-box

}



html,

body {

  min-height: 100%

}



body {

  background: var(--bg);

  color: var(--ink);

  font-family: var(--font-body);

  font-size: 1rem;

  line-height: 1.55;

  -webkit-font-smoothing: antialiased

}



button {

  font: inherit;

  color: inherit;

  cursor: pointer

}



h1,

h2,

h3 {

  font-family: var(--font-display);

  margin: 0;

  text-wrap: balance;

  line-height: 1.1

}



p {

  margin: 0

}



:focus-visible {

  outline: 3px solid var(--accent);

  outline-offset: 3px

}



[tabindex="-1"]:focus {

  outline: none

}