/* ============================================
   PAGE: Program Detail (Master's Program)
   Detailed information page for specific programs
   Breakpoints: Desktop (default), Tablet (max-width: 1199px), Mobile (max-width: 575px)
   ============================================ */

/* ============================================
   PROGRAM HEADER SECTION
   ============================================ */
.program-header {
	padding: var(--sp-6) 0 var(--sp-5) 0;
	background-color: var(--color-light);
}

.program-header__title {
	font-family: var(--font-family-heading);
	font-size: var(--section-title);
	font-weight: var(--fw-bold);
	line-height: var(--lh-heading-tight);
	color: var(--brand-primary);
	text-transform: capitalize;
	margin-bottom: var(--sp-4);
}

.program-header__meta {
	display: flex;
	align-items: center;
	gap: var(--sp-2);
	margin-bottom: var(--sp-4);
}

.program-header__icon {
	font-size: 1.4rem;
	width: 2.4rem; 
	height: 2.4rem; 
	color: var(--gray-500);
	flex-shrink: 0; 
	display: inline-block;
}

.program-header__date {
	font-family: var(--font-family-heading);
	font-size: var(--fs-caption);
	font-weight: var(--fw-regular);
	line-height: 1.2;
	color: var(--gray-500);
}

.program-header__divider {
	width: 100%;
	height: 0.1rem; /* 1px -> 0.1rem */
	background-color: var(--gray-300);
}

/* ============================================
   PROGRAM HERO SECTION
   ============================================ */
.program-hero {
	padding: var(--sp-6) 0;
	background-color: var(--color-light);
}

.program-hero__image {
	width: 100%;
	max-width: 120rem; /* 1200px -> 120rem */
	height: 46.2rem; /* 462px -> 46.2rem */
	border-radius: var(--radius-30);
	display: block;
	margin: 0 auto;
	object-fit: cover;
}

/* ============================================
   PROGRAM DESCRIPTION SECTION
   ============================================ */
.program-description {
	padding: var(--sp-6) 0;
	background-color: var(--color-light);
}

.program-description__title {
	font-family: var(--font-family-heading);
	font-size: var(--section-subtitle);
	font-weight: var(--fw-bold);
	line-height: var(--lh-heading-tight);
	color: var(--brand-primary);
	text-transform: capitalize;
	margin-bottom: var(--sp-4);
}

.program-description__content {
	font-family: var(--font-family-heading);
	font-size: var(--section-description);
	font-weight: var(--fw-regular);
	line-height: 1.57;
	color: var(--gray-900);
}

.program-description__content p {
	margin-bottom: var(--sp-4);
}

.program-description__video-intro {
	display: flex;
	align-items: center;
	gap: var(--sp-2);
}

/* ============================================
   PROGRAM VIDEO SECTION
   ============================================ */
.program-video {
	padding: 0;
	background-color: var(--color-light);
}

.program-video__wrapper {
	position: relative;
	max-width: 84rem; /* 840px -> 84rem */
	width: 84rem; /* 840px -> 84rem */
	height: 47.3rem; /* 473px -> 47.3rem */
	margin: 0 auto var(--sp-4) auto;
	border-radius: var(--radius-12);
	overflow: hidden;
	box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.15);
}

.program-video__wrapper iframe {
	width: 100%;
	height: 100%;
	border: none;
}

.program-video__caption {
	font-family: var(--font-family-heading);
	font-size: var(--fs-body);
	font-weight: var(--fw-regular);
	line-height: 1.2;
	color: var(--gray-500);
	text-align: center;
	margin: 0;
}

.program-video__caption-highlight {
	font-weight: var(--fw-bold);
	color: var(--brand-primary);
}

/* ============================================
   SEE MORE SECTION (Expandable Links)
   ============================================ */
.see-more {
	padding: var(--sp-5) 0 0;
	background-color: var(--color-light);
}

.see-more__title {
	font-family: var(--font-family-heading);
	font-size: var(--fs-body);
	font-weight: var(--fw-semibold);
	line-height: 1.2;
	color: var(--brand-secondary);
	text-transform: capitalize;
	margin-bottom: var(--sp-4);
}

.see-more__items {
	display: flex;
	flex-direction: column;
	gap: var(--sp-3);
}

.see-more__item {
	display: flex;
	align-items: center;
	gap: var(--sp-3);
	padding: 0;
	background-color: transparent;
	border: none;
	cursor: pointer;
	transition: all var(--transition-base);
}

.see-more__item:hover {
	opacity: 0.8;
}

.see-more__icon {
	width: 1.2rem; /* 12px -> 1.2rem */
	height: 1.2rem;
	flex-shrink: 0;
}

.see-more__text {
	font-family: var(--font-family-heading);
	font-size: var(--fs-body-sm);
	font-weight: var(--fw-regular);
	line-height: 1.57;
	color: var(--gray-900);
}

/* ============================================
   PROGRAM QUALITIES SECTION
   ============================================ */
.program-qualities {
	padding: var(--sp-6) 0;
	background-color: var(--color-light);
}

.program-qualities__title {
	font-family: var(--font-family-heading);
	font-size: var(--section-subtitle);
	font-weight: var(--fw-bold);
	line-height: var(--lh-heading-tight);
	color: var(--brand-primary);
	text-transform: capitalize;
	margin-bottom: var(--sp-4);
}

.program-qualities__intro {
	font-family: var(--font-family-heading);
	font-size: var(--section-description);
	font-weight: var(--fw-regular);
	line-height: 1.57;
	color: var(--gray-900);
	margin-bottom: var(--sp-4);
}

.program-qualities__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: var(--sp-3);
}

.program-qualities__list li {
	display: flex;
	align-items: center;
	gap: var(--sp-3);
	font-family: var(--font-family-heading);
	font-size: var(--section-description);
	font-weight: var(--fw-regular);
	line-height: 1.2;
	color: var(--gray-900);
}

/* ============================================
   PROGRAM CAREERS IMAGES SECTION
   ============================================ */
.program-careers-images {
	padding: var(--sp-6) 0;
	background-color: var(--color-light);
}

.program-careers-images .row {
	justify-content: center;
	gap: var(--sp-2);
}

.program-careers-images .row > div {
	flex: 0 0 auto;
	width: auto;
	padding: 0;
}

.program-careers-images__img {
	max-width: 42rem; /* 420px -> 42rem */
	height: auto;
	border-radius: var(--radius-20);
	object-fit: cover;
}

.program-careers-images__caption {
	font-family: var(--font-family-heading);
	font-size: var(--fs-body-sm);
	font-style: italic;
	color: var(--gray-600);
	text-align: center;
	margin-top: var(--sp-4);
	margin-bottom: 0;
}

/* ============================================
   PROGRAM CAREERS SECTION
   ============================================ */
.program-careers {
	padding: var(--sp-7) 0 0;
	background-color: var(--color-light);
}

.program-careers__title {
	font-family: var(--font-family-heading);
	font-size: var(--section-subtitle);
	font-weight: var(--fw-bold);
	line-height: var(--lh-heading-tight);
	color: var(--brand-primary);
	text-transform: capitalize;
	margin-bottom: var(--sp-4);
}

.program-careers__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: var(--sp-3);
}

.program-careers__list li {
	position: relative;
	padding-left: 2.4rem; /* 24px -> 2.4rem */
	font-family: var(--font-family-heading);
	font-size: var(--fs-body-sm);
	font-weight: var(--fw-regular);
	line-height: 1.2;
	color: var(--gray-900);
}

.program-careers__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1.2rem; /* 12px -> 1.2rem */
	height: 1.2rem;
	background-image: url("../../assets/images/menu.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.program-careers__image {
	width: 100%;
	max-width: 83.4rem; /* 834px -> 83.4rem */
	height: auto;
	aspect-ratio: 834 / 500;
	object-fit: cover;
	border-radius: var(--radius-20);
	margin: var(--sp-5) auto 0;
	display: block;
}

.program-careers__image-grid {
	width: 100%;
	height: auto;
	aspect-ratio: 472 / 320;
	object-fit: cover;
	border-radius: var(--radius-10);
	display: block;
}

.program-careers .row {
	margin-top: var(--sp-5);
}

.program-careers .row.g-3 {
	--bs-gutter-x: 1rem; /* 10px -> 1rem */
}

.program-careers__caption {
	font-family: var(--font-family-heading);
	font-size: var(--fs-body);
	font-weight: var(--fw-regular);
	font-style: italic;
	line-height: 1.2;
	color: var(--gray-500);
	text-align: center;
	margin-top: var(--sp-4);
	margin-bottom: 0;
}

/* ============================================
   ADMISSION METHODS SECTION
   ============================================ */
.admission-methods {
	padding-top: var(--sp-7);
	background-color: var(--color-light);
}

.admission-methods__title {
	font-family: var(--font-family-heading);
	font-size: var(--section-subtitle);
	font-weight: var(--fw-bold);
	line-height: var(--lh-heading-tight);
	color: var(--brand-primary);
	text-transform: capitalize;
	margin-bottom: var(--sp-3);
}

.admission-methods__intro {
	font-family: var(--font-family-heading);
	font-size: var(--section-description);
	font-weight: var(--fw-regular);
	line-height: 1.57;
	color: var(--gray-900);
	margin-bottom: var(--sp-5);
}

.admission-methods__list {
	display: flex;
	flex-direction: column;
	gap: var(--sp-3);
}

.admission-methods__item {
	display: flex;
	flex-direction: column;
	gap: var(--sp-2);
}

.admission-methods__item-header {
	display: flex;
	align-items: center;
	gap: var(--sp-2);
}

.admission-methods__item-title {
	font-family: var(--font-family-heading);
	font-size: var(--fs-body-sm);
	font-weight: var(--fw-bold);
	line-height: 1.2;
	color: var(--gray-900);
}

.admission-methods__item-text {
	position: relative;
	font-family: var(--font-family-heading);
	font-size: var(--fs-body-sm);
	font-weight: var(--fw-regular);
	line-height: 1.2;
	color: var(--gray-900);
	margin: 0;
	padding-left: 2.2rem; /* 22px -> 2.2rem */
}

.admission-methods__item-text::before {
	content: "•";
	position: absolute;
	left: 1rem; /* 10px -> 1rem */
	color: var(--gray-900);
}

/* ============================================
   RELATED PROGRAMS SECTION
   ============================================ */
.related-programs {
	padding: var(--sp-7) 0;
	background-color: var(--color-light);
}

.related-programs__title {
	font-family: var(--font-family-heading);
	font-size: var(--section-subtitle);
	font-weight: var(--fw-bold);
	line-height: var(--lh-heading-tight);
	color: var(--brand-primary);
	text-transform: capitalize;
	margin-bottom: var(--sp-5);
}

.related-programs__carousel {
	position: relative;
}

.related-programs__carousel .row {
	flex-wrap: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
	gap: var(--sp-3);
	padding-bottom: var(--sp-2);
}

.related-programs__carousel .row::-webkit-scrollbar {
	display: none;
}

.related-programs__carousel .row > .col-12 {
	flex: 0 0 auto;
	width: calc(33.333% - 1.2rem); /* 12px -> 1.2rem */
}

/* Related Programs Slider Navigation */
.related-programs__nav {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--sp-2);
	margin-top: var(--sp-5);
}

.related-programs__nav-btn {
	width: 4rem; /* 40px -> 4rem */
	height: 4rem;
	border: none;
	background-color: var(--gray-100);
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all var(--transition-base);
}

.related-programs__nav-btn:hover:not(:disabled) {
	background-color: var(--gray-300);
}

.related-programs__nav-btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.related-programs__nav-btn img {
	width: 1.2rem; /* 12px -> 1.2rem */
	height: auto;
}

/* Program Pagination */
.program-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.7rem; /* 7px -> 0.7rem */
	margin-top: var(--sp-6);
}

.program-pagination__btn {
	width: 4rem; /* 40px -> 4rem */
	height: 4rem;
	border: none;
	background-color: transparent;
	cursor: pointer;
	transition: all var(--transition-base);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-family-heading);
	font-size: var(--fs-400);
	font-weight: var(--fw-regular);
	line-height: 1.2;
	color: var(--gray-900);
	border-radius: 50%;
}

.program-pagination__btn--prev,
.program-pagination__btn--next {
	background-color: var(--gray-100);
}

.program-pagination__btn--prev:hover,
.program-pagination__btn--next:hover {
	background-color: var(--gray-300);
}

.program-pagination__btn--active {
	background-color: var(--brand-primary);
	color: var(--color-light);
}

.program-pagination__btn:not(.program-pagination__btn--prev):not(
		.program-pagination__btn--next
	):not(.program-pagination__btn--active) {
	background-color: var(--gray-100);
}

.program-pagination__btn:not(.program-pagination__btn--prev):not(
		.program-pagination__btn--next
	):not(.program-pagination__btn--active):hover {
	background-color: var(--gray-300);
}

.program-pagination__btn img {
	width: 1.1rem; /* 11px -> 1.1rem */
	height: 1rem; /* 10px -> 1rem */
}

.program-pagination__btn:hover:not(:disabled) {
	opacity: 0.8;
}

.program-pagination__btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* ============================================
   CAREER OPPORTUNITIES SECTION
   ============================================ */
.career-opportunities {
	padding: var(--sp-8) 0;
	background-color: var(--brand-primary);
	background-image: url("/assets/images/career_bg.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.career-opportunities__title {
	font-family: var(--font-family-body);
	font-size: var(--section-title);
	font-weight: var(--fw-bold);
	line-height: var(--lh-heading-tight);
	color: var(--color-light);
	text-align: center;
	text-transform: uppercase;
	margin-bottom: var(--sp-7);
}

.career-opportunities__grid {
	margin-top: var(--sp-6);
}

.career-opportunities__grid .row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--sp-3);
	margin-left: 0;
	margin-right: 0;
}

.career-opportunities__grid .row > .col-12 {
	width: 100%;
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/* Ensure hidden items are actually hidden in grid */
.career-opportunities__grid .row > .col-12.pagination-hidden {
	display: none !important;
}

/* Career Opportunities Pagination */
.career-opportunities__pagination {
	display: none;
	justify-content: center;
	align-items: center;
	gap: var(--sp-2);
	margin-top: var(--sp-5);
}

.career-opportunities__pagination.d-flex {
	display: flex !important;
}

.career-opportunities__pagination-btn {
	width: 4rem; /* 40px -> 4rem */
	height: 4rem;
	border: none;
	background-color: var(--color-light);
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all var(--transition-base);
	font-family: var(--font-family-heading);
	font-size: var(--fs-body-sm);
	font-weight: var(--fw-regular);
	color: var(--gray-900);
}

.career-opportunities__pagination-btn:hover:not(:disabled) {
	background-color: var(--gray-200);
}

.career-opportunities__pagination-btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.career-opportunities__pagination-btn img {
	width: 1.2rem; /* 12px -> 1.2rem */
	height: auto;
}

.career-opportunities__pagination-item {
	width: 4rem; /* 40px -> 4rem */
	height: 4rem;
	border: none;
	background-color: var(--color-light);
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-family-heading);
	font-size: var(--fs-body-sm);
	font-weight: var(--fw-regular);
	color: var(--gray-900);
	text-decoration: none;
	transition: all var(--transition-base);
}

.career-opportunities__pagination-item:hover {
	background-color: var(--gray-200);
	color: var(--gray-900);
}

.career-opportunities__pagination-item--active {
	background-color: var(--brand-secondary);
	color: var(--color-light);
	font-weight: var(--fw-semibold);
}

.career-opportunities__pagination-item--active:hover {
	background-color: var(--brand-secondary);
	color: var(--color-light);
}

/* Job Card Component */
.job-card {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: var(--color-light);
	border-radius: var(--radius-10);
	padding: var(--sp-4);
	box-sizing: border-box;
}

.job-card__header {
	display: flex;
	align-items: flex-start;
	gap: var(--sp-3);
}

.job-card__logo {
	width: 5.6rem; /* 56px -> 5.6rem */
	height: 5.6rem;
	border-radius: 50%;
	background-color: var(--gray-200);
	flex-shrink: 0;
	position: relative;
}

.job-card__logo-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 5.6rem;
	height: 5.6rem;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.job-card__badge {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 4rem; /* 40px -> 4rem */
	height: 4rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.job-card__info {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: var(--sp-1);
}

.job-card__title {
	font-family: var(--font-family-heading);
	font-size: var(--fs-body);
	font-weight: var(--fw-semibold);
	line-height: 1.3;
	color: var(--gray-900);
	text-transform: capitalize;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.job-card__company {
	font-family: var(--font-family-heading);
	font-size: var(--fs-body-sm);
	font-weight: var(--fw-regular);
	line-height: 1.2;
	color: var(--gray-500);
	text-transform: capitalize;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
}

.job-card__bookmark {
	width: 3.6rem; /* 36px -> 3.6rem */
	height: 3.6rem;
	border-radius: 50%;
	background-color: var(--brand-primary);
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all var(--transition-base);
}

.job-card__bookmark:hover {
	background-color: var(--brand-primary-dark, #8a0d2b);
}

.job-card__bookmark .iconify,
.job-card__bookmark svg {
	font-size: 1.8rem; /* 18px -> 1.8rem */
	color: var(--color-light) !important;
	fill: var(--color-light);
}

.job-card__footer {
	display: flex;
	align-items: center;
	gap: var(--sp-4);
	margin-top: auto;
	padding-top: var(--sp-3);
}

.job-card__salary-wrapper,
.job-card__location-wrapper {
	display: flex;
	align-items: center;
	gap: var(--sp-1);
}

.job-card__salary-wrapper .iconify,
.job-card__salary-wrapper svg,
.job-card__location-wrapper .iconify,
.job-card__location-wrapper svg {
	width: 1.6rem !important; /* 16px -> 1.6rem */
	height: 1.6rem !important;
	font-size: 1.6rem !important;
	color: var(--gray-500) !important;
}

.job-card__icon {
	width: 1.4rem; /* 14px -> 1.4rem */
	height: 1.4rem;
	flex-shrink: 0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.job-card__salary,
.job-card__location {
	font-family: var(--font-family-heading);
	font-size: var(--fs-body-sm);
	font-weight: var(--fw-regular);
	line-height: 1.2;
	color: var(--gray-900);
	white-space: nowrap;
}

/* ============================================
   FAQ SECTION
   ============================================ */
.faq-section {
	padding: var(--sp-8) 0;
	background-color: var(--color-light);
}

.faq-section__image {
	width: 100%;
	max-width: 45.2rem; /* 452px -> 45.2rem */
	height: auto;
	border-radius: var(--radius-20);
	margin-bottom: var(--sp-5);
}

.faq-section__title {
	font-family: var(--font-family-body);
	font-size: var(--section-title);
	font-weight: var(--fw-bold);
	line-height: var(--lh-heading-tight);
	color: var(--brand-primary);
	text-transform: uppercase;
	margin-bottom: var(--sp-4);
}

.faq-section__subtitle {
	font-family: var(--font-family-heading);
	font-size: var(--fs-body);
	font-weight: var(--fw-semibold);
	line-height: 1.25;
	color: var(--gray-900);
	margin-bottom: var(--sp-2);
}

/* FAQ List - use faq.css component */
.faq-section .faq-list {
	margin-top: var(--sp-5);
}

/* ================================================
   TABLET (max-width: 1199px)
   ================================================ */
@media (max-width: 1199px) {
	/* Program Header - Tablet */
	.program-header {
		padding: var(--sp-5) 0 var(--sp-4) 0;
	}

	.program-header__title {
		font-size: var(--section-title-tablet);
		margin-bottom: var(--sp-3);
	}

	/* Program Hero - Tablet */
	.program-hero {
		padding: var(--sp-5) 0;
	}

	.program-hero__image {
		height: 35rem; /* 350px -> 35rem */
		border-radius: var(--radius-20);
	}

	/* Program Description - Tablet */
	.program-description {
		padding: var(--sp-5) 0;
	}

	.program-description__title {
		font-size: var(--section-subtitle-tablet);
	}

	.program-description__content {
		font-size: var(--section-description-tablet);
	}

	/* Program Video - Tablet */
	.program-video__wrapper {
		width: 100%;
		max-width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
	}

	.program-video__caption {
		font-size: var(--fs-body-sm);
	}

	/* See More - Tablet */
	.see-more__title {
		font-size: var(--fs-body-sm);
	}

	/* Program Qualities - Tablet */
	.program-qualities {
		padding: var(--sp-5) 0;
	}

	.program-qualities__title {
		font-size: var(--section-subtitle-tablet);
	}

	/* Program Careers - Tablet */
	.program-careers {
		padding: var(--sp-6) 0 0;
	}

	.program-careers__title {
		font-size: var(--section-subtitle-tablet);
	}

	/* Admission Methods - Tablet */
	.admission-methods {
		padding-top: var(--sp-6);
	}

	.admission-methods__title {
		font-size: var(--section-subtitle-tablet);
	}

	/* Related Programs - Tablet */
	.related-programs {
		padding: var(--sp-6) 0;
	}

	.related-programs__title {
		font-size: var(--section-subtitle-tablet);
	}

	.related-programs__carousel .row > .col-12 {
		width: calc(50% - 0.8rem); /* 8px -> 0.8rem */
	}

	/* Career Opportunities - Tablet */
	.career-opportunities {
		padding: var(--sp-7) 0;
	}

	.career-opportunities__title {
		font-size: var(--section-title-tablet);
	}

	.career-opportunities__grid .row {
		grid-template-columns: repeat(2, 1fr);
	}

	/* FAQ Section - Tablet */
	.faq-section {
		padding-top: var(--sp-7);
	}

	.faq-section__title {
		font-size: var(--section-title-tablet);
	}
}

/* ================================================
   MOBILE (max-width: 575px)
   ================================================ */
@media (max-width: 575px) {
	/* Program Header - Mobile */
	.program-header {
		padding: var(--sp-4) 0;
	}

	.program-header__title {
		font-size: var(--section-title-mobile);
		margin-bottom: var(--sp-2);
	}

	.program-header__meta {
		margin-bottom: var(--sp-3);
	}

	/* Program Hero - Mobile */
	.program-hero {
		padding: var(--sp-4) 0;
	}

	.program-hero__image {
		height: 20rem; /* 200px -> 20rem */
		border-radius: var(--radius-12);
	}

	/* Program Description - Mobile */
	.program-description {
		padding: var(--sp-4) 0;
	}

	.program-description__title {
		font-size: var(--section-subtitle-mobile);
		margin-bottom: var(--sp-3);
	}

	.program-description__content {
		font-size: var(--section-description-mobile);
		line-height: 1.5;
	}

	/* Program Video - Mobile */
	.program-video__wrapper {
		border-radius: var(--radius-8);
		margin-bottom: var(--sp-3);
	}

	.program-video__caption {
		font-size: var(--fs-caption);
	}

	/* See More - Mobile */
	.see-more {
		padding: var(--sp-4) 0 0;
	}

	.see-more__title {
		font-size: var(--fs-caption);
		margin-bottom: var(--sp-3);
	}

	.see-more__text {
		font-size: var(--fs-caption);
	}

	/* Program Qualities - Mobile */
	.program-qualities {
		padding: var(--sp-4) 0;
	}

	.program-qualities__title {
		font-size: var(--section-subtitle-mobile);
		margin-bottom: var(--sp-3);
	}

	.program-qualities__list li {
		font-size: var(--section-description-mobile);
	}

	/* Program Careers - Mobile */
	.program-careers {
		padding: var(--sp-5) 0 0;
	}

	.program-careers__title {
		font-size: var(--section-subtitle-mobile);
		margin-bottom: var(--sp-3);
	}

	.program-careers__list li {
		font-size: var(--fs-caption);
		padding-left: 2rem; /* 20px -> 2rem */
	}

	.program-careers__list li::before {
		width: 1rem; /* 10px -> 1rem */
		height: 1rem;
	}

	.program-careers__image {
		border-radius: var(--radius-12);
		margin-top: var(--sp-4);
	}

	.program-careers__image-grid {
		border-radius: var(--radius-8);
	}

	.program-careers .row {
		margin-top: var(--sp-4);
	}

	.program-careers__caption {
		font-size: var(--fs-caption);
		margin-top: var(--sp-3);
	}

	/* Admission Methods - Mobile */
	.admission-methods {
		padding-top: var(--sp-5);
	}

	.admission-methods__title {
		font-size: var(--section-subtitle-mobile);
		margin-bottom: var(--sp-2);
	}

	.admission-methods__intro {
		font-size: var(--section-description-mobile);
		margin-bottom: var(--sp-4);
	}

	.admission-methods__item-title {
		font-size: var(--fs-caption);
	}

	.admission-methods__item-text {
		font-size: var(--fs-caption);
		padding-left: 1.8rem; /* 18px -> 1.8rem */
	}

	.admission-methods__item-text::before {
		left: 0.8rem; /* 8px -> 0.8rem */
	}

	/* Related Programs - Mobile */
	.related-programs {
		padding: var(--sp-5) 0;
	}

	.related-programs__title {
		font-size: var(--section-subtitle-mobile);
		margin-bottom: var(--sp-4);
	}

	.related-programs__carousel .row > .col-12 {
		width: calc(85% - 0.8rem); /* 8px -> 0.8rem */
	}

	.related-programs__nav {
		margin-top: var(--sp-4);
	}

	.related-programs__nav-btn {
		width: 3.6rem; /* 36px -> 3.6rem */
		height: 3.6rem;
	}

	.program-pagination {
		gap: 5px;
		margin-top: var(--sp-5);
	}

	.program-pagination__btn {
		width: 3.6rem;
		height: 3.6rem;
		font-size: var(--fs-body-sm);
	}

	/* Career Opportunities - Mobile */
	.career-opportunities {
		padding: var(--sp-6) 0;
	}

	.career-opportunities__title {
		font-size: var(--section-title-mobile);
		margin-bottom: var(--sp-5);
	}

	.career-opportunities__grid {
		margin-top: var(--sp-4);
	}

	.career-opportunities__grid .row {
		grid-template-columns: 1fr;
	}

	.career-opportunities__pagination {
		margin-top: var(--sp-4);
	}

	.career-opportunities__pagination-btn,
	.career-opportunities__pagination-item {
		width: 3.6rem;
		height: 3.6rem;
		font-size: var(--fs-caption);
	}

	/* Job Card - Mobile */
	.job-card {
		padding: var(--sp-3);
	}

	.job-card__logo {
		width: 4.8rem; /* 48px -> 4.8rem */
		height: 4.8rem;
	}

	.job-card__badge {
		width: 3.4rem; /* 34px -> 3.4rem */
		height: 3.4rem;
	}

	.job-card__title {
		font-size: var(--fs-body-sm);
	}

	.job-card__company {
		font-size: var(--fs-caption);
	}

	.job-card__bookmark {
		width: 3.2rem; /* 32px -> 3.2rem */
		height: 3.2rem;
	}

	.job-card__bookmark .iconify {
		font-size: 1.6rem; /* 16px -> 1.6rem */
	}

	.job-card__footer {
		gap: var(--sp-3);
	}

	.job-card__salary,
	.job-card__location {
		font-size: var(--fs-caption);
	}

	/* FAQ Section - Mobile */
	.faq-section {
		padding-top: var(--sp-6);
	}

	.faq-section__image {
		max-width: 100%;
		border-radius: var(--radius-12);
		margin-bottom: var(--sp-4);
	}

	.faq-section__title {
		font-size: var(--section-title-mobile);
		margin-bottom: var(--sp-3);
	}

	.faq-section__subtitle {
		font-size: var(--fs-body-sm);
	}

	.faq-section .faq-list {
		margin-top: var(--sp-4);
	}
}