/* K.A.T 2026 — bright medical gold system (ported from the KBIT design system). */

.kat-page {
	background-color: #FBFAF4;
	background-image:
		radial-gradient(ellipse 42% 28% at 18% 8%, rgba(255, 245, 199, 0.95), transparent 68%),
		radial-gradient(ellipse 42% 34% at 84% 14%, rgba(215, 237, 245, 0.9), transparent 66%),
		linear-gradient(rgba(32, 41, 64, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(32, 41, 64, 0.035) 1px, transparent 1px);
	background-size: 100% 100%, 100% 100%, 52px 52px, 52px 52px;
}

.kat-hero {
	position: relative;
	background-color: #FBFAF4;
	background-image:
		radial-gradient(ellipse 55% 40% at 18% 18%, rgba(255, 248, 222, 0.98), transparent 72%),
		radial-gradient(ellipse 46% 36% at 82% 22%, rgba(214, 238, 246, 0.86), transparent 72%),
		radial-gradient(ellipse 70% 45% at 50% 100%, rgba(232, 202, 117, 0.24), transparent 72%),
		linear-gradient(rgba(32, 41, 64, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(32, 41, 64, 0.035) 1px, transparent 1px),
		linear-gradient(145deg, #FFFFFF 0%, #FBFAF4 50%, #FFF2C9 100%);
	background-size: 100% 100%, 100% 100%, 100% 100%, 54px 54px, 54px 54px, 100% 100%;
}

/* Bright hero → dark text, not the shared dark-hero white */
.kat-hero .amlab-page-hero__eyebrow { color: #8C6822; }
.kat-hero h1 { color: #202940 !important; }
.kat-hero .amlab-page-hero__desc { color: rgba(21, 27, 47, 0.7); }

.kat-gold-text {
	color: #202940;
	text-shadow: 0 0 18px rgba(255, 230, 154, 0.64), 0 0 54px rgba(197, 161, 90, 0.34);
}

.kat-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	border: 1px solid rgba(212, 172, 98, 0.44);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.7);
	padding: 0.55rem 0.85rem;
	box-shadow: 0 12px 30px rgba(139, 103, 27, 0.09);
	font-size: 0.82rem;
	font-weight: 600;
}

.kat-page .amlab-card,
.kat-page .amlab-page-stat {
	border: 1px solid rgba(255, 255, 255, 0.9);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.58)),
		radial-gradient(ellipse 72% 46% at 78% 0%, rgba(255, 236, 166, 0.34), transparent 70%);
	box-shadow: 0 22px 70px rgba(139, 103, 27, 0.12);
	backdrop-filter: blur(18px) saturate(145%);
	-webkit-backdrop-filter: blur(18px) saturate(145%);
}

.kat-page .amlab-timeline-row::before { background: #E5BF58; }
.kat-page .amlab-timeline-row { border-left-color: rgba(212, 172, 98, 0.4); }
.kat-page .amlab-timeline-time {
	color: #202940;
	background: rgba(255, 255, 255, 0.68);
	border: 1px solid rgba(212, 172, 98, 0.5);
	border-radius: 1rem;
	padding: 0.6rem 0.9rem;
}

.kat-page .amlab-audience li {
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid rgba(212, 172, 98, 0.44);
	color: #202940;
}

.kat-page .amlab-venue {
	background: linear-gradient(180deg, #FFFFFF 0%, #FBFAF4 100%);
	border: 1px solid rgba(212, 172, 98, 0.3);
}

.kat-page .amlab-faq details { border-color: rgba(212, 172, 98, 0.3); }