/**
 * CabPhy — custom CSS (safe to edit)
 *
 * This file loads AFTER assets/css/app.css (Tailwind build output).
 * Put your tweaks here so they are not lost when you run `npm run build`
 * or when app.css is regenerated.
 *
 * --- Your additions: keep them below the marked section ---
 */

/* =============================================================================
   About: Mission + Vision strip (black panel, white body copy)
   Markup: template-parts/front-page/about.php → .cab-about-mv-*
   ============================================================================= */
.cab-about-mv-strip {
	background-color: #000;
	border: 1px solid hsla(0, 0%, 100%, 0.1);
}

.cab-about-mv-cell {
	background-color: #000;
}

@media (min-width: 640px) {
	.cab-about-mv-cell--mission {
		border-right: 1px solid hsla(0, 0%, 100%, 0.1);
	}
}

.cab-about-mv-copy {
	color: #fff;
}

/* =============================================================================
   Your custom rules (add below — these survive Tailwind rebuilds)
   ============================================================================= */