.apcs-participation {
	background: var(--apcs-ink);
	scroll-margin-top: calc(var(--apcs-header-slot-height, 88px) + 24px);
}

.apcs-rainbow-bar,
.apcs-cta-ribbon {
	background: var(--wp--preset--gradient--apcs-spectrum);
}

.apcs-rainbow-bar__inner,
.apcs-cta-ribbon-inner {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	padding: 20px 36px;
	max-width: var(--apcs-wide-width);
	margin-inline: auto;
}

.apcs-rainbow-bar__inner p,
.apcs-cta-ribbon-text {
	margin: 0;
	font-family: "Noto Sans CJK KR", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Manrope", sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}

.apcs-participation__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 40px;
	padding: 56px 56px 56px;
	max-width: var(--apcs-wide-width);
	margin-inline: auto;
}

.apcs-participation-shell,
.apcs-cta-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 552px;
	gap: 108px;
	max-width: var(--apcs-wide-width);
	margin-inline: auto;
}

.apcs-cta-body {
	background: var(--apcs-ink);
}

.apcs-cta-inner {
	padding: 36px 56px 56px;
}

.apcs-participation-copy,
.apcs-cta-left-copy {
	display: grid;
	gap: 22px;
	max-width: 620px;
	align-content: start;
	justify-items: start;
	text-align: left;
}

.apcs-participation-copy > * {
	width: 100%;
}

.apcs-cta-lead,
.apcs-cta-list p {
	margin: 0;
	color: #f4ede9;
	font-family: "Manrope", sans-serif;
	font-size: 16px;
	line-height: 1.58;
}

.apcs-save-the-date,
.apcs-cta-list {
	display: grid;
	gap: 10px;
	justify-items: start;
	text-align: left;
	width: 100%;
	max-width: none;
}

.apcs-cta-grid,
.apcs-cta-actions {
	display: grid;
	grid-template-columns: repeat(3, 164px);
	justify-content: end;
	gap: 18px;
	align-content: start;
}

.apcs-cta-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 34px;
	min-height: 272px;
	padding: 26px 18px 24px;
	background: rgb(255 255 255 / 0.05);
	border: 1px solid rgb(255 255 255 / 0.12);
	text-align: center;
	box-sizing: border-box;
}

.apcs-cta-card__icon {
	margin: auto 0 0;
	font-size: 66px;
	color: #fff;
}

.apcs-cta-card-label {
	margin: 0;
	font-family: "Noto Sans CJK KR", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Manrope", sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.24em;
	color: #fff;
	text-transform: none;
}

.apcs-participation-part__body {
	padding: 48px 56px 60px;
}

.apcs-participation-part__columns {
	margin-bottom: 0;
	gap: 48px;
	align-items: center;
	max-width: var(--apcs-landing-content-rail);
	margin-inline: auto;
}

.apcs-participation-part__copy-column {
	align-self: flex-start;
	flex-basis: 44% !important;
}

.apcs-participation-part__cards-column {
	flex-basis: 56% !important;
}

.apcs-participation-part__copy,
.apcs-participation-part__actions {
	display: grid;
	width: 100%;
}

.apcs-participation-part__copy {
	max-width: 520px;
	gap: 20px;
}

.apcs-participation-part__intro {
	display: grid;
	gap: 12px;
	width: 100%;
}

.apcs-participation-part__kicker {
	display: none;
}

.apcs-participation-part__title {
	margin: 0;
	font-family: "Noto Sans CJK KR", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Manrope", sans-serif;
	font-weight: 800;
	font-size: max(56px, var(--apcs-home-section-title-font-size));
	line-height: 0.96;
	letter-spacing: -0.04em;
	color: #fff;
	text-wrap: balance;
}

.apcs-participation-part__title:not([class*="-font-size"]) {
	font-size: max(56px, var(--apcs-home-section-title-font-size));
}

.apcs-participation-part__title.has-5-xl-font-size {
	font-size: max(56px, var(--apcs-home-section-title-font-size)) !important;
}

.apcs-participation-part__lede {
	margin: 0;
	max-width: 35ch;
	font-family: "Manrope", sans-serif;
	line-height: 1.6;
	color: #f4ede9;
}

.apcs-participation-part__lede:not([class*="-font-size"]) {
	font-size: var(--wp--preset--font-size--2-xl, 1.3125rem);
}

.apcs-participation-part__lede.has-2-xl-font-size {
	font-size: var(--wp--preset--font-size--2-xl, 1.3125rem) !important;
}

.apcs-participation-part__meta {
	display: grid;
	gap: 10px;
}

.apcs-participation-part__meta-copy,
.apcs-participation-part__meta-link {
	margin: 0;
	font-family: "Manrope", sans-serif;
	line-height: 1.55;
	color: rgb(255 255 255 / 0.78);
}

.apcs-participation-part__meta-copy:not([class*="-font-size"]),
.apcs-participation-part__meta-link:not([class*="-font-size"]) {
	font-size: var(--wp--preset--font-size--lg, 1.0625rem);
}

.apcs-participation-part__meta-copy.has-lg-font-size,
.apcs-participation-part__meta-link.has-lg-font-size {
	font-size: var(--wp--preset--font-size--lg, 1.0625rem) !important;
}

.apcs-participation-part__meta-link a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid rgb(255 255 255 / 0.3);
	text-underline-offset: 0.18em;
	transition: border-color 160ms ease, color 160ms ease, padding-left 160ms ease;
}

.apcs-participation-part__meta-link a:hover,
.apcs-participation-part__meta-link a:focus-visible {
	color: #fff;
	border-color: rgb(255 255 255 / 0.88);
	padding-left: 2px;
}

.apcs-participation-part__actions {
	gap: 18px;
}

@media (max-width: 1279px) {
	.apcs-participation-part__body {
		padding: 42px 24px 56px;
	}

	.apcs-participation-part__columns {
		gap: 40px;
	}

	.apcs-participation-part__copy-column,
	.apcs-participation-part__cards-column {
		flex-basis: auto !important;
	}

	.apcs-participation-part__copy {
		max-width: 100%;
	}
}

@media (max-width: 781px) {
	.apcs-participation-part__body {
		padding: 36px 24px 42px;
	}

	.apcs-participation-part__columns {
		gap: 24px;
	}

	.apcs-participation-part__copy {
		gap: 20px;
	}

	.apcs-participation-part__lede {
		max-width: none;
	}

	.apcs-participation-part__lede:not([class*="-font-size"]),
	.apcs-participation-part__lede.has-2-xl-font-size {
		font-size: var(--wp--preset--font-size--xl, 1.125rem) !important;
	}

	.apcs-participation-part__meta {
		gap: 8px;
	}
}
/* PPT 260515 feedback: Single row layout for action buttons, geometric graphics, improved spacing. */
.apcs-participation-part {
	position: relative;
	overflow: hidden;
}

.apcs-participation-part::before {
	content: "";
	position: absolute;
	top: clamp(24px, 4vw, 52px);
	right: clamp(18px, 5vw, 76px);
	width: clamp(120px, 14vw, 210px);
	aspect-ratio: 1;
	opacity: 0;
	pointer-events: none;
}

.apcs-participation-part::after {
	content: "";
	position: absolute;
	top: clamp(32px, 5vw, 64px);
	right: clamp(16px, 4vw, 68px);
	width: clamp(140px, 16vw, 240px);
	height: clamp(140px, 16vw, 240px);
	border: 2px solid rgba(255, 255, 255, 0.18);
	clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
	opacity: 0.4;
	pointer-events: none;
}

.apcs-participation-part__body {
	padding: clamp(46px, 6vw, 76px) var(--apcs-landing-shell-gutter, clamp(24px, 3vw, 64px)) clamp(48px, 5vw, 68px);
}

.apcs-participation-part__columns.wp-block-columns {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(28px, 3.5vw, 42px);
	align-items: start;
}

.apcs-participation-part__copy-column,
.apcs-participation-part__cards-column {
	flex-basis: 100% !important;
	width: 100%;
}

.apcs-participation-part__copy {
	max-width: min(100%, 740px);
	gap: clamp(14px, 1.6vw, 20px);
}

.apcs-participation-part__title.has-5-xl-font-size {
	font-size: clamp(42px, 5.2vw, 68px) !important;
	max-width: none;
	white-space: nowrap;
}

.apcs-participation-part__lede.has-2-xl-font-size {
	font-size: clamp(18px, 1.4vw, 22px) !important;
	max-width: none;
}

.apcs-participation-part__meta {
	gap: 6px;
}

.apcs-participation-part__actions {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-rows: minmax(clamp(92px, 8.5vw, 120px), 1fr);
	align-items: stretch;
	gap: clamp(14px, 2vw, 22px);
	max-width: min(100%, 960px);
}

.apcs-participation-part__action-card {
	position: relative;
	height: 100%;
	min-height: clamp(92px, 8.5vw, 120px);
	min-width: 0;
	padding: 0;
	justify-content: start;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18);
	transition:
		transform 180ms ease,
		background-color 180ms ease,
		border-color 180ms ease,
		box-shadow 180ms ease;
	will-change: transform;
}

.apcs-participation-part__actions > .apcs-participation-part__action-card {
	align-self: stretch;
	margin: 0 !important;
}

.apcs-participation-part__action-card--register {
	background: #fff;
}

.apcs-participation-part__action-card--register .apcs-participation-part__card-link a {
	color: #0f1f2e;
}

.apcs-participation-part__card-link.has-4-xl-font-size {
	font-size: clamp(20px, 2.2vw, 30px) !important;
	line-height: 1.08;
}

.apcs-participation-part__card-link {
	display: flex;
	width: 100%;
	height: 100%;
	min-height: inherit;
	margin: 0;
}

.apcs-participation-part__card-link a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	min-height: inherit;
	padding: clamp(16px, 2vw, 24px);
	box-sizing: border-box;
	color: #fff;
	text-decoration: none;
	text-align: center;
	overflow-wrap: break-word;
	transition: color 180ms ease, outline-color 180ms ease;
}

.apcs-participation-part__action-card::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0));
	opacity: 0;
	transform: translateY(8px);
	transition: opacity 180ms ease, transform 180ms ease;
	pointer-events: none;
}

.apcs-participation-part__action-card:hover,
.apcs-participation-part__action-card:focus-within {
	transform: translateY(-2px);
	border-color: rgba(255, 255, 255, 0.42);
	background-color: rgba(255, 255, 255, 0.13);
	box-shadow: 0 24px 54px rgba(0, 0, 0, 0.24);
}

.apcs-participation-part__action-card:hover::after,
.apcs-participation-part__action-card:focus-within::after {
	opacity: 1;
	transform: translateY(0);
}

.apcs-participation-part__action-card--register:hover,
.apcs-participation-part__action-card--register:focus-within {
	background-color: #f4fbff;
	border-color: rgba(125, 211, 252, 0.86);
	box-shadow: 0 24px 54px rgba(56, 189, 248, 0.22);
}

.apcs-participation-part__action-card--submit:hover,
.apcs-participation-part__action-card--submit:focus-within {
	background-color: rgba(47, 174, 159, 0.2);
	border-color: rgba(94, 234, 212, 0.62);
}

.apcs-participation-part__action-card--venue:hover,
.apcs-participation-part__action-card--venue:focus-within {
	background-color: rgba(76, 141, 232, 0.22);
	border-color: rgba(147, 197, 253, 0.66);
}

.apcs-participation-part__card-link a:focus-visible {
	outline: 3px solid rgba(255, 255, 255, 0.9);
	outline-offset: -6px;
}

.apcs-participation-part__action-card--register .apcs-participation-part__card-link a:focus-visible {
	outline-color: rgba(15, 31, 46, 0.72);
}

@media (max-width: 781px) {
	.apcs-participation-part::after {
		opacity: 0.18;
	}

	.apcs-participation-part__actions {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.apcs-participation-part__action-card,
	.apcs-participation-part__action-card::after,
	.apcs-participation-part__card-link a {
		transition: none;
	}

	.apcs-participation-part__action-card:hover,
	.apcs-participation-part__action-card:focus-within {
		transform: none;
	}
}
