.site-shell {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

@media (max-width: 720px) {
    :root {
        --header-height: auto;
        --footer-min: 124px;
    }

    h1 {
        font-size: 2.55rem;
    }
}

@media (min-width: 1600px) {
    :root {
        --content-max: 1380px;
    }
}

html[data-viewport="smart-tv"] body {
    font-size: 1.08rem;
}

html[data-pointer="coarse"] .button,
html[data-pointer="coarse"] select {
    min-height: 48px;
}