@import 'https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&family=Noto+Sans+Symbols:wght@100..900&display=swap';

:root {
  --spacing: 1em;

  color-scheme: light dark;
}

body {
  font-family: sans-serif, 'Noto Sans Symbols', 'Noto Sans Symbols 2';
  background: Canvas;
}

dl {
  display: grid;
  grid-template-columns: repeat(auto-fit, 7em 10em);
  align-items: center;
  justify-content: center;
  gap: 1em 0.5em;
}
dt, label {
  text-align: end;
  font-weight: bold;
}
dd {
  margin: 0;
  word-break: break-all;
}

footer {
  margin-top: 20svh;
}

#decimal-container {
  position: sticky;
  top: 0;
  background: Canvas;
  text-align: center;
  padding: var(--spacing);
}