html {
    scrollbar-width: thin;
}

body {
    min-height: 100vh;
    margin: 0;
    padding-top: calc(var(--public-navbar-offset) + 0.75rem);
    background: linear-gradient(180deg, #f8fafc 0%, var(--public-bg) 100%);
    color: var(--public-text);
    display: flex;
    flex-direction: column;
    font-family: var(--public-font-sans);
    font-size: 0.92rem;
    line-height: 1.45;
}

button,
input,
select,
textarea {
    font: inherit;
}

main {
    flex: 1 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 550;
    letter-spacing: 0;
}

@media (max-width: 991.98px) {
    body {
        padding-top: calc(var(--public-navbar-offset) + 0.45rem);
    }
}