.s4ue-portal {
	--s4ue-navy: #071b33;
	--s4ue-teal: #0c7c7b;
	--s4ue-teal-light: #dff3f0;
	--s4ue-mist: #edf2f4;
	--s4ue-ivory: #f7f4ec;
	--s4ue-ink: #102033;
	--s4ue-slate: #5f6d7a;
	--s4ue-danger: #a43e36;
	--s4ue-space-xs: .5rem;
	--s4ue-space-sm: .75rem;
	--s4ue-space-md: 1rem;
	--s4ue-space-lg: 1.5rem;
	color: var(--s4ue-ink);
	font-weight: 400;
	margin-block: clamp(2rem, 5vw, 5rem);
}

.s4ue-portal *,
.s4ue-portal *::before,
.s4ue-portal *::after {
	box-sizing: border-box;
}

.s4ue-portal h2,
.s4ue-portal h3,
.s4ue-portal h4 {
	font-weight: 600;
}

.s4ue-portal h2,
.s4ue-portal h3,
.s4ue-portal h4,
.s4ue-portal p {
	margin-top: 0;
}

.s4ue-kicker {
	color: var(--s4ue-teal);
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: .12em;
	margin-bottom: .65rem;
	text-transform: uppercase;
}

.s4ue-auth-shell {
	margin-inline: auto;
	max-width: 860px;
}

.s4ue-access-shell {
	left: 50%;
	margin-inline: auto;
	max-width: 1200px !important;
	position: relative;
	transform: translateX(-50%);
	width: min(1200px, calc(100vw - 2rem)) !important;
}

.s4ue-access-grid {
	align-items: start;
	display: grid;
	gap: clamp(1rem, 2vw, 1.5rem);
	grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
}

.s4ue-access-card {
	min-width: 0;
}

.s4ue-student-ui .wp-block-post-title {
	font-weight: 600;
}

.s4ue-auth-card,
.s4ue-panel,
.s4ue-application-card,
.s4ue-university-card,
.s4ue-faculty-card {
	background: #fff;
	border: 1px solid #dfe6e8;
	border-radius: 20px;
	box-shadow: 0 18px 55px rgba(7, 27, 51, .07);
	min-width: 0;
	padding: clamp(1.35rem, 3vw, 2.4rem);
}

.s4ue-auth-card > :first-child,
.s4ue-application-card > :first-child,
.s4ue-university-card > :first-child,
.s4ue-faculty-card > :first-child {
	margin-top: 0;
}

.s4ue-auth-card > :last-child,
.s4ue-application-card > :last-child,
.s4ue-university-card > :last-child,
.s4ue-faculty-card > :last-child {
	margin-bottom: 0;
}

.s4ue-form,
.s4ue-requirement-form {
	display: grid;
	gap: 1.25rem;
}

.s4ue-form--aligned {
	gap: .9rem;
	margin-top: 1.5rem;
}

.s4ue-field {
	align-items: start;
	display: grid;
	gap: .8rem;
	grid-template-columns: minmax(118px, 30%) minmax(0, 1fr);
}

.s4ue-field__label {
	color: var(--s4ue-navy);
	font-size: .9rem;
	font-weight: 600;
	line-height: 1.35;
	padding-top: .82rem;
}

.s4ue-field__control {
	display: grid;
	gap: .35rem;
	min-width: 0;
}

.s4ue-field-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.s4ue-form label,
.s4ue-requirement-body > label {
	color: var(--s4ue-navy);
	display: grid;
	font-size: .9rem;
	font-weight: 600;
	gap: .45rem;
}

.s4ue-form input:not([type="checkbox"]),
.s4ue-form select,
.s4ue-form textarea,
.s4ue-requirement-form input:not([type="checkbox"]):not([type="file"]),
.s4ue-requirement-form select,
.s4ue-requirement-form textarea,
.s4ue-create-form select {
	background: #fff;
	border: 1px solid #bdc9ce;
	border-radius: 10px;
	color: var(--s4ue-ink);
	font: inherit;
	min-height: 48px;
	padding: .75rem .9rem;
	width: 100%;
}

.s4ue-form input:focus,
.s4ue-form select:focus,
.s4ue-form textarea:focus,
.s4ue-requirement-form input:focus,
.s4ue-requirement-form select:focus,
.s4ue-requirement-form textarea:focus,
.s4ue-create-form select:focus {
	border-color: var(--s4ue-teal);
	box-shadow: 0 0 0 3px rgba(12, 124, 123, .14);
	outline: 0;
}

.s4ue-form small,
.s4ue-upload-field small {
	color: var(--s4ue-slate);
	font-size: .75rem;
	font-weight: 400;
}

.s4ue-hp {
	height: 1px !important;
	left: -10000px !important;
	overflow: hidden !important;
	position: absolute !important;
	top: auto !important;
	width: 1px !important;
}

.s4ue-check-field {
	align-items: flex-start;
	display: flex !important;
	font-weight: 500 !important;
	gap: .7rem !important;
}

.s4ue-check-field input {
	margin-top: .25rem;
}

.s4ue-button {
	align-items: center;
	background: var(--s4ue-teal);
	border: 1px solid var(--s4ue-teal);
	border-radius: 999px;
	color: #fff !important;
	cursor: pointer;
	display: inline-flex;
	font-size: .9rem;
	font-weight: 600;
	justify-content: center;
	min-height: 46px;
	min-width: 132px;
	padding: .75rem 1.35rem;
	text-decoration: none !important;
	width: fit-content;
}

.s4ue-button:hover {
	background: var(--s4ue-navy);
	border-color: var(--s4ue-navy);
	color: #fff !important;
}

.s4ue-button--secondary {
	background: #fff;
	border-color: #aab8be;
	color: var(--s4ue-navy) !important;
}

.s4ue-button:disabled {
	cursor: not-allowed;
	opacity: .45;
}

.s4ue-actions,
.s4ue-form-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--s4ue-space-sm) var(--s4ue-space-md);
}

.s4ue-form-actions .s4ue-text-link {
	font-size: .9rem;
	font-weight: 500;
}

.s4ue-resend-panel {
	background: var(--s4ue-mist);
	border: 1px solid #d8e1e4;
	border-radius: 14px;
	margin-top: 1.25rem;
	padding: 1rem 1.15rem;
}

.s4ue-resend-panel summary {
	color: var(--s4ue-navy);
	cursor: pointer;
	font-weight: 600;
}

.s4ue-resend-panel[open] summary {
	margin-bottom: .65rem;
}

.s4ue-resend-panel p {
	color: var(--s4ue-slate);
	font-size: .9rem;
	margin-bottom: .8rem;
}

.s4ue-inline-form {
	align-items: center;
	display: grid;
	gap: .75rem;
	grid-template-columns: minmax(220px, 1fr) auto;
}

.s4ue-inline-form input {
	margin: 0;
}

.s4ue-portal .screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.s4ue-auth-switch {
	border-top: 1px solid #e6ebed;
	margin-top: 1.5rem;
	padding-top: 1rem;
}

.s4ue-notice {
	border-radius: 12px;
	margin-bottom: 1.25rem;
	padding: .9rem 1rem;
}

.s4ue-notice--success {
	background: #e4f4ec;
	border: 1px solid #acd9c0;
	color: #185c38;
}

.s4ue-notice--error {
	background: #fbeceb;
	border: 1px solid #e8b8b4;
	color: var(--s4ue-danger);
}

.s4ue-notice--info {
	background: #eaf2f7;
	border: 1px solid #b8d2e1;
	color: #234f69;
}

.s4ue-dashboard-header,
.s4ue-application-header,
.s4ue-panel-heading,
.s4ue-card-topline {
	align-items: flex-start;
	display: flex;
	gap: 1.25rem;
	justify-content: space-between;
}

.s4ue-dashboard-header {
	margin-bottom: 2rem;
}

.s4ue-dashboard-header .s4ue-text-link {
	flex: 0 0 auto;
	white-space: nowrap;
}

.s4ue-panel,
.s4ue-application-list {
	margin-top: 1.5rem;
}

.s4ue-profile-panel summary {
	color: var(--s4ue-navy);
	cursor: pointer;
	font-size: 1.05rem;
	font-weight: 600;
}

.s4ue-profile-panel[open] summary {
	margin-bottom: 1.25rem;
}

.s4ue-create-form {
	align-items: end;
	display: grid;
	gap: 1rem;
	grid-template-columns: minmax(220px, 1fr) auto;
}

.s4ue-program-fee-preview,
.s4ue-fee-summary {
	background: linear-gradient(135deg, #f7fbfb 0%, #edf6f5 100%);
	border: 1px solid #c9dedc;
	border-radius: 16px;
	padding: clamp(1rem, 2.5vw, 1.5rem);
}

.s4ue-program-fee-preview {
	margin-top: 1rem;
}

.s4ue-program-fee-preview__heading,
.s4ue-fee-summary__heading {
	align-items: flex-start;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
}

.s4ue-program-fee-preview__heading h4,
.s4ue-fee-summary__heading h3 {
	margin-bottom: .35rem;
}

.s4ue-program-fee-preview__heading > span,
.s4ue-fee-summary__heading > span,
.s4ue-fee-year {
	color: var(--s4ue-slate);
	font-size: .78rem;
	font-weight: 500;
}

.s4ue-fee-grid {
	display: grid;
	gap: .75rem;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	margin: 1rem 0;
}

.s4ue-fee-grid > div {
	background: #fff;
	border: 1px solid #d8e5e4;
	border-radius: 12px;
	min-width: 0;
	padding: .85rem 1rem;
}

.s4ue-fee-grid dt,
.s4ue-card-fees dt {
	color: var(--s4ue-slate);
	font-size: .72rem;
	font-weight: 600;
	letter-spacing: .03em;
	text-transform: uppercase;
}

.s4ue-fee-grid dd,
.s4ue-card-fees dd {
	color: var(--s4ue-navy);
	font-weight: 600;
	margin: .25rem 0 0;
}

.s4ue-program-fee-preview > p,
.s4ue-fee-summary > p {
	color: var(--s4ue-slate);
	font-size: .82rem;
	margin-bottom: 0;
}

.s4ue-fee-disclaimer,
.s4ue-service-fee-note {
	border-radius: 10px;
	font-size: .8rem;
	font-weight: 500;
	line-height: 1.5;
	padding: .7rem .8rem;
}

.s4ue-fee-disclaimer {
	background: var(--s4ue-ivory);
	border-left: 3px solid #c78a4a;
	color: #5f4b37;
	margin: .75rem 0 0;
}

.s4ue-service-fee-note {
	background: var(--s4ue-teal-light);
	border-left: 3px solid var(--s4ue-teal);
	color: var(--s4ue-navy);
	margin: 1rem 0 .75rem;
}

.s4ue-fee-disclaimer + .s4ue-button {
	margin-top: var(--s4ue-space-md);
}

.s4ue-fee-disclaimer--compact {
	font-size: .76rem;
	padding: .6rem .7rem;
}

.s4ue-card-fees {
	border-block: 1px solid #e1e8ea;
	display: grid;
	gap: .7rem;
	margin: 1rem 0 .65rem;
	padding-block: .85rem;
}

.s4ue-card-fees > div {
	align-items: start;
	display: flex;
	gap: .75rem;
	justify-content: space-between;
}

.s4ue-card-fees dd {
	text-align: right;
}

.s4ue-fee-year {
	margin-bottom: .5rem;
}

.s4ue-fee-summary {
	margin-bottom: 2rem;
}

.s4ue-card-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.s4ue-application-list .s4ue-card-grid {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
}

.s4ue-university-directory .s4ue-card-grid {
	align-items: start;
	gap: 1.5rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.s4ue-university-card {
	align-self: start;
	display: flex;
	flex-direction: column;
	height: auto;
}

.s4ue-university-card > * {
	margin-block: 0;
}

.s4ue-university-card > .s4ue-card-university + h3,
.s4ue-university-card > h3 + p,
.s4ue-university-card > .s4ue-service-fee-note + .s4ue-fee-disclaimer {
	margin-top: var(--s4ue-space-sm);
}

.s4ue-university-card > p + p,
.s4ue-university-card > .s4ue-fee-disclaimer + .s4ue-button {
	margin-top: var(--s4ue-space-md);
}

.s4ue-card-university {
	color: var(--s4ue-teal);
	font-size: .8rem;
	font-weight: 600;
}

.s4ue-status {
	background: var(--s4ue-mist);
	border-radius: 999px;
	color: var(--s4ue-navy);
	display: inline-flex;
	font-size: .75rem;
	font-weight: 600;
	padding: .35rem .7rem;
}

.s4ue-status--accepted {
	background: #dff3e7;
	color: #17603a;
}

.s4ue-status--rejected {
	background: #f9e7e5;
	color: #8b332d;
}

.s4ue-status--needs_info {
	background: #fff0d4;
	color: #80530b;
}

.s4ue-progress {
	background: #dbe3e6;
	border-radius: 999px;
	height: 8px;
	margin: 1.25rem 0;
	overflow: hidden;
}

.s4ue-progress span {
	background: var(--s4ue-teal);
	display: block;
	height: 100%;
	transition: width .25s ease;
}

.s4ue-progress--large {
	height: 12px;
	margin-bottom: 2rem;
}

.s4ue-progress-summary {
	align-items: flex-end;
	display: flex;
	flex-direction: column;
}

.s4ue-progress-summary strong {
	color: var(--s4ue-teal);
	font-size: 2.4rem;
	line-height: 1;
}

.s4ue-progress-summary span {
	color: var(--s4ue-slate);
	font-size: .8rem;
}

.s4ue-back-link {
	display: inline-flex;
	margin-bottom: 1.5rem;
}

.s4ue-document-language-notice {
	background: #eef8f6;
	border: 1px solid #b8ded9;
	border-left: 4px solid var(--s4ue-teal);
	border-radius: 12px;
	color: var(--s4ue-ink);
	margin: 1.25rem 0 .25rem;
	padding: 1rem 1.1rem;
}

.s4ue-document-language-notice strong {
	color: var(--s4ue-navy);
	display: block;
	font-size: .88rem;
	font-weight: 600;
	margin-bottom: .25rem;
}

.s4ue-document-language-notice p {
	color: var(--s4ue-slate);
	font-size: .84rem;
	margin-bottom: 0;
}

.s4ue-requirement-section {
	border-bottom: 2px solid var(--s4ue-navy);
	margin: 2.25rem 0 0;
	padding-bottom: .7rem;
}

.s4ue-requirement {
	background: #fff;
	border: 1px solid #dfe6e8;
	border-radius: 16px;
	display: grid;
	gap: 1rem;
	grid-template-columns: 42px 1fr;
	padding: 1.25rem;
}

.s4ue-requirement.is-complete {
	border-color: #87c8b1;
}

.s4ue-requirement-number {
	align-items: center;
	background: var(--s4ue-navy);
	border-radius: 50%;
	color: #fff;
	display: flex;
	font-size: .8rem;
	font-weight: 600;
	height: 38px;
	justify-content: center;
	width: 38px;
}

.s4ue-requirement.is-complete .s4ue-requirement-number {
	background: var(--s4ue-teal);
}

.s4ue-requirement-title {
	align-items: flex-start;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
}

.s4ue-requirement-title h4 {
	margin-bottom: .5rem;
}

.s4ue-requirement-badge {
	background: var(--s4ue-mist);
	border-radius: 999px;
	font-size: .7rem;
	font-weight: 600;
	padding: .3rem .55rem;
	white-space: nowrap;
}

.s4ue-requirement-help {
	color: var(--s4ue-slate);
	font-size: .9rem;
}

.s4ue-requirement-help .s4ue-requirement-copy-guidance {
	background: #eef8f6;
	border-left: 3px solid var(--s4ue-teal);
	border-radius: 0 8px 8px 0;
	color: #314c56;
	font-size: .8rem;
	margin: .8rem 0 0;
	padding: .65rem .75rem;
}

.s4ue-requirement-copy-guidance strong {
	color: var(--s4ue-navy);
	font-weight: 600;
}

.s4ue-upload-field {
	background: var(--s4ue-ivory);
	border: 1px dashed #9aaeb5;
	border-radius: 12px;
	padding: 1rem;
}

.s4ue-file-list {
	display: grid;
	gap: .5rem;
	list-style: none;
	margin: 0 0 1rem;
	padding: 0;
}

.s4ue-file-list li {
	align-items: center;
	background: var(--s4ue-teal-light);
	border-radius: 8px;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	padding: .65rem .8rem;
}

.s4ue-empty-state {
	background: var(--s4ue-mist);
	border-radius: 12px;
	color: var(--s4ue-slate);
	padding: 1rem;
}

.s4ue-directory-intro {
	margin-bottom: 2rem;
	max-width: 760px;
}

body.single-s4ue_university .entry-content > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 1200px !important;
	width: min(1200px, calc(100vw - 2rem));
}

.s4ue-structured-content {
	display: grid;
	gap: 1.5rem;
	margin-inline: auto !important;
	max-width: 1200px !important;
	position: relative;
	width: min(1200px, calc(100vw - 2rem)) !important;
}

.s4ue-structured-content > .s4ue-panel {
	margin-top: 0;
	width: 100%;
}

.s4ue-program-directory {
	margin-top: 1.5rem;
}

.s4ue-program-browser {
	display: block;
}

.s4ue-program-filter-drawer {
	background: linear-gradient(180deg, #f5faf9 0%, #edf5f4 100%);
	border: 1px solid #cfe0de;
	border-radius: 16px;
	max-height: calc(100vh - 3rem);
	overflow: auto;
	padding: 1.25rem;
}

.s4ue-program-filter-heading {
	align-items: flex-start;
	border-bottom: 1px solid #d5e3e1;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	margin-bottom: 1.15rem;
	padding-bottom: 1rem;
}

.s4ue-program-filter-heading h3 {
	font-size: 1.2rem !important;
	margin-bottom: 0;
}

.s4ue-program-filter-close,
.s4ue-program-filter-toggle,
.s4ue-program-filter-backdrop {
	display: none;
}

.s4ue-program-filter-form {
	display: grid;
	gap: 1.35rem;
}

.s4ue-program-filter-form fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.s4ue-program-filter-form legend {
	color: var(--s4ue-navy);
	font-size: .86rem;
	font-weight: 600;
	margin-bottom: .75rem;
}

.s4ue-program-filter-option {
	align-items: center;
	color: var(--s4ue-ink);
	cursor: pointer;
	display: grid;
	font-size: .88rem;
	font-weight: 500;
	gap: .6rem;
	grid-template-columns: auto minmax(0, 1fr) auto;
	margin-bottom: .6rem;
}

.s4ue-program-filter-option input {
	accent-color: var(--s4ue-teal);
	height: 18px;
	margin: 0;
	width: 18px;
}

.s4ue-program-filter-option small {
	background: #fff;
	border-radius: 999px;
	color: var(--s4ue-slate);
	font-size: .7rem;
	min-width: 28px;
	padding: .2rem .45rem;
	text-align: center;
}

.s4ue-program-filter-option:has(input:disabled) {
	cursor: not-allowed;
	opacity: .45;
}

.s4ue-program-price-fields {
	display: grid;
	gap: .7rem;
}

.s4ue-program-price-fields label {
	color: var(--s4ue-slate);
	display: grid;
	font-size: .75rem;
	font-weight: 500;
	gap: .35rem;
}

.s4ue-program-price-fields input {
	background: #fff;
	border: 1px solid #b9c9cd;
	border-radius: 9px;
	color: var(--s4ue-ink);
	font: inherit;
	min-height: 44px;
	padding: .65rem .75rem;
	width: 100%;
}

.s4ue-program-price-fields input:focus {
	border-color: var(--s4ue-teal);
	box-shadow: 0 0 0 3px rgba(12, 124, 123, .14);
	outline: 0;
}

.s4ue-program-filter-reset {
	background: transparent;
	border: 0;
	color: var(--s4ue-teal);
	cursor: pointer;
	font: inherit;
	font-size: .82rem;
	font-weight: 600;
	justify-self: start;
	padding: .2rem 0;
	text-decoration: underline;
	text-underline-offset: .2rem;
}

.s4ue-program-result-count {
	color: var(--s4ue-slate);
	font-size: .85rem;
	font-weight: 500;
	margin-bottom: 1rem;
}

.s4ue-program-results {
	min-width: 0;
}

.s4ue-program-results .s4ue-card-grid {
	grid-template-columns: repeat(auto-fit, minmax(min(290px, 100%), 1fr));
}

.s4ue-faculty-card[hidden] {
	display: none !important;
}

.s4ue-program-empty {
	background: var(--s4ue-mist);
	border: 1px solid #d7e1e4;
	border-radius: 14px;
	color: var(--s4ue-slate);
	margin: 0;
	padding: 1.25rem;
}

.s4ue-faculty-card {
	display: flex;
	flex-direction: column;
}

.s4ue-public-requirements {
	display: grid;
	gap: 1rem;
	padding-left: 1.5rem;
}

.s4ue-public-requirements li {
	padding-left: .6rem;
}

.s4ue-public-requirements h3 {
	font-size: 1.05rem;
	margin-bottom: .35rem;
}

.s4ue-public-requirements small {
	color: var(--s4ue-teal);
	font-size: .7rem;
	text-transform: uppercase;
}

.s4ue-faculty-summary dl {
	display: grid;
	gap: .75rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 1.5rem 0;
}

.s4ue-faculty-summary dl div {
	background: var(--s4ue-mist);
	border-radius: 10px;
	padding: .8rem;
}

.s4ue-faculty-summary dt {
	color: var(--s4ue-slate);
	font-size: .75rem;
	font-weight: 600;
}

.s4ue-faculty-summary dd {
	font-weight: 600;
	margin: .2rem 0 0;
}

.s4ue-work-benefit {
	align-items: center;
	background: linear-gradient(135deg, #e7f5f2 0%, #f7f4ec 100%);
	border: 1px solid #c9dfdc;
	border-left: 5px solid #0c7c7b;
	border-radius: 18px;
	box-sizing: border-box;
	display: grid;
	gap: clamp(1rem, 3vw, 3rem);
	grid-template-columns: minmax(230px, .7fr) minmax(0, 1.3fr);
	margin: 0;
	padding: clamp(1.35rem, 3vw, 2.25rem);
	width: 100%;
}

.s4ue-work-benefit h2 {
	color: #071b33;
	font-size: clamp(1.45rem, 1.15rem + .8vw, 2rem) !important;
	font-weight: 600;
	margin: 0;
}

.s4ue-work-benefit p {
	color: #425567;
	font-weight: 400;
	margin: 0;
}

.s4ue-work-benefit__eyebrow {
	color: #0c7c7b !important;
	font-size: .75rem;
	font-weight: 600 !important;
	letter-spacing: .12em;
	margin-bottom: .55rem !important;
	text-transform: uppercase;
}

.s4u-inner-page > .s4ue-work-benefit {
	margin-inline: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
}

.s4u-romania-section > .s4ue-work-benefit {
	margin: clamp(2rem, 4vw, 3.5rem) auto 0 !important;
	max-width: 1200px !important;
	width: min(1200px, calc(100vw - (2 * clamp(1.25rem, 3vw, 2.5rem)))) !important;
}

/* Private student account */
.s4ue-student-portal {
	left: 50%;
	margin: 2.5rem auto 3.5rem;
	max-width: 1200px !important;
	position: relative;
	transform: translateX(-50%);
	width: min(1200px, calc(100vw - 2rem)) !important;
}

body.s4ue-student-portal-page .wp-block-post-title {
	display: none;
}

.s4ue-portal-layout {
	align-items: start;
	display: grid;
	gap: clamp(1.25rem, 2.2vw, 2rem);
	grid-template-columns: 258px minmax(0, 1fr);
}

.s4ue-portal-sidebar {
	background: var(--s4ue-navy);
	border-radius: 22px;
	box-shadow: 0 22px 60px rgba(7, 27, 51, .16);
	color: #fff;
	display: flex;
	flex-direction: column;
	min-height: 620px;
	padding: 1.15rem;
	position: sticky;
	top: 1.5rem;
}

.s4ue-sidebar-identity {
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, .12);
	display: flex;
	gap: .85rem;
	margin-bottom: 1rem;
	padding: .35rem .35rem 1.15rem;
}

.s4ue-sidebar-identity strong,
.s4ue-sidebar-identity small {
	display: block;
}

.s4ue-sidebar-identity strong {
	color: #fff;
	font-size: .96rem;
	font-weight: 600;
	line-height: 1.3;
}

.s4ue-sidebar-identity small {
	color: #a9bdcf;
	font-size: .72rem;
	font-weight: 400;
	margin-top: .15rem;
}

.s4ue-student-avatar {
	align-items: center;
	background: var(--s4ue-teal);
	border: 2px solid rgba(255, 255, 255, .32);
	border-radius: 50%;
	color: #fff;
	display: inline-flex;
	flex: 0 0 44px;
	font-size: .85rem;
	font-weight: 600;
	height: 44px;
	justify-content: center;
	letter-spacing: .04em;
	width: 44px;
}

.s4ue-portal-nav {
	display: grid;
	gap: .35rem;
}

.s4ue-portal-nav__link,
.s4ue-portal-signout {
	align-items: center;
	border-radius: 11px;
	color: #dce7ee !important;
	display: grid;
	font-size: .84rem;
	font-weight: 500;
	gap: .7rem;
	grid-template-columns: 22px minmax(0, 1fr) auto;
	min-height: 46px;
	padding: .65rem .72rem;
	text-decoration: none !important;
	transition: background .18s ease, color .18s ease, transform .18s ease;
}

.s4ue-portal-nav__link:hover,
.s4ue-portal-nav__link.is-active,
.s4ue-portal-signout:hover {
	background: rgba(255, 255, 255, .11);
	color: #fff !important;
	transform: translateX(2px);
}

.s4ue-portal-nav__link.is-active {
	background: var(--s4ue-teal);
}

.s4ue-portal-nav__link b {
	align-items: center;
	background: #fff;
	border-radius: 999px;
	color: var(--s4ue-navy);
	display: inline-flex;
	font-size: .66rem;
	font-weight: 600;
	height: 22px;
	justify-content: center;
	min-width: 22px;
	padding: 0 .35rem;
}

.s4ue-nav-icon {
	fill: none;
	height: 21px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.7;
	width: 21px;
}

.s4ue-portal-signout {
	margin-top: auto;
}

.s4ue-portal-content {
	min-width: 0;
}

.s4ue-portal-topbar {
	align-items: flex-start;
	border-bottom: 1px solid #dfe7e9;
	display: flex;
	gap: 1.5rem;
	justify-content: space-between;
	margin-bottom: 1.5rem;
	padding: .25rem 0 1.35rem;
}

.s4ue-portal-topbar h2 {
	color: var(--s4ue-navy);
	font-size: clamp(1.6rem, 1.32rem + .7vw, 2.15rem);
	line-height: 1.18;
	margin-bottom: .45rem;
}

.s4ue-portal-topbar p:last-child {
	color: var(--s4ue-slate);
	font-size: .94rem;
	margin-bottom: 0;
	max-width: 680px;
}

.s4ue-notification-bell {
	align-items: center;
	background: #fff;
	border: 1px solid #d6e0e3;
	border-radius: 50%;
	color: var(--s4ue-navy) !important;
	display: inline-flex;
	flex: 0 0 46px;
	height: 46px;
	justify-content: center;
	position: relative;
	text-decoration: none !important;
}

.s4ue-notification-bell:hover {
	background: var(--s4ue-teal-light);
	border-color: var(--s4ue-teal);
}

.s4ue-notification-bell span {
	align-items: center;
	background: #cf4e40;
	border: 2px solid #fff;
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	font-size: .6rem;
	font-weight: 600;
	height: 20px;
	justify-content: center;
	min-width: 20px;
	padding: 0 .25rem;
	position: absolute;
	right: -5px;
	top: -5px;
}

.s4ue-portal-section {
	display: grid;
	gap: 1.35rem;
}

.s4ue-section-heading-row,
.s4ue-selected-university-heading {
	align-items: flex-end;
	display: flex;
	gap: 1.25rem;
	justify-content: space-between;
}

.s4ue-section-heading-row h3,
.s4ue-selected-university-heading h3,
.s4ue-settings-heading h3 {
	color: var(--s4ue-navy);
	font-size: clamp(1.2rem, 1.08rem + .35vw, 1.48rem);
	margin-bottom: .35rem;
}

.s4ue-section-heading-row p,
.s4ue-selected-university-heading p,
.s4ue-settings-heading p {
	color: var(--s4ue-slate);
	font-size: .9rem;
	margin-bottom: 0;
}

.s4ue-portal-stats {
	display: grid;
	gap: .85rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.s4ue-portal-stats > div {
	background: #fff;
	border: 1px solid #dfe7e9;
	border-radius: 14px;
	display: grid;
	gap: .15rem;
	padding: 1rem 1.15rem;
}

.s4ue-portal-stats strong {
	color: var(--s4ue-teal);
	font-size: 1.45rem;
	font-weight: 600;
}

.s4ue-portal-stats span {
	color: var(--s4ue-slate);
	font-size: .77rem;
}

.s4ue-application-grid,
.s4ue-student-university-grid,
.s4ue-student-program-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.s4ue-application-card,
.s4ue-student-university-card,
.s4ue-student-program-card {
	background: #fff;
	border: 1px solid #dfe6e8;
	border-radius: 18px;
	box-shadow: 0 14px 38px rgba(7, 27, 51, .055);
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 1.3rem;
}

.s4ue-application-card h4,
.s4ue-student-university-card h3,
.s4ue-student-program-card h3 {
	color: var(--s4ue-navy);
	font-size: 1.06rem;
	line-height: 1.35;
	margin-bottom: .85rem;
}

.s4ue-card-topline,
.s4ue-existing-application {
	align-items: center;
	display: flex;
	gap: .75rem;
	justify-content: space-between;
	margin-bottom: .9rem;
}

.s4ue-card-topline > strong,
.s4ue-existing-application > strong {
	color: var(--s4ue-teal);
	font-size: .86rem;
	font-weight: 600;
}

.s4ue-card-university {
	color: var(--s4ue-teal);
	font-size: .72rem;
	font-weight: 600;
	letter-spacing: .055em;
	margin-bottom: .35rem;
	text-transform: uppercase;
}

.s4ue-card-fees {
	display: grid;
	gap: .45rem;
	margin: 0 0 1rem;
}

.s4ue-card-fees > div {
	align-items: baseline;
	display: flex;
	gap: .75rem;
	justify-content: space-between;
}

.s4ue-card-fees dt,
.s4ue-card-fees dd {
	margin: 0;
}

.s4ue-card-fees dt {
	color: var(--s4ue-slate);
	font-size: .72rem;
}

.s4ue-card-fees dd {
	color: var(--s4ue-navy);
	font-size: .82rem;
	font-weight: 600;
}

.s4ue-application-card .s4ue-progress {
	margin: auto 0 1rem;
}

.s4ue-application-card > .s4ue-button,
.s4ue-student-university-card > .s4ue-button,
.s4ue-student-program-card > .s4ue-button,
.s4ue-student-program-card > form {
	margin-top: auto;
}

.s4ue-student-program-card > form .s4ue-button {
	width: 100%;
}

.s4ue-portal-empty {
	align-items: center;
	background: #f5f8f8;
	border: 1px dashed #bccfd1;
	border-radius: 18px;
	display: flex;
	flex-direction: column;
	padding: clamp(2rem, 5vw, 3.5rem);
	text-align: center;
}

.s4ue-portal-empty .s4ue-nav-icon {
	color: var(--s4ue-teal);
	height: 38px;
	margin-bottom: .8rem;
	width: 38px;
}

.s4ue-portal-empty h3 {
	color: var(--s4ue-navy);
	font-size: 1.2rem;
	margin-bottom: .4rem;
}

.s4ue-portal-empty p {
	color: var(--s4ue-slate);
	font-size: .9rem;
	margin-bottom: 1rem;
	max-width: 540px;
}

.s4ue-university-selector {
	align-items: center;
	background: var(--s4ue-teal-light);
	border: 1px solid #c5e4e0;
	border-radius: 16px;
	display: grid;
	gap: .85rem;
	grid-template-columns: auto minmax(0, 1fr) auto;
	padding: 1rem;
}

.s4ue-university-selector > label {
	display: grid;
	gap: .35rem;
}

.s4ue-university-selector label span,
.s4ue-student-program-toolbar label span {
	color: var(--s4ue-navy);
	font-size: .73rem;
	font-weight: 600;
}

.s4ue-university-selector select,
.s4ue-student-program-toolbar input,
.s4ue-student-program-toolbar select {
	background: #fff;
	border: 1px solid #b8c9cd;
	border-radius: 10px;
	color: var(--s4ue-ink);
	font: inherit;
	min-height: 46px;
	padding: .65rem .8rem;
	width: 100%;
}

.s4ue-student-university-card > p:not(.s4ue-card-university) {
	color: var(--s4ue-slate);
	font-size: .84rem;
}

.s4ue-university-card-meta {
	align-items: baseline;
	border-top: 1px solid #e4ebed;
	display: flex;
	gap: .45rem;
	margin: auto 0 1rem;
	padding-top: .85rem;
}

.s4ue-university-card-meta strong {
	color: var(--s4ue-teal);
	font-size: 1.25rem;
	font-weight: 600;
}

.s4ue-university-card-meta span {
	color: var(--s4ue-slate);
	font-size: .74rem;
}

.s4ue-selected-university-heading {
	background: var(--s4ue-navy);
	border-radius: 18px;
	color: #fff;
	padding: 1.3rem 1.4rem;
}

.s4ue-selected-university-heading h3,
.s4ue-selected-university-heading .s4ue-kicker {
	color: #fff;
}

.s4ue-selected-university-heading p {
	color: #c5d4df;
}

.s4ue-selected-university-heading > span {
	background: rgba(255, 255, 255, .12);
	border-radius: 999px;
	font-size: .74rem;
	font-weight: 500;
	padding: .55rem .8rem;
	white-space: nowrap;
}

.s4ue-student-program-browser {
	display: grid;
	gap: 1rem;
}

.s4ue-student-program-toolbar {
	display: grid;
	gap: .75rem;
	grid-template-columns: minmax(220px, 1.4fr) repeat(2, minmax(150px, 1fr));
}

.s4ue-student-program-toolbar label {
	display: grid;
	gap: .35rem;
}

.s4ue-program-result-count {
	color: var(--s4ue-slate);
	font-size: .76rem;
	margin-bottom: 0;
}

.s4ue-student-program-card[hidden] {
	display: none;
}

.s4ue-program-tags {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	margin-bottom: 1rem;
}

.s4ue-program-tags span {
	background: var(--s4ue-teal-light);
	border-radius: 999px;
	color: #175e5d;
	font-size: .68rem;
	font-weight: 500;
	padding: .35rem .55rem;
}

.s4ue-program-cost {
	border-top: 1px solid #e3eaec;
	display: grid;
	gap: .2rem;
	margin-bottom: 1.1rem;
	padding-top: .9rem;
}

.s4ue-program-cost small,
.s4ue-program-cost span {
	color: var(--s4ue-slate);
	font-size: .7rem;
}

.s4ue-program-cost strong {
	color: var(--s4ue-navy);
	font-size: 1rem;
	font-weight: 600;
}

.s4ue-existing-application {
	border-top: 1px solid #e3eaec;
	margin-top: auto;
	padding-top: .85rem;
}

.s4ue-notification-list {
	display: grid;
	gap: .75rem;
}

.s4ue-notification-item {
	background: #fff;
	border: 1px solid #dfe7e9;
	border-radius: 15px;
	display: grid;
	gap: .9rem;
	grid-template-columns: 42px minmax(0, 1fr);
	padding: 1rem;
}

.s4ue-notification-item.is-unread {
	background: #eff9f7;
	border-color: #94d1ca;
	box-shadow: inset 4px 0 0 var(--s4ue-teal);
}

.s4ue-notification-item__icon {
	align-items: center;
	background: var(--s4ue-teal-light);
	border-radius: 50%;
	color: var(--s4ue-teal);
	display: inline-flex;
	height: 42px;
	justify-content: center;
	width: 42px;
}

.s4ue-notification-item__heading {
	align-items: center;
	display: flex;
	gap: .65rem;
	justify-content: space-between;
}

.s4ue-notification-item__heading h3 {
	color: var(--s4ue-navy);
	font-size: .96rem;
	margin-bottom: .25rem;
}

.s4ue-notification-item__heading span {
	background: var(--s4ue-teal);
	border-radius: 999px;
	color: #fff;
	font-size: .62rem;
	font-weight: 600;
	padding: .25rem .45rem;
}

.s4ue-notification-item p {
	color: var(--s4ue-slate);
	font-size: .84rem;
	margin-bottom: .35rem;
}

.s4ue-notification-item small {
	color: #7c8994;
	font-size: .69rem;
}

.s4ue-notification-item a {
	color: var(--s4ue-teal);
	float: right;
	font-size: .74rem;
	font-weight: 600;
	text-decoration: none;
}

.s4ue-settings-panel {
	max-width: 790px;
}

.s4ue-settings-heading {
	border-bottom: 1px solid #e1e8ea;
	padding-bottom: 1rem;
}

.s4ue-settings-panel textarea {
	resize: vertical;
}

.s4ue-password-panel {
	max-width: 680px;
}

@media (min-width: 1790px) {
	body.single-s4ue_university {
		--s4ue-header-content-width: 1200px;
	}

	body.single-s4ue_university main.s4u-single-shell {
		box-sizing: border-box;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: var(--s4ue-header-content-width) !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: min(var(--s4ue-header-content-width), calc(100% - 2rem)) !important;
	}

	body.single-s4ue_university main.s4u-single-shell > .wp-block-post-title {
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 1200px !important;
		width: 100% !important;
	}

	body.single-s4ue_university main.s4u-single-shell > .entry-content {
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: none !important;
		width: 100% !important;
	}

	body.single-s4ue_university .entry-content > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 1200px !important;
		width: 100%;
	}

	body.single-s4ue_university .s4ue-structured-content {
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 1200px !important;
		width: 100% !important;
	}

	.s4ue-program-filter-drawer {
		border-left: 0;
		border-radius: 0 16px 16px 0;
		box-shadow: 14px 18px 44px rgba(7, 27, 51, .14);
		left: 0;
		max-height: calc(100dvh - 166px);
		position: fixed;
		top: 150px;
		width: 270px;
		z-index: 1000;
	}

	.s4ue-program-filter-form {
		gap: 1.1rem;
	}

	.s4ue-program-filter-option {
		margin-bottom: .5rem;
	}
}

@media (min-width: 901px) and (max-width: 1789px) {
	body.single-s4ue_university main.s4u-single-shell {
		box-sizing: border-box;
		margin-inline: auto !important;
		max-width: 1200px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: min(1200px, calc(100% - 2rem)) !important;
	}

	body.s4ue-program-filter-open {
		overflow: hidden;
	}

	.s4ue-program-filter-toggle {
		align-items: center;
		background: var(--s4ue-navy);
		border: 1px solid var(--s4ue-navy);
		border-radius: 12px;
		color: #fff;
		cursor: pointer;
		display: flex;
		font: inherit;
		font-size: .9rem;
		font-weight: 600;
		gap: 1rem;
		justify-content: space-between;
		margin-bottom: 1rem;
		min-height: 48px;
		padding: .75rem 1rem;
		width: 100%;
	}

	.s4ue-program-filter-toggle small {
		color: #b9d9d7;
		font-size: .72rem;
		font-weight: 500;
	}

	.s4ue-program-filter-drawer {
		border-radius: 0 18px 18px 0;
		box-shadow: 24px 0 70px rgba(7, 27, 51, .2);
		height: 100dvh;
		left: 0;
		max-height: none;
		max-width: calc(100vw - 2rem);
		overflow-y: auto;
		position: fixed;
		top: 0;
		transform: translateX(-105%);
		transition: transform .22s ease, visibility .22s ease;
		visibility: hidden;
		width: 350px;
		z-index: 1002;
	}

	.s4ue-program-filter-close {
		align-items: center;
		background: #fff;
		border: 1px solid #c7d5d8;
		border-radius: 50%;
		color: var(--s4ue-navy);
		cursor: pointer;
		display: inline-flex;
		font-size: 1.4rem;
		height: 38px;
		justify-content: center;
		line-height: 1;
		padding: 0 0 .15rem;
		width: 38px;
	}

	.s4ue-program-filter-backdrop {
		background: rgba(7, 27, 51, .56);
		border: 0;
		cursor: pointer;
		display: block;
		inset: 0;
		opacity: 0;
		padding: 0;
		pointer-events: none;
		position: fixed;
		transition: opacity .22s ease;
		visibility: hidden;
		z-index: 1001;
	}

	.s4ue-program-directory.is-filter-open .s4ue-program-filter-drawer {
		transform: translateX(0);
		visibility: visible;
	}

	.s4ue-program-directory.is-filter-open .s4ue-program-filter-backdrop {
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
	}
}

@media (max-width: 900px) {
	.s4ue-portal-layout {
		gap: 1rem;
		grid-template-columns: 220px minmax(0, 1fr);
	}

	.s4ue-portal-sidebar {
		padding: .9rem;
	}

	.s4ue-application-grid,
	.s4ue-student-university-grid,
	.s4ue-student-program-grid {
		grid-template-columns: 1fr;
	}

	.s4ue-student-program-toolbar {
		grid-template-columns: 1fr;
	}

	body.single-s4ue_university .entry-content > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		width: 100%;
	}

	.s4ue-structured-content {
		margin-inline: 0 !important;
		max-width: none !important;
		width: 100% !important;
	}

	.s4ue-access-grid {
		grid-template-columns: 1fr;
	}

	.s4ue-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.s4ue-program-filter-open {
		overflow: hidden;
	}

	.s4ue-program-filter-toggle {
		align-items: center;
		background: var(--s4ue-navy);
		border: 1px solid var(--s4ue-navy);
		border-radius: 12px;
		color: #fff;
		cursor: pointer;
		display: flex;
		font: inherit;
		font-size: .9rem;
		font-weight: 600;
		gap: 1rem;
		justify-content: space-between;
		margin-bottom: 1rem;
		min-height: 48px;
		padding: .75rem 1rem;
		width: 100%;
	}

	.s4ue-program-filter-toggle small {
		color: #b9d9d7;
		font-size: .72rem;
		font-weight: 500;
	}

	.s4ue-program-browser {
		display: block;
	}

	.s4ue-program-filter-drawer {
		border-radius: 0 18px 18px 0;
		box-shadow: 24px 0 70px rgba(7, 27, 51, .2);
		height: 100dvh;
		left: 0;
		max-height: none;
		max-width: calc(100vw - 2rem);
		overflow-y: auto;
		position: fixed;
		top: 0;
		transform: translateX(-105%);
		transition: transform .22s ease, visibility .22s ease;
		visibility: hidden;
		width: 350px;
		z-index: 1002;
	}

	.s4ue-program-filter-close {
		align-items: center;
		background: #fff;
		border: 1px solid #c7d5d8;
		border-radius: 50%;
		color: var(--s4ue-navy);
		cursor: pointer;
		display: inline-flex;
		font-size: 1.4rem;
		height: 38px;
		justify-content: center;
		line-height: 1;
		padding: 0 0 .15rem;
		width: 38px;
	}

	.s4ue-program-filter-backdrop {
		background: rgba(7, 27, 51, .56);
		border: 0;
		cursor: pointer;
		display: block;
		inset: 0;
		opacity: 0;
		padding: 0;
		pointer-events: none;
		position: fixed;
		transition: opacity .22s ease;
		visibility: hidden;
		z-index: 1001;
	}

	.s4ue-program-directory.is-filter-open .s4ue-program-filter-drawer {
		transform: translateX(0);
		visibility: visible;
	}

	.s4ue-program-directory.is-filter-open .s4ue-program-filter-backdrop {
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
	}
}

@media (max-width: 760px) {
	.s4ue-portal-layout {
		grid-template-columns: 1fr;
	}

	.s4ue-portal-sidebar {
		min-height: 0;
		position: static;
	}

	.s4ue-portal-nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.s4ue-portal-signout {
		margin-top: .75rem;
	}

	.s4ue-portal-topbar {
		padding-top: 0;
	}
}

@media (max-width: 640px) {
	.s4ue-student-portal {
		margin-block: 1.25rem;
	}

	.s4ue-portal-nav {
		gap: .3rem;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.s4ue-portal-nav__link {
		font-size: .75rem;
		gap: .45rem;
		grid-template-columns: 19px minmax(0, 1fr) auto;
		min-height: 44px;
		padding: .55rem;
	}

	.s4ue-portal-nav__link .s4ue-nav-icon {
		height: 18px;
		width: 18px;
	}

	.s4ue-portal-topbar,
	.s4ue-section-heading-row,
	.s4ue-selected-university-heading {
		align-items: stretch;
		flex-direction: column;
	}

	.s4ue-portal-topbar {
		padding-right: 3.6rem;
		position: relative;
	}

	.s4ue-notification-bell {
		position: absolute;
		right: 5px;
		top: 0;
	}

	.s4ue-portal-stats {
		grid-template-columns: 1fr;
	}

	.s4ue-university-selector {
		align-items: stretch;
		grid-template-columns: 1fr;
	}

	.s4ue-notification-item {
		grid-template-columns: 1fr;
	}

	.s4ue-field {
		gap: .4rem;
	}

	.s4ue-work-benefit {
		grid-template-columns: 1fr;
	}

	.s4ue-field,
	.s4ue-field-grid,
	.s4ue-card-grid,
	.s4ue-university-directory .s4ue-card-grid,
	.s4ue-faculty-summary dl {
		grid-template-columns: 1fr;
	}

	.s4ue-field__label {
		padding-top: 0;
	}

	.s4ue-inline-form {
		align-items: stretch;
		grid-template-columns: 1fr;
	}

	.s4ue-create-form {
		align-items: stretch;
		grid-template-columns: 1fr;
	}

	.s4ue-dashboard-header,
	.s4ue-application-header,
	.s4ue-panel-heading,
	.s4ue-program-fee-preview__heading,
	.s4ue-fee-summary__heading {
		flex-direction: column;
	}

	.s4ue-requirement {
		grid-template-columns: 1fr;
	}

	.s4ue-requirement-title {
		flex-direction: column;
	}

	.s4ue-button {
		width: 100%;
	}

	.s4ue-program-results .s4ue-card-grid {
		grid-template-columns: 1fr;
	}

	.s4ue-program-filter-drawer {
		width: min(350px, calc(100vw - 1.25rem));
	}
}
