/* Hệ thống chủ đề Toán học: trang tổng hợp nhánh, trang chủ đề / dạng bài. */

.tgt-cd--orange { --cd: #ff7a45; }
.tgt-cd--blue { --cd: #3d7bfd; }
.tgt-cd--green { --cd: #16a36f; }
.tgt-cd--pink { --cd: #e63e82; }
.tgt-cd--purple { --cd: #8b5cf6; }
.tgt-cd--teal { --cd: #0f97a8; }
.tgt-cd--red { --cd: #e5484d; }
.tgt-cd { --cd-soft: color-mix(in srgb, var(--cd, #3d7bfd) 12%, var(--tgt-card)); }

.tgt-cd-intro { background: var(--tgt-card); border: 1px solid var(--tgt-line); border-radius: var(--tgt-radius); padding: 16px 20px; margin-bottom: 22px; box-shadow: var(--tgt-shadow); }
.tgt-cd-intro p { margin: 0 0 8px; }
.tgt-cd-intro__stats { display: flex; flex-wrap: wrap; gap: 8px 18px; font-weight: 800; color: var(--tgt-muted); margin: 0 !important; }

.tgt-cd-heading { font-size: 1.3rem; font-weight: 900; margin: 30px 0 14px; color: var(--tgt-ink); }
.tgt-cd-section:first-child .tgt-cd-heading { margin-top: 6px; }

/* Thẻ nhánh */
.tgt-cd-branches { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 18px; }
.tgt-cd-branches--small { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.tgt-cd-branch {
	position: relative; display: flex; flex-direction: column; gap: 10px; padding: 18px 18px 14px;
	background: var(--tgt-card); border: 1px solid var(--tgt-line); border-top: 5px solid var(--cd); border-radius: var(--tgt-radius);
	box-shadow: var(--tgt-shadow); transition: transform .15s, box-shadow .15s;
}
.tgt-cd-branch:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(35, 49, 77, .12); }
.tgt-cd-branch__head { display: flex; align-items: center; gap: 14px; text-decoration: none; color: var(--tgt-ink); }
.tgt-cd-branch__head:hover { color: var(--cd); }
.tgt-cd-branch__icon {
	flex: none; width: 58px; height: 58px; border-radius: 16px; display: grid; place-items: center; font-size: 30px;
	background: color-mix(in srgb, var(--cd) 14%, var(--tgt-card));
}
.tgt-cd-branches--small .tgt-cd-branch__icon { width: 46px; height: 46px; font-size: 24px; border-radius: 13px; }
.tgt-cd-branch__num { display: block; font-size: .78rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; color: var(--cd); }
.tgt-cd-branch__name { display: block; font-size: 1.22rem; font-weight: 900; line-height: 1.25; }
.tgt-cd-branches--small .tgt-cd-branch__name { font-size: 1.05rem; }
.tgt-cd-branch__desc { margin: 0; color: var(--tgt-muted); font-size: .95rem; }
.tgt-cd-branch__adv { margin: 0; font-size: .88rem; color: var(--tgt-muted); }
.tgt-cd-branch__adv span { font-weight: 800; color: var(--tgt-ink); }
.tgt-cd-branch__foot { margin: auto 0 0; padding-top: 10px; border-top: 1px dashed var(--tgt-line); display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; font-size: .88rem; font-weight: 700; color: var(--tgt-muted); }
.tgt-cd-branch__foot a { color: var(--cd); font-weight: 900; text-decoration: none; }

/* Chip chủ đề */
.tgt-cd-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.tgt-cd-chips a {
	display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px; border-radius: 999px; text-decoration: none;
	font-size: .86rem; font-weight: 700; color: var(--tgt-ink); background: var(--cd-soft, #eef2fd); border: 1px solid transparent;
}
.tgt-cd-chips a:hover { border-color: var(--cd); color: var(--cd); }
.tgt-cd-chips small { font-weight: 900; color: var(--cd); }
.tgt-cd-chips__more { background: transparent !important; border: 1px dashed var(--tgt-line) !important; color: var(--tgt-muted) !important; }
.tgt-cd-chips--plain a { background: var(--tgt-card); border-color: var(--tgt-line); }

/* Đầu trang chủ đề (mẫu của plugin) */
.tgt-cd-head { padding: 26px 22px; margin: 20px auto; border-radius: 24px; background: linear-gradient(135deg, color-mix(in srgb, var(--cd) 16%, var(--tgt-card)), var(--tgt-card)); }
.tgt-cd-crumbs { font-size: .88rem; color: var(--tgt-muted); margin-bottom: 10px; }
.tgt-cd-crumbs a { color: var(--tgt-muted); text-decoration: none; font-weight: 700; }
.tgt-cd-crumbs a:hover { color: var(--cd); }
.tgt-cd-head__kicker { margin: 0 0 4px; font-size: .82rem; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; color: var(--cd); }
.tgt-cd-head__title { margin: 0 0 8px; font-size: clamp(1.6rem, 4vw, 2.3rem); font-weight: 900; color: var(--tgt-ink); }
.tgt-cd-head__desc { margin: 0; color: var(--tgt-muted); max-width: 760px; }

/* Chủ đề con / dạng bài */
.tgt-cd-topics { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.tgt-cd-topic {
	display: flex; flex-direction: column; gap: 8px; padding: 14px 16px; background: var(--tgt-card);
	border: 1px solid var(--tgt-line); border-left: 4px solid var(--cd); border-radius: 14px;
}
.tgt-cd-topic.is-empty { border-left-color: var(--tgt-line); }
.tgt-cd-topics--adv .tgt-cd-topic { border-left-style: dashed; }
.tgt-cd-topic__name { font-weight: 900; font-size: 1.04rem; color: var(--tgt-ink); text-decoration: none; }
.tgt-cd-topic__name:hover { color: var(--cd); }
.tgt-cd-topic__kids { list-style: none; margin: 0; padding: 0; display: grid; gap: 3px; font-size: .9rem; }
.tgt-cd-topic__kids li::before { content: "•"; color: var(--cd); font-weight: 900; margin-right: 6px; }
.tgt-cd-topic__kids a { color: var(--tgt-ink); text-decoration: none; }
.tgt-cd-topic__kids a:hover { color: var(--cd); text-decoration: underline; }
.tgt-cd-topic__kids a.is-empty { color: var(--tgt-muted); }
.tgt-cd-topic__kids small { font-weight: 900; color: var(--cd); margin-left: 4px; }
.tgt-cd-topic__meta { margin-top: auto; font-size: .84rem; font-weight: 700; color: var(--tgt-muted); }

.tgt-quiz--practice { margin: 0; }

@media (max-width: 560px) {
	.tgt-cd-branches, .tgt-cd-branches--small, .tgt-cd-topics { grid-template-columns: 1fr; }
	.tgt-cd-branch__icon { width: 48px; height: 48px; font-size: 25px; }
	.tgt-cd-head { padding: 20px 16px; border-radius: 18px; }
}

/* Danh sách trong nội dung trang của theme có thụt lề sẵn, bỏ đi cho chip và dạng bài. */
.tgt .tgt-cd-chips, .tgt .tgt-cd-topic__kids { padding-left: 0; margin-left: 0; }
.tgt .tgt-cd-chips li, .tgt .tgt-cd-topic__kids li { margin-bottom: 0; }