@media (max-width: 430px) {
    :root {
        --h5-text-card-title: 1rem;
        --h5-text-overline: 0.74rem;
        --h5-text-tab: 0.96rem;
        --h5-text-meta: 0.8rem;
        --h5-text-participants: 0.8rem;
        --h5-text-body-tight: 0.84rem;
        --h5-text-label: 0.86rem;
        --h5-text-bubble: 0.92rem;
        --h5-text-bubble-intro: 0.94rem;
        --h5-text-bubble-h1: 1.16rem;
        --h5-text-bubble-h2: 1.1rem;
        --h5-text-bubble-h3: 1.02rem;
        --h5-text-bubble-h4: 0.96rem;
        --h5-text-table: 0.88rem;
        --h5-text-chip: 0.86rem;
        --h5-text-input: 0.94rem;
        --h5-text-fine: 0.66rem;
    }

    .h5-page-shell {
        padding-left: 0.96rem;
        padding-right: 0.96rem;
    }
}

@media (max-width: 390px) {
    :root {
        --h5-text-bubble: 0.9rem;
        --h5-text-bubble-intro: 0.92rem;
        --h5-text-tab: 0.92rem;
        --h5-text-participants: 0.78rem;
        --h5-text-overline: 0.72rem;
        --h5-text-body-tight: 0.82rem;
        --h5-text-label: 0.84rem;
        --h5-text-chip: 0.82rem;
    }

    .h5-page-shell {
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }
}

@media (max-width: 360px) {
    :root {
        --h5-text-card-title: 0.95rem;
        --h5-text-meta: 0.74rem;
        --h5-text-participants: 0.74rem;
        --h5-text-overline: 0.7rem;
        --h5-text-fine: 0.64rem;
    }

    .h5-page-shell {
        padding-left: 0.7rem;
        padding-right: 0.7rem;
    }
}