/* ut/toc — frontend. Neutral, ăn theo typography theme; hộp viền nhẹ. */
.ut-toc { border: 1px solid #e3e3e3; border-radius: 7px; padding: 25px 15px; }
.ut-toc__label { font-size: 25px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; border-bottom: 1px solid #e3e3e3; padding-bottom: 15px; margin: 0 0 15px; }.ut-toc__list, .ut-toc__list ul { margin: 0; padding: 0; list-style: none; }
.single-product .ut-toc__list { font-weight: bold; }

.ut-toc__list ul { padding-left: 1.2em; margin-top: 4px; }
.ut-toc__list li { margin: 0 0 3px 0; }
.ut-toc__list a { text-decoration: none; }
.ut-toc__list a:hover { text-decoration: underline; }

/* Columns: CSS multi-col trên list gốc; break-inside giữ nguyên cụm cha+con.
   Mobile về 1 cột — mục lục 2-3 cột trên màn hẹp là vô đọc. */
.ut-toc--cols-2 > .ut-toc__list { columns: 2; column-gap: 2em; }
.ut-toc--cols-3 > .ut-toc__list { columns: 3; column-gap: 2em; }
.ut-toc--cols-2 > .ut-toc__list > li,
.ut-toc--cols-3 > .ut-toc__list > li { break-inside: avoid; }
@media (max-width: 600px) {
	.ut-toc--cols-2 > .ut-toc__list, .ut-toc--cols-3 > .ut-toc__list { columns: 1; }
}