/* Theme base CSS */

/* [aid_social] */
.aid-social {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* AI Canvas: edge-to-edge blocks, no container */
.ai-canvas-body {
	display: block;
	margin: 0;
	padding: 0;
}

/* Full-bleed band overflow guard (100vw) — clip creates no scroll container,
so sticky/fixed keep working. */
.site-main {
	overflow-x: clip;
}

/* AI-theme bridge: theme markup wrapped in .aib-page picks the chosen colors
(beats reset by source order; card links keep text color). */
.aib-page {
	color: var(--aib-text);
	background-color: var(--aib-background);
}



.aib-page .aid-card__title a,
.aib-page .aid-featured__heading a {
	color: inherit;
}

.aid-card__more {
	color: var(--aib-primary);
}

.aid-related__more-btn {
	padding: 0.75rem 2rem;
	border: 1px solid var(--aib-primary);
	border-radius: 50px;
	background: var(--aib-primary);
	color: var(--aib-on-primary);
	cursor: pointer;
	font-size: 0.9rem;
	font-weight: 650;
	transition: transform 0.2s ease, background 0.2s ease;
}

.aid-related__more-btn:hover {
	background: var(--aib-primary-hover);
	border-color: var(--aib-primary-hover);
	color: var(--aib-on-primary);
	transform: translateY(-2px);
}

/* Landing anchors (section/div có id sau convert) */
.ai-canvas-body section[id],
.ai-canvas-body div[id] {
	scroll-margin-top: 84px;
}