.pta-sus.signup-event-layout {
	--pta-sus-signup-event-bg: #f4f8fc;
	--pta-sus-signup-event-card: #ffffff;
	--pta-sus-signup-event-border: #d5e3ef;
	--pta-sus-signup-event-title: #15324a;
	--pta-sus-signup-event-body: #29445b;
	--pta-sus-signup-event-muted: #5f7488;
	--pta-sus-signup-event-accent: #2a6ca6;
	max-width: 1100px;
	margin: 2rem auto;
	padding: clamp(1rem, 2vw, 1.75rem);
	border: 1px solid var(--pta-sus-signup-event-border);
	border-radius: 18px;
	background:
		radial-gradient(90rem 16rem at 90% -20%, #e2eef8 0%, transparent 50%),
		radial-gradient(70rem 12rem at 0% 115%, #dcebfa 0%, transparent 60%),
		var(--pta-sus-signup-event-bg);
	color: var(--pta-sus-signup-event-body);
	font-family: "Avenir Next", "Montserrat", "Trebuchet MS", sans-serif;
	box-sizing: border-box;
}

.pta-sus.signup-event-layout * {
	box-sizing: border-box;
}

.pta-sus.signup-event-hero {
	display: grid;
	grid-template-columns: minmax(220px, 340px) minmax(0, 1fr);
	gap: clamp(1rem, 2vw, 1.7rem);
	align-items: start;
	margin: 0 0 1.15rem;
	padding: clamp(1rem, 2vw, 1.3rem);
	background: var(--pta-sus-signup-event-card);
	border: 1px solid var(--pta-sus-signup-event-border);
	border-radius: 16px;
}

.pta-sus.signup-event-hero.no-image {
	grid-template-columns: 1fr;
}

.pta-sus.signup-event-hero-image img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	border-radius: 12px;
	box-shadow: 0 16px 32px rgba(12, 45, 78, 0.14);
}

.pta-sus.signup-event-hero-content {
	min-width: 0;
}

.pta-sus.signup-event-title {
	margin: 0 0 0.6rem;
	color: var(--pta-sus-signup-event-title);
	font-size: clamp(1.75rem, 3.3vw, 2.6rem);
	line-height: 1.08;
}

.pta-sus.signup-event-chair {
	margin: 0 0 0.85rem;
	font-size: 1.05rem;
	font-weight: 600;
	color: #1e4869;
}

.pta-sus.signup-event-hero-meta {
	display: grid;
	gap: 0.25rem;
	margin: 0 0 0.95rem;
	color: var(--pta-sus-signup-event-muted);
}

.pta-sus.signup-event-hero-meta p {
	margin: 0;
}

.pta-sus.signup-event-description {
	color: var(--pta-sus-signup-event-body);
	line-height: 1.65;
}

.pta-sus.signup-event-description p:first-child {
	margin-top: 0;
}

.pta-sus.signup-event-my-rsvp,
.pta-sus.signup-event-summary,
.pta-sus.signup-event-responses,
.pta-sus.signup-event-signup-content .pta-sus-sheet {
	background: var(--pta-sus-signup-event-card);
	border: 1px solid var(--pta-sus-signup-event-border);
	border-radius: 14px;
	padding: clamp(0.9rem, 1.8vw, 1.2rem);
}

.pta-sus.signup-event-my-rsvp {
	margin: 0 0 1rem;
}

.pta-sus.signup-event-my-rsvp-title,
.pta-sus.signup-event-slots-title,
.pta-sus.signup-event-responses-title {
	margin: 0 0 0.65rem;
	color: var(--pta-sus-signup-event-title);
	font-size: 1.2rem;
	line-height: 1.25;
}

.pta-sus.signup-event-my-rsvp-list,
.pta-sus.signup-event-response-names {
	margin: 0;
	padding-left: 1.1rem;
}

.pta-sus.signup-event-my-rsvp-list li,
.pta-sus.signup-event-response-names li {
	margin: 0.45rem 0;
}

.pta-sus.signup-event-metrics-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	max-width: 960px;
	margin: 0 auto 1.1rem;
}

.pta-sus.signup-event-summary,
.pta-sus.signup-event-responses {
	height: 100%;
}

.pta-sus.signup-event-stats-row {
	margin: 0 0 0.45rem;
	line-height: 1.5;
}

.pta-sus.signup-event-response-names-title {
	margin: 0.7rem 0 0.35rem;
	color: var(--pta-sus-signup-event-accent);
	font-size: 1rem;
}

.pta-sus.signup-event-signup-content .pta-sus-sheet h2,
.pta-sus.signup-event-signup-content .pta-sus-sheet h3,
.pta-sus.signup-event-signup-content .pta-sus-sheet h4 {
	color: var(--pta-sus-signup-event-title);
}

.pta-sus.signup-event-signup-content .pta-sus.sign-up-header {
	margin-top: 0;
}

.pta-sus.signup-event-signup-content .pta-sus-sheets.tasks {
	overflow-x: auto;
}

.pta-sus.signup-event-signup-content .pta-sus a {
	color: var(--pta-sus-signup-event-accent);
}

@media (max-width: 900px) {
	.pta-sus.signup-event-layout {
		border-radius: 14px;
		margin: 1.35rem auto;
	}

	.pta-sus.signup-event-hero {
		grid-template-columns: 1fr;
	}

	.pta-sus.signup-event-metrics-grid {
		grid-template-columns: 1fr;
	}
}