/*
 * Page-specific styles for page-checkpoint.php (converted from checkpoint.html).
 * Tailwind utility classes come from the CDN (enqueued + configured in
 * functions.php); the shared #r1fh floating header and .r1-nav-menu/.r1-drop*
 * /.r1-toggle/.r1-burger/.r1-backdrop/.r1-pillnav base rules already live in
 * base.css and are not duplicated here. The source page's own .r1-pillnav
 * rule used the same padding (16px 20px / 12px 14px at 640px) as the shared
 * base rule, so no override was needed.
 */

html { scroll-behavior: smooth; }
body { margin: 0; }

.fade-up {
	opacity: 0;
	transform: translateY(24px);
	animation: fadeUp .7s ease forwards;
}

.text-slate-600 { color: #020617 !important; }
.text-slate-500 { color: #020617 !important; }
.text-slate-700 { color: #020617 !important; }
.text-sm { font-size: 1rem !important; }

.delay-100 { animation-delay: .1s; }

@keyframes fadeUp {
	to { opacity: 1; transform: translateY(0); }
}

.icon { width: 1.5rem; height: 1.5rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }