/* ==========================================================================
   FUGA — Văn bản trang (chính sách, điều khoản, tài trợ) + kiểu chữ dài dùng chung (.fg-rte)
   Khung: rộng tối đa 1248px, lề 32px (điện thoại 20px). Khoảng trên/dưới khối: 56px ở 1440, 48px ở 1280, 32px điện thoại.
   ========================================================================== */
.fg-pg, .fg-faq, .fg-contact, .fg-heading, .fg-sloc { --fg-ink2: rgb(28, 28, 28); background: #fff; color: var(--fg-ink2); }
.fg-wrap, .fg-pg__wrap { width: min(1248px, calc(100% - 64px)); margin-inline: auto; }

/* Trang thường: khoảng trên/dưới 48px, đường dẫn */
.fg-pg { padding-block: 48px; }
.fg-crumb { margin: 16px 0; padding: 12px 0 12px 28.8px; }
.fg-crumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.fg-crumb li { display: flex; align-items: center; gap: 8px; }
.fg-crumb a { transition: opacity .2s; }
.fg-crumb a:hover { opacity: .7; }
.fg-crumb li[aria-current] span:last-child { font-weight: 500; color: rgba(28, 28, 28, .7); }
.fg-crumb__sep { color: rgba(28, 28, 28, .5); }
.fg-pg__body { margin-top: 15px; }

/* Trang chính sách: cột 768px (chữ 728px), tiêu đề giữa */
.fg-pg--policy { padding-block: 0; color: #000; }
.fg-pg--policy .fg-pg__wrap { width: min(768px, 100%); padding: clamp(48px, calc(5vw - 16px), 56px) 20px; }
.fg-pg__title { margin-bottom: 48px; text-align: center; font-size: 22px; line-height: 1; letter-spacing: .01em; font-weight: 400; }
.fg-pg--policy .fg-pg__body { margin-top: 0; }

/* Chữ dài (WYSIWYG): cỡ tiêu đề co theo màn hình như bản gốc, làm tròn số nguyên */
.fg-rte { font-size: 14px; line-height: 1.4; letter-spacing: .04em; overflow-wrap: anywhere; }
.fg-rte h1, .fg-rte h2, .fg-rte h3, .fg-rte h4, .fg-rte h5, .fg-rte h6 {
	--h: 1em; font-size: round(nearest, var(--h), 1px); line-height: var(--h); margin-top: var(--h); letter-spacing: .01em; font-weight: 400;
}
.fg-rte h1 { --h: 31px; margin-top: 0; }
.fg-rte h2 { --h: 22px; }
.fg-rte h3 { --h: calc(23.556px + 1.398vw); }
.fg-rte h4 { --h: calc(20.831px + 1.165vw); }
.fg-rte h5 { --h: calc(17.616px + .5824vw); }
.fg-rte h6 { --h: calc(16.009px + .2912vw); }
.fg-rte strong, .fg-rte b { font-weight: 700; }
.fg-rte p, .fg-rte ul, .fg-rte ol, .fg-rte table, .fg-rte blockquote { margin-top: 32px; }
.fg-rte ul, .fg-rte ol { margin-left: 14px; padding: 0; }
.fg-rte ul { list-style: disc; }
.fg-rte ol { list-style: decimal; }
.fg-rte li { padding-left: 8.75px; }
.fg-rte li > p { margin-top: 0; }
.fg-rte li + li > p:first-child { margin-top: 32px; }
.fg-rte li > ul, .fg-rte li > ol { margin-top: 0; }
.fg-rte a { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; }
.fg-rte img { margin-block: 40px; max-width: 100%; height: auto; }
.fg-rte > :first-child { margin-top: 0; }
.fg-rte em { font-style: italic; }

@media (max-width: 699px) {
	.fg-wrap, .fg-pg__wrap { width: calc(100% - 40px); }
	.fg-pg { padding-block: 32px; }
	.fg-crumb { margin: 12px 0; padding: 8px 17px; }
	.fg-crumb ol { gap: 6px; }
	.fg-pg__body { margin-top: 0; }
	.fg-pg--policy { padding-block: 0; }
	.fg-pg--policy .fg-pg__wrap { width: 100%; padding-block: 32px; }
	.fg-pg__title { margin-bottom: 24px; font-size: 14px; }
	.fg-rte h2, .fg-rte h3, .fg-rte h4, .fg-rte h5, .fg-rte h6 { margin-top: calc(var(--h) * 1.2); }
	.fg-rte h1 { --h: 21px; }
	.fg-rte h2 { --h: 14px; }
	.fg-rte p, .fg-rte ul, .fg-rte ol, .fg-rte table, .fg-rte blockquote { margin-top: 24px; }
	.fg-rte img { margin-block: 28px; }
	.fg-rte li + li > p:first-child { margin-top: 24px; }
}
