@media screen and (max-width: 980px) {
    :root {
        --mobile-bottom-nav-space: calc(78px + env(safe-area-inset-bottom, 0px));
        --mobile-social-hitbox: 48px;
        --mobile-social-icon: 44px;
    }

    html {
        scroll-padding-bottom: var(--mobile-bottom-nav-space);
    }

    #allrecords {
        padding-bottom: var(--mobile-bottom-nav-space);
        box-sizing: border-box;
    }

    .t975 {
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }

    .t-rec[data-record-type="571"] {
        padding-bottom: calc(112px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .t571 .t-sociallinks {
        margin-top: 24px;
    }

    .t571 .t-sociallinks__wrapper,
    .t280__bottom .t-sociallinks__wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 14px;
    }

    .t571 .t-sociallinks__item,
    .t280__bottom .t-sociallinks__item {
        margin: 0 !important;
    }

    .t571 .t-sociallinks__item a,
    .t280__bottom .t-sociallinks__item a {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: var(--mobile-social-hitbox) !important;
        min-width: var(--mobile-social-hitbox);
        height: var(--mobile-social-hitbox) !important;
        min-height: var(--mobile-social-hitbox);
    }

    .t571 .t-sociallinks__svg,
    .t571 .t-sociallinks__item svg,
    .t280__bottom .t-sociallinks__svg,
    .t280__bottom .t-sociallinks__item svg {
        display: block;
        width: var(--mobile-social-icon) !important;
        height: var(--mobile-social-icon) !important;
    }

    .t280__bottom {
        padding-top: 18px;
    }
}