.type-compare {
    margin: 10rem 0;
    scroll-margin-top: 10rem;
}

.type-compare__head {
    max-width: 86rem;
    margin: 0 auto 4rem;
    text-align: center;
}

.type-compare__title {
    margin: 0 0 1.6rem;
}

.type-compare__subtitle {
    margin: 0;
}

.type-compare__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.4rem;
    align-items: stretch;
}

.type-compare-card {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    min-width: 0;
    padding: 3.2rem;
    background: #fff;
    border: .1rem solid #d9d9d9;
    border-radius: 2rem;
}

.type-compare-card_accent {
    background: #fff8e1;
    border-color: #fdb602;
    box-shadow: 0 0 0 .2rem #fdb602 inset;
}

.type-compare-card__name {
    margin: 0;
}

.type-compare-card__rows {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    margin: 0;
}

.type-compare-card__row {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    padding-bottom: 1.6rem;
    border-bottom: .1rem solid #f0f0f0;
}

.type-compare-card_accent .type-compare-card__row {
    border-bottom-color: rgba(20, 20, 20, .08);
}

.type-compare-card__row dt,
.type-compare-card__row dd {
    margin: 0;
}

.type-compare-card .default-btn {
    width: 100%;
    margin-top: auto;
    justify-content: center;
}

.type-compare__hint {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.2rem;
    max-width: 86rem;
    margin: 3.2rem auto 0;
    padding: 3.2rem;
    border-radius: 1.6rem;
    background: #f5f5f5;
    text-align: center;
}

.type-compare__hint p {
    margin: 0;
}

@media (max-width: 1100px) {
    .type-compare__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .type-compare-card_accent {
        grid-column: 1 / -1;
    }
}

@media (max-width: 700px) {
    .type-compare {
        margin: 5rem 0;
    }

    .type-compare__head {
        margin-bottom: 2.4rem;
        text-align: left;
    }

    .type-compare__grid {
        grid-template-columns: 1fr;
    }

    .type-compare-card_accent {
        grid-column: auto;
    }

    .type-compare-card,
    .type-compare__hint {
        padding: 2.4rem;
        text-align: left;
        align-items: stretch;
    }

    .type-compare-card .default-btn,
    .type-compare__hint .default-btn {
        min-height: 4.8rem;
    }
}