/* Chengyu idiom pages (/chengyu and /chengyu/{pinyin}).
   ----------------------------------------------------
   Every colour goes through a Bootstrap CSS variable rather than a literal, so the
   pages follow the site's dark-mode toggle without a second [data-bs-theme] block. */

.chengyu-headword {
    font-size: clamp(2.25rem, 9vw, 3.75rem);
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: .05em;
}

.chengyu-story {
    font-size: 1.05rem;
    line-height: 1.75;
}

.chengyu-part-card {
    background: var(--bs-tertiary-bg);
    text-align: center;
}

.chengyu-part-glyph {
    font-size: 2.25rem;
    line-height: 1.1;
}

.chengyu-part-glyph a {
    color: inherit;
    text-decoration: none;
}

.chengyu-part-glyph a:hover,
.chengyu-part-glyph a:focus {
    text-decoration: underline;
}

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

a.chengyu-card:hover,
a.chengyu-card:focus {
    background: var(--bs-tertiary-bg);
    color: inherit;
}

.chengyu-card-hanzi {
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: .04em;
}