/* Bilingual sentence bank (/sentences and /sentences/{hanzi}).
   ------------------------------------------------------------------
   Every colour goes through a Bootstrap CSS variable rather than a literal, so these
   pages follow the site's dark-mode toggle without a second [data-bs-theme] block. */

.sentence-card + .sentence-card {
    border-top: 1px solid var(--bs-border-color);
    padding-top: .85rem;
    margin-top: .85rem;
}

.sentence-zh {
    font-size: 1.3rem;
    line-height: 1.7;
}

.sentence-py {
    line-height: 1.5;
}

/* Bootstrap's default <mark> is a fixed yellow that vanishes against the dark theme's
   surface, so the highlight is drawn from the theme's own accent instead. */
.sentence-mark {
    background: var(--bs-primary-bg-subtle);
    color: inherit;
    padding: 0 .1em;
    border-radius: .2rem;
}

.sentence-headword {
    font-size: clamp(2.5rem, 10vw, 4rem);
    line-height: 1;
    font-weight: 600;
}

.sentence-word-row {
    color: inherit;
    border-color: var(--bs-border-color) !important;
    transition: background-color .15s ease-in-out;
}

.sentence-word-row:hover,
.sentence-word-row:focus {
    background: var(--bs-tertiary-bg);
    color: inherit;
}

.sentence-word-hanzi {
    font-size: 1.15rem;
    font-weight: 600;
}