/***********************
2. Layout
***********************/
html:root {
  --layout-margin: max(5vw, 24px);
}

html body{
  display: grid;
  min-height: 100dvh;
  grid-template-columns: var(--layout-margin) 1fr var(--layout-margin);
  grid-template-rows: auto 1fr auto;
}




.content{
  flex-grow: 999;
}



main > *{
  grid-column: 2;
  max-width: var(--contentsize);
  margin-right: auto;
  margin-left: auto;
}

.is-layout-constrained{
  display: grid;
  grid-template-columns: var(--layout-margin) 1fr var(--layout-margin);
}

.is-layout-constrained > *{
  grid-column: 2;
  width: 100%;
  max-width: var(--contentsize);
  margin-right: auto;
  margin-left: auto;
}

.alignwide{
  max-width: var(--alignwide);
}


.alignfull{
  margin-left: calc( -1 * var(--layout-margin));
  margin-right: calc( -1 * var(--layout-margin));
  max-width: unset;
}