/**
パンケーキ スタック
https://coliss.com/articles/build-websites/operation/css/css-grid-with-5-layouts.html

<div class="pancakestack">
  <div class="header"></div>
  <div class="body"></div>
  <div class="footer"></div>
</div>

**/
.pancakestack {
  display: grid;
  height: 100dvh;
  grid-template-rows: auto 1fr auto;
}

.pancakestack .header {
  width: 100%;
  top: 0;
}

.pancakestack .body {
  overflow: scroll;
}

.pancakestack .footer {
  width: 100%;
  /* position: fixed; */
  bottom: 0;
}