/* Symposium 2026 — "electric navy stage" system. Custom classes ported 1:1 from
   the Next.js app globals.css summit-* block; the layout/typography around them is
   handled by Tailwind utilities written into the section renderers (scanned by the
   theme's Tailwind build). The old summit skin was replaced by this. */

.summit-page {
	background-color: #12203a;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px),
		radial-gradient(ellipse 70% 48% at 50% -8%, rgba(105, 153, 203, 0.36), transparent 68%),
		linear-gradient(180deg, #16294a 0%, #1a3760 42%, #12203a 100%);
	background-size: 54px 54px, 54px 54px, 100% 100%, 100% 100%;
}

.summit-hero {
	background-color: #12203a;
	background-image:
		radial-gradient(ellipse 60% 44% at 82% 32%, rgba(105, 153, 203, 0.46), transparent 64%),
		radial-gradient(ellipse 46% 32% at 18% 18%, rgba(178, 207, 236, 0.24), transparent 68%),
		linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px),
		linear-gradient(145deg, #12203a 0%, #18355d 48%, #28547f 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(18, 32, 58, 0.84));
}

.summit-panel {
	background:
		radial-gradient(ellipse 58% 42% at 50% 0%, rgba(105, 153, 203, 0.26), transparent 70%),
		linear-gradient(180deg, rgba(24, 53, 93, 0.88), rgba(18, 32, 58, 0.94));
}

.summit-card {
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 1.25rem;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.095), rgba(255, 255, 255, 0.04)),
		radial-gradient(ellipse 75% 45% at 50% 100%, rgba(105, 153, 203, 0.3), transparent 70%);
	box-shadow: 0 22px 70px rgba(10, 24, 48, 0.22);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.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: #ffffff;
}

.summit-cta {
	background: linear-gradient(135deg, #9BC3EC 0%, #6999CB 54%, #4F78A5 100%);
	box-shadow: 0 0 30px rgba(79, 120, 165, 0.61), 0 16px 34px rgba(10, 24, 48, 0.44);
	transition: transform 0.2s ease, box-shadow 0.3s ease;
}

.summit-cta:hover {
	transform: translateY(-1px);
	box-shadow: 0 0 48px rgba(79, 120, 165, 0.81), 0 16px 34px rgba(10, 24, 48, 0.44);
}

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

.summit-blue-beam {
	background: linear-gradient(90deg, transparent, rgba(156, 187, 221, 0.95), rgba(79, 120, 165, 0.95), transparent);
}

.summit-visual {
	isolation: isolate;
}

.summit-stage-lights {
	background:
		conic-gradient(from 215deg at 52% 0%, transparent 0deg, rgba(156, 187, 221, 0.51) 12deg, transparent 26deg),
		conic-gradient(from 240deg at 76% -6%, transparent 0deg, rgba(79, 120, 165, 0.59) 13deg, transparent 28deg),
		conic-gradient(from 292deg at 24% -8%, transparent 0deg, rgba(156, 187, 221, 0.37) 12deg, transparent 27deg),
		radial-gradient(ellipse 70% 44% at 50% 22%, rgba(105, 153, 203, 0.48), transparent 72%),
		linear-gradient(160deg, #16294a 0%, #1c3d6a 54%, #12203a 100%);
}

.summit-star-field {
	opacity: 0.72;
	background-image:
		radial-gradient(circle at 14% 22%, rgba(255,255,255,0.9) 0 1px, transparent 1.8px),
		radial-gradient(circle at 24% 70%, rgba(156, 187, 221, 0.95) 0 1px, transparent 1.7px),
		radial-gradient(circle at 72% 20%, rgba(255,255,255,0.9) 0 1px, transparent 1.8px),
		radial-gradient(circle at 86% 58%, rgba(156, 187, 221, 0.95) 0 1px, transparent 1.9px),
		radial-gradient(circle at 52% 78%, rgba(255,255,255,0.72) 0 1px, transparent 1.8px),
		linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
	background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 38px 38px, 38px 38px;
}

.summit-horizon {
	box-shadow:
		0 -10px 34px rgba(156, 187, 221, 0.71),
		0 -42px 110px rgba(79, 120, 165, 0.49);
}

.summit-core {
	box-shadow:
		inset 0 0 30px rgba(156, 187, 221, 0.22),
		0 0 54px rgba(79, 120, 165, 0.59);
}

.summit-orbit {
	box-shadow: 0 0 70px rgba(79, 120, 165, 0.46);
}

.summit-timeline {
	position: relative;
	display: grid;
	gap: 1rem;
}

.summit-timeline::before {
	content: "";
	position: absolute;
	bottom: 1rem;
	left: 4.5rem;
	top: 1rem;
	width: 1px;
	background: linear-gradient(180deg, rgba(156, 187, 221, 0), rgba(156, 187, 221, 0.67), rgba(156, 187, 221, 0));
}

.summit-timeline-row {
	position: relative;
	display: grid;
	grid-template-columns: 9rem 1fr;
	gap: 1.25rem;
	align-items: stretch;
}

.summit-time {
	align-self: start;
	border: 1px solid rgba(156, 187, 221, 0.29);
	border-radius: 0.85rem;
	background: rgba(79, 120, 165, 0.22);
	padding: 0.9rem 1rem;
	color: #ffffff;
	font-size: 0.82rem;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	text-align: center;
	box-shadow: 0 0 26px rgba(79, 120, 165, 0.2);
}

@media (max-width: 720px) {
	.summit-timeline::before { display: none; }
	.summit-timeline-row { grid-template-columns: 1fr; gap: 0.75rem; }
	.summit-time { width: fit-content; text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
	.summit-cta,
	.summit-cta:hover { transform: none; }
}

/* Tailwind's preflight is disabled theme-wide, so the --tw-transform vars are never
   initialised; a translate/scale utility that reads an unset var yields an invalid
   transform (the orbit's -translate-*-1/2 centering and card hover lifts silently
   do nothing). Initialise them for the symposium page so those utilities apply. */
.amlab-symposium-page * {
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
}

/* The global footer membership band is redundant on the symposium page (it ends
   with its own final CTA), like congress — hide it via the body flag. */
.amlab-symposium-page .amlab-home-cta { display: none; }

/* Symposium sections sit flush — no inherited top margin between bands. */
.amlab-symposium-page section {
	margin-top: 0px;
}