.terms {
    max-height: 18.75rem;
    overflow-y: scroll;
    border: 1px solid var(--border);
    padding: 0.625rem;
    margin: 1.25rem 0;
    background: var(--card);
    border-radius: var(--radius);
}

@media (max-width: 1440px) {
    .terms {
        max-height: 17.5rem;
        padding: 0.6rem;
        margin: 1.125rem 0;
    }
}

@media (max-width: 1024px) {
    .terms {
        max-height: 16rem;
        padding: 0.575rem;
        margin: 1rem 0;
    }
}

@media (max-width: 768px) {
    .terms {
        max-height: 14rem;
        padding: 0.55rem;
        margin: 0.875rem 0;
    }
}

@media (max-width: 480px) {
    .terms {
        max-height: 12rem;
        padding: 0.525rem;
        margin: 0.75rem 0;
    }
}

@media (max-width: 375px) {
    .terms {
        max-height: 10rem;
        padding: 0.5rem;
        margin: 0.625rem 0;
    }
}