/*
 * Thrive at Work — base theme styles
 *
 * Phase 2 (foundation) only. This file intentionally contains
 * no Figma section styling — header/footer/homepage visual
 * design is implemented in a later phase. Everything here is
 * scoped under .taw-site so it can never affect WPBakery,
 * WordPress Core, or other plugin markup.
 */

.taw-site,
.taw-site *,
.taw-site *::before,
.taw-site *::after {
	box-sizing: border-box;
}

.taw-site {
	font-family: var( --taw-font-body );
}

.taw-site h1,
.taw-site h2,
.taw-site h3,
.taw-site h4,
.taw-site h5,
.taw-site h6 {
	font-family: var( --taw-font-display );
}

.taw-container {
	max-width: var( --taw-container-max-width );
	margin-inline: auto;
	padding-inline: 24px;
}

@media ( min-width: 1024px ) {
	.taw-container {
		padding-inline: 0;
	}
}

.taw-skip-link {
	position: absolute;
	top: -999px;
	left: 0;
	z-index: 100000;
	padding: 12px 16px;
	background: var( --taw-color-bg );
	color: var( --taw-color-primary-900 );
}

.taw-skip-link:focus {
	top: 0;
}