/* Chinese Grammar Library (/chinese-grammar) — hub cards, example rows and the drill. */

/* ---------- Shared ---------- */
.gr-jump {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.gr-level-badge {
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
}

/* ---------- Hub ---------- */
.gr-card .gr-card-zh {
    font-size: 1.35rem;
    line-height: 1.25;
}

.gr-card:hover {
    transform: translateY(-2px);
    transition: transform 0.15s ease;
}

/* ---------- Structure formulas ---------- */
.gr-formula {
    font-family: var(--bs-font-monospace, monospace);
    font-size: 1.02rem;
    padding: 0.45rem 0.7rem;
    border-radius: 0.4rem;
    background: var(--bs-secondary-bg, #f1f3f5);
    display: inline-block;
}

/* ---------- Example rows ---------- */
.gr-example {
    border-left: 3px solid var(--bs-primary, #0d6efd);
    padding: 0.55rem 0 0.55rem 0.85rem;
}

.gr-example + .gr-example {
    margin-top: 0.9rem;
}

.gr-example-zh {
    font-size: 1.5rem;
    line-height: 1.45;
}

.gr-example-py {
    font-size: 1rem;
    opacity: 0.85;
}

.gr-example-en {
    font-size: 0.95rem;
    opacity: 0.75;
}

.gr-audio-btn {
    min-width: 2.4rem;
}

/* ---------- Mistakes table ---------- */
.gr-wrong {
    text-decoration: line-through 0.08em;
    text-decoration-color: rgba(220, 53, 69, 0.65);
}

.gr-mistake-zh {
    font-size: 1.15rem;
}

/* ---------- Drill ---------- */
.gr-drill-sentence {
    font-size: 1.7rem;
    line-height: 1.5;
}

.gr-drill-gap {
    display: inline-block;
    min-width: 3.2rem;
    border-bottom: 3px solid var(--bs-primary, #0d6efd);
    text-align: center;
}

.gr-drill-gap.is-filled {
    border-bottom-color: transparent;
}

.gr-drill-option {
    font-size: 1.25rem;
    min-width: 5rem;
}

.gr-drill-feedback {
    min-height: 1.6rem;
}

@media (max-width: 575.98px) {
    .gr-example-zh {
        font-size: 1.3rem;
    }

    .gr-drill-sentence {
        font-size: 1.35rem;
    }
}