/* Symposium 2026 — electric navy stage system (ported from the KBIT design system). */

.summit-page {
	background-color: #0b1222;
	color: #fff;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px),
		radial-gradient(ellipse 70% 48% at 50% -8%, rgba(79, 120, 165, 0.32), transparent 68%),
		linear-gradient(180deg, #0e1830 0%, #122443 42%, #0b1222 100%);
	background-size: 54px 54px, 54px 54px, 100% 100%, 100% 100%;
}

.summit-hero {
	position: relative;
	background-color: #0b1222;
	color: #fff;
	background-image:
		radial-gradient(ellipse 60% 44% at 82% 32%, rgba(79, 120, 165, 0.41), transparent 64%),
		radial-gradient(ellipse 46% 32% at 18% 18%, rgba(156, 187, 221, 0.2), transparent 68%),
		linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px),
		linear-gradient(145deg, #0b1222 0%, #112240 48%, #1c3a63 100%);
	background-size: 100% 100%, 100% 100%, 52px 52px, 52px 52px, 100% 100%;
}

.summit-hero::before {
	content: "";
	position: absolute;
	inset: auto -8% 0 -8%;
	height: 34%;
	pointer-events: none;
	background:
		radial-gradient(ellipse 68% 86% at 50% 100%, rgba(79, 120, 165, 0.63), transparent 62%),
		linear-gradient(180deg, transparent, rgba(11, 18, 34, 0.9));
}

.summit-page .amlab-page-hero__eyebrow { color: #9CBBDD; }
.summit-page .amlab-page-hero__desc { color: rgba(255, 255, 255, 0.7); }

.summit-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	border: 1px solid rgba(156, 187, 221, 0.29);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	padding: 0.55rem 0.85rem;
	color: #fff;
	font-size: 0.82rem;
	font-weight: 600;
}

.summit-text-blue {
	color: #fff;
	text-shadow: 0 0 18px rgba(156, 187, 221, 0.61), 0 0 54px rgba(79, 120, 165, 0.51);
}

/* Cards / stats on the dark stage */
.summit-page .amlab-page-stat,
.summit-page .amlab-card {
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.028));
	box-shadow: 0 22px 70px rgba(10, 24, 48, 0.28);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.summit-page .amlab-page-stat__value,
.summit-page .amlab-card__title { color: #fff; }
.summit-page .amlab-page-stat__label,
.summit-page .amlab-card__desc { color: rgba(255, 255, 255, 0.7); }
.summit-page .amlab-section-title { color: #fff; }

/* Timeline */
.summit-page .amlab-timeline-row { border-left-color: rgba(156, 187, 221, 0.35); }
.summit-page .amlab-timeline-row::before { background: #9CBBDD; }
.summit-page .amlab-timeline-time {
	color: #fff;
	background: rgba(79, 120, 165, 0.22);
	border: 1px solid rgba(156, 187, 221, 0.29);
	border-radius: 0.85rem;
	padding: 0.6rem 0.9rem;
}
.summit-page .amlab-timeline-title { color: #fff; }
.summit-page .amlab-timeline-detail { color: rgba(255, 255, 255, 0.62); }

/* Audience chips */
.summit-page .amlab-audience li {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(156, 187, 221, 0.29);
	color: #fff;
}

/* Venue */
.summit-page .amlab-venue {
	background: linear-gradient(180deg, rgba(17, 34, 64, 0.86), rgba(11, 18, 34, 0.96));
	border: 1px solid rgba(255, 255, 255, 0.12);
}
.summit-page .amlab-venue__title { color: #fff; }
.summit-page .amlab-venue__note { color: rgba(255, 255, 255, 0.62); }

/* FAQ */
.summit-page .amlab-faq details {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.12);
}
.summit-page .amlab-faq summary { color: #fff; }
.summit-page .amlab-faq details p { color: rgba(255, 255, 255, 0.7); }

/* Person cards on dark */
.summit-page .amlab-person-card {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
}
.summit-page .amlab-person-card__name { color: #fff; }
.summit-page .amlab-person-card__specialty,
.summit-page .amlab-person-card__institution { color: rgba(255, 255, 255, 0.6); }