/* Bài viết kiến thức: khung ghi nhớ, các bước giải, đáp án thu gọn, ảnh minh họa. */
.tgt-bv-hinh { margin: 1.6em auto; text-align: center; }
.tgt-bv-hinh img { display: block; margin: 0 auto; border-radius: 14px; box-shadow: var(--shadow, 0 6px 20px rgba(35, 49, 77, .07)); }
.tgt-bv-hinh figcaption { margin-top: 8px; font-size: .9em; color: var(--muted, #5d6b86); }

.tgt-bv-note {
	margin: 1.4em auto; padding: 14px 18px; border-radius: 16px;
	background: var(--primary-soft, #fff1e8); border: 2px solid color-mix(in srgb, var(--primary, #ff7a45) 35%, transparent);
}
.tgt-bv-note > :first-child { margin-top: 0; }
.tgt-bv-note > :last-child { margin-bottom: 0; }
.tgt-bv-note__title { display: block; font-weight: 900; color: var(--primary-dark, #e85d27); margin-bottom: 4px; }

.tgt-bv-vd {
	margin: 1.2em auto; padding: 14px 18px; border-radius: 16px;
	background: var(--surface, #fff); border: 1px solid var(--line, #e3e8f4); box-shadow: var(--shadow, none);
}
.tgt-bv-vd > :first-child { margin-top: 0; }
.tgt-bv-vd > :last-child { margin-bottom: 0; }
.tgt-bv-vd ol { margin: .4em 0; }

.tgt-bv-dap-an { margin: .6em auto 1.2em; border-radius: 14px; border: 1px dashed var(--line, #e3e8f4); background: var(--surface-2, #eef2fd); }
.tgt-bv-dap-an > summary { cursor: pointer; padding: 10px 14px; font-weight: 800; color: var(--primary-dark, #e85d27); }
.tgt-bv-dap-an > :not(summary) { padding: 0 14px; }
.tgt-bv-dap-an[open] { padding-bottom: 6px; }

.tgt-bv-muc-luc { margin: 1.2em auto; padding: 12px 18px; border-radius: 16px; background: var(--surface-2, #eef2fd); }
.tgt-bv-muc-luc strong { display: block; margin-bottom: 4px; }
.tgt-bv-muc-luc ol { margin: 0; }

.tgt-bv-cta { margin: 1.6em auto; padding: 16px 18px; border-radius: 16px; background: linear-gradient(135deg, #ff7a45, #ff9f1c); color: #fff; }
.tgt-bv-cta a { color: #fff; font-weight: 900; text-decoration: underline; }
.tgt-bv-cta > :first-child { margin-top: 0; }
.tgt-bv-cta > :last-child { margin-bottom: 0; }

.tgtt-content .katex-display { overflow-x: auto; overflow-y: hidden; padding: 4px 0; }