@charset "utf-8";

@media (max-width: 768px) {
    footer {
        /* Leave room for the collapsed quick menu button. */
        padding: 32px 0 calc(104px + env(safe-area-inset-bottom, 0px));
        text-align: left;
    }

    footer .foot_links {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px 16px;
        margin-bottom: 24px;
        padding-bottom: 20px;
        border-bottom: 1px solid #303841;
    }

    footer .foot_links a {
        display: flex;
        align-items: center;
        min-height: 40px;
        padding: 4px 0;
        font-size: 1.4rem;
        line-height: 1.5;
        overflow-wrap: anywhere;
    }

    footer .foot_wrap {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 24px;
        margin-bottom: 18px;
        padding-bottom: 24px;
        border-color: #303841;
    }

    footer .foot_logo img {
        width: 130px;
        height: auto;
    }

    footer .foot_info {
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    footer .foot_info > div {
        display: grid;
        width: 100%;
        gap: 10px;
    }

    footer .foot_info dl {
        display: grid;
        grid-template-columns: 100px minmax(0, 1fr);
        align-items: start;
        gap: 12px;
        margin: 0;
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1.7;
    }

    footer .foot_info dt {
        width: auto;
        color: #dce1e7;
    }

    footer .foot_info dd {
        min-width: 0;
        margin: 0;
        color: #abb3be;
        overflow-wrap: anywhere;
    }

    footer .copy {
        color: #8e98a5;
        font-size: 1.2rem;
        line-height: 1.7;
        text-align: left;
        overflow-wrap: anywhere;
    }
}