/* Site font, lifted out of the inline systeme.io custom-code block. */
.gr8-site,
.gr8-site div, .gr8-site span, .gr8-site p, .gr8-site a, .gr8-site li,
.gr8-site strong, .gr8-site h1, .gr8-site h2, .gr8-site h3,
.gr8-site h4, .gr8-site h5, .gr8-site h6, .gr8-site button {
  font-family: 'Inter', Arial, sans-serif !important;
}

/* Shell for the pages we generate ourselves (privacy, 404). Reproduces the
   handful of systeme.io wrapper rules that actually affect layout. */
.gr8-shell {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  background: #ffffff;
  font-family: 'Inter', Arial, sans-serif;
}
.gr8-shell .gr8-pad { padding: 10px; }
@media only screen and (max-width: 800px) {
  .gr8-shell .gr8-pad { padding: 5px; }
}
/* Mirrors the rule systeme.io applied to every raw-HTML block. */
.gr8-shell .gr8-block { position: relative; min-height: 20px; text-align: center; }