/*
 * Adapted from https://www.joshwcomeau.com/css/custom-css-reset/
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
html,
body {
  height: 100%;
}
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}
input,
button,
textarea,
select {
  font: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}
.app {
  isolation: isolate;
}

.checklist-layout {
  padding: 2em;
  width: 100%;
  display: grid;
  grid-template:
    'backbutton title' 4em
    'body       body' 1fr
    / 4em 1fr;
}

.checklist-layout__backbutton {
  align-self: stretch;
  justify-self: stretch;
  grid-area: backbutton;
}

.checklist-layout__titlebar {
  grid-area: title;
}

.checklist-layout__body {
  grid-area: body;
  display: grid;
  row-gap: 0.5em;
}

.button {
  display: block;
  background: none;
  border: none;
}