/*
Theme Name: GeneratePress Child
Theme URI: https://digitalnewsalerts.org.uk
Description: GeneratePress child theme for 88I. Layout reference only - every visual element (logo, menu, hero, sidebars, footer) is editable through standard WordPress features. No third-party images are bundled.
Author: Site Owner
Template: generatepress
Version: 3.0.5
Text Domain: generatepress-child
*/

/* Parent stylesheet is enqueued from functions.php via wp_enqueue_style. */

/* ============================================================
   Design tokens
   ============================================================ */
:root {
	--gpc-accent:      #26a9e0;
	--gpc-accent-deep: rgb(38, 169, 224);
	--gpc-accent-soft: rgb(19, 196, 237);
	--gpc-text:        #222222;
	--gpc-container:   1600px;
	--gpc-placeholder-bg: linear-gradient(135deg, #e3f4fb 0%, #bce4f3 50%, #8dd2ea 100%);
	--gpc-placeholder-border: #5fb4d6;
	/* Footer tokens — casino / gaming palette */
	--ee88-footer-bg-1:        #0b2545;     /* deep navy */
	--ee88-footer-bg-2:        #0e8cc2;     /* brand teal */
	--ee88-footer-border:      rgba(255,255,255,.08);
	--ee88-footer-text:        rgba(255,255,255,.82);
	--ee88-footer-heading:     #ffffff;
	--ee88-footer-link:        rgba(255,255,255,.78);
	--ee88-footer-link-hover:  #ffd84d;     /* gold accent */
	--ee88-footer-accent:      #ffd84d;
	--ee88-footer-accent-2:    #f7c948;
}

/* ============================================================
   Reset / base typography
   ============================================================ */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body {
	background: #ffffff;
	color: var(--gpc-text);
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }

/* ============================================================
   Site-header (single, clean, one-row design)
   ============================================================ */
:root {
	--gpc-header-h: 72px;
	--gpc-header-h-sticky: 60px;
	--gpc-header-grad: linear-gradient(90deg, #1ea7dc 0%, #25b3e5 100%);
	--gpc-header-shadow: 0 2px 14px rgba(20, 110, 150, .10);
}

/* Override parent GP header chrome entirely on our pages */
.site-header,
.inside-header,
.site-header .inside-header,
header.site-header#masthead {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.gpc-site header.site-header#masthead {
	background: var(--gpc-header-grad) !important;
	box-shadow: var(--gpc-header-shadow) !important;
	position: sticky;
	top: 0;
	z-index: 9999;
	transition: padding .2s ease;
}
/* When WP Admin Bar is visible (logged-in admin/editor), shift sticky header
   below the 32px toolbar. Mobile toolbar is 46px tall (handled in @media). */
.admin-bar .gpc-site header.site-header#masthead { top: 32px; }
@media screen and (max-width: 782px) {
	.admin-bar .gpc-site header.site-header#masthead { top: 46px; }
}
.gpc-site header.site-header#masthead.is-scrolled {
	box-shadow: 0 4px 18px rgba(20, 110, 150, .16) !important;
}

/* Inner container — single horizontal row */
.gpc-site .inside-header {
	max-width: 1280px !important;
	margin: 0 auto !important;
	padding: 0 24px !important;
	height: var(--gpc-header-h) !important;
	min-height: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: nowrap !important;
	gap: 24px !important;
	background: transparent !important;
}
.gpc-site header.site-header#masthead.is-scrolled .inside-header {
	height: var(--gpc-header-h-sticky) !important;
}

/* Logo (left) */
.gpc-site .site-logo,
.gpc-site .site-logo a.custom-logo-link,
.gpc-site .gpc-site-logo {
	display: flex !important;
	align-items: center !important;
	flex: 0 0 auto !important;
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
	min-width: 0 !important;
	max-width: 220px !important;
}
.gpc-site .site-logo img,
.gpc-site .site-logo .custom-logo,
.gpc-site .gpc-site-logo .custom-logo {
	max-height: 44px !important;
	width: auto !important;
	height: auto !important;
	display: block;
	transition: max-height .2s ease;
}
.gpc-site .gpc-placeholder-logo,
.gpc-site .gpc-site-logo .gpc-placeholder-logo {
	width: 150px !important;
	height: 46px !important;
	min-height: 0 !important;
	padding: 0 !important;
	background: rgba(255,255,255,.18) !important;
	border: 1.5px dashed rgba(255,255,255,.55) !important;
	border-radius: 8px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.gpc-site .gpc-placeholder-logo .gpc-placeholder-label,
.gpc-site .gpc-site-logo .gpc-placeholder-label {
	color: #ffffff !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	letter-spacing: .04em;
}

/* Header row (menu + CTAs) */
.gpc-site .gpc-header-row {
	display: flex !important;
	align-items: center !important;
	flex: 1 1 auto !important;
	flex-wrap: nowrap !important;
	gap: 16px !important;
	justify-content: flex-end !important;
	height: 100% !important;
}

/* Main nav (centered) */
.gpc-site .main-navigation.gpc-nav {
	flex: 0 1 auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	height: 100% !important;
	background: transparent !important;
}
.gpc-site .gpc-menu {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	gap: 0 !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	height: 100%;
}
.gpc-site .gpc-menu > li {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
}
.gpc-site .gpc-menu > li > a {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px;
	color: #ffffff !important;
	font-weight: 600 !important;
	font-size: 14.5px !important;
	text-transform: uppercase !important;
	letter-spacing: .02em;
	padding: 0 13px !important;
	line-height: 1 !important;
	height: 100%;
	transition: color .18s;
	white-space: nowrap;
}
.gpc-site .gpc-menu > li:first-child > a { padding-left: 0 !important; }
.gpc-site .gpc-menu > li:last-child  > a { padding-right: 8px !important; }
.gpc-site .gpc-menu > li:hover > a,
.gpc-site .gpc-menu > li.current-menu-item > a { color: #1a1a1a !important; }
.gpc-site .gpc-caret { transition: transform .2s; }
.gpc-site .gpc-menu > li:hover .gpc-caret { transform: rotate(180deg); }

/* Dropdown */
.gpc-site .gpc-menu .sub-menu {
	display: none !important;
	position: absolute !important;
	left: 0; top: 100% !important;
	min-width: 210px !important;
	max-width: 230px;
	background: #ffffff !important;
	border-radius: 8px !important;
	box-shadow: 0 8px 24px rgba(20, 110, 150, .18) !important;
	z-index: 99999 !important;
	list-style: none !important;
	padding: 6px 0 !important;
	margin: 0 !important;
}
.gpc-site .gpc-menu > li.menu-item-has-children:hover > .sub-menu { display: block !important; }
.gpc-site .gpc-menu .sub-menu a {
	display: flex !important;
	align-items: center !important;
	color: #1a1a1a !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-transform: none !important;
	padding: 0 18px !important;
	height: 42px;
	transition: background .15s, color .15s;
}
.gpc-site .gpc-menu .sub-menu li { width: 100%; }
.gpc-site .gpc-menu .sub-menu li:hover a,
.gpc-site .gpc-menu .sub-menu li.current-menu-item a {
	background: #f5f9fc !important;
	color: var(--gpc-accent-deep) !important;
}

/* CTA group (right) */
.gpc-site .gpc-header-ctas {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin-left: 6px !important;
	padding-left: 20px !important;
	border-left: 1px solid rgba(255, 255, 255, .32);
	flex: 0 0 auto;
	height: 100%;
}

.gpc-cta {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 40px !important;
	padding: 0 20px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: .03em !important;
	border-radius: 8px !important;
	line-height: 1 !important;
	transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: none !important;
	box-sizing: border-box;
}

/* Ghost: Đăng Nhập */
.gpc-cta-ghost {
	background: #ffffff !important;
	color: var(--gpc-accent-deep) !important;
	border: 1px solid rgba(255,255,255,.4) !important;
	box-shadow: 0 2px 6px rgba(0,0,0,.08);
}
.gpc-cta-ghost:hover {
	background: #f0fbff !important;
	color: var(--gpc-accent-deep) !important;
	border-color: #ffffff !important;
	box-shadow: 0 6px 14px rgba(0,0,0,.14);
	transform: translateY(-1px);
}

/* Primary: Đăng Ký — gold gradient */
.gpc-cta-primary {
	background: linear-gradient(180deg, #ffd33a 0%, #ffb724 100%) !important;
	color: #1a1a1a !important;
	border: 1px solid #f3a714 !important;
	box-shadow: 0 4px 12px rgba(255, 159, 0, .35), inset 0 1px 0 rgba(255,255,255,.4);
	font-weight: 700 !important;
}
.gpc-cta-primary:hover {
	background: linear-gradient(180deg, #ffe066 0%, #ffc340 100%) !important;
	color: #1a1a1a !important;
	box-shadow: 0 8px 18px rgba(255, 159, 0, .5), inset 0 1px 0 rgba(255,255,255,.5);
	transform: translateY(-2px);
}

/* Mobile toggle button (hidden on desktop) */
.gpc-site .gpc-mobile-toggle {
	display: none !important;
	align-items: center;
	justify-content: center;
	width: 42px; height: 42px;
	border: 0; background: transparent; cursor: pointer;
	color: #ffffff; font-size: 0;
	padding: 0;
	flex: 0 0 auto;
}
.gpc-site .gpc-mobile-toggle .gpc-mobile-toggle-bars {
	position: relative;
	display: block;
	width: 22px; height: 2px;
	background: #ffffff;
	border-radius: 2px;
	transition: background .2s;
}
.gpc-site .gpc-mobile-toggle .gpc-mobile-toggle-bars::before,
.gpc-site .gpc-mobile-toggle .gpc-mobile-toggle-bars::after {
	content: ""; position: absolute; left: 0;
	width: 22px; height: 2px; background: #ffffff; border-radius: 2px;
	transition: transform .25s, top .2s;
}
.gpc-site .gpc-mobile-toggle .gpc-mobile-toggle-bars::before { top: -7px; }
.gpc-site .gpc-mobile-toggle .gpc-mobile-toggle-bars::after  { top:  7px; }
.gpc-site .gpc-mobile-toggle[aria-expanded="true"] .gpc-mobile-toggle-bars { background: transparent; }
.gpc-site .gpc-mobile-toggle[aria-expanded="true"] .gpc-mobile-toggle-bars::before { top: 0; transform: rotate(45deg); }
.gpc-site .gpc-mobile-toggle[aria-expanded="true"] .gpc-mobile-toggle-bars::after  { top: 0; transform: rotate(-45deg); }

/* Mobile drawer (hidden by default on desktop) */
.gpc-site .gpc-mobile-menu {
	display: none !important;
	position: absolute;
	left: 0; right: 0; top: 100%;
	background: var(--gpc-header-grad);
	box-shadow: 0 8px 18px rgba(20, 110, 150, .18);
	padding: 14px 24px 22px;
	z-index: 9998;
}
.gpc-site .gpc-mobile-menu.is-open { display: block !important; }
.gpc-site .gpc-mobile-menu-list {
	list-style: none !important; padding: 0 !important; margin: 0 !important;
	display: flex; flex-direction: column;
	border-top: 1px solid rgba(255,255,255,.18);
}
.gpc-site .gpc-mobile-menu-list > li > a {
	display: flex; align-items: center;
	color: #ffffff !important;
	font-weight: 600;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: .02em;
	padding: 14px 4px;
	border-bottom: 1px solid rgba(255,255,255,.12);
}
.gpc-site .gpc-mobile-menu-list .sub-menu { list-style: none; padding: 0 0 0 14px; margin: 0; }
.gpc-site .gpc-mobile-menu-list .sub-menu a { padding: 10px 4px; font-size: 14px; font-weight: 500; text-transform: none; color: rgba(255,255,255,.85) !important; }
.gpc-site .gpc-mobile-ctas {
	display: flex; gap: 10px; padding: 14px 0 4px;
}
.gpc-site .gpc-mobile-ctas .gpc-cta { flex: 1 1 auto; }

/* Kill GP mobile-menu wrapper leak inside our header */
.gpc-site .mobile-menu-control-wrapper { display: none !important; }

/* ===== Tablet ===== */
@media (max-width: 1024px) {
	:root { --gpc-header-h: 64px; }
	.gpc-site .inside-header { padding: 0 16px !important; gap: 12px !important; }
	.gpc-site .main-navigation.gpc-nav { display: none !important; }
	.gpc-site .gpc-mobile-toggle { display: inline-flex !important; }
	.gpc-site .gpc-header-ctas {
		margin-left: auto !important;
		padding-left: 0 !important;
		border-left: 0 !important;
	}
	.gpc-site .gpc-menu > li > a { font-size: 13.5px !important; padding: 0 10px !important; }
}

/* ===== Small tablet ===== */
@media (max-width: 768px) {
	.gpc-cta { height: 38px !important; padding: 0 16px !important; font-size: 13px !important; }
	.gpc-site .site-logo img,
	.gpc-site .site-logo .custom-logo { max-height: 40px !important; }
	.gpc-site .gpc-placeholder-logo { width: 130px !important; height: 40px !important; }
}

/* ===== Phone ===== */
@media (max-width: 640px) {
	:root { --gpc-header-h: 60px; }
	.gpc-site .inside-header { padding: 0 12px !important; gap: 8px !important; }
	.gpc-cta { height: 36px !important; padding: 0 14px !important; font-size: 12.5px !important; }
	.gpc-site .site-logo img,
	.gpc-site .site-logo .custom-logo { max-height: 36px !important; }
	.gpc-site .gpc-placeholder-logo { width: 110px !important; height: 36px !important; }
}
@media (max-width: 420px) {
	.gpc-site .gpc-header-ctas .gpc-cta-ghost { display: none !important; }
}

/* ============================================================
   Placeholder (used wherever an image would normally go)
   ============================================================ */
.gpc-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	background: var(--gpc-placeholder-bg);
	border: 2px dashed var(--gpc-placeholder-border);
	color: #0e8cc2;
	font-weight: 600;
	text-align: center;
	padding: 30px 15px;
	border-radius: 8px;
}
.gpc-placeholder .gpc-placeholder-label {
	font-size: 16px;
	display: block;
}
.gpc-placeholder .gpc-placeholder-hint {
	font-size: 12px;
	font-weight: 400;
	color: #3997b9;
	display: block;
}
.gpc-placeholder-logo {
	width: 200px;
	height: 70px;
}
.gpc-placeholder-hero {
	width: 100%;
	max-width: 500px;
	min-height: 320px;
}
.gpc-placeholder-side {
	width: 100%;
	max-width: 220px;
	min-height: 280px;
}
.gpc-placeholder-banner {
	width: 100%;
	min-height: 200px;
}

/* ============================================================
   Hero — adaptive 1 / 2 / 3-column grid (driven by
   .gpc-hero-count-1|2|3 set in hero.php based on enable mods)
   ============================================================ */
.gpc-site .page-hero { color: #0e8cc2; }
.gpc-site .page-hero-inner {
	max-width: var(--gpc-container);
	margin: 0 auto;
	padding: 0 20px;
}
.gpc-site .page-hero-bg {
	background: linear-gradient(180deg, #ffffff 0%, #e8f7fc 100%);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	padding: 24px 0 28px;
}

/* Row container — CSS Grid, columns = count of enabled slots */
.gpc-site .gpc-hero-row {
	max-width: 1280px;
	margin: 0 auto;
	display: grid;
	justify-items: center;
	align-items: stretch;
	gap: 20px;
	padding: 0;
}
.gpc-site .gpc-hero-row.gpc-hero-count-1 {
	grid-template-columns: minmax(0, 600px);
	justify-content: center;
}
.gpc-site .gpc-hero-row.gpc-hero-count-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gpc-site .gpc-hero-row.gpc-hero-count-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gpc-site .gpc-hero-block {
	width: 100%;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}
.gpc-site .gpc-hero-cover {
	cursor: pointer;
	transition: transform .25s ease;
	max-width: 100%;
	line-height: 0;
	display: inline-block;
	width: 100%;
}
.gpc-site .gpc-hero-cover:hover { transform: scale(1.02); }
.gpc-site .gpc-hero-cover img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.gpc-site .gpc-hero-cover .gpc-placeholder-hero {
	min-height: 220px;
	width: 100%;
	max-width: 100%;
}

/* Hero CTA — under cover, centered */
.gpc-site .gpc-hero-cta-cont {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-top: 14px;
	margin-bottom: 0;
	z-index: 5;
	width: 100%;
}
.gpc-site .gpc-hero-cta {
	width: 100%;
	max-width: 340px;
	padding: 12px 24px;
	text-align: center;
	border-radius: 30px;
	background: radial-gradient(circle, rgb(8,185,224) 0%, rgba(38,169,224,1) 81%);
	color: #fff;
	border: 2px solid #fff;
	font-weight: 800;
	font-size: 18px;
	box-shadow: rgba(50,50,93,.25) 0 6px 12px -2px, rgba(0,0,0,.3) 0 3px 7px -3px;
	overflow: hidden;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	letter-spacing: .02em;
	transition: transform .2s ease, box-shadow .2s ease;
}
.gpc-site .gpc-hero-cta:hover {
	transform: translateY(-2px);
	box-shadow: rgba(50,50,93,.32) 0 10px 20px -4px, rgba(0,0,0,.35) 0 6px 12px -3px;
	color: #fff;
}
.gpc-site .gpc-hero-cta > span {
	font-weight: 700;
	font-size: 18px;
	display: block;
	line-height: 1;
}
.gpc-site .gpc-shine::after {
	content: "";
	position: absolute;
	top: 0; left: -100%;
	width: 100%; height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent);
	animation: gpc-shine 4s ease infinite;
	animation-delay: 2s;
}
@keyframes gpc-shine {
	0%   { left: -100%; }
	30%  { left:  100%; }
	100% { left:  100%; }
}

/* Tablet (≤900px) — any count collapses to single column */
@media (max-width: 900px) {
	.gpc-site .gpc-hero-row,
	.gpc-site .gpc-hero-row.gpc-hero-count-1,
	.gpc-site .gpc-hero-row.gpc-hero-count-2,
	.gpc-site .gpc-hero-row.gpc-hero-count-3 {
		grid-template-columns: minmax(0, 1fr);
		justify-content: stretch;
	}
	.gpc-site .gpc-hero-block { max-width: 100%; }
}

/* Certification row (rendered only if at least one cert image is set) */
.gpc-site .gpc-cert-row {
	width: 100%;
	max-width: 1047px;
	margin: 24px auto 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 24px;
	padding: 0;
}
.gpc-site .gpc-cert-row img {
	height: 75px;
	width: auto;
	filter: grayscale(100%);
	opacity: .6;
	transition: .3s all ease-in-out;
}
.gpc-site .gpc-cert-row img:hover { filter: none; opacity: 1; }

/* ============================================================
   Body content — single centered column
   ============================================================ */
.gpc-site .site { max-width: 1200px; margin: 0 auto; }
.gpc-site .site-content {
	display: block;
	max-width: 1100px;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 24px 28px;
	width: 100%;
	box-sizing: border-box;
}
.gpc-site .content-area {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}
/* Ensure sidebars (if any leftover wrapper) don't show */
.gpc-site .is-left-sidebar,
.gpc-site .is-right-sidebar,
.gpc-site aside.widget-area { display: none !important; }
.gpc-site .inside-article {
	background-color: #fff;
	max-width: 100%;
}

/* Article typography */
.gpc-site .entry-title {
	font-size: 34px;
	line-height: 1.25;
	color: var(--gpc-text);
	margin: 10px 0 20px;
	font-weight: 600;
}

/* Homepage H1 — always centered on every screen size.
   Scoped to single-page (post-type page) so we never affect blog/single-post titles. */
.gpc-site .page .entry-header,
.gpc-site .page .entry-title,
.gpc-site.single-page .entry-header,
.gpc-site.single-page .entry-title,
.gpc-site.home .entry-header,
.gpc-site.home .entry-title {
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.gpc-site .page .entry-title,
.gpc-site.single-page .entry-title,
.gpc-site.home .entry-title {
	margin-top: 14px;
	margin-bottom: 24px;
}
.gpc-site .entry-content { font-size: 17px; line-height: 1.7; }
.gpc-site .entry-content h2 {
	color: #0e8cc2;
	font-size: 1.6em;
	margin: 1.2em 0 .6em;
}
.gpc-site .entry-content h3 {
	color: #0e8cc2;
	font-size: 1.3em;
	margin: 1em 0 .4em;
}
.gpc-site .entry-content p { margin-bottom: 1.5em; }
.gpc-site .entry-content img { max-width: 100%; height: auto; }
.gpc-site .entry-content figure.aligncenter {
	text-align: center;
	margin: 0 auto 25px;
}
.gpc-site .wp-caption-text {
	font-size: 13px;
	padding-top: 5px;
	color: var(--gpc-text);
}

/* ============================================================
   WIDE CONTENT TABLES — horizontal scroll on small screens.
   The <table> element is not wrapped in a scroll container in
   the editor, so on phones a 4-column table would otherwise
   push the whole page sideways and create a body-level
   horizontal scrollbar. Rules below are scoped to .entry-content
   only, so no header/footer/hero is affected.
   ============================================================ */
.gpc-site .entry-content .wp-block-table {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.gpc-site .entry-content .wp-block-table table {
	border-collapse: collapse;
	width: 100%;
	min-width: 520px;
}
.gpc-site .entry-content .wp-block-table th,
.gpc-site .entry-content .wp-block-table td {
	border: 1px solid #d8e4ec;
	padding: 10px 12px;
	text-align: left;
	vertical-align: top;
}
.gpc-site .entry-content .wp-block-table th {
	background: #f0f8fc;
	font-weight: 600;
}
.gpc-site .entry-content .wp-block-table code {
	background: #f2f6f9;
	padding: 1px 6px;
	border-radius: 3px;
	font-size: 0.9em;
	word-break: break-word;
}

/* Buttons: full-width stack on phones so long Vietnamese labels
   never overflow their container. */
.gpc-site .entry-content .wp-block-buttons {
	flex-wrap: wrap;
}
@media (max-width: 600px) {
	.gpc-site .entry-content .wp-block-buttons {
		flex-direction: column;
		align-items: stretch;
	}
	.gpc-site .entry-content .wp-block-buttons .wp-block-button {
		width: 100%;
	}
	.gpc-site .entry-content .wp-block-table table {
		min-width: 460px;
	}
}

/* Sidebar widget content */
.gpc-clone .gpc-side-widget {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	padding: 16px;
	background: #fff;
}
.gpc-clone .gpc-side-widget .widget-title {
	font-size: 18px;
	color: var(--gpc-accent);
	margin: 0;
	font-weight: 700;
	text-align: center;
}
.gpc-clone .gpc-side-widget img {
	width: 100%;
	max-width: 220px;
	height: auto;
	border-radius: 4px;
}
.gpc-clone .gpc-side-cover {
	display: inline-block;
	line-height: 0;
	width: 100%;
}
.gpc-clone .gpc-side-cta {
	display: inline-block;
	width: 220px;
	max-width: 100%;
	padding: 8px 14px;
	border-radius: 9999px;
	background: linear-gradient(180deg, #27a3df, #0e72a8);
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	box-shadow: 0 4px 10px rgba(0,0,0,.15);
	transition: transform .2s ease;
	cursor: pointer;
	border: none;
	text-decoration: none;
}
.gpc-clone .gpc-side-cta:hover { transform: translateY(-2px); color: #fff; }

/* ============================================================
   Footer — Hide any leftover GeneratePress footer wrappers
   (we render our own footer via template-parts/footer/site-footer.php)
   ============================================================ */
.site-info,
.footer-widgets { display: none !important; }

/* ============================================================
   Footer — 88I 4-column casino/gaming layout
   Scoped to .ee88-site-footer (defined in template-parts/footer/site-footer.php)
   Editable via:
     - Appearance -> Menus (ee88_footer_main/info/policy)
     - Appearance -> Customize -> 88I - Footer (text settings)
     - Appearance -> Customize -> Site Identity (logo)
   ============================================================ */
.ee88-site-footer {
	background:
		radial-gradient(ellipse at top left, rgba(38,169,224,.25) 0%, transparent 55%),
		linear-gradient(180deg, var(--ee88-footer-bg-1) 0%, #08203b 100%);
	color: var(--ee88-footer-text);
	position: relative;
	border-top: 3px solid var(--ee88-footer-accent);
	box-shadow: 0 -2px 24px rgba(0,0,0,.18);
	margin-top: 24px;
}
.ee88-site-footer * { box-sizing: border-box; }

/* ---------- CTA strip (top of footer) ---------- */
.ee88-footer-cta {
	border-bottom: 1px solid var(--ee88-footer-border);
}
.ee88-footer-cta-inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 36px 28px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
}
.ee88-footer-cta-text { flex: 1 1 auto; min-width: 0; }
.ee88-footer-cta-title {
	font-size: 26px;
	font-weight: 700;
	color: var(--ee88-footer-heading);
	line-height: 1.25;
	margin: 0 0 6px;
	letter-spacing: .01em;
}
.ee88-footer-cta-title::before {
	content: "✦";
	color: var(--ee88-footer-accent);
	margin-right: 8px;
	font-size: 22px;
}
.ee88-footer-cta-subtitle {
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
	color: var(--ee88-footer-text);
	max-width: 720px;
}
.ee88-footer-cta-actions {
	display: flex;
	gap: 14px;
	flex: 0 0 auto;
	flex-wrap: wrap;
}
.ee88-footer-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 28px;
	border-radius: 28px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .04em;
	text-decoration: none;
	min-width: 130px;
	transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
.ee88-footer-btn-ghost {
	background: transparent;
	color: var(--ee88-footer-heading);
	border: 1.5px solid rgba(255,255,255,.55);
}
.ee88-footer-btn-ghost:hover {
	background: rgba(255,255,255,.08);
	color: var(--ee88-footer-accent);
	border-color: var(--ee88-footer-accent);
	transform: translateY(-1px);
}
.ee88-footer-btn-primary {
	background: linear-gradient(180deg, var(--ee88-footer-accent) 0%, var(--ee88-footer-accent-2) 100%);
	color: #14233a;
	border: 1.5px solid var(--ee88-footer-accent);
	box-shadow: 0 6px 16px rgba(247,201,72,.28);
}
.ee88-footer-btn-primary:hover {
	color: #14233a;
	transform: translateY(-1px);
	box-shadow: 0 10px 22px rgba(247,201,72,.4);
}

/* ---------- Main 4-column grid ---------- */
.ee88-footer-main { padding: 52px 0 38px; }
.ee88-footer-main-inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 28px;
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
	gap: 40px;
	align-items: flex-start;
}
.ee88-footer-col { min-width: 0; }
.ee88-footer-heading {
	font-size: 18px;
	font-weight: 700;
	color: var(--ee88-footer-heading);
	margin: 0 0 18px;
	line-height: 1.3;
	letter-spacing: .02em;
	position: relative;
	padding-bottom: 12px;
}
.ee88-footer-heading::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 32px;
	height: 2px;
	background: linear-gradient(90deg, var(--ee88-footer-accent) 0%, transparent 100%);
	border-radius: 2px;
}

/* Column 1 — About */
.ee88-footer-brand { margin-bottom: 16px; }
.ee88-footer-logo {
	display: inline-block;
	max-width: 140px;
}
.ee88-footer-logo img {
	max-height: 44px;
	width: auto;
	height: auto;
}
.ee88-footer-logo-fallback {
	font-size: 26px;
	font-weight: 800;
	color: var(--ee88-footer-heading);
	letter-spacing: .02em;
	display: inline-block;
	padding: 4px 12px;
	border: 2px solid var(--ee88-footer-accent);
	border-radius: 8px;
}
.ee88-footer-about-text {
	font-size: 14px;
	line-height: 1.7;
	color: var(--ee88-footer-text);
	margin: 0 0 12px;
}
.ee88-footer-brand-short {
	font-size: 13px;
	line-height: 1.55;
	color: var(--ee88-footer-accent);
	font-weight: 600;
	margin: 0 0 14px;
	letter-spacing: .02em;
}
.ee88-footer-meta {
	font-size: 12px;
	color: rgba(255,255,255,.55);
	letter-spacing: .04em;
	padding-top: 10px;
	border-top: 1px dashed rgba(255,255,255,.1);
	margin-top: 4px;
}
.ee88-footer-domain { word-break: break-all; }

/* Columns 2/3/4 — link lists */
.ee88-footer-list,
.ee88-footer-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ee88-footer-list li {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
.ee88-footer-list li + li { margin-top: 10px; }
.ee88-footer-list a {
	display: inline-block;
	font-size: 14.5px;
	line-height: 1.6;
	color: var(--ee88-footer-link);
	text-decoration: none;
	transition: color .18s ease, transform .18s ease, padding-left .18s ease;
	position: relative;
}
.ee88-footer-list a::before {
	content: "›";
	margin-right: 6px;
	color: var(--ee88-footer-accent);
	font-weight: 700;
	opacity: .55;
	transition: opacity .18s ease, margin-right .18s ease;
}
.ee88-footer-list a:hover {
	color: var(--ee88-footer-link-hover);
	padding-left: 4px;
}
.ee88-footer-list a:hover::before {
	opacity: 1;
	margin-right: 10px;
}

/* ---------- Bottom bar ---------- */
.ee88-footer-bottom {
	border-top: 1px solid var(--ee88-footer-border);
	background: rgba(0,0,0,.18);
}
.ee88-footer-bottom-inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 18px 28px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	font-size: 13px;
	color: rgba(255,255,255,.6);
}
.ee88-footer-copy { margin: 0; }
.ee88-footer-bottom-links {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}
.ee88-footer-bottom-links a {
	color: rgba(255,255,255,.7);
	text-decoration: none;
	transition: color .18s ease;
}
.ee88-footer-bottom-links a:hover { color: var(--ee88-footer-link-hover); }
.ee88-footer-sep {
	color: rgba(255,255,255,.25);
	margin: 0 4px;
}

/* ---------- Tablet: 2 × 2 ---------- */
@media (max-width: 1024px) {
	.ee88-footer-main-inner {
		grid-template-columns: 1fr 1fr;
		gap: 36px 32px;
	}
	.ee88-footer-col-about { grid-column: 1 / -1; }
	.ee88-footer-cta-title { font-size: 22px; }
}

/* ---------- Mobile ---------- */
@media (max-width: 640px) {
	.ee88-footer-cta-inner {
		flex-direction: column;
		align-items: stretch;
		text-align: center;
		padding: 28px 20px;
	}
	.ee88-footer-cta-title { font-size: 20px; }
	.ee88-footer-cta-title::before { display: none; }
	.ee88-footer-cta-subtitle { font-size: 14px; }
	.ee88-footer-cta-actions {
		justify-content: center;
		flex-direction: column;
	}
	.ee88-footer-btn { width: 100%; }

	.ee88-footer-main { padding: 36px 0 28px; }
	.ee88-footer-main-inner {
		grid-template-columns: 1fr;
		gap: 28px;
		padding: 0 20px;
	}
	.ee88-footer-col-about { grid-column: auto; }

	.ee88-footer-heading {
		text-align: center;
		padding-bottom: 10px;
	}
	.ee88-footer-heading::after { left: 50%; transform: translateX(-50%); }

	.ee88-footer-list,
	.ee88-footer-bottom-links {
		text-align: center;
		justify-content: center;
	}
	.ee88-footer-list li + li { margin-top: 9px; }
	.ee88-footer-meta { text-align: center; }

	.ee88-footer-bottom-inner {
		flex-direction: column;
		text-align: center;
		padding: 16px 20px;
		gap: 10px;
	}
	.ee88-footer-sep { display: none; }
}

/* ============================================================
   Footer
   ============================================================ */
.gpc-clone .site-footer {
	background-color: var(--gpc-accent);
	color: #fff;
	padding: 18px 30px;
	text-align: center;
}
.gpc-clone .site-footer a { color: #fff; }
.gpc-clone .site-footer .footer-widgets {
	background-color: transparent;
	color: #fff;
	padding: 30px 20px;
}
.gpc-clone .site-footer .footer-widgets .widget-title {
	color: #fff;
}
.gpc-clone .site-footer .widget a { color: #fff; }
.gpc-clone .inside-footer-widgets {
	max-width: var(--gpc-container);
	margin: 0 auto;
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
	justify-content: space-between;
}
.gpc-clone .footer-widget-1,
.gpc-clone .footer-widget-2,
.gpc-clone .footer-widget-3 {
	flex: 1 1 280px;
}

/* Hide GP mobile menu toggle by default on this clone. */
.gpc-clone .menu-toggle { display: none; }

/* ============================================================
   THỂ THAO ARCHIVE — GP ELEMENT CONTENT
   Scoped to .category-the-thao so it does not bleed elsewhere.

   The archive body is a GeneratePress Element hooked to
   generate_before_loop, so it renders *after* the archive H1 and
   *before* the post loop. Everything here targets
   .gpc-the-thao-content, the wrapper Group that holds the
   Element's Gutenberg blocks — that keeps the post loop cards
   (article / .entry-title) and every other page unaffected.
   ============================================================ */
.category-the-thao .gpc-the-thao-content {
	margin-bottom: 28px;
}

.category-the-thao .gpc-the-thao-content > * {
	margin-top: 0;
	margin-bottom: 16px;
}

.category-the-thao .gpc-the-thao-content > :last-child {
	margin-bottom: 0;
}

/* Section rhythm: breathe a little more between H2 blocks. */
.category-the-thao .gpc-the-thao-content > h2,
.category-the-thao .gpc-the-thao-content > .wp-block-heading {
	font-size: 21px;
	font-weight: 700;
	color: #0e72a8;
	line-height: 1.35;
	letter-spacing: -.01em;
	margin-top: 28px;
	margin-bottom: 12px;
}

.category-the-thao .gpc-the-thao-content > h2:first-child,
.category-the-thao .gpc-the-thao-content > .wp-block-heading:first-child {
	margin-top: 0;
}

.category-the-thao .gpc-the-thao-content p {
	font-size: 16px;
	line-height: 1.72;
	color: #374151;
}

.category-the-thao .gpc-the-thao-content strong {
	color: #1f2937;
}

/* Keep the intro immediately under the H1 tight, not a wall of text. */
.category-the-thao .gpc-the-thao-intro {
	padding: 28px 0 20px;
}

.category-the-thao .gpc-the-thao-intro-inner {
	max-width: 860px;
}

.category-the-thao .gpc-the-thao-intro-heading {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
	color: #0e72a8;
	margin: 0 0 16px 0;
	letter-spacing: -.01em;
}

.category-the-thao .gpc-the-thao-intro p {
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
	margin: 0 0 14px 0;
}

.category-the-thao .gpc-the-thao-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 20px 0;
}

.category-the-thao .gpc-the-thao-cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 24px;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none !important;
	letter-spacing: .02em;
	transition: transform .18s ease, box-shadow .18s ease;
}

.category-the-thao .gpc-the-thao-cta-primary {
	background: linear-gradient(180deg, #ffd33a 0%, #ffb724 100%);
	color: #1a1a1a !important;
	border: 1.5px solid #f3a714;
	box-shadow: 0 4px 12px rgba(255,159,0,.3);
}
.category-the-thao .gpc-the-thao-cta-primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(255,159,0,.45);
	color: #1a1a1a !important;
}

.category-the-thao .gpc-the-thao-cta-ghost {
	background: #ffffff;
	color: #0e72a8 !important;
	border: 1.5px solid #0e72a8;
}
.category-the-thao .gpc-the-thao-cta-ghost:hover {
	background: #f0f9fc;
	transform: translateY(-1px);
	color: #0e72a8 !important;
}

.category-the-thao .gpc-the-thao-section {
	padding: 20px 0;
	border-top: 1px solid #e6eef4;
}

.category-the-thao .gpc-the-thao-h3 {
	font-size: 19px;
	font-weight: 700;
	color: #0e72a8;
	margin: 0 0 14px 0;
	line-height: 1.35;
	letter-spacing: -.005em;
}

.category-the-thao .gpc-the-thao-list,
.category-the-thao .gpc-the-thao-ordered {
	margin: 0 0 16px 0;
	padding: 0 0 0 20px;
}
.category-the-thao .gpc-the-thao-list li,
.category-the-thao .gpc-the-thao-ordered li {
	font-size: 15.5px;
	line-height: 1.65;
	color: #374151;
	margin-bottom: 8px;
}
.category-the-thao .gpc-the-thao-ordered {
	list-style-type: decimal;
}
.category-the-thao .gpc-the-thao-list li::marker {
	color: #0e72a8;
}

/* --- Native Gutenberg blocks inside the Element content ---------- */
/* The Element now uses core blocks, so style them directly instead of
   relying on the legacy .gpc-the-thao-* utility classes. */

.category-the-thao .gpc-the-thao-content .wp-block-list {
	margin: 0 0 18px 0;
	padding: 0 0 0 22px;
}
.category-the-thao .gpc-the-thao-content .wp-block-list li {
	font-size: 15.5px;
	line-height: 1.7;
	color: #374151;
	margin-bottom: 9px;
}
.category-the-thao .gpc-the-thao-content .wp-block-list li::marker {
	color: #0e72a8;
}
.category-the-thao .gpc-the-thao-content ol.wp-block-list li::marker {
	font-weight: 700;
}

/* Keyword table — allow horizontal scroll on small screens rather than
   forcing the whole page wider. */
.category-the-thao .gpc-the-thao-content .wp-block-table {
	margin: 0 0 20px 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.category-the-thao .gpc-the-thao-content .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
	min-width: 520px;
}
.category-the-thao .gpc-the-thao-content .wp-block-table th,
.category-the-thao .gpc-the-thao-content .wp-block-table td {
	border: 1px solid #e6eef4;
	padding: 11px 14px;
	text-align: left;
	vertical-align: top;
	line-height: 1.6;
}
.category-the-thao .gpc-the-thao-content .wp-block-table thead th {
	background: #f0f9fc;
	color: #0e72a8;
	font-weight: 700;
	white-space: nowrap;
}
.category-the-thao .gpc-the-thao-content .wp-block-table tbody tr:nth-child(even) {
	background: #fbfdfe;
}

/* Tip callout (core/group carrying the existing tip class). */
.category-the-thao .gpc-the-thao-content .gpc-the-thao-tip {
	font-size: 14.5px;
	color: #374151;
	background: #f8fafc;
	border-left: 3px solid #0e72a8;
	padding: 12px 16px;
	border-radius: 0 6px 6px 0;
	margin: 0 0 20px 0;
	line-height: 1.65;
}
.category-the-thao .gpc-the-thao-content .gpc-the-thao-tip p {
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

/* FAQ — native core/details accordion. */
.category-the-thao .gpc-the-thao-content .wp-block-details {
	background: #ffffff;
	border: 1px solid #e6eef4;
	border-radius: 8px;
	margin: 0 0 10px;
	overflow: hidden;
}
.category-the-thao .gpc-the-thao-content .wp-block-details summary {
	cursor: pointer;
	padding: 14px 46px 14px 18px;
	font-size: 15px;
	font-weight: 600;
	color: #0e72a8;
	line-height: 1.5;
	list-style: none;
	position: relative;
	user-select: none;
}
.category-the-thao .gpc-the-thao-content .wp-block-details summary::-webkit-details-marker {
	display: none;
}
.category-the-thao .gpc-the-thao-content .wp-block-details summary::after {
	content: '+';
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	font-weight: 400;
	color: #0e72a8;
	line-height: 1;
}
.category-the-thao .gpc-the-thao-content .wp-block-details[open] summary::after {
	content: '\2212';
}
.category-the-thao .gpc-the-thao-content .wp-block-details[open] summary {
	border-bottom: 1px solid #f0f4f8;
}
.category-the-thao .gpc-the-thao-content .wp-block-details > *:not(summary) {
	margin: 0;
}
.category-the-thao .gpc-the-thao-content .wp-block-details p {
	font-size: 15px;
	line-height: 1.7;
	color: #374151;
	padding: 12px 18px 16px;
	margin: 0;
}

/* CTA + closing button rows. */
.category-the-thao .gpc-the-thao-content .wp-block-buttons {
	margin: 0;
	gap: 12px;
}
.category-the-thao .gpc-the-thao-content .wp-block-button__link {
	border-radius: 8px;
	font-weight: 700;
	font-size: 15px;
	padding: 12px 24px;
}

.category-the-thao .gpc-the-thao-tip {
	font-size: 14.5px;
	color: #374151;
	background: #f8fafc;
	border-left: 3px solid #0e72a8;
	padding: 10px 14px;
	border-radius: 0 6px 6px 0;
	margin: 14px 0;
	line-height: 1.6;
}

.category-the-thao .gpc-the-thao-faq {
	background: #ffffff;
	border: 1px solid #e6eef4;
	border-radius: 8px;
	margin: 0 0 8px;
	overflow: hidden;
}
.category-the-thao .gpc-the-thao-faq summary {
	cursor: pointer;
	padding: 14px 18px;
	font-size: 15px;
	font-weight: 600;
	color: #0e72a8;
	list-style: none;
	user-select: none;
}
.category-the-thao .gpc-the-thao-faq summary::-webkit-details-marker { display: none; }
.category-the-thao .gpc-the-thao-faq summary::after {
	content: '+';
	float: right;
	font-size: 20px;
	font-weight: 400;
	color: #0e72a8;
}
.category-the-thao .gpc-the-thao-faq[open] summary::after { content: '−'; }
.category-the-thao .gpc-the-thao-faq-body {
	padding: 0 18px 14px;
	font-size: 15px;
	line-height: 1.65;
	color: #374151;
	border-top: 1px solid #f0f4f8;
}
.category-the-thao .gpc-the-thao-faq-body p { margin: 12px 0 0; }

.category-the-thao .gpc-the-thao-internal-links ul {
	list-style: none;
	padding: 0;
	margin: 0 0 14px 0;
}
.category-the-thao .gpc-the-thao-internal-links li {
	margin-bottom: 7px;
}
.category-the-thao .gpc-the-thao-internal-links a {
	color: #0d6efd;
	text-decoration: none;
	font-size: 15px;
}
.category-the-thao .gpc-the-thao-internal-links a:hover {
	text-decoration: underline;
}

/* Post loop entries in this archive */
.category-the-thao article {
	background: #ffffff;
	border: 1px solid #e6eef4;
	border-radius: 10px;
	padding: 22px 24px;
	margin: 0 0 16px 0;
	box-shadow: 0 1px 4px rgba(15,23,42,.04);
}
.category-the-thao article .entry-title {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 10px;
}
.category-the-thao article .entry-title a {
	color: #0e72a8;
}
.category-the-thao article .entry-title a:hover {
	color: #0a5899;
}

/* Mobile */
@media (max-width: 640px) {
	.category-the-thao .gpc-the-thao-intro-heading { font-size: 20px; }
	.category-the-thao .gpc-the-thao-h3 { font-size: 17px; }
	.category-the-thao .gpc-the-thao-cta-btn { width: 100%; justify-content: center; }
	.category-the-thao article { padding: 16px 18px; }
	.category-the-thao .gpc-the-thao-content > h2,
	.category-the-thao .gpc-the-thao-content > .wp-block-heading { font-size: 18.5px; margin-top: 24px; }
	.category-the-thao .gpc-the-thao-content p { font-size: 15.5px; }
	.category-the-thao .gpc-the-thao-content .wp-block-list li { font-size: 15px; }
	.category-the-thao .gpc-the-thao-content .wp-block-table table { font-size: 14px; min-width: 440px; }
	.category-the-thao .gpc-the-thao-content .wp-block-table th,
	.category-the-thao .gpc-the-thao-content .wp-block-table td { padding: 9px 11px; }
	.category-the-thao .gpc-the-thao-content .wp-block-details summary { font-size: 14.5px; padding: 13px 42px 13px 16px; }
	.category-the-thao .gpc-the-thao-content .wp-block-details p { font-size: 14.5px; padding: 11px 16px 14px; }
	.category-the-thao .gpc-the-thao-content .wp-block-buttons { flex-direction: column; align-items: stretch; }
	.category-the-thao .gpc-the-thao-content .wp-block-button { width: 100%; }
}

@media (max-width: 420px) {
	.category-the-thao .gpc-the-thao-cta { flex-direction: column; }
}

/* NOTE (2026-09-29): the four .gpc-clone rules below used to sit in a
   `@media (max-width: 1024px)` block whose opening brace had been lost in an
   earlier edit, leaving a stray `}` here. That orphan brace made the browser
   abort parsing the REST of this stylesheet, so every rule after this point —
   including the THỂ THAO 88I article styles — was silently ignored.
   Restored as a proper standalone block; .gpc-clone is a legacy class no
   longer emitted by the theme, so the visual result is unchanged. */
	.gpc-clone .gpc-hero-row { gap: 30px; }
	.gpc-clone .gpc-hero-cover img { max-width: 350px; }
	.gpc-clone .gpc-cert-row { width: 90%; gap: 5px; }

@media (max-width: 1024px) {
	.gpc-clone .inside-header { flex-direction: column; padding: 6px 15px; }
	.gpc-clone .main-navigation.gpc-nav { width: 100%; justify-content: center; }
	.gpc-clone .gpc-menu { flex-wrap: wrap; justify-content: center; }
	.gpc-clone .gpc-menu > li > a { padding: 12px 10px; font-size: 14px; }
	.gpc-clone .is-left-sidebar,
	.gpc-clone .is-right-sidebar,
	.gpc-clone .content-area { width: 100%; }
	.gpc-clone .site-content { flex-direction: column; }
	.gpc-clone .gpc-hero-block { width: 100%; }
	.gpc-clone .gpc-hero-row { flex-direction: column; gap: 30px; padding-bottom: 20px; }
	.gpc-clone .gpc-hero-cover img { max-width: 350px; }
}

/* ============================================================
 * 14. KHUYẾN MÃI LANDING PAGE (category-khuyen-mai.php)
 * Scoped strictly to `.gpc-landing-page.gpc-khuyen-mai` so it
 * does NOT bleed into any other archive / page / post on the
 * site. Header + Footer + nav stay untouched.
 * ============================================================ */
.gpc-landing-page.gpc-khuyen-mai {
	/* Force full-width on this category archive regardless of the layout the
	   archive inherits from GeneratePress. Container width is set by the
	   GeneratePress layout wrapper around this article. */
	max-width: 1100px;
	margin: 40px auto 60px;
	padding: 0 28px;
	color: #1f2937;
	line-height: 1.7;
	font-size: 16px;
	width: 100%;
	box-sizing: border-box;
}

/* Override the right-sidebar column width inherited from the archive
   template so this article spans the full content column. We target the
   body_class `.category-khuyen-mai` (added by WP for this term) so the
   override does not affect any other page on the site. */
body.category-khuyen-mai .site-content { display: block; }
body.category-khuyen-mai .content-area { width: 100% !important; }
body.category-khuyen-mai .widget-area,
body.category-khuyen-mai #right-sidebar,
body.category-khuyen-mai #left-sidebar { display: none !important; }
.gpc-landing-page.gpc-khuyen-mai a {
	color: #0d6efd;
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color .15s;
}
.gpc-landing-page.gpc-khuyen-mai a:hover { color: #084298; }

.gpc-landing-page .gpc-lp-header {
	border-bottom: 1px solid #e6ebf2;
	padding-bottom: 28px;
	margin-bottom: 32px;
}
.gpc-landing-page .gpc-lp-eyebrow {
	display: inline-block;
	background: #fff5e6;
	color: #b45309;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .04em;
	padding: 6px 14px;
	border-radius: 999px;
	margin: 0 0 16px;
	text-transform: uppercase;
}
.gpc-landing-page .gpc-lp-title {
	font-size: 36px;
	font-weight: 800;
	line-height: 1.2;
	color: #0f172a;
	margin: 0 0 16px;
	letter-spacing: -.01em;
}
.gpc-landing-page .gpc-lp-lead { font-size: 17px; color: #334155; margin: 0; }

.gpc-landing-page .gpc-lp-section { margin: 0 0 40px; }
.gpc-landing-page .gpc-lp-section > h2 {
	font-size: 26px;
	font-weight: 800;
	color: #0f172a;
	margin: 0 0 16px;
	padding-top: 4px;
	letter-spacing: -.005em;
	scroll-margin-top: 100px;
}
.gpc-landing-page .gpc-lp-section > h2,
.gpc-landing-page .gpc-lp-section > h3 {
	color: #0f172a;
}
.gpc-landing-page .gpc-lp-section > p { margin: 0 0 14px; }
.gpc-landing-page .gpc-lp-section > p:last-child { margin-bottom: 0; }

/* ===== In-page table of contents (/khuyen-mai/) =====
   Scoped to the khuyen-mai landing page only so no other archive,
   page or post inherits the new block. */
.gpc-landing-page.gpc-khuyen-mai .gpc-lp-toc {
	background: #f8fafc;
	border: 1px solid #e6ebf2;
	border-radius: 12px;
	padding: 20px 22px;
	margin: 0 0 36px;
}
.gpc-landing-page.gpc-khuyen-mai .gpc-lp-toc-title {
	margin: 0 0 10px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #0f172a;
}
.gpc-landing-page.gpc-khuyen-mai .gpc-lp-toc-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 26px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.gpc-landing-page.gpc-khuyen-mai .gpc-lp-toc-list li { margin: 0; }
.gpc-landing-page.gpc-khuyen-mai .gpc-lp-toc-list a {
	display: block;
	font-size: 15px;
	line-height: 1.45;
	padding: 3px 0;
	text-decoration: none;
}
.gpc-landing-page.gpc-khuyen-mai .gpc-lp-toc-list a:hover { text-decoration: underline; }
.gpc-landing-page.gpc-khuyen-mai .gpc-lp-toc-list li::marker { content: none; }
@media (max-width: 700px) {
	.gpc-landing-page.gpc-khuyen-mai .gpc-lp-toc-list { grid-template-columns: 1fr; }
	.gpc-landing-page.gpc-khuyen-mai .gpc-lp-toc { padding: 18px; }
}

/* Accessible caption for the comparison tables. Visually hidden by default
   (keeps the existing clean card design) but still exposed to screen
   readers, search engines and as a table tooltip on hover. */
.gpc-landing-page .gpc-table-caption {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.gpc-landing-page .gpc-promo-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin-top: 20px;
}
.gpc-landing-page .gpc-promo-card {
	background: #ffffff;
	border: 1px solid #e6ebf2;
	border-radius: 12px;
	padding: 22px 22px 20px;
	box-shadow: 0 2px 8px rgba(15, 23, 42, .04);
	transition: transform .2s, box-shadow .2s, border-color .2s;
}
.gpc-landing-page .gpc-promo-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(15, 23, 42, .08);
	border-color: #d6dee9;
}
.gpc-landing-page .gpc-promo-card > h3 {
	font-size: 18px;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 10px;
	letter-spacing: -.005em;
}
.gpc-landing-page .gpc-promo-card > p { margin: 0; font-size: 15px; color: #475569; }
.gpc-landing-page .gpc-promo-card a { font-weight: 600; }

.gpc-landing-page .gpc-table-wrap {
	overflow-x: auto;
	margin: 18px 0 12px;
	border: 1px solid #e6ebf2;
	border-radius: 12px;
	background: #ffffff;
}
.gpc-landing-page .gpc-promo-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
	min-width: 640px;
}
.gpc-landing-page .gpc-promo-table th,
.gpc-landing-page .gpc-promo-table td {
	padding: 14px 16px;
	text-align: left;
	border-bottom: 1px solid #eef2f7;
	vertical-align: top;
}
.gpc-landing-page .gpc-promo-table thead th {
	background: #f5f8fc;
	color: #0f172a;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: .02em;
	text-transform: uppercase;
}
.gpc-landing-page .gpc-promo-table tbody tr:last-child td { border-bottom: none; }
.gpc-landing-page .gpc-promo-table a { font-weight: 600; }
.gpc-landing-page .gpc-table-note { font-size: 14px; color: #64748b; margin: 10px 0 0; }

.gpc-landing-page .gpc-list {
	margin: 14px 0 14px 22px;
	padding: 0;
}
.gpc-landing-page .gpc-list li { margin-bottom: 10px; }
.gpc-landing-page .gpc-list-ordered > li { padding-left: 4px; }
.gpc-landing-page .gpc-list li::marker { color: #0d6efd; font-weight: 700; }

.gpc-landing-page .gpc-faq {
	border: 1px solid #e6ebf2;
	border-radius: 10px;
	background: #ffffff;
	margin: 0 0 12px;
	padding: 0;
	transition: border-color .15s;
}
.gpc-landing-page .gpc-faq[open] { border-color: #c7d2fe; }
.gpc-landing-page .gpc-faq > summary {
	cursor: pointer;
	padding: 16px 22px;
	font-weight: 700;
	color: #0f172a;
	list-style: none;
	position: relative;
	font-size: 16px;
}
.gpc-landing-page .gpc-faq > summary::-webkit-details-marker { display: none; }
.gpc-landing-page .gpc-faq > summary::after {
	content: '+';
	position: absolute;
	right: 22px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 22px;
	font-weight: 400;
	color: #0d6efd;
	transition: transform .2s;
}
.gpc-landing-page .gpc-faq[open] > summary::after { content: '−'; }
.gpc-landing-page .gpc-faq > summary:hover { color: #0d6efd; }
.gpc-landing-page .gpc-faq-body { padding: 0 22px 18px; }
.gpc-landing-page .gpc-faq-body > p { margin: 0; }

.gpc-landing-page .gpc-lp-cta {
	background: linear-gradient(135deg, #f8fafc 0%, #eef4fb 100%);
	border: 1px solid #d6dee9;
	border-radius: 14px;
	padding: 28px;
}
.gpc-landing-page .gpc-cta-row {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 14px;
}
.gpc-landing-page .gpc-cta-btn {
	display: inline-block;
	padding: 13px 28px;
	border-radius: 8px;
	font-weight: 700;
	text-decoration: none !important;
	letter-spacing: .02em;
	transition: transform .15s, box-shadow .15s, background .15s;
	font-size: 15px;
}
.gpc-landing-page .gpc-cta-primary {
	background: #0d6efd;
	color: #ffffff !important;
	border: 1.5px solid #0d6efd;
}
.gpc-landing-page .gpc-cta-primary:hover { background: #084298; border-color: #084298; transform: translateY(-1px); }
.gpc-landing-page .gpc-cta-ghost {
	background: transparent;
	color: #0d6efd !important;
	border: 1.5px solid #0d6efd;
}
.gpc-landing-page .gpc-cta-ghost:hover { background: #0d6efd; color: #ffffff !important; transform: translateY(-1px); }

@media (max-width: 900px) {
	.gpc-landing-page .gpc-lp-title { font-size: 28px; }
	.gpc-landing-page .gpc-lp-section > h2 { font-size: 22px; }

/* ============================================================
   XỔ SỐ PILLAR ARCHIVE (/xo-so/)
   ============================================================ */
.xo-so-pillar-intro {
	padding: 0 0 24px 0;
}

.xo-so-pillar-intro h2 {
	font-size: 22px;
	font-weight: 700;
	color: var(--gpc-text, #222222);
	margin: 32px 0 12px 0;
	line-height: 1.35;
	border-bottom: 2px solid var(--gpc-accent, #26a9e0);
	padding-bottom: 8px;
}

.xo-so-pillar-intro h2:first-child {
	margin-top: 0;
}

.xo-so-pillar-intro .xo-so-pillar-h1 {
	font-size: 30px;
	font-weight: 800;
	color: var(--gpc-text, #222222);
	margin: 0 0 24px 0;
	line-height: 1.25;
}

.xo-so-pillar-intro h3 {
	font-size: 17px;
	font-weight: 600;
	color: var(--gpc-text, #222222);
	margin: 20px 0 8px 0;
}

.xo-so-pillar-intro p {
	font-size: 16px;
	line-height: 1.7;
	color: #444444;
	margin: 0 0 14px 0;
}

.xo-so-pillar-intro ul,
.xo-so-pillar-intro ol {
	margin: 0 0 16px 0;
	padding-left: 24px;
}

.xo-so-pillar-intro li {
	font-size: 16px;
	line-height: 1.65;
	color: #444444;
	margin-bottom: 6px;
}

.xo-so-pillar-intro a {
	color: #0d6efd;
	text-decoration: none;
}

.xo-so-pillar-intro a:hover {
	text-decoration: underline;
}

	.gpc-landing-page .gpc-promo-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
	.gpc-landing-page.gpc-khuyen-mai { padding: 0 16px; margin: 24px auto 40px; font-size: 15px; }
	.gpc-landing-page .gpc-lp-title { font-size: 24px; }
	.gpc-landing-page .gpc-lp-section > h2 { font-size: 20px; }
	.gpc-landing-page .gpc-lp-cta { padding: 22px 18px; }
	.gpc-landing-page .gpc-cta-btn { padding: 12px 22px; font-size: 14px; }
}

/* ============================================================
 * 15. CORE BLOCK STYLES — /da-ga/ SEO CONTENT PAGE
 * ------------------------------------------------------------
 * WHY THIS EXISTS
 * The site uses Classic Editor, so the theme never declares
 * `add_theme_support( 'wp-block-styles' )`. WordPress then runs
 * `wp_load_classic_theme_block_styles_on_demand()`, which loads
 * ONLY `block-library/common.min.css` (reset + base). The
 * per-block stylesheet `block-library/style.min.css` is NEVER
 * enqueued on the front end.
 *
 * Consequence: the blocks used on the /da-ga/ page (table, buttons,
 * details, separator, list) render valid HTML but with NO core CSS.
 * The table loses its borders, the buttons lose their shape, and
 * the FAQ <details> lose their affordance.
 *
 * WHY SCOPED
 * Every rule is inside `body.page-id-184` so it can only ever apply
 * to the Da Ga page. No other Page / Post / archive is affected,
 * and nothing touches the header, nav, hero, footer or Global CSS.
 * A page-ID class is used (not a custom class) so the styles keep
 * working even if the owner edits the page content in the editor.
 *
 * To roll back: delete this entire block.
 * ============================================================ */
body.page-id-184 .entry-content .wp-block-table {
	overflow-x: auto;
	margin: 24px 0 28px;
	-webkit-overflow-scrolling: touch;
}
body.page-id-184 .entry-content .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: 16px;
	min-width: 620px;
}
body.page-id-184 .entry-content .wp-block-table th,
body.page-id-184 .entry-content .wp-block-table td {
	padding: 13px 16px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #e6ebf2;
}
body.page-id-184 .entry-content .wp-block-table thead th {
	background: #f5f8fc;
	color: #0f172a;
	font-weight: 700;
}
body.page-id-184 .entry-content .wp-block-table tbody tr:nth-child(even) {
	background: #fafbfd;
}

body.page-id-184 .entry-content .wp-block-separator {
	border: 0;
	border-top: 1px solid #e6ebf2;
	margin: 32px 0;
}

body.page-id-184 .entry-content .wp-block-details {
	border: 1px solid #e6ebf2;
	border-radius: 10px;
	background: #ffffff;
	margin: 0 0 12px;
	padding: 0;
	transition: border-color .15s;
}
body.page-id-184 .entry-content .wp-block-details[open] { border-color: #b9d9ea; }
body.page-id-184 .entry-content .wp-block-details > summary {
	cursor: pointer;
	padding: 16px 48px 16px 22px;
	font-weight: 700;
	color: #0f172a;
	list-style: none;
	position: relative;
	font-size: 16px;
	line-height: 1.5;
}
body.page-id-184 .entry-content .wp-block-details > summary::-webkit-details-marker { display: none; }
body.page-id-184 .entry-content .wp-block-details > summary::after {
	content: '+';
	position: absolute;
	right: 22px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 22px;
	font-weight: 400;
	color: #0e8cc2;
	transition: transform .2s;
}
body.page-id-184 .entry-content .wp-block-details[open] > summary::after { content: '\2212'; }
body.page-id-184 .entry-content .wp-block-details > summary:hover { color: #0e8cc2; }
body.page-id-184 .entry-content .wp-block-details > p {
	margin: 0;
	padding: 0 22px 18px;
	color: #333333;
}

/* FAQ — native `rank-math/faq-block`.
   The page uses Rank Math's own FAQ block rather than raw <details>
   accordions, so that Rank Math can build the FAQPage entity straight from
   the visible content (no hand-synced schema, and the questions stay
   editable in the WordPress editor). It renders as a numbered list, not a
   <details>, so it needs its own styles. Mirrors the same treatment already
   used for pages 133 / 135 / 126. */
body.page-id-184 .entry-content .rank-math-list {
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
	counter-reset: daga-faq;
}
body.page-id-184 .entry-content .rank-math-list-item {
	position: relative;
	margin: 0 0 12px;
	padding: 16px 20px 16px 58px;
	border: 1px solid #e6ebf2;
	border-radius: 10px;
	background: #ffffff;
}
body.page-id-184 .entry-content .rank-math-list-item::before {
	counter-increment: daga-faq;
	content: counter(daga-faq);
	position: absolute;
	left: 18px;
	top: 16px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #0e8cc2;
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
	line-height: 26px;
	text-align: center;
}
body.page-id-184 .entry-content .rank-math-question {
	margin: 0 0 8px;
	color: #0f172a;
	font-size: 16.5px;
	font-weight: 700;
	line-height: 1.5;
	scroll-margin-top: 100px;
}
body.page-id-184 .entry-content .rank-math-answer {
	color: #333333;
}
body.page-id-184 .entry-content .rank-math-answer p {
	margin: 0;
}
body.page-id-184 .entry-content .rank-math-answer p:last-child { margin-bottom: 0; }

body.page-id-184 .entry-content .wp-block-list {
	margin: 0 0 20px 22px;
	padding: 0;
}
body.page-id-184 .entry-content .wp-block-list li { margin-bottom: 10px; }
body.page-id-184 .entry-content ol.wp-block-list { margin-left: 24px; }
body.page-id-184 .entry-content ol.wp-block-list li { padding-left: 4px; }
body.page-id-184 .entry-content .wp-block-list li::marker { color: #0e8cc2; font-weight: 700; }

body.page-id-184 .entry-content .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin: 28px 0 8px;
}
body.page-id-184 .entry-content .wp-block-button { margin: 0; }
body.page-id-184 .entry-content .wp-block-button__link {
	display: inline-block;
	padding: 13px 28px;
	border-radius: 8px;
	background: #0e8cc2;
	color: #ffffff !important;
	font-weight: 700;
	font-size: 15px;
	text-decoration: none;
	transition: background .15s, transform .15s;
}
body.page-id-184 .entry-content .wp-block-button__link:hover {
	background: #0a6d96;
	transform: translateY(-1px);
}
body.page-id-184 .entry-content .wp-block-heading { scroll-margin-top: 100px; }

@media (max-width: 768px) {
	body.page-id-184 .entry-content .wp-block-table { margin: 20px 0 22px; }
	body.page-id-184 .entry-content .wp-block-table table { font-size: 15px; min-width: 540px; }
	body.page-id-184 .entry-content .wp-block-details > summary { padding: 14px 44px 14px 16px; font-size: 15px; }
	body.page-id-184 .entry-content .wp-block-details > p { padding: 0 16px 16px; }
	body.page-id-184 .entry-content .rank-math-list-item { padding: 14px 16px 14px 50px; }
	body.page-id-184 .entry-content .rank-math-list-item::before { left: 14px; top: 14px; }
	body.page-id-184 .entry-content .rank-math-question { font-size: 15.5px; }
	body.page-id-184 .entry-content .wp-block-button__link { padding: 12px 22px; font-size: 14px; }
	body.page-id-184 .entry-content .wp-block-buttons { gap: 10px; }
}

/* ============================================================
   CHÍNH SÁCH BẢO MẬT 88I — page 153 (/chinh-sach-bao-mat/)
   Scoped strictly to `.gpc-landing-page.gpc-bm-page` so it cannot
   bleed into the khuyen-mai archive, the homepage, or any other
   page/post. Header, nav and footer are untouched.
   Reuses the existing .gpc-landing-page design system (section,
   list, table, faq, cta) that was previously only instantiated by
   the khuyen-mai archive, plus two small page-specific helpers.
   ============================================================ */
.gpc-landing-page.gpc-bm-page {
	max-width: 900px;
	margin: 36px auto 56px;
	padding: 0 24px;
	color: #1f2937;
	line-height: 1.75;
	font-size: 16px;
	width: 100%;
	box-sizing: border-box;
}

/* GeneratePress already pads the page column (`.site-content` 28px +
   `.inside-article` 30px on mobile). Because this block is nested inside
   `.entry-content`, that inherited padding is re-applied on top of the
   block's own padding, which squeezes the text column on small screens.
   Reset the inherited insets for this page only (same technique already
   used for the khuyen-mai archive) and let the block own its spacing. */
body.page-id-153 .inside-article { padding: 0; }
body.page-id-153 .entry-content { margin-top: 0; }

.gpc-landing-page.gpc-bm-page a {
	color: #0d6efd;
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color .15s;
}
.gpc-landing-page.gpc-bm-page a:hover { color: #084298; }

/* The `core/group` wrapper adds no extra padding of its own. */
.gpc-bm-page > .wp-block-group__inner-container > * { margin-top: 0; }
.gpc-bm-page > .wp-block-group__inner-container > * + * { margin-top: 0; }

/* FAQ stack: small breathing room between accordions. */
.gpc-bm-page .gpc-bm-faq-wrap { margin: 0; }
.gpc-bm-page .gpc-bm-faq-wrap > .wp-block-details { margin-bottom: 12px; }
.gpc-bm-page .gpc-bm-faq-wrap > .wp-block-details:last-child { margin-bottom: 0; }

/* Native details block: keep the marker hidden like the archive FAQ. */
.gpc-bm-page .gpc-faq > summary { color: #0f172a; }
.gpc-bm-page .gpc-faq-body p { color: #334155; }

/* Table caption sits inside the scroll container — keep it from
   being dragged horizontally with the table body. */
.gpc-bm-page .gpc-table-wrap .gpc-table-note {
	display: block;
	min-width: 640px;
}

/* CTA buttons: the Gutenberg button wrapper is a flex column by
   default; align it with the archive CTA row. */
.gpc-bm-page .gpc-cta-row { margin-bottom: 0; }

@media (max-width: 900px) {
	.gpc-landing-page.gpc-bm-page { padding: 0 18px; margin: 28px auto 44px; }
	.gpc-landing-page.gpc-bm-page .gpc-lp-section > h2 { font-size: 22px; }
	.gpc-landing-page.gpc-bm-page .gpc-lp-section > h3 { font-size: 19px; }
}
@media (max-width: 600px) {
	.gpc-landing-page.gpc-bm-page { padding: 0 16px; font-size: 15px; }
	.gpc-landing-page.gpc-bm-page .gpc-lp-lead { font-size: 16px; }
	.gpc-landing-page.gpc-bm-page .gpc-lp-section > h2 { font-size: 20px; }
	.gpc-landing-page.gpc-bm-page .gpc-lp-section { margin-bottom: 30px; }
	.gpc-landing-page.gpc-bm-page .gpc-lp-cta { padding: 22px 18px; }
	.gpc-landing-page.gpc-bm-page .gpc-cta-btn { width: 100%; text-align: center; }
	.gpc-bm-page .gpc-faq > summary { padding: 14px 18px; font-size: 15px; }
	.gpc-bm-page .gpc-faq-body { padding: 0 18px 16px; }
}

/* ============================================================
 * 15. PAGE 162 — /choi-co-trach-nhiem/ (SEO content)
 * Scoped strictly to `body.page-id-162` so the table, FAQ
 * <details> and CTA buttons cannot bleed into any other
 * Page / Post / archive. Header, Footer and nav untouched.
 * Matches the existing --gpc-accent design tokens.
 * ============================================================ */
body.page-id-162 .entry-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 18px 0 24px 0;
	font-size: 15.5px;
	line-height: 1.6;
}
body.page-id-162 .entry-content table th,
body.page-id-162 .entry-content table td {
	border: 1px solid #e6eef4;
	padding: 11px 14px;
	text-align: left;
	vertical-align: top;
	color: #374151;
}
body.page-id-162 .entry-content table th {
	background: #f2f9fd;
	color: #0e72a8;
	font-weight: 700;
}
body.page-id-162 .entry-content table tbody tr:nth-child(even) { background: #fbfdff; }

/* FAQ — native <details> accordion */
body.page-id-162 .entry-content details.wp-block-details {
	background: #ffffff;
	border: 1px solid #e6eef4;
	border-radius: 8px;
	margin: 0 0 10px 0;
	overflow: hidden;
}
body.page-id-162 .entry-content details.wp-block-details > summary {
	cursor: pointer;
	padding: 14px 18px;
	font-size: 16px;
	font-weight: 600;
	color: #0e72a8;
	list-style: none;
	user-select: none;
}
body.page-id-162 .entry-content details.wp-block-details > summary::-webkit-details-marker { display: none; }
body.page-id-162 .entry-content details.wp-block-details > summary::after {
	content: '+';
	float: right;
	font-size: 20px;
	font-weight: 400;
	color: #0e72a8;
	line-height: 1.2;
}
body.page-id-162 .entry-content details.wp-block-details[open] > summary::after { content: '\2212'; }
body.page-id-162 .entry-content details.wp-block-details > *:not(summary) {
	padding-left: 18px;
	padding-right: 18px;
}
body.page-id-162 .entry-content details.wp-block-details > p:last-child { padding-bottom: 14px; margin-bottom: 0; }
body.page-id-162 .entry-content details.wp-block-details > p {
	border-top: 1px solid #f0f4f8;
	padding-top: 12px;
	margin-top: 0;
}

/* CTA buttons (Gutenberg Buttons block) */
body.page-id-162 .entry-content .wp-block-buttons {
	margin: 26px 0 10px 0;
	gap: 12px;
}
body.page-id-162 .entry-content .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 13px 26px;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none !important;
	letter-spacing: .02em;
	transition: transform .18s ease, box-shadow .18s ease;
}
body.page-id-162 .entry-content .wp-block-button--primary .wp-block-button__link {
	background: linear-gradient(180deg, #ffd33a 0%, #ffb724 100%);
	color: #1a1a1a;
	border: 1.5px solid #f3a714;
	box-shadow: 0 4px 12px rgba(255,159,0,.3);
}
body.page-id-162 .entry-content .wp-block-button--primary .wp-block-button__link:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(255,159,0,.45);
	color: #1a1a1a;
}
body.page-id-162 .entry-content .wp-block-button--secondary .wp-block-button__link {
	background: #ffffff;
	color: #0e72a8;
	border: 1.5px solid #0e72a8;
}
body.page-id-162 .entry-content .wp-block-button--secondary .wp-block-button__link:hover {
	background: #0e72a8;
	color: #ffffff;
}

/* Table wrapper can scroll horizontally on small screens */
body.page-id-162 .entry-content .wp-block-table { overflow-x: auto; }

@media (max-width: 781px) {
	body.page-id-162 .entry-content table { font-size: 14.5px; }
	body.page-id-162 .entry-content table th,
	body.page-id-162 .entry-content table td { padding: 9px 11px; }
	body.page-id-162 .entry-content .wp-block-buttons { flex-direction: column; }
	body.page-id-162 .entry-content .wp-block-button,
	body.page-id-162 .entry-content .wp-block-button__link { width: 100%; justify-content: center; }
}

/* ============================================================
   ĐIỀU KHOẢN SỬ DỤNG 88I (/dieu-khoan-su-dung/ — page ID 150)
   Scoped to body.page-id-150 so no other page/post is affected.
   Purpose: readable long-form legal text + responsive data tables.
   ============================================================ */
body.page-id-150 .entry-content .gpc-terms-callout {
	background: #f2f9fd;
	border-left: 4px solid #0e8cc2;
	border-radius: 0 8px 8px 0;
	padding: 16px 20px;
	margin: 0 0 28px 0;
}
body.page-id-150 .entry-content .gpc-terms-callout p {
	margin: 0;
	font-size: 15.5px;
	line-height: 1.65;
	color: #33475b;
}

body.page-id-150 .entry-content .gpc-terms-cta {
	background: linear-gradient(135deg, #0e72a8 0%, #0e8cc2 100%);
	border-radius: 10px;
	padding: 22px 26px;
	margin: 32px 0 8px 0;
}
body.page-id-150 .entry-content .gpc-terms-cta p {
	margin: 0;
	color: #ffffff;
	font-size: 16px;
	line-height: 1.7;
}
body.page-id-150 .entry-content .gpc-terms-cta a {
	color: #ffffff;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}
body.page-id-150 .entry-content .gpc-terms-cta a:hover { color: #ffd33a; }

/* Long legal paragraphs: keep line length comfortable on wide screens. */
body.page-id-150 .entry-content > p,
body.page-id-150 .entry-content > ul,
body.page-id-150 .entry-content > ol,
body.page-id-150 .entry-content > h2,
body.page-id-150 .entry-content > h3,
body.page-id-150 .entry-content > .wp-block-table {
	max-width: 860px;
}

/* Data tables — 3-column legal/timing references. */
body.page-id-150 .entry-content .wp-block-table {
	margin: 0 0 26px 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
body.page-id-150 .entry-content .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15.5px;
	line-height: 1.6;
}
body.page-id-150 .entry-content .wp-block-table th,
body.page-id-150 .entry-content .wp-block-table td {
	border: 1px solid #d7e3ec;
	padding: 11px 14px;
	text-align: left;
	vertical-align: top;
}
body.page-id-150 .entry-content .wp-block-table th {
	background: #0e8cc2;
	color: #ffffff;
	font-weight: 700;
	white-space: nowrap;
}
body.page-id-150 .entry-content .wp-block-table tbody tr:nth-child(even) { background: #f7fbfe; }
body.page-id-150 .entry-content .wp-element-caption {
	font-size: 13.5px;
	color: #5b6b7c;
	margin-top: -14px;
	margin-bottom: 26px;
	font-style: italic;
}

/* Lists inside the legal text. */
body.page-id-150 .entry-content ul.wp-block-list,
body.page-id-150 .entry-content ol.wp-block-list {
	padding-left: 26px;
	margin-bottom: 1.4em;
}
body.page-id-150 .entry-content ul.wp-block-list li,
body.page-id-150 .entry-content ol.wp-block-list li {
	margin-bottom: .55em;
	line-height: 1.7;
}

/* Section rhythm for the long H2 list. */
body.page-id-150 .entry-content > h2 {
	margin-top: 1.9em;
	padding-bottom: 8px;
	border-bottom: 2px solid #e2eef5;
}

@media (max-width: 781px) {
	body.page-id-150 .entry-content .gpc-terms-callout,
	body.page-id-150 .entry-content .gpc-terms-cta { padding: 14px 16px; }
	body.page-id-150 .entry-content .gpc-terms-callout p,
	body.page-id-150 .entry-content .gpc-terms-cta p { font-size: 15px; }
	body.page-id-150 .entry-content .wp-block-table table { font-size: 14.5px; }
	body.page-id-150 .entry-content .wp-block-table th,
	body.page-id-150 .entry-content .wp-block-table td { padding: 9px 11px; }
	body.page-id-150 .entry-content .wp-block-table th { white-space: normal; }
	body.page-id-150 .entry-content > h2 { margin-top: 1.6em; }
}

/* ==========================================================================
   PAGE 118 — ĐĂNG KÝ 88I
   Scoped by page ID so no other Page/Post/Archive is affected. Only styles
   Gutenberg core blocks used on this page: table, details, buttons, group.
   ========================================================================== */

/* Comfortable line length for long-form guide content. */
body.page-id-118 .entry-content > p,
body.page-id-118 .entry-content > ul,
body.page-id-118 .entry-content > ol,
body.page-id-118 .entry-content > h2,
body.page-id-118 .entry-content > h3,
body.page-id-118 .entry-content > .wp-block-table,
body.page-id-118 .entry-content > .wp-block-details,
body.page-id-118 .entry-content > .gpc-page-cta {
	max-width: 860px;
}

/* H2 section rhythm — light divider so long sections stay scannable. */
body.page-id-118 .entry-content > h2 {
	margin-top: 1.9em;
	padding-bottom: 8px;
	border-bottom: 2px solid #e2eef5;
}

/* Core Table block — the site already ships this treatment on /dieu-khoan-su-dung/,
   so reuse the same visual language for consistency. */
body.page-id-118 .entry-content .wp-block-table {
	margin: 0 0 26px 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
body.page-id-118 .entry-content .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15.5px;
	line-height: 1.6;
}
body.page-id-118 .entry-content .wp-block-table th,
body.page-id-118 .entry-content .wp-block-table td {
	border: 1px solid #d7e3ec;
	padding: 11px 14px;
	text-align: left;
	vertical-align: top;
}
body.page-id-118 .entry-content .wp-block-table th {
	background: #0e8cc2;
	color: #ffffff;
	font-weight: 700;
}
body.page-id-118 .entry-content .wp-block-table tbody tr:nth-child(even) { background: #f7fbfe; }

/* Lists */
body.page-id-118 .entry-content ul.wp-block-list,
body.page-id-118 .entry-content ol.wp-block-list {
	padding-left: 26px;
	margin-bottom: 1.4em;
}
body.page-id-118 .entry-content ul.wp-block-list li,
body.page-id-118 .entry-content ol.wp-block-list li {
	margin-bottom: .55em;
	line-height: 1.7;
}

/* Core Details block used as FAQ — matches the .gpc-faq accordion style already
   used by the Khuyến Mãi / Thể Thao landing pages, but scoped to this page. */
body.page-id-118 .entry-content .gpc-page-faq {
	background: #ffffff;
	border: 1px solid #dde5f0;
	border-radius: 10px;
	margin: 0 0 10px;
	padding: 0;
	transition: border-color .15s;
}
body.page-id-118 .entry-content .gpc-page-faq[open] { border-color: #c7d2fe; }
body.page-id-118 .entry-content .gpc-page-faq > summary {
	cursor: pointer;
	padding: 16px 44px 16px 20px;
	font-weight: 700;
	color: #0f172a;
	list-style: none;
	position: relative;
	font-size: 16px;
	line-height: 1.5;
}
body.page-id-118 .entry-content .gpc-page-faq > summary::-webkit-details-marker { display: none; }
body.page-id-118 .entry-content .gpc-page-faq > summary::after {
	content: '+';
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 22px;
	font-weight: 400;
	color: #0d6efd;
	transition: transform .2s;
}
body.page-id-118 .entry-content .gpc-page-faq[open] > summary::after { content: '−'; }
body.page-id-118 .entry-content .gpc-page-faq > summary:hover { color: #0d6efd; }
body.page-id-118 .entry-content .gpc-page-faq > p {
	margin: 0;
	padding: 0 20px 16px;
}
body.page-id-118 .entry-content .gpc-page-faq > p:last-child { padding-bottom: 18px; }

/* Closing CTA — reuses the .gpc-lp-cta panel treatment from landing pages. */
body.page-id-118 .entry-content .gpc-page-cta {
	background: linear-gradient(135deg, #f8fafc 0%, #eef4fb 100%);
	border: 1px solid #d6dee9;
	border-radius: 14px;
	padding: 28px;
	margin: 34px 0 8px;
}
body.page-id-118 .entry-content .gpc-page-cta h3 {
	margin-top: 0;
	color: #0e8cc2;
}
body.page-id-118 .entry-content .gpc-page-cta p:last-of-type { margin-bottom: 20px; }
body.page-id-118 .entry-content .gpc-page-cta .wp-block-button__link {
	background: #0d6efd;
	color: #ffffff !important;
	border: 1.5px solid #0d6efd;
	border-radius: 8px;
	font-weight: 700;
	padding: 13px 28px;
	transition: transform .15s, box-shadow .15s, background .15s;
}
body.page-id-118 .entry-content .gpc-page-cta .wp-block-button__link:hover {
	background: #084298;
	border-color: #084298;
	transform: translateY(-1px);
}
body.page-id-118 .entry-content .gpc-page-cta .wp-block-button:nth-child(2) .wp-block-button__link {
	background: #ffffff;
	color: #0e8cc2 !important;
	border: 1.5px solid #0e8cc2;
}
body.page-id-118 .entry-content .gpc-page-cta .wp-block-button:nth-child(2) .wp-block-button__link:hover {
	background: #eef4fb;
	color: #0a6f9c !important;
}

@media (max-width: 781px) {
	body.page-id-118 .entry-content .wp-block-table table { font-size: 14.5px; }
	body.page-id-118 .entry-content .wp-block-table th,
	body.page-id-118 .entry-content .wp-block-table td { padding: 9px 11px; }
	body.page-id-118 .entry-content .gpc-page-faq > summary { font-size: 15.5px; }
	body.page-id-118 .entry-content .gpc-page-cta { padding: 20px 18px; }
	body.page-id-118 .entry-content .gpc-page-cta .wp-block-buttons .wp-block-button {
		width: 100%;
	}
}

/* ============================================================
   THỂ THAO 88I ARTICLE — post 185 (/the-thao-88i/)
   Scoped to body.postid-185 so it cannot bleed onto any other
   Page, Post or archive. Mirrors the visual language already
   used by .category-the-thao and .page-id-118.

   NOTE ON SELECTORS: every rule is gated on
   `body.gpc-site.postid-185 .entry-content` — the `postid-185` class lives
   on <body>, NOT on .entry-content, and the extra `.gpc-site` class is what
   lets these rules outrank the theme's own `.gpc-site .entry-content h2`
   typography without resorting to !important. The block also has to beat the
   parent theme's `generate-style` sheet, which is enqueued after this file.
   ============================================================ */
body.gpc-site.postid-185 .entry-content .gpc-tt-article {
	max-width: 100%;
}

/* --- Reading rhythm --------------------------------------------------- */
body.gpc-site.postid-185 .entry-content .gpc-tt-article h2 {
	font-size: 25px;
	font-weight: 700;
	line-height: 1.32;
	color: #0e72a8;
	letter-spacing: -.01em;
	margin: 38px 0 16px;
	padding-bottom: 10px;
	border-bottom: 2px solid #e6eef4;
}
body.gpc-site.postid-185 .entry-content .gpc-tt-article h2:first-child {
	margin-top: 6px;
}

body.gpc-site.postid-185 .entry-content .gpc-tt-article p {
	font-size: 16.5px;
	line-height: 1.75;
	color: #374151;
	margin: 0 0 16px;
}

/* --- Lists ------------------------------------------------------------ */
body.gpc-site.postid-185 .entry-content .gpc-tt-article ul,
body.gpc-site.postid-185 .entry-content .gpc-tt-article ol {
	margin: 0 0 20px;
	padding-left: 24px;
}
body.gpc-site.postid-185 .entry-content .gpc-tt-article li {
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
	margin-bottom: 9px;
}
body.gpc-site.postid-185 .entry-content .gpc-tt-article ul li::marker {
	color: #0e72a8;
}
body.gpc-site.postid-185 .entry-content .gpc-tt-article ol li::marker {
	color: #0e72a8;
	font-weight: 700;
}

/* --- Comparison table ------------------------------------------------- */
body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-table {
	margin: 0 0 24px;
	/* Let the 3-column table scroll inside its own box on narrow screens
	   instead of pushing the whole document into a horizontal scroll. */
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-table table {
	width: 100%;
	min-width: 520px;
	border-collapse: collapse;
	font-size: 15px;
	line-height: 1.6;
	border: 1px solid #e6eef4;
	border-radius: 8px;
	overflow: hidden;
}
body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-table th {
	background: #0e72a8;
	color: #ffffff;
	font-weight: 700;
	text-align: left;
	padding: 12px 14px;
	border: none;
}
body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-table td {
	padding: 12px 14px;
	border: 1px solid #e6eef4;
	vertical-align: top;
	color: #374151;
}
body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-table tbody tr:nth-child(even) {
	background: #f8fafc;
}

/* --- Tip callout ------------------------------------------------------ */
body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-tip {
	background: #f8fafc;
	border-left: 3px solid #0e72a8;
	border-radius: 0 8px 8px 0;
	padding: 14px 18px;
	margin: 0 0 24px;
}
body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-tip p {
	margin: 0;
	font-size: 15.5px;
}

/* --- FAQ accordion ---------------------------------------------------- */
body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-details {
	background: #ffffff;
	border: 1px solid #e6eef4;
	border-radius: 8px;
	margin: 0 0 10px;
	overflow: hidden;
}
body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-details summary {
	cursor: pointer;
	padding: 15px 18px;
	font-size: 16px;
	font-weight: 600;
	color: #0e72a8;
	list-style: none;
	user-select: none;
	position: relative;
	padding-right: 44px;
}
body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-details summary::-webkit-details-marker {
	display: none;
}
body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-details summary::after {
	content: '+';
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 22px;
	font-weight: 400;
	color: #0e72a8;
	line-height: 1;
}
body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-details[open] summary::after {
	content: '\2212';
}
body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-details[open] summary {
	border-bottom: 1px solid #f0f4f8;
}
body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-details > p {
	padding: 14px 18px 16px;
	margin: 0;
	border-top: 1px solid #f0f4f8;
}

/* --- CTA buttons ------------------------------------------------------ */
body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-buttons {
	margin: 28px 0 8px;
	gap: 12px;
}
body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-button__link {
	background: linear-gradient(180deg, #ffd33a 0%, #ffb724 100%);
	color: #1a1a1a !important;
	border: 1.5px solid #f3a714;
	box-shadow: 0 4px 12px rgba(255,159,0,.3);
	border-radius: 8px;
	font-weight: 700;
	font-size: 15px;
	padding: 13px 26px;
	text-decoration: none !important;
	transition: transform .18s ease, box-shadow .18s ease;
}
body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-button__link:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(255,159,0,.45);
	color: #1a1a1a !important;
}
body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-button:nth-child(2) .wp-block-button__link {
	background: #ffffff;
	color: #0e72a8 !important;
	border: 1.5px solid #0e72a8;
	box-shadow: none;
}
body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-button:nth-child(2) .wp-block-button__link:hover {
	background: #f0f9fc;
	color: #0e72a8 !important;
}
body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-button:nth-child(3) .wp-block-button__link {
	background: #0e72a8;
	color: #ffffff !important;
	border: 1.5px solid #0e72a8;
	box-shadow: 0 4px 12px rgba(14,114,168,.25);
}
body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-button:nth-child(3) .wp-block-button__link:hover {
	background: #0a5899;
	border-color: #0a5899;
	color: #ffffff !important;
}

/* --- Responsive ------------------------------------------------------- */
@media (max-width: 781px) {
	body.gpc-site.postid-185 .entry-content .gpc-tt-article h2 {
		font-size: 21px;
		margin: 30px 0 14px;
	}
	body.gpc-site.postid-185 .entry-content .gpc-tt-article p { font-size: 16px; }
	body.gpc-site.postid-185 .entry-content .gpc-tt-article li { font-size: 15.5px; }
	body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-table { font-size: 14.5px; }
	body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-table th,
	body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-table td { padding: 9px 11px; }
	body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-details summary { font-size: 15.5px; }
	body.gpc-site.postid-185 .entry-content .gpc-tt-article .wp-block-buttons .wp-block-button { width: 100%; }
}

/* ============================================================
 * 16. GIỚI THIỆU 88I — page 148 (/gioi-thieu-88i/)
 * Scoped strictly to `.gpc-landing-page.gpc-gioi-thieu` +
 * `body.page-id-148` so it cannot bleed into the khuyen-mai
 * archive, the homepage, the Chính Sách Bảo Mật page (153),
 * Thể Thao page (185) or any other Page / Post / archive.
 * Reuses the existing .gpc-landing-page design system (section,
 * list, faq, cta) instead of duplicating styles.
 * Header, nav and footer are untouched.
 * ============================================================ */
.gpc-landing-page.gpc-gioi-thieu {
	max-width: 900px;
	margin: 36px auto 56px;
	padding: 0 24px;
	color: #1f2937;
	line-height: 1.75;
	font-size: 16px;
	width: 100%;
	box-sizing: border-box;
}

/* The block is nested inside `.entry-content`, which already carries
   GeneratePress's own column padding. Reset the inherited insets for
   this page only (same technique used for the khuyen-mai archive)
   so the block owns its spacing and the text column is not squeezed
   on small screens. */
body.page-id-148 .inside-article { padding: 0; }
body.page-id-148 .entry-content { margin-top: 0; }

.gpc-landing-page.gpc-gioi-thieu a {
	color: #0d6efd;
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color .15s;
}
.gpc-landing-page.gpc-gioi-thieu a:hover { color: #084298; }

/* The `core/group` wrapper adds no padding of its own. */
.gpc-gioi-thieu > .wp-block-group__inner-container > * { margin-top: 0; }
.gpc-gioi-thieu > .wp-block-group__inner-container > * + * { margin-top: 0; }

/* FAQ stack: breathing room between accordions. */
.gpc-gioi-thieu .gpc-gt-faq-wrap { margin: 0; }
.gpc-gioi-thieu .gpc-gt-faq-wrap > .wp-block-details { margin-bottom: 12px; }
.gpc-gioi-thieu .gpc-gt-faq-wrap > .wp-block-details:last-child { margin-bottom: 0; }

/* Native details block: keep the marker hidden like the archive FAQ. */
.gpc-gioi-thieu .gpc-faq > summary { color: #0f172a; }
.gpc-gioi-thieu .gpc-faq-body p { color: #334155; }

/* CTA buttons: Gutenberg renders the buttons wrapper as a flex column
   by default; align it with the archive CTA row. */
.gpc-gioi-thieu .gpc-cta-row { margin-bottom: 0; }

/* Word count / reading-time notice injected by WP core on pages is
   not shown here (this page renders none), but if the editor adds one
   later it should not break the column rhythm. */
body.page-id-148 .entry-content > .wp-block-post-terms,
body.page-id-148 .entry-content > .wp-block-comments { display: none; }

@media (max-width: 900px) {
	.gpc-landing-page.gpc-gioi-thieu { padding: 0 18px; margin: 28px auto 44px; }
	.gpc-landing-page.gpc-gioi-thieu .gpc-lp-section > h2 { font-size: 22px; }
	.gpc-landing-page.gpc-gioi-thieu .gpc-lp-section > h3 { font-size: 19px; }
}
@media (max-width: 600px) {
	.gpc-landing-page.gpc-gioi-thieu { padding: 0 16px; font-size: 15px; }
	.gpc-landing-page.gpc-gioi-thieu .gpc-lp-lead { font-size: 16px; }
	.gpc-landing-page.gpc-gioi-thieu .gpc-lp-section > h2 { font-size: 20px; }
	.gpc-landing-page.gpc-gioi-thieu .gpc-lp-section { margin-bottom: 30px; }
	.gpc-landing-page.gpc-gioi-thieu .gpc-lp-cta { padding: 22px 18px; }
	.gpc-landing-page.gpc-gioi-thieu .gpc-cta-btn { width: 100%; text-align: center; }
	.gpc-gioi-thieu .gpc-faq > summary { padding: 14px 18px; font-size: 15px; }
	.gpc-gioi-thieu .gpc-faq-body { padding: 0 18px 16px; }
}

/* ============================================================
   CÂU HỎI THƯỜNG GẶP 88I — page 164 (/cau-hoi-thuong-gap/)
   Scoped to body.page-id-164 so no other Page/Post/archive can be
   affected. Header, nav and footer are untouched.
   Styles only the native Gutenberg core blocks used on this page:
   table, details, list, buttons and the gpc-page-cta group.
   Mirrors the visual language already used by .page-id-118 and
   .page-id-162 so the page matches the rest of the site.
   ============================================================ */

/* Reading rhythm — comfortable line length for long-form answers. */
body.page-id-164 .entry-content > h2,
body.page-id-164 .entry-content > h3,
body.page-id-164 .entry-content > p,
body.page-id-164 .entry-content > ul.wp-block-list,
body.page-id-164 .entry-content > .wp-block-table,
body.page-id-164 .entry-content > .wp-block-details,
body.page-id-164 .entry-content > .gpc-page-cta {
	max-width: 860px;
}

/* Anchor targets must clear the sticky GeneratePress header. */
body.page-id-164 .entry-content .wp-block-heading { scroll-margin-top: 100px; }

/* H2 section divider so a long FAQ list stays scannable. */
body.page-id-164 .entry-content > h2 {
	margin-top: 1.9em;
	padding-bottom: 8px;
	border-bottom: 2px solid #e2eef5;
}
body.page-id-164 .entry-content > h2:first-of-type { margin-top: 0; }

/* --- Tables (Q&A summary + quick-reference) ------------------------ */
body.page-id-164 .entry-content .wp-block-table {
	margin: 0 0 26px 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
body.page-id-164 .entry-content .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15.5px;
	line-height: 1.6;
}
body.page-id-164 .entry-content .wp-block-table th,
body.page-id-164 .entry-content .wp-block-table td {
	border: 1px solid #d7e3ec;
	padding: 11px 14px;
	text-align: left;
	vertical-align: top;
}
body.page-id-164 .entry-content .wp-block-table th {
	background: #0e8cc2;
	color: #ffffff;
	font-weight: 700;
}
body.page-id-164 .entry-content .wp-block-table tbody tr:nth-child(even) { background: #f7fbfe; }
body.page-id-164 .entry-content .wp-block-table td a { color: #0e72a8; font-weight: 600; }

/* --- FAQ accordions (native core/details) --------------------------- */
body.page-id-164 .entry-content details.wp-block-details {
	background: #ffffff;
	border: 1px solid #e6eef4;
	border-radius: 8px;
	margin: 0 0 10px 0;
	overflow: hidden;
}
body.page-id-164 .entry-content details.wp-block-details > summary {
	cursor: pointer;
	padding: 14px 18px;
	font-size: 16px;
	font-weight: 600;
	color: #0e72a8;
	list-style: none;
	user-select: none;
}
body.page-id-164 .entry-content details.wp-block-details > summary::-webkit-details-marker { display: none; }
body.page-id-164 .entry-content details.wp-block-details > summary::after {
	content: '+';
	float: right;
	font-size: 20px;
	font-weight: 400;
	color: #0e72a8;
	line-height: 1.2;
}
body.page-id-164 .entry-content details.wp-block-details[open] > summary::after { content: '\2212'; }
body.page-id-164 .entry-content details.wp-block-details > *:not(summary) {
	padding-left: 18px;
	padding-right: 18px;
}
body.page-id-164 .entry-content details.wp-block-details > p {
	border-top: 1px solid #f0f4f8;
	padding-top: 12px;
	margin-top: 0;
}
body.page-id-164 .entry-content details.wp-block-details > p:last-child { padding-bottom: 14px; margin-bottom: 0; }

/* --- Lists ---------------------------------------------------------- */
body.page-id-164 .entry-content ul.wp-block-list,
body.page-id-164 .entry-content ol.wp-block-list {
	padding-left: 26px;
	margin-bottom: 1.4em;
}
body.page-id-164 .entry-content ul.wp-block-list li,
body.page-id-164 .entry-content ol.wp-block-list li { margin-bottom: .55em; }

/* --- CTA group ------------------------------------------------------ */
body.page-id-164 .entry-content .gpc-page-cta {
	background: linear-gradient(135deg, #f8fafc 0%, #eef4fb 100%);
	border: 1px solid #d6dee9;
	border-radius: 14px;
	padding: 28px;
	margin: 34px 0 8px;
}
body.page-id-164 .entry-content .gpc-page-cta h3 {
	margin-top: 0;
	color: #0e8cc2;
}
body.page-id-164 .entry-content .gpc-page-cta p:last-of-type { margin-bottom: 20px; }
body.page-id-164 .entry-content .gpc-page-cta .wp-block-button__link {
	background: #0d6efd;
	color: #ffffff !important;
	border: 1.5px solid #0d6efd;
	border-radius: 8px;
	font-weight: 700;
	padding: 13px 28px;
	transition: transform .15s, box-shadow .15s, background .15s;
}
body.page-id-164 .entry-content .gpc-page-cta .wp-block-button__link:hover {
	background: #084298;
	border-color: #084298;
	transform: translateY(-1px);
}
body.page-id-164 .entry-content .gpc-page-cta .wp-block-button:nth-child(2) .wp-block-button__link {
	background: #ffffff;
	color: #0e8cc2 !important;
	border: 1.5px solid #0e8cc2;
}
body.page-id-164 .entry-content .gpc-page-cta .wp-block-button:nth-child(2) .wp-block-button__link:hover {
	background: #0e8cc2;
	color: #ffffff !important;
}

/* --- Tablet --------------------------------------------------------- */
@media (max-width: 1024px) {
	body.page-id-164 .entry-content .wp-block-table table { font-size: 15px; }
	body.page-id-164 .entry-content .wp-block-table th,
	body.page-id-164 .entry-content .wp-block-table td { padding: 10px 12px; }
}

/* --- Mobile --------------------------------------------------------- */
@media (max-width: 781px) {
	body.page-id-164 .entry-content > h2 { font-size: 1.35em; }
	body.page-id-164 .entry-content > h3 { font-size: 1.15em; }
	body.page-id-164 .entry-content .wp-block-table table { font-size: 14.5px; }
	body.page-id-164 .entry-content .wp-block-table th,
	body.page-id-164 .entry-content .wp-block-table td { padding: 9px 11px; }
	body.page-id-164 .entry-content .wp-block-table th { white-space: normal; }
	body.page-id-164 .entry-content details.wp-block-details > summary { padding: 13px 16px; font-size: 15px; }
	body.page-id-164 .entry-content details.wp-block-details > *:not(summary) { padding-left: 16px; padding-right: 16px; }
	body.page-id-164 .entry-content .gpc-page-cta { padding: 20px 18px; }
	body.page-id-164 .entry-content .gpc-page-cta .wp-block-buttons { flex-direction: column; }
	body.page-id-164 .entry-content .gpc-page-cta .wp-block-button,
	body.page-id-164 .entry-content .gpc-page-cta .wp-block-button__link { width: 100%; justify-content: center; }
}

/* ============================================================
   RÚT TIỀN 88I — page 124 (/rut-tien-88i/)
   Scoped to body.page-id-124 so no other Page/Post/archive can be
   affected. Header, nav and footer are untouched.
   Styles only the native Gutenberg core blocks used on this page:
   table, details, list, buttons and the gpc-lp-cta group.
   Mirrors the visual language already used by .page-id-164 so the
   page matches the rest of the site.
   ============================================================ */

/* Reading rhythm — comfortable line length for long-form guide. */
body.page-id-124 .entry-content > h2,
body.page-id-124 .entry-content > h3,
body.page-id-124 .entry-content > p,
body.page-id-124 .entry-content > ul.wp-block-list,
body.page-id-124 .entry-content > ol.wp-block-list,
body.page-id-124 .entry-content > .wp-block-table,
body.page-id-124 .entry-content > .gpc-bm-faq-wrap,
body.page-id-124 .entry-content > .gpc-lp-cta {
	max-width: 860px;
}

/* Anchor targets must clear the sticky GeneratePress header. */
body.page-id-124 .entry-content .wp-block-heading { scroll-margin-top: 100px; }

/* H2 section divider so the step-by-step guide stays scannable. */
body.page-id-124 .entry-content > h2 {
	margin-top: 1.9em;
	padding-bottom: 8px;
	border-bottom: 2px solid #e2eef5;
}
body.page-id-124 .entry-content > h2:first-of-type { margin-top: 0; }

/* --- Tables (timing + troubleshooting) ----------------------------- */
body.page-id-124 .entry-content .wp-block-table {
	margin: 0 0 26px 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
body.page-id-124 .entry-content .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15.5px;
	line-height: 1.6;
}
body.page-id-124 .entry-content .wp-block-table th,
body.page-id-124 .entry-content .wp-block-table td {
	padding: 12px 14px;
	border: 1px solid #dde5f0;
	text-align: left;
	vertical-align: top;
}
body.page-id-124 .entry-content .wp-block-table th {
	background: #f1f7fb;
	font-weight: 700;
	color: #0f172a;
}
body.page-id-124 .entry-content .wp-block-table figcaption {
	font-size: 14px;
	color: #64748b;
	margin-top: 10px;
}

/* --- Lists (conditions, safety, tips) ------------------------------ */
body.page-id-124 .entry-content ul.wp-block-list,
body.page-id-124 .entry-content ol.wp-block-list {
	padding-left: 24px;
	margin: 0 0 22px 0;
}
body.page-id-124 .entry-content ul.wp-block-list li,
body.page-id-124 .entry-content ol.wp-block-list li {
	margin-bottom: 10px;
	line-height: 1.65;
}
body.page-id-124 .entry-content ol.wp-block-list li::marker { font-weight: 700; }

/* --- CTA group ----------------------------------------------------- */
body.page-id-124 .entry-content .gpc-lp-cta {
	margin: 32px 0 0;
	padding: 26px 24px;
	background: #f7fbff;
	border: 1px solid #dbeafe;
	border-radius: 12px;
}
body.page-id-124 .entry-content .gpc-lp-cta h2 { margin-top: 0; }
body.page-id-124 .entry-content .gpc-cta-row { margin-top: 18px; }

/* --- FAQ (core/details) -------------------------------------------- */
body.page-id-124 .entry-content .gpc-bm-faq-wrap { margin-bottom: 26px; }
body.page-id-124 .entry-content .gpc-faq > summary { color: #0f172a; }
body.page-id-124 .entry-content .gpc-faq-body p { color: #334155; }

/* --- Mobile --------------------------------------------------------- */
@media (max-width: 781px) {
	body.page-id-124 .entry-content > h2 { font-size: 1.35em; }
	body.page-id-124 .entry-content > h3 { font-size: 1.15em; }
	body.page-id-124 .entry-content .wp-block-table table { font-size: 14.5px; }
	body.page-id-124 .entry-content .wp-block-table th,
	body.page-id-124 .entry-content .wp-block-table td { padding: 9px 11px; }
	body.page-id-124 .entry-content .wp-block-table th { white-space: normal; }
	body.page-id-124 .entry-content details.wp-block-details > summary { padding: 13px 16px; font-size: 15px; }
	body.page-id-124 .entry-content details.wp-block-details > *:not(summary) { padding-left: 16px; padding-right: 16px; }
	body.page-id-124 .entry-content .gpc-lp-cta { padding: 20px 18px; }
	body.page-id-124 .entry-content .gpc-lp-cta .wp-block-buttons { flex-direction: column; }
	body.page-id-124 .entry-content .gpc-lp-cta .wp-block-button,
	body.page-id-124 .entry-content .gpc-lp-cta .wp-block-button__link { width: 100%; justify-content: center; }
}

/* ============================================================
   MIỀN TRỪ TRÁCH NHIỆM — page 160 (/mien-tru-trach-nhiem/)
   Scoped to `.gpc-landing-page.gpc-mien-tru` + `body.page-id-160`
   so it cannot bleed into the khuyen-mai archive, the homepage,
   pages 148 / 153 / 164 / 185 or any other Page / Post / archive.
   Reuses the existing .gpc-landing-page design system (lead,
   section, list, table, faq, cta) instead of duplicating styles.
   Header, nav and footer are untouched.
   To roll back: delete this entire block.
   ============================================================ */
.gpc-landing-page.gpc-mien-tru {
	max-width: 900px;
	margin: 36px auto 56px;
	padding: 0 24px;
	color: #1f2937;
	line-height: 1.75;
	font-size: 16px;
	width: 100%;
	box-sizing: border-box;
}

/* The block is nested inside `.entry-content`, which already carries
   GeneratePress's own column padding. Reset the inherited insets for
   this page only so the block owns its spacing on small screens. */
body.page-id-160 .inside-article { padding: 0; }
body.page-id-160 .entry-content { margin-top: 0; }

.gpc-landing-page.gpc-mien-tru a {
	color: #0d6efd;
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color .15s;
}
.gpc-landing-page.gpc-mien-tru a:hover { color: #084298; }

/* The `core/group` wrapper adds no padding of its own. */
.gpc-mien-tru > .wp-block-group__inner-container > * { margin-top: 0; }
.gpc-mien-tru > .wp-block-group__inner-container > * + * { margin-top: 0; }

/* Section spacing: a policy page reads better with slightly tighter
   rhythm than the long-form guide pages. */
.gpc-mien-tru .gpc-lp-section { margin: 0 0 34px; }

/* The Easy Table of Contents plugin wraps each H2 in an `ez-toc-section`
   span that carries the jump id, so the sticky-header offset has to be
   applied to that span rather than to the heading itself. */
.gpc-mien-tru .ez-toc-section { scroll-margin-top: 100px; }

/* FAQ stack: breathing room between accordions. */
.gpc-mien-tru .gpc-gt-faq-wrap { margin: 0; }
.gpc-mien-tru .gpc-gt-faq-wrap > .wp-block-details { margin-bottom: 12px; }
.gpc-mien-tru .gpc-gt-faq-wrap > .wp-block-details:last-child { margin-bottom: 0; }

/* Native details block: keep the marker hidden like the archive FAQ. */
.gpc-mien-tru .gpc-faq > summary { color: #0f172a; }
.gpc-mien-tru .gpc-faq-body p { color: #334155; }

/* CTA buttons: Gutenberg renders the buttons wrapper as a flex column
   by default; align it with the archive CTA row. */
.gpc-mien-tru .gpc-cta-row { margin-bottom: 0; }

/* "Ngày cập nhật" stamp at the foot of the document. */
.gpc-mien-tru .gpc-mien-tru-updated {
	margin: 26px 0 0;
	font-size: 14px;
	color: #64748b;
	text-align: center;
}

@media (max-width: 900px) {
	.gpc-landing-page.gpc-mien-tru { padding: 0 18px; margin: 28px auto 44px; }
	.gpc-landing-page.gpc-mien-tru .gpc-lp-section > h2 { font-size: 22px; }
	.gpc-landing-page.gpc-mien-tru .gpc-lp-section > h3 { font-size: 19px; }
}
@media (max-width: 600px) {
	.gpc-landing-page.gpc-mien-tru { padding: 0 16px; font-size: 15px; }
	.gpc-landing-page.gpc-mien-tru .gpc-lp-lead { font-size: 16px; }
	.gpc-landing-page.gpc-mien-tru .gpc-lp-section > h2 { font-size: 20px; }
	.gpc-landing-page.gpc-mien-tru .gpc-lp-section { margin-bottom: 30px; }
	.gpc-landing-page.gpc-mien-tru .gpc-lp-cta { padding: 22px 18px; }
	.gpc-landing-page.gpc-mien-tru .gpc-cta-btn { width: 100%; text-align: center; }
	.gpc-mien-tru .gpc-faq > summary { padding: 14px 18px; font-size: 15px; }
	.gpc-mien-tru .gpc-faq-body { padding: 0 18px 16px; }
}

/* ============================================================
   XỔ SỐ — page 181 (/xo-so/)
   Scoped strictly to `body.page-id-181` so it cannot bleed into
   the homepage, the /xo-so/ category archive, the miền spoke
   pages (131 / 133 / 135) or any other Page / Post / archive.
   Styles only native Gutenberg core blocks used on this page:
   table, details, list, separator, heading and buttons.
   Mirrors the .page-id-184 visual language so the page matches
   the rest of the site. Header, nav and footer are untouched.
   To roll back: delete this entire block.
   ============================================================ */

/* Reading rhythm — keep a comfortable line length for long-form. */
body.page-id-181 .entry-content > p,
body.page-id-181 .entry-content > h2,
body.page-id-181 .entry-content > h3,
body.page-id-181 .entry-content > ul.wp-block-list,
body.page-id-181 .entry-content > ol.wp-block-list,
body.page-id-181 .entry-content > .wp-block-table,
body.page-id-181 .entry-content > .wp-block-buttons {
	max-width: 860px;
}

/* Anchor targets must clear the sticky GeneratePress header. */
body.page-id-181 .entry-content .wp-block-heading { scroll-margin-top: 100px; }

/* H2 divider keeps the long pillar article scannable. */
body.page-id-181 .entry-content > h2 {
	margin-top: 1.9em;
	padding-bottom: 8px;
	border-bottom: 2px solid #e2eef5;
}
body.page-id-181 .entry-content > h2:first-of-type { margin-top: 0; }

/* --- Tables (3-region compare, schedule, prize tiers, play types) -- */
body.page-id-181 .entry-content .wp-block-table {
	margin: 0 0 26px 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
body.page-id-181 .entry-content .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15.5px;
	line-height: 1.6;
	min-width: 520px;
}
body.page-id-181 .entry-content .wp-block-table th,
body.page-id-181 .entry-content .wp-block-table td {
	padding: 12px 14px;
	border: 1px solid #dde5f0;
	text-align: left;
	vertical-align: top;
}
body.page-id-181 .entry-content .wp-block-table th {
	background: #f1f7fb;
	font-weight: 700;
	color: #0f172a;
}
body.page-id-181 .entry-content .wp-block-table tbody tr:nth-child(even) {
	background: #fafbfd;
}

/* --- Lists ---------------------------------------------------------- */
body.page-id-181 .entry-content ul.wp-block-list,
body.page-id-181 .entry-content ol.wp-block-list {
	padding-left: 24px;
	margin: 0 0 22px 0;
}
body.page-id-181 .entry-content ul.wp-block-list li,
body.page-id-181 .entry-content ol.wp-block-list li {
	margin-bottom: 10px;
	line-height: 1.65;
}
body.page-id-181 .entry-content ol.wp-block-list li::marker {
	color: #0e8cc2;
	font-weight: 700;
}

/* --- Separator ------------------------------------------------------ */
body.page-id-181 .entry-content .wp-block-separator {
	border: 0;
	border-top: 1px solid #e6ebf2;
	margin: 32px 0;
	max-width: 860px;
}

/* --- FAQ (core/details) --------------------------------------------- */
body.page-id-181 .entry-content .wp-block-details {
	border: 1px solid #e6ebf2;
	border-radius: 10px;
	background: #ffffff;
	margin: 0 0 12px;
	padding: 0;
	transition: border-color .15s;
	max-width: 860px;
}
body.page-id-181 .entry-content .wp-block-details[open] { border-color: #b9d9ea; }
body.page-id-181 .entry-content .wp-block-details > summary {
	cursor: pointer;
	padding: 16px 48px 16px 22px;
	font-weight: 700;
	color: #0f172a;
	list-style: none;
	position: relative;
	font-size: 16px;
	line-height: 1.5;
}
body.page-id-181 .entry-content .wp-block-details > summary::-webkit-details-marker { display: none; }
body.page-id-181 .entry-content .wp-block-details > summary::after {
	content: '+';
	position: absolute;
	right: 22px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 22px;
	font-weight: 400;
	color: #0e8cc2;
	transition: transform .2s;
}
body.page-id-181 .entry-content .wp-block-details[open] > summary::after { content: '\2212'; }
body.page-id-181 .entry-content .wp-block-details > summary:hover { color: #0e8cc2; }
body.page-id-181 .entry-content .wp-block-details > p {
	margin: 0;
	padding: 0 22px 18px;
	color: #333333;
}

/* --- CTA buttons ---------------------------------------------------- */
body.page-id-181 .entry-content .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin: 30px 0 8px;
}
body.page-id-181 .entry-content .wp-block-button { margin: 0; }
body.page-id-181 .entry-content .wp-block-button__link {
	display: inline-block;
	padding: 13px 28px;
	border-radius: 8px;
	background: #0e8cc2;
	color: #ffffff !important;
	font-weight: 700;
	font-size: 15px;
	text-decoration: none;
	transition: background .15s, transform .15s;
}
body.page-id-181 .entry-content .wp-block-button__link:hover {
	background: #0a6d96;
	transform: translateY(-1px);
}

/* --- Mobile / tablet ------------------------------------------------ */
@media (max-width: 781px) {
	body.page-id-181 .entry-content > h2 { font-size: 1.35em; }
	body.page-id-181 .entry-content > h3 { font-size: 1.15em; }
	body.page-id-181 .entry-content .wp-block-table { margin: 0 0 22px; }
	body.page-id-181 .entry-content .wp-block-table table { font-size: 14.5px; min-width: 460px; }
	body.page-id-181 .entry-content .wp-block-table th,
	body.page-id-181 .entry-content .wp-block-table td { padding: 9px 11px; }
	body.page-id-181 .entry-content .wp-block-table th { white-space: normal; }
	body.page-id-181 .entry-content .wp-block-details > summary { padding: 14px 44px 14px 16px; font-size: 15px; }
	body.page-id-181 .entry-content .wp-block-details > p { padding: 0 16px 16px; }
	body.page-id-181 .entry-content .wp-block-button__link { padding: 12px 22px; font-size: 14px; }
	body.page-id-181 .entry-content .wp-block-buttons { gap: 10px; }
}

/* ============================================================
   PAGE 133 — /xo-so-mien-trung/ — Xổ Số Miền Trung
   Added by the /seo content workflow on 2026-09-29.

   Fully scoped to `body.page-id-133` (this page only). Nothing here
   touches the header, navigation, footer, hero, the /xo-so/ hub,
   or any other page/post, so there is no regression risk outside
   this single URL.

   Purpose: this page carries five wide data tables (weekly schedule,
   14 broadcasters, prize structure, XSMT vs Bắc/Nam, play formats).
   On phones those would otherwise force a body-level horizontal
   scrollbar. The rules below tighten the tables, list markers,
   buttons and heading anchors for this page only, matching the
   treatment already used on page 184 (Đá Gà) and page 181/162.
   ============================================================ */

body.page-id-133 .entry-content .wp-block-table {
	margin: 8px 0 26px;
}
body.page-id-133 .entry-content .wp-block-table table {
	font-size: 15.5px;
	min-width: 620px;
}
body.page-id-133 .entry-content .wp-block-table th,
body.page-id-133 .entry-content .wp-block-table td {
	padding: 12px 15px;
	vertical-align: top;
}
body.page-id-133 .entry-content .wp-block-table thead th {
	background: #f0f8fc;
	color: #0f172a;
	font-weight: 700;
}
body.page-id-133 .entry-content .wp-block-table tbody tr:nth-child(even) {
	background: #fafbfd;
}

body.page-id-133 .entry-content .wp-block-separator {
	border: 0;
	border-top: 1px solid #e6ebf2;
	margin: 30px 0;
}

/* Native Rank Math FAQ block list (not <details>, so it stays a
   first-class editable block and Rank Math emits its own FAQPage). */
body.page-id-133 .entry-content .rank-math-list {
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
	counter-reset: xsmt-faq;
}
body.page-id-133 .entry-content .rank-math-list-item {
	position: relative;
	margin: 0 0 12px;
	padding: 16px 20px 16px 56px;
	border: 1px solid #e6ebf2;
	border-radius: 10px;
	background: #ffffff;
}
body.page-id-133 .entry-content .rank-math-list-item::before {
	counter-increment: xsmt-faq;
	content: counter(xsmt-faq);
	position: absolute;
	left: 18px;
	top: 16px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #0e8cc2;
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
}
body.page-id-133 .entry-content .rank-math-question {
	margin: 0 0 8px;
	color: #0f172a;
	font-size: 16.5px;
	line-height: 1.5;
}
body.page-id-133 .entry-content .rank-math-answer {
	color: #333333;
}
body.page-id-133 .entry-content .rank-math-answer p {
	margin: 0;
}

body.page-id-133 .entry-content .wp-block-list {
	margin: 0 0 20px 22px;
	padding: 0;
}
body.page-id-133 .entry-content .wp-block-list li {
	margin-bottom: 10px;
}
body.page-id-133 .entry-content ol.wp-block-list {
	margin-left: 24px;
}
body.page-id-133 .entry-content ol.wp-block-list li {
	padding-left: 6px;
}
body.page-id-133 .entry-content .wp-block-list li::marker {
	color: #0e8cc2;
	font-weight: 700;
}

body.page-id-133 .entry-content .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin: 28px 0 8px;
}
body.page-id-133 .entry-content .wp-block-button {
	margin: 0;
}
body.page-id-133 .entry-content .wp-block-button__link {
	display: inline-block;
	padding: 13px 28px;
	border-radius: 8px;
	background: #0e8cc2;
	color: #ffffff !important;
	font-weight: 700;
	font-size: 15px;
	text-decoration: none;
	transition: background .15s, transform .15s;
}
body.page-id-133 .entry-content .wp-block-button__link:hover {
	background: #0a6d96;
	transform: translateY(-1px);
}
body.page-id-133 .entry-content .wp-block-button--secondary .wp-block-button__link {
	background: #ffffff;
	color: #0e8cc2 !important;
	border: 1px solid #0e8cc2;
}
body.page-id-133 .entry-content .wp-block-button--secondary .wp-block-button__link:hover {
	background: #0e8cc2;
	color: #ffffff !important;
}

/* Keep anchor jumps clear of the sticky site header. */
body.page-id-133 .entry-content .wp-block-heading {
	scroll-margin-top: 100px;
}

/* --- Tablet / mobile ------------------------------------------------- */
@media (max-width: 781px) {
	body.page-id-133 .entry-content > h2 { font-size: 1.35em; }
	body.page-id-133 .entry-content > h3 { font-size: 1.15em; }
	body.page-id-133 .entry-content .wp-block-table { margin: 0 0 22px; }
	body.page-id-133 .entry-content .wp-block-table table { font-size: 14.5px; min-width: 460px; }
	body.page-id-133 .entry-content .wp-block-table th,
	body.page-id-133 .entry-content .wp-block-table td { padding: 9px 11px; }
	body.page-id-133 .entry-content .wp-block-table th { white-space: normal; }
	body.page-id-133 .entry-content .rank-math-list-item { padding: 14px 16px 14px 50px; }
	body.page-id-133 .entry-content .rank-math-question { font-size: 15.5px; }
	body.page-id-133 .entry-content .wp-block-button__link { padding: 12px 22px; font-size: 14px; }
	body.page-id-133 .entry-content .wp-block-buttons { gap: 10px; }
}

/* ============================================================
   PAGE 135 — /xo-so-mien-nam/ — Xổ Số Miền Nam
   Added by the /seo content workflow on 2026-09-29.

   Fully scoped to `body.page-id-135` (this page only). Nothing here
   touches the header, navigation, footer, hero, the /xo-so/ hub,
   the sibling miền spoke pages (131 / 133), or any other
   Page/Post/archive — so there is no regression risk outside this
   single URL.

   Purpose: this page carries two wide data tables (weekly schedule,
   prize structure) plus the native Rank Math FAQ block. On phones
   those tables would otherwise force a body-level horizontal
   scrollbar. The rules below mirror the treatment already used on
   pages 133 (XSMT), 181 (Xổ Số) and 184 (Đá Gà) so the three miền
   spoke pages look and behave identically.

   To roll back: delete this entire block.
   ============================================================ */

/* --- Tables (weekly schedule, prize structure) -------------------- */
body.page-id-135 .entry-content .wp-block-table {
	margin: 8px 0 26px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
body.page-id-135 .entry-content .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15.5px;
	line-height: 1.6;
	min-width: 540px;
}
body.page-id-135 .entry-content .wp-block-table th,
body.page-id-135 .entry-content .wp-block-table td {
	padding: 12px 15px;
	border: 1px solid #dde5f0;
	text-align: left;
	vertical-align: top;
}
body.page-id-135 .entry-content .wp-block-table thead th {
	background: #f0f8fc;
	color: #0f172a;
	font-weight: 700;
}
body.page-id-135 .entry-content .wp-block-table tbody tr:nth-child(even) {
	background: #fafbfd;
}

/* --- Lists -------------------------------------------------------- */
body.page-id-135 .entry-content .wp-block-list {
	margin: 0 0 20px 22px;
	padding: 0;
}
body.page-id-135 .entry-content .wp-block-list li {
	margin-bottom: 10px;
	line-height: 1.65;
}
body.page-id-135 .entry-content ol.wp-block-list {
	margin-left: 24px;
}
body.page-id-135 .entry-content ol.wp-block-list li {
	padding-left: 6px;
}
body.page-id-135 .entry-content .wp-block-list li::marker {
	color: #0e8cc2;
	font-weight: 700;
}

/* --- Native Rank Math FAQ block ------------------------------------
   Renders as an ordered list, not <details>, so it stays a
   first-class editable block and Rank Math emits its own FAQPage. */
body.page-id-135 .entry-content .rank-math-list {
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
	counter-reset: xsmn-faq;
}
body.page-id-135 .entry-content .rank-math-list-item {
	position: relative;
	margin: 0 0 12px;
	padding: 16px 20px 16px 56px;
	border: 1px solid #e6ebf2;
	border-radius: 10px;
	background: #ffffff;
}
body.page-id-135 .entry-content .rank-math-list-item::before {
	counter-increment: xsmn-faq;
	content: counter(xsmn-faq);
	position: absolute;
	left: 18px;
	top: 16px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #0e8cc2;
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
}
body.page-id-135 .entry-content .rank-math-question {
	margin: 0 0 8px;
	color: #0f172a;
	font-size: 16.5px;
	line-height: 1.5;
}
body.page-id-135 .entry-content .rank-math-answer {
	color: #333333;
}
body.page-id-135 .entry-content .rank-math-answer p {
	margin: 0;
}

/* --- CTA buttons -------------------------------------------------- */
body.page-id-135 .entry-content .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin: 28px 0 8px;
}
body.page-id-135 .entry-content .wp-block-button {
	margin: 0;
}
body.page-id-135 .entry-content .wp-block-button__link {
	display: inline-block;
	padding: 13px 28px;
	border-radius: 8px;
	background: #0e8cc2;
	color: #ffffff !important;
	font-weight: 700;
	font-size: 15px;
	text-decoration: none;
	transition: background .15s, transform .15s;
}
body.page-id-135 .entry-content .wp-block-button__link:hover {
	background: #0a6d96;
	transform: translateY(-1px);
}

/* Keep anchor jumps clear of the sticky site header. */
body.page-id-135 .entry-content .wp-block-heading {
	scroll-margin-top: 100px;
}

/* --- Tablet / mobile ----------------------------------------------- */
@media (max-width: 781px) {
	body.page-id-135 .entry-content > h2 { font-size: 1.35em; }
	body.page-id-135 .entry-content > h3 { font-size: 1.15em; }
	body.page-id-135 .entry-content .wp-block-table { margin: 0 0 22px; }
	body.page-id-135 .entry-content .wp-block-table table { font-size: 14.5px; min-width: 460px; }
	body.page-id-135 .entry-content .wp-block-table th,
	body.page-id-135 .entry-content .wp-block-table td { padding: 9px 11px; }
	body.page-id-135 .entry-content .wp-block-table thead th { white-space: normal; }
	body.page-id-135 .entry-content .rank-math-list-item { padding: 14px 16px 14px 50px; }
	body.page-id-135 .entry-content .rank-math-question { font-size: 15.5px; }
	body.page-id-135 .entry-content .wp-block-button__link { padding: 12px 22px; font-size: 14px; }
	body.page-id-135 .entry-content .wp-block-buttons { gap: 10px; }
}

/* ============================================================
   PAGE 131 — /xo-so-mien-bac/ (Xổ Số Miền Bắc)
   Added by /seo content on 2026-09-29.

   WHY THIS EXISTS
   The page uses the same Gutenberg core blocks as the other
   hub pages on this site (table, list, details, separator,
   buttons). GeneratePress does not ship core block CSS, so
   without rules below the two tables lose their borders, the
   FAQ <details> lose their affordance, and the CTA buttons
   lose their shape.

   WHY SCOPED
   Every rule sits inside `body.page-id-131`, so it can only
   ever apply to the Xổ Số Miền Bắc page. No other Page / Post
   / archive is affected, and nothing here touches the header,
   navigation, hero, footer or Global CSS. A page-ID class is
   used (not a custom class) so the styles keep working if the
   owner edits the page content in the editor.

   To roll back: delete this entire block.
   ============================================================ */
body.page-id-131 .entry-content .wp-block-table {
	overflow-x: auto;
	margin: 24px 0 28px;
	-webkit-overflow-scrolling: touch;
}
body.page-id-131 .entry-content .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: 16px;
	min-width: 560px;
}
body.page-id-131 .entry-content .wp-block-table th,
body.page-id-131 .entry-content .wp-block-table td {
	padding: 13px 16px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #e6ebf2;
}
body.page-id-131 .entry-content .wp-block-table thead th {
	background: #f5f8fc;
	color: #0f172a;
	font-weight: 700;
}
body.page-id-131 .entry-content .wp-block-table tbody tr:nth-child(even) {
	background: #fafbfd;
}

body.page-id-131 .entry-content .wp-block-separator {
	border: 0;
	border-top: 1px solid #e6ebf2;
	margin: 32px 0;
}

body.page-id-131 .entry-content .wp-block-details {
	border: 1px solid #e6ebf2;
	border-radius: 10px;
	background: #ffffff;
	margin: 0 0 12px;
	padding: 0;
	transition: border-color .15s;
}
body.page-id-131 .entry-content .wp-block-details[open] { border-color: #b9d9ea; }
body.page-id-131 .entry-content .wp-block-details > summary {
	cursor: pointer;
	padding: 16px 48px 16px 22px;
	font-weight: 700;
	color: #0f172a;
	list-style: none;
	position: relative;
	font-size: 16px;
	line-height: 1.5;
}
body.page-id-131 .entry-content .wp-block-details > summary::-webkit-details-marker { display: none; }
body.page-id-131 .entry-content .wp-block-details > summary::after {
	content: '+';
	position: absolute;
	right: 22px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 22px;
	font-weight: 400;
	color: #0e8cc2;
	transition: transform .2s;
}
body.page-id-131 .entry-content .wp-block-details[open] > summary::after { content: '\2212'; }
body.page-id-131 .entry-content .wp-block-details > summary:hover { color: #0e8cc2; }
body.page-id-131 .entry-content .wp-block-details > p {
	margin: 0;
	padding: 0 22px 18px;
	color: #333333;
}

body.page-id-131 .entry-content .wp-block-list {
	margin: 0 0 20px 22px;
	padding: 0;
}
body.page-id-131 .entry-content .wp-block-list li { margin-bottom: 10px; }
body.page-id-131 .entry-content ol.wp-block-list { margin-left: 24px; }
body.page-id-131 .entry-content ol.wp-block-list li { padding-left: 4px; }
body.page-id-131 .entry-content .wp-block-list li::marker { color: #0e8cc2; font-weight: 700; }

body.page-id-131 .entry-content .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin: 28px 0 8px;
}
body.page-id-131 .entry-content .wp-block-button { margin: 0; }
body.page-id-131 .entry-content .wp-block-button__link {
	display: inline-block;
	padding: 13px 28px;
	border-radius: 8px;
	background: #0e8cc2;
	color: #ffffff !important;
	font-weight: 700;
	font-size: 15px;
	text-decoration: none;
	transition: background .15s, transform .15s;
}
body.page-id-131 .entry-content .wp-block-button__link:hover {
	background: #0a6d96;
	transform: translateY(-1px);
}

/* Keep anchor jumps clear of the sticky site header. */
body.page-id-131 .entry-content .wp-block-heading {
	scroll-margin-top: 100px;
}

/* --- Tablet / mobile ----------------------------------------------- */
@media (max-width: 781px) {
	body.page-id-131 .entry-content > h2 { font-size: 1.35em; }
	body.page-id-131 .entry-content > h3 { font-size: 1.15em; }
	body.page-id-131 .entry-content .wp-block-table { margin: 0 0 22px; }
	body.page-id-131 .entry-content .wp-block-table table { font-size: 14.5px; min-width: 460px; }
	body.page-id-131 .entry-content .wp-block-table th,
	body.page-id-131 .entry-content .wp-block-table td { padding: 9px 11px; }
	body.page-id-131 .entry-content .wp-block-table thead th { white-space: normal; }
	body.page-id-131 .entry-content .wp-block-button__link { padding: 12px 22px; font-size: 14px; }
	body.page-id-131 .entry-content .wp-block-buttons { gap: 10px; }
}

/* ============================================================
   PAGE 126 — /tai-app-88i/ (Tải App 88I)
   Added by /seo content on 2026-09-29.

   WHY THIS EXISTS
   This page uses the same Gutenberg core blocks as the other
   hub pages on this site (table, list, separator, buttons) plus
   the native Rank Math FAQ block. Because the site runs the
   Classic Editor, WordPress only enqueues block-library/common
   (reset + base) and never the per-block stylesheet, so without
   the rules below the two comparison tables lose their borders,
   the FAQ items lose their affordance, and the CTA buttons lose
   their shape.

   WHY SCOPED
   Every rule is inside `body.page-id-126`, so it can only ever
   apply to the Tải App 88I page. The header, nav, hero, footer
   and every other Page / Post / archive are untouched. No custom
   markup is injected — the page stays fully editable in the
   WordPress editor.

   To roll back: delete this entire block.
   ============================================================ */

/* --- Comfortable reading measure for long-form guide text ------- */
body.page-id-126 .entry-content > p,
body.page-id-126 .entry-content > ul,
body.page-id-126 .entry-content > ol,
body.page-id-126 .entry-content > h2,
body.page-id-126 .entry-content > h3,
body.page-id-126 .entry-content > .wp-block-table,
body.page-id-126 .entry-content > .rank-math-block {
	max-width: 860px;
}

/* --- H2 section rhythm ------------------------------------------- */
body.page-id-126 .entry-content > h2 {
	margin-top: 1.9em;
	padding-bottom: 8px;
	border-bottom: 2px solid #e2eef5;
}

/* --- Tables (app vs website, download requirements) -------------- */
body.page-id-126 .entry-content .wp-block-table {
	margin: 8px 0 26px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
body.page-id-126 .entry-content .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15.5px;
	line-height: 1.6;
	min-width: 540px;
}
body.page-id-126 .entry-content .wp-block-table th,
body.page-id-126 .entry-content .wp-block-table td {
	padding: 12px 15px;
	border: 1px solid #dde5f0;
	text-align: left;
	vertical-align: top;
}
body.page-id-126 .entry-content .wp-block-table thead th {
	background: #f0f8fc;
	color: #0f172a;
	font-weight: 700;
}
body.page-id-126 .entry-content .wp-block-table tbody tr:nth-child(even) {
	background: #fafbfd;
}

/* --- Separator --------------------------------------------------- */
body.page-id-126 .entry-content .wp-block-separator {
	border: 0;
	border-top: 1px solid #e6ebf2;
	margin: 30px 0;
}

/* --- Lists -------------------------------------------------------- */
body.page-id-126 .entry-content .wp-block-list {
	margin: 0 0 20px 22px;
	padding: 0;
}
body.page-id-126 .entry-content .wp-block-list li {
	margin-bottom: 10px;
	line-height: 1.65;
}
body.page-id-126 .entry-content ol.wp-block-list {
	margin-left: 24px;
}
body.page-id-126 .entry-content ol.wp-block-list li {
	padding-left: 6px;
}
body.page-id-126 .entry-content .wp-block-list li::marker {
	color: #0e8cc2;
	font-weight: 700;
}

/* --- Native Rank Math FAQ block ----------------------------------
   Renders as an ordered list, not <details>, so it stays a
   first-class editable block and Rank Math emits its own FAQPage. */
body.page-id-126 .entry-content .rank-math-list {
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
	counter-reset: taiapp-faq;
}
body.page-id-126 .entry-content .rank-math-list-item {
	position: relative;
	margin: 0 0 12px;
	padding: 16px 20px 16px 56px;
	border: 1px solid #e6ebf2;
	border-radius: 10px;
	background: #ffffff;
}
body.page-id-126 .entry-content .rank-math-list-item::before {
	counter-increment: taiapp-faq;
	content: counter(taiapp-faq);
	position: absolute;
	left: 18px;
	top: 16px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #0e8cc2;
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
}
body.page-id-126 .entry-content .rank-math-question {
	margin: 0 0 8px;
	color: #0f172a;
	font-size: 16.5px;
	line-height: 1.5;
}
body.page-id-126 .entry-content .rank-math-answer {
	color: #333333;
}
body.page-id-126 .entry-content .rank-math-answer p {
	margin: 0;
}

/* --- CTA buttons -------------------------------------------------- */
body.page-id-126 .entry-content .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin: 28px 0 8px;
}
body.page-id-126 .entry-content .wp-block-button {
	margin: 0;
}
body.page-id-126 .entry-content .wp-block-button__link {
	display: inline-block;
	padding: 13px 28px;
	border-radius: 8px;
	background: #0e8cc2;
	color: #ffffff !important;
	font-weight: 700;
	font-size: 15px;
	text-decoration: none;
	transition: background .15s, transform .15s;
}
body.page-id-126 .entry-content .wp-block-button__link:hover {
	background: #0a6d96;
	transform: translateY(-1px);
}

/* Keep anchor jumps clear of the sticky site header. */
body.page-id-126 .entry-content .wp-block-heading {
	scroll-margin-top: 100px;
}

/* --- Tablet / mobile ----------------------------------------------- */
@media (max-width: 781px) {
	body.page-id-126 .entry-content > h2 { font-size: 1.35em; }
	body.page-id-126 .entry-content > h3 { font-size: 1.15em; }
	body.page-id-126 .entry-content .wp-block-table { margin: 0 0 22px; }
	body.page-id-126 .entry-content .wp-block-table table { font-size: 14.5px; min-width: 460px; }
	body.page-id-126 .entry-content .wp-block-table th,
	body.page-id-126 .entry-content .wp-block-table td { padding: 9px 11px; }
	body.page-id-126 .entry-content .wp-block-table thead th { white-space: normal; }
	body.page-id-126 .entry-content .rank-math-list-item { padding: 14px 16px 14px 50px; }
	body.page-id-126 .entry-content .rank-math-question { font-size: 15.5px; }
	body.page-id-126 .entry-content .wp-block-button__link { padding: 12px 22px; font-size: 14px; }
	body.page-id-126 .entry-content .wp-block-buttons { gap: 10px; }
}

/* ============================================================
   BẮN CÁ 88I — page 175 (/ban-ca/)
   ------------------------------------------------------------
   WHY THIS BLOCK IS NEEDED
   The child theme sets a global `a { color: inherit; text-decoration: none; }`
   (line 49 of this file), which removes all link affordance from post/page
   body content. Core block CSS is also not fully present for every block used
   on this page. So on this page links looked like plain dark text and the FAQ
   / table affordances were missing.

   This block restores, for page 175 ONLY:
     - readable, clearly-clickable inline links (the page is link-heavy)
     - table borders + zebra striping
     - FAQ <details> card affordance
     - list bullet / number alignment
     - sticky-header offset for anchor jumps

   SCOPE / SAFETY
   Every rule is inside `body.page-id-175`, so it can only ever apply to the
   Bắn Cá 88I page. The homepage, the nav, the header, the footer, Global CSS
   and every other Page / Post / archive are untouched.

   This follows the exact same convention already used on this site for the
   sibling guide pages (page 184 /da-ga/, page 126 /tai-app-88i/, page 124
   /rut-tien-88i/ and page 160 /mien-tru-trach-nhiem/).

   TO ROLL BACK: delete this entire block. Nothing else depends on it.
   ============================================================ */

/* --- Inline links inside the article ---------------------------- */
body.page-id-175 .entry-content a {
	color: #0d6efd;
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color .15s;
}
body.page-id-175 .entry-content a:hover { color: #084298; }

/* --- Tables ----------------------------------------------------- */
body.page-id-175 .entry-content .wp-block-table {
	overflow-x: auto;
	margin: 24px 0 28px;
	-webkit-overflow-scrolling: touch;
}
body.page-id-175 .entry-content .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: 16px;
	min-width: 560px;
}
body.page-id-175 .entry-content .wp-block-table th,
body.page-id-175 .entry-content .wp-block-table td {
	padding: 13px 16px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #e6ebf2;
}
body.page-id-175 .entry-content .wp-block-table thead th {
	background: #f5f8fc;
	color: #0f172a;
	font-weight: 700;
}
body.page-id-175 .entry-content .wp-block-table tbody tr:nth-child(even) {
	background: #fafbfd;
}

/* --- FAQ <details> --------------------------------------------- */
body.page-id-175 .entry-content .gpc-faq-group { margin: 0; }
body.page-id-175 .entry-content .wp-block-details {
	border: 1px solid #e6ebf2;
	border-radius: 10px;
	background: #ffffff;
	margin: 0 0 12px;
	padding: 0;
	transition: border-color .15s;
}
body.page-id-175 .entry-content .wp-block-details[open] { border-color: #b9d9ea; }
body.page-id-175 .entry-content .wp-block-details > summary {
	cursor: pointer;
	padding: 16px 48px 16px 22px;
	font-weight: 700;
	color: #0f172a;
	list-style: none;
	position: relative;
	font-size: 16px;
	line-height: 1.5;
}
body.page-id-175 .entry-content .wp-block-details > summary::-webkit-details-marker { display: none; }
body.page-id-175 .entry-content .wp-block-details > summary::after {
	content: '+';
	position: absolute;
	right: 22px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 22px;
	font-weight: 400;
	color: #0e8cc2;
	transition: transform .2s;
}
body.page-id-175 .entry-content .wp-block-details[open] > summary::after { content: '\2212'; }
body.page-id-175 .entry-content .wp-block-details > summary:hover { color: #0e8cc2; }
body.page-id-175 .entry-content .wp-block-details > p {
	margin: 0;
	padding: 0 22px 18px;
	color: #333333;
}

/* --- Lists ------------------------------------------------------ */
body.page-id-175 .entry-content .wp-block-list {
	margin: 0 0 20px 22px;
	padding: 0;
}
body.page-id-175 .entry-content .wp-block-list li { margin-bottom: 10px; }
body.page-id-175 .entry-content ol.wp-block-list { margin-left: 24px; }
body.page-id-175 .entry-content ol.wp-block-list li { padding-left: 4px; }
body.page-id-175 .entry-content .wp-block-list li::marker { color: #0e8cc2; font-weight: 700; }

/* --- Anchor jumps clear of the sticky header -------------------- */
body.page-id-175 .entry-content .wp-block-heading { scroll-margin-top: 100px; }
body.page-id-175 .entry-content .ez-toc-section { scroll-margin-top: 100px; }

/* --- Tablet / mobile -------------------------------------------- */
@media (max-width: 781px) {
	body.page-id-175 .entry-content > h2 { font-size: 1.35em; }
	body.page-id-175 .entry-content > h3 { font-size: 1.15em; }
	body.page-id-175 .entry-content .wp-block-table { margin: 0 0 22px; }
	body.page-id-175 .entry-content .wp-block-table table { font-size: 14.5px; min-width: 460px; }
	body.page-id-175 .entry-content .wp-block-table th,
	body.page-id-175 .entry-content .wp-block-table td { padding: 9px 11px; }
	body.page-id-175 .entry-content .wp-block-table thead th { white-space: normal; }
	body.page-id-175 .entry-content .wp-block-details > summary { padding: 14px 44px 14px 16px; font-size: 15px; }
	body.page-id-175 .entry-content .wp-block-details > p { padding: 0 16px 16px; }
}

/* ============================================================
 * TIN TỨC LANDING PAGE (category-tin-tuc.php, term_id 9)
 * ------------------------------------------------------------
 * Scoped to `.gpc-landing-page.gpc-tin-tuc` plus the WP body class
 * `.category-tin-tuc` so these rules can only ever affect /tin-tuc/.
 * Header, nav, hero, footer, Global CSS and every other archive /
 * page / post are untouched.
 *
 * The generic `.gpc-landing-page .gpc-lp-*` typography, the card
 * grid, the table, the list and the FAQ styles are all inherited from
 * the shared landing-page rules (section 14). This block only adds
 * what is specific to the news hub: full-width layout, the in-page
 * table of contents, and the news card / empty-state variants.
 *
 * To roll back: delete this entire block.
 * ============================================================ */
.gpc-landing-page.gpc-tin-tuc {
	max-width: 1100px;
	margin: 40px auto 60px;
	padding: 0 28px;
	color: #1f2937;
	line-height: 1.7;
	font-size: 16px;
	width: 100%;
	box-sizing: border-box;
}

/* Full-width on this archive regardless of the layout the archive
   inherits from GeneratePress. Target the WP body class so no other
   template inherits the override. */
body.category-tin-tuc .site-content { display: block; }
body.category-tin-tuc .content-area { width: 100% !important; }
body.category-tin-tuc .widget-area,
body.category-tin-tuc #right-sidebar,
body.category-tin-tuc #left-sidebar { display: none !important; }

.gpc-landing-page.gpc-tin-tuc a {
	color: #0d6efd;
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color .15s;
}
.gpc-landing-page.gpc-tin-tuc a:hover { color: #084298; }

/* ===== In-page table of contents (/tin-tuc/) =====
   Mirrors the /khuyen-mai/ TOC so the two hub pages feel identical. */
.gpc-landing-page.gpc-tin-tuc .gpc-lp-toc {
	background: #f8fafc;
	border: 1px solid #e6ebf2;
	border-radius: 12px;
	padding: 20px 22px;
	margin: 0 0 36px;
}
.gpc-landing-page.gpc-tin-tuc .gpc-lp-toc-title {
	margin: 0 0 10px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #0f172a;
}
.gpc-landing-page.gpc-tin-tuc .gpc-lp-toc-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 26px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.gpc-landing-page.gpc-tin-tuc .gpc-lp-toc-list li { margin: 0; }
.gpc-landing-page.gpc-tin-tuc .gpc-lp-toc-list a {
	display: block;
	font-size: 15px;
	line-height: 1.45;
	padding: 3px 0;
	text-decoration: none;
}
.gpc-landing-page.gpc-tin-tuc .gpc-lp-toc-list a:hover { text-decoration: underline; }
.gpc-landing-page.gpc-tin-tuc .gpc-lp-toc-list li::marker { content: none; }

/* ===== News cards (real WP_Query loop) =====
   Reuse the shared .gpc-promo-card skin, add a date line so each item
   reads as a dated update rather than a plain promo card. */
.gpc-landing-page.gpc-tin-tuc .gpc-news-card {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.gpc-landing-page.gpc-tin-tuc .gpc-news-card > h3 { margin-bottom: 0; }
.gpc-landing-page.gpc-tin-tuc .gpc-news-card > h3 a { text-decoration: none; }
.gpc-landing-page.gpc-tin-tuc .gpc-news-card > h3 a:hover { text-decoration: underline; }
.gpc-landing-page.gpc-tin-tuc .gpc-news-meta {
	margin: 0;
	font-size: 13px;
	color: #64748b;
	letter-spacing: .02em;
}
.gpc-landing-page.gpc-tin-tuc .gpc-news-empty {
	background: #f8fafc;
	border: 1px dashed #cbd5e1;
	border-radius: 12px;
	padding: 20px 22px;
	margin: 20px 0 0;
	color: #475569;
}

/* ===== Responsive (tablet then mobile) =====
   The two-column grids and the TOC collapse to a single column.
   The comparison tables keep their own horizontal scroll container
   (.gpc-table-wrap) so nothing overflows the viewport. */
@media (max-width: 900px) {
	.gpc-landing-page.gpc-tin-tuc .gpc-lp-toc-list { grid-template-columns: 1fr; }
	.gpc-landing-page.gpc-tin-tuc .gpc-lp-toc { padding: 18px; }
	.gpc-landing-page.gpc-tin-tuc .gpc-promo-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
	.gpc-landing-page.gpc-tin-tuc { padding: 0 16px; margin: 24px auto 40px; font-size: 15px; }
	.gpc-landing-page.gpc-tin-tuc .gpc-lp-title { font-size: 24px; }
	.gpc-landing-page.gpc-tin-tuc .gpc-lp-section > h2 { font-size: 20px; }
	.gpc-landing-page.gpc-tin-tuc .gpc-lp-cta { padding: 22px 18px; }
	.gpc-landing-page.gpc-tin-tuc .gpc-cta-btn { padding: 12px 22px; font-size: 14px; }
	.gpc-landing-page.gpc-tin-tuc .gpc-news-card { padding: 18px 18px 16px; }
}