/* The only site container: shared by the header, footer and page content. */
.container {
  width: calc(100% - 48px);
  max-width: var(--container);
  margin-inline: auto;
}
@media (max-width: 700px) {
  .container { width: calc(100% - 40px); }
}