.Layout {
  display: grid;
  grid-template: "lede" "header" "body" "footer"/auto;
}
.Layout-lede {
  background-color: var(--layout-body-background-color);
  grid-area: lede;
  padding: 0 var(--layout-body-padding);
}
.Layout-header {
  background-color: #222;
  grid-area: header;
  padding: 0 var(--layout-body-padding);
}
.Layout-body {
  background-color: var(--layout-body-background-color);
  grid-area: body;
  padding: var(--layout-body-padding);
}
.Layout-body > * {
  padding: calc(var(--layout-body-padding) / 2) 0;
}
.Layout-body > *:first-child {
  padding-top: 0;
}
.Layout-body > *:last-child {
  padding-bottom: 0;
}
.Layout-footer {
  background-color: #237435;
  grid-area: footer;
}
.Layout > *:first-child {
  padding-top: 0;
}
.Layout > *:last-child {
  padding-bottom: 0;
}

/*# sourceMappingURL=layout.css.map */
