/* Copied from React TravelGrant.css for pixel-perfect styling */

.travel-grant-page {
	background: #eceff4;
	color: #111;
	min-height: 100vh;
}

.travel-hero {
	background:var(--primary);
	padding: 3rem 1rem;
	text-align: center;
}

.travel-hero h1 {
	color: #ffffff;
	font-size: clamp(1.8rem, 4vw, 3rem);
	letter-spacing: 0.04em;
	font-weight: 700;
}

.travel-main-content {
	width: min(1200px, calc(100% - 2rem));
	margin: 1.8rem auto 2.5rem;
}

.travel-intro {
	text-align: center;
	margin-bottom: 2rem;
}

.travel-intro h2 {
	color: var(--primary);
	font-size: clamp(1.8rem, 3.7vw, 3rem);
	margin-bottom: 1.2rem;
}

.travel-intro p {
	width: min(980px, 100%);
	margin: 0 auto;
	font-size: 1.15rem;
	font-weight: 600;
	line-height: 1.35;
	color: #111;
}

.travel-panel {
	background: #e8ebf0;
	border-top: 4px solid var(--primary);
	border-bottom: 4px solid var(--primary);
	padding: clamp(1.2rem, 2.3vw, 2.3rem);
	margin-bottom: 1.8rem;
}

.travel-panel h3 {
	color: var(--primary);
	font-size: clamp(1.45rem, 2.8vw, 2.25rem);
	margin-bottom: 1rem;
}

.travel-panel p {
	font-size: 1.05rem;
	color: #111;
	margin-bottom: 0.95rem;
}

.travel-panel a {
	color: var(--primary);
	font-weight: 600;
}

.travel-check-list,
.travel-dot-list {
	margin-top: 0.75rem;
	padding-left: 0;
}

.travel-check-list li,
.travel-dot-list li {
	position: relative;
}