/* ========== Крупный иероглиф ========== */
.char-big { font-size: 140px !important; line-height: 1.2; display: block; text-align: left; color: #1C1814; background-color: #FCF9F2; padding: 20px; border-radius: 8px; margin-bottom: 10px; }
.char-header--with-card .char-big { font-size: 80px !important; padding: 10px; margin-bottom: 10px; }
.char-meta { list-style: none; padding: 0; margin-bottom: 30px; }
.char-meta li { margin-bottom: 4px; }

/* ========== Примеры предложений ========== */
.entry-content .example-sentences .examples-list li .sentence-chinese { font-size: 36px !important; line-height: 1.6; margin-bottom: 8px; font-weight: 400; color: #1C1814; }

/* ========== Метки ========== */
.post-tags { margin-top: 40px; padding: 20px; background-color: #FCF9F2; border-radius: 8px; }
.post-tags h2 { margin-bottom: 15px; font-size: 1.2em; color: #5C4B3A; }
.tags-list { display: flex; flex-wrap: wrap; gap: 10px; }
.tag-link { display: inline-block; padding: 6px 14px; background-color: #fff; border: 1px solid #C73E3A; border-radius: 20px; color: #C73E3A; font-size: 0.9em; text-decoration: none; transition: all 0.2s; }
.tag-link:hover { background-color: #C73E3A; color: #fff; }

/* ========== Адаптивность ========== */
@media screen and (max-width: 768px) {
    .char-big { font-size: 90px !important; }
    .char-header--with-card .char-big { font-size: 50px !important; }
    .entry-content .example-sentences .examples-list li .sentence-chinese { font-size: 28px !important; }
}
@media screen and (max-width: 480px) {
    .entry-content .example-sentences .examples-list li .sentence-chinese { font-size: 24px !important; }
    .char-big { font-size: 70px !important; }
    .char-header--with-card .char-big { font-size: 40px !important; }
}

/* ========== Слова и связанные карточки ========== */
.words-list li { font-size: 1.3em; line-height: 1.5; margin-bottom: 8px; }
.words-list .word-pinyin { font-size: 1em; margin-left: 6px; color: #5C4B3A; font-style: italic; }
.btn.download-pdf { display: inline-block; background-color: #C73E3A; color: #ffffff; padding: 12px 24px; border-radius: 6px; text-decoration: none; font-weight: bold; font-size: 1em; transition: background-color 0.2s ease; margin-top: 10px; }
.btn.download-pdf:hover { background-color: #a32e2a; color: #ffffff; text-decoration: none; }
.hanzi-card { text-align: center; margin-bottom: 30px; }
.hanzi-card-img { max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); }

/* ========== Связанные слова ========== */
.related-slovar { margin: 40px 0; }
.slovar-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 15px; }
.slovar-card { display: block; text-decoration: none; background: #FCF9F2; border-radius: 8px; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; border: 1px solid rgba(0,0,0,0.05); }
.slovar-card:hover { transform: translateY(-3px); box-shadow: 0 6px 16px rgba(0,0,0,0.1); }
.slovar-card-thumb { width: 100%; height: auto; display: block; }
.slovar-card-placeholder { width: 100%; aspect-ratio: 360 / 270; background: #F0EDE5; display: flex; align-items: center; justify-content: center; font-size: 2em; color: #1C1814; }
.slovar-card-info { padding: 8px 10px; text-align: center; }
.slovar-card-word { font-size: 1.3em; font-weight: bold; color: #1C1814; display: block; }
.slovar-card-pinyin { font-size: 0.9em; color: #5C4B3A; display: block; }
.slovar-card-trans { font-size: 0.85em; color: #333; display: block; }

/* ========== Традиционные / Пиньинь ========== */
.traditional-hanzi { font-size: 3.5em; font-weight: bold; color: #1C1814; }
.traditional-note { font-size: 0.95em; color: #5C4B3A; }
.pinyin-multi-list { list-style: none; padding: 0; margin: 8px 0 0 0; }
.pinyin-multi-list li { margin-bottom: 10px; }
.pinyin-item { font-size: 1.1em; margin-right: 10px; }
.word-audio--inline { display: inline-block; margin: 0; }
.word-audio--inline audio { width: 200px; height: 28px; }
.hsk-note { display: block; font-size: 1em; color: #5C4B3A; margin-top: 2px; font-weight: bold; }
.hanzi-practice-wrap svg { width: 100% !important; height: auto !important; display: block; }

/* ========== Состав иероглифа ========== */
.hanzi-decomposition-block { margin: 30px 0; }
.hanzi-decomposition { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 10px; }
.decomp-part { display: inline-flex; flex-direction: column; align-items: center; padding: 12px 22px; background: #FCF9F2; border-radius: 8px; text-decoration: none; color: #1C1814; transition: all 0.2s; border: 1px solid rgba(0,0,0,0.05); }
.decomp-part--link:hover { background: #2e7d6f; color: #fff; }
.decomp-char { font-size: 2.6em; font-weight: 500; line-height: 1.2; }
.decomp-label { font-size: 0.85em; color: #5C4B3A; margin-top: 4px; }
.decomp-part--link:hover .decomp-label { color: #f9f7f3; }
.decomp-op { font-size: 1.5em; color: #5C4B3A; font-weight: 300; }
.decomp-family-link { margin-left: 16px; font-size: 0.95em; color: #2e7d6f; text-decoration: none; font-weight: 500; padding: 8px 0; }
.decomp-family-link:hover { text-decoration: underline; }
@media (max-width: 600px) {
    .hanzi-decomposition { gap: 8px; }
    .decomp-char { font-size: 2em; }
    .decomp-family-link { margin-left: 0; width: 100%; text-align: right; margin-top: 8px; }
}