.cem-member-account__hero {
	background: linear-gradient(115deg, #fdeaf2 0%, #fff 72%);
	border-bottom: 1px solid var(--cem-color-border);
	padding-block: 52px 36px;
}

.cem-member-account__breadcrumb,
.cem-member-account__title,
.cem-member-account__layout,
.cem-member-account__identity,
.cem-member-account__section-heading {
	display: flex;
}

.cem-member-account__breadcrumb {
	color: var(--cem-color-muted);
	font-size: .875rem;
	gap: 8px;
}

.cem-member-account__breadcrumb a { color: inherit; }
.cem-member-account__eyebrow { color: var(--cem-color-primary); font-size: .8rem; font-weight: 800; letter-spacing: .12em; margin: 26px 0 8px; text-transform: uppercase; }
.cem-member-account__title { align-items: start; gap: 24px; justify-content: space-between; }
.cem-member-account__title h1 { margin: 0; }
.cem-member-account__title .entry-content > :first-child { margin-top: 12px; }
.cem-member-account__status { background: #eff9e4; border: 1px solid #d5edbb; border-radius: var(--cem-radius-pill); color: #437d13; font-size: .875rem; font-weight: 800; padding: 8px 14px; white-space: nowrap; }
.cem-member-account__layout { align-items: start; gap: 40px; }
.cem-member-account__nav { background: #fff; border: 1px solid var(--cem-color-border); border-radius: var(--cem-radius-large); display: flex; flex: 0 0 260px; flex-direction: column; overflow: hidden; padding: 12px; }
.cem-member-account__identity { align-items: center; border-bottom: 1px solid var(--cem-color-border); gap: 12px; margin-bottom: 8px; padding: 10px 8px 18px; }
.cem-member-account__identity > span { align-items: center; background: var(--cem-color-primary); border-radius: 10px; color: #fff; display: inline-flex; font-weight: 800; height: 42px; justify-content: center; width: 42px; }
.cem-member-account__identity strong, .cem-member-account__identity small { display: block; }
.cem-member-account__identity small { color: var(--cem-color-muted); margin-top: 2px; }
.cem-member-account__nav a { border-radius: var(--cem-radius-small); color: var(--cem-color-text); font-weight: 700; padding: 11px 12px; text-decoration: none; }
.cem-member-account__nav a:hover, .cem-member-account__nav a.is-active { background: var(--cem-color-primary-soft); color: var(--cem-color-primary-dark); }
.cem-member-account__main { flex: 1 1 0; min-width: 0; }
.cem-member-account__section-heading { align-items: center; gap: 16px; justify-content: space-between; margin-bottom: 20px; }
.cem-member-account__section-heading h2 { margin: 0; }
.cem-member-account__section-heading span { color: var(--cem-color-muted); font-size: .875rem; }
.cem-member-account__ticket-placeholder, .cem-member-account__form, .cem-member-account__unlinked, .cem-member-account__login { background: #fff; border: 1px solid var(--cem-color-border); border-radius: var(--cem-radius-large); padding: clamp(24px, 4vw, 36px); }
.cem-member-account__ticket-placeholder { background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%); max-width: 760px; }
.cem-member-account__ticket-placeholder h3 { margin-top: 0; }
.cem-member-account__ticket-placeholder p { color: var(--cem-color-muted); margin-bottom: 0; }
.cem-member-account__form { display: grid; gap: 28px; }
.cem-member-account__form fieldset { border: 0; border-top: 1px solid var(--cem-color-border); display: grid; gap: 8px; margin: 0; padding: 24px 0 0; }
.cem-member-account__form fieldset:first-of-type { border-top: 0; padding-top: 0; }
.cem-member-account__form legend { font-size: 1.125rem; font-weight: 800; margin-bottom: 16px; padding: 0; }
.cem-member-account__form label { font-size: .9rem; font-weight: 800; margin-top: 6px; }
.cem-member-account__form input:not([type=file]), .cem-member-account__form select, .cem-member-account__form textarea { background: #fff; border: 1px solid var(--cem-color-border-strong); border-radius: var(--cem-radius-small); color: var(--cem-color-text); min-height: 46px; padding: 10px 12px; width: 100%; }
.cem-member-account__form textarea { resize: vertical; }
.cem-member-account__form input[type=file] { margin-bottom: 10px; }
.cem-member-account__help { color: var(--cem-color-muted); font-size: .875rem; margin: 0 0 8px; }
.cem-member-account__notice { border: 1px solid transparent; border-radius: var(--cem-radius-small); margin-bottom: 20px; padding: 14px 18px; }
.cem-member-account__notice--success { background: #eff9e4; border-color: #d5edbb; color: #437d13; }
.cem-member-account__notice--error { background: #fff1f4; border-color: #f2bccb; color: #8e173e; }
.cem-member-account__unlinked, .cem-member-account__login { max-width: 720px; }
.cem-member-account__unlinked h1, .cem-member-account__login h1 { margin-top: 0; }

@media (max-width: 767px) {
	.cem-member-account__hero { padding-block: 38px 28px; }
	.cem-member-account__title, .cem-member-account__layout, .cem-member-account__section-heading { align-items: stretch; flex-direction: column; }
	.cem-member-account__status { align-self: flex-start; }
	.cem-member-account__nav { flex-basis: auto; }
	.cem-member-account__section-heading { gap: 8px; }
}