/* 雅思同义词：采用 Alex Lab 的阅读型界面，不改变题库与学习流程。 */
.ielts-page {
    color: var(--lab-ink);
}

.ielts-page .card {
    border: 1px solid var(--lab-line) !important;
    border-radius: 18px !important;
    box-shadow: var(--lab-shadow-sm) !important;
}

.ielts-page .ielts-page-header h3 {
    color: var(--lab-ink) !important;
    font-size: 1.18rem;
    letter-spacing: -.02em;
}

.ielts-page .btn-primary,
.ielts-page .btn-main-lg {
    background: var(--lab-primary);
    border-color: var(--lab-primary);
    border-radius: 999px;
    font-weight: 700;
    box-shadow: 0 6px 16px rgba(66, 87, 200, .16);
}

.ielts-page .btn-primary:hover,
.ielts-page .btn-main-lg:hover {
    background: var(--lab-primary-strong);
    border-color: var(--lab-primary-strong);
}

.ielts-page .input-group {
    border: 1px solid var(--lab-line);
    border-radius: 14px !important;
    background: #fff;
    box-shadow: var(--lab-shadow-sm) !important;
}

.ielts-page .input-group:focus-within {
    border-color: var(--lab-primary);
    box-shadow: 0 0 0 4px rgba(66, 87, 200, .12) !important;
}

.ielts-page .input-group .form-control:focus {
    box-shadow: none;
}

.ielts-page .badge[style*="background"] {
    border-radius: 999px;
    padding: .42rem .68rem;
}

.ielts-page .option-btn {
    border-radius: 999px;
}

.ielts-page .pagination .page-item.active .page-link {
    background: var(--lab-primary);
}

@media (max-width: 575.98px) {
    .ielts-page .card.py-5 {
        padding: 2rem 1rem !important;
    }

    .ielts-page .option-btn {
        width: 100%;
    }
}