html {
   font-family: var(--font-family);
    scroll-behavior: smooth;
    touch-action: manipulation;
}

#page {
    display: grid;
    min-height: 100vh;
    grid-template-rows: auto 1fr;
    grid-template-columns: 100%;
}

p {
    font-size: clamp(1rem, 0.9rem + 0.25vw, 1.25rem);
}

.has-global-padding {
    padding-inline: 1rem;
}

/* force full width */
.banner, .stats, .image-slider, .tiles, .theme-footer {
    margin-inline: calc(1rem * -1);
}