.about-link {
		text-decoration: none !important;
		color: inherit !important;
		display: block;
		width: 100%;
		max-width: 430px;
	}
	.about-container {
		display: grid;
		grid-template-columns: minmax(240px, 430px);
		gap: 1.25rem;
		align-items: start;
		justify-content: center;
		margin-top: 1.5rem;
	}
	.about-box {
		border: 1px solid #cbd5e1;
		border-radius: 0.5rem;
		padding: 1.25rem;
		min-height: 180px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background-color: #eef6fb;
		box-shadow: 0 3px 10px rgba(0,0,0,0.04);
		transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, background-color .12s ease;
		text-align: center;
	}
	.about-box h2 {
		margin: 0 0 0.5rem 0;
		font-size: 1.18rem;
		line-height: 1.2;
		color: #001f3f;
	}
	.about-box p {
		margin: 0;
		color: #214a5a;
		font-size: 0.98rem;
	}
	.about-cta {
		margin-top: 1rem;
		color: #001f3f;
		font-weight: 700;
		font-size: 0.95rem;
	}
	.about-link:hover .about-box,
	.about-link:focus .about-box {
		transform: translateY(-4px);
		border-color: #6CA6CD !important;
		background-color: #e6f3fa !important;
		box-shadow: 0 10px 26px rgba(0,0,0,0.08);
	}
	.about-page {
		padding-bottom: 10px;
		box-sizing: border-box;
		text-align: center;
	}
	body.dark-theme .about-box {
		background-color: var(--card-bg) !important;
		color: var(--card-text) !important;
		border: 1px solid var(--card-border) !important;
		box-shadow: 0 2px 8px rgba(0,0,0,0.45) !important;
	}
	body.dark-theme .about-box h2 {
		color: var(--card-text, #FFFFFF) !important;
	}
	body.dark-theme .about-box p {
		color: var(--card-subtext) !important;
	}
	body.dark-theme .about-cta {
		color: var(--menu-link-hover-color) !important;
	}
	body.dark-theme .about-link:hover .about-box,
	body.dark-theme .about-link:focus .about-box {
		background-color: rgba(255,255,255,0.02) !important;
		border-color: var(--menu-link-hover-color) !important;
		box-shadow: 0 10px 26px rgba(0,0,0,0.32) !important;
	}