/**
 * 아카데미 허브 — 피그마 PC 아트앤컬처 아카데미 목록 (px).
 * `.academy-hub` 및 자손 범위 한정. Hero/layout: inner-page.css + lhour-ui.css
 * PC 우선. MQ: 1200 > 1024 > 767
 *
 * @package Lhour
 */

.academy-hub {
	--academy-hub-track-body-active: #5ca7c8;
	--academy-hub-track-art-music: #f7941d;
	--academy-hub-track-healing-life: #8dc63f;
	--academy-hub-track-brain-vitality: #92278f;
	--academy-hub-pill-neutral: #0a0a0a;
}

/* 히어로 레이아웃 — 허브 상단 간격 */
.site-main--page-hero section.academy-hub .academy-hub__spotlight-outer {
	padding-top: 56px;
}

/* ── 스포트라이트 ─────────────────────────────────────── */

.academy-hub__spotlight-outer {
	padding-bottom: 80px;
}

.academy-hub-spotlight__inner {
	display: flex;
	align-items: stretch;
	gap: 32px;
	min-height: 0;
}

.academy-hub-spotlight__rail {
	position: relative;
	flex-shrink: 0;
	width: 43px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 6px;
}

.academy-hub-spotlight__rail-line {
	flex: 1 1 auto;
	width: 1px;
	min-height: 120px;
	background: var(--color-neutral-2, #ebebeb);
}

.academy-hub-spotlight__rail-dot {
	display: block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: var(--color-neutral-9, #0a0a0a);
	flex-shrink: 0;
}

.academy-hub-spotlight__hit,
.academy-hub-spotlight__hit--static {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	flex: 1 1 auto;
	min-width: 0;
	gap: 48px;
	text-decoration: none;
	color: inherit;
	box-sizing: border-box;
}

.academy-hub-spotlight__hit--static {
	cursor: default;
}

.academy-hub-spotlight__copy {
	flex: 1 1 50%;
	min-width: 0;
	max-width: 780px;
	padding-top: 12px;
	padding-bottom: 12px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0;
}

.academy-hub-spotlight__kicker {
	margin: 0 0 28px;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.6;
	color: var(--color-neutral-9, #0a0a0a);
}

.academy-hub-spotlight__title {
	margin: 0 0 28px;
	font-size: 68px;
	font-weight: 700;
	line-height: 1.25;
	color: var(--color-neutral-10, #000000);
}

.academy-hub-spotlight__tagline {
	margin: 0 0 36px;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.6;
	color: var(--color-neutral-9, #0a0a0a);
}

.academy-hub-spotlight__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	margin-top: 0;
}

.academy-hub-spotlight__track-label {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
	color: var(--color-neutral-9, #0a0a0a);
}

.academy-hub-spotlight__track-label--body-active {
	color: var(--academy-hub-track-body-active);
}

.academy-hub-spotlight__track-label--art-music {
	color: var(--academy-hub-track-art-music);
}

.academy-hub-spotlight__track-label--healing-life {
	color: var(--academy-hub-track-healing-life);
}

.academy-hub-spotlight__track-label--brain-vitality {
	color: var(--academy-hub-track-brain-vitality);
}

.academy-hub-spotlight__meta-divider {
	display: inline-block;
	width: 1px;
	height: 15px;
	background: var(--color-neutral-3, #cccccc);
	flex-shrink: 0;
}

.academy-hub-spotlight__schedule-hint {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	color: var(--color-neutral-9, #0a0a0a);
}

.academy-hub-spotlight__figure {
	flex: 1 1 42%;
	min-width: 0;
	border-radius: 4px;
	overflow: hidden;
	background: var(--color-neutral-2, #ebebeb);
	min-height: 520px;
	height: auto;
	max-height: 749px;
	align-self: stretch;
}

.academy-hub-spotlight__img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 520px;
	max-height: 749px;
	object-fit: cover;
}

/* ── 엄선 스와이프 (메인 상단) ─────────────────────────── */

.academy-hub-curated {
	margin: 120px 0 100px;
}

.academy-hub-curated__layout {
	display: flex;
	align-items: stretch;
	gap: 32px;
	min-width: 0;
}

.academy-hub-curated__rail {
	position: relative;
	flex-shrink: 0;
	width: 43px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 6px;
	display: none;
}

.academy-hub-curated__rail-line {
	flex: 1 1 auto;
	width: 1px;
	min-height: 120px;
	background: var(--color-neutral-2, #ebebeb);
}

.academy-hub-curated__rail-dot {
	display: block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: var(--color-neutral-9, #0a0a0a);
	flex-shrink: 0;
}

.academy-hub-curated__swiper {
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	height: 360px;
	overflow: hidden;
	overscroll-behavior: contain;
}

.academy-hub-curated__swiper.swiper-vertical {
	overscroll-behavior: auto;
	touch-action: auto;
}

.academy-hub-curated__swiper.swiper-horizontal {
	touch-action: pan-y;
	overscroll-behavior: auto !important;
}

.academy-hub-curated__swiper--single {
	height: auto;
}

.academy-hub-curated__swiper--single.swiper-vertical {
	touch-action: auto;
}

.academy-hub-curated__slide {
	height: auto;
	box-sizing: border-box;
}

.academy-hub-curated__slide-inner {
	height: 100%;
	box-sizing: border-box;
}

.academy-hub-curated__hit,
.academy-hub-curated__hit--static {
	display: flex;
	flex-direction: row;
	/* align-items: stretch; */
	height: 100%;
	min-height: 0;
	gap: 48px;
	text-decoration: none;
	color: inherit;
	box-sizing: border-box;
}

.academy-hub-curated__hit--static {
	cursor: default;
}

.academy-hub-curated__copy {
	flex: 1 1 40%;
	min-width: 0;
	max-width: 780px;
	/* display: flex;
	flex-direction: column;
	justify-content: center; */
}

.academy-hub-curated__kicker {
	margin: 0 0 25px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	color: var(--color-neutral-9, #0a0a0a);
}

.academy-hub-curated__title {
	margin: 0 0 28px;
	font-size: 48px;
	font-weight: 700;
	line-height: 1.15;
	color: var(--color-neutral-10, #000000);
}

.academy-hub-curated__description {
	margin: 0 0 8px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
	color: var(--color-neutral-9, #0a0a0a);
}

.academy-hub-curated__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	margin-top: 0;
}

.academy-hub-curated__foot-divider,
.academy-hub-curated__meta-divider {
	display: inline-block;
	width: 1px;
	height: 15px;
	background: var(--color-neutral-3, #cccccc);
	flex-shrink: 0;
}

.academy-hub-curated__tag {
	margin: 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
	flex-shrink: 0;
}

.academy-hub-curated__tag--lifestyle,
.academy-hub-curated__tag--body-active {
	color: var(--academy-hub-track-body-active);
}

.academy-hub-curated__tag--brain-health,
.academy-hub-curated__tag--brain-vitality {
	color: var(--academy-hub-track-brain-vitality);
}

.academy-hub-curated__tag--art-culture,
.academy-hub-curated__tag--art-music {
	color: var(--academy-hub-track-art-music);
}

.academy-hub-curated__tag--healing-life {
	color: var(--academy-hub-track-healing-life);
}

.academy-hub-curated__tag--neutral {
	color: var(--color-neutral-9, #0a0a0a);
}

.academy-hub-curated__meta {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	margin-top: 0;
	min-width: 0;
}

.academy-hub-curated__meta-label {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
}

.academy-hub-curated__meta-label--body-active {
	color: var(--academy-hub-track-body-active);
}

.academy-hub-curated__meta-label--art-music {
	color: var(--academy-hub-track-art-music);
}

.academy-hub-curated__meta-label--healing-life {
	color: var(--academy-hub-track-healing-life);
}

.academy-hub-curated__meta-label--brain-vitality {
	color: var(--academy-hub-track-brain-vitality);
}

.academy-hub-curated__meta-label--neutral {
	color: var(--color-neutral-9, #0a0a0a);
}

.academy-hub-curated__schedule {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	color: var(--color-neutral-9, #0a0a0a);
}

.academy-hub-curated__figure {
	flex: 1 1 42%;
	min-width: 0;
	border-radius: 4px;
	overflow: hidden;
	background: var(--color-neutral-2, #ebebeb);
}

.academy-hub-curated__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
}

/* ── 필터 · 그리드 · 더보기 ───────────────────────────── */

.academy-hub__main {padding-bottom: 120px;}

.academy-hub__filters {
	margin-bottom: 48px;
	display: none;
}

.academy-hub__filter-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 8px 12px;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-x: visible;
	overflow-y: visible;
	-webkit-overflow-scrolling: auto;
	scrollbar-width: auto;
}

.academy-hub__filter-list::-webkit-scrollbar {
	display: none;
}

.academy-hub__filter-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	box-sizing: border-box;
	padding: 11px 14px 6px;
	border: 1px solid transparent;
	border-radius: 999px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	color: var(--color-neutral-9, #0a0a0a);
	text-decoration: none;
	white-space: nowrap;
}

.academy-hub__filter-link:hover,
.academy-hub__filter-link:focus-visible {
	color: var(--color-neutral-9, #0a0a0a);
	outline: none;
}

.academy-hub__filter-icon {
	display: inline-flex;
	flex-shrink: 0;
}

.academy-hub__filter-icon-svg {
	display: block;
	width: 20px;
	height: 20px;
	transform: translateY(-3px);
}

.academy-hub__filter-link.is-active {
	border-color: var(--color-neutral-9, #0a0a0a);
	background: var(--color-neutral-9, #0a0a0a);
	color: var(--color-neutral-1, #ffffff);
	font-weight: 400;
}

.academy-hub__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 48px 40px;
}

.academy-hub__empty {
	grid-column: 1 / -1;
	margin: 0;
	text-align: center;
	font-size: 16px;
	line-height: 1.6;
	color: var(--color-neutral-9, #0a0a0a);
}

.academy-hub__actions {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 48px 40px;
	margin-top: 56px;
}

@media all and (max-width:1023px) {
	.academy-hub__actions {
		grid-template-columns: 1fr 320px 1fr;

	}
}

@media all and (max-width:767px) {
	.academy-hub__actions {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
}


.academy-hub__actions[hidden],
.academy-hub__actions.is-hidden {
	display: none;
}

.academy-hub__more {
	grid-column: 2/3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	box-sizing: border-box;
	min-height: 72px;
	border: calc(1px / 0.9) solid var(--color-neutral-9, #0a0a0a);
	border-radius: 5px;
	background: var(--color-neutral-1, #ffffff);
	font-size: 24px;
	font-weight: 400;
	line-height: 1.6;
	color: var(--color-neutral-8, #1e1e1e);
	cursor: pointer;
}

@media all and (max-width:767px) {
	.academy-hub__more {
		grid-column: 1/-1;
		font-size: 18px;
		border-width: 1px;
	}
}

.academy-hub__more:hover,
.academy-hub__more:focus-visible {
	border-color: var(--color-primary, #00b28a);
	color: var(--color-primary, #00b28a);
	outline: none;
}

.academy-hub__more:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.academy-hub__more-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	flex-shrink: 0;
}

.academy-hub__more-icon-svg {
	display: block;
	width: 24px;
	height: 24px;
}

/* ── 카드 ─────────────────────────────────────────────── */

.academy-hub-card__hit,
.academy-hub-card__hit--static {
	display: block;
	text-decoration: none;
	color: inherit;
	box-sizing: border-box;
}

.academy-hub-card__hit--static {
	cursor: default;
}

.academy-hub-card__media {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 4px;
	background: var(--color-neutral-2, #ebebeb);
}

.academy-hub-card__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
}

.academy-hub-card__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-top: 25px;
}

.academy-hub-card__pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	margin: 0 0 8px;
	padding: 10px 20px;
	border-radius: 999px;
	position: relative;
	line-height: 1;
	z-index: 1;
	background: var(--academy-hub-pill-neutral);
}

.academy-hub-card__pill-label {
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	color: var(--color-neutral-1, #ffffff);
}

.academy-hub-card__pill--track-body-active {
	background: var(--academy-hub-track-body-active);
}

.academy-hub-card__pill--track-art-music {
	background: var(--academy-hub-track-art-music);
}

.academy-hub-card__pill--track-healing-life {
	background: var(--academy-hub-track-healing-life);
}

.academy-hub-card__pill--track-brain-vitality {
	background: var(--academy-hub-track-brain-vitality);
}

.academy-hub-card__pill--neutral {
	background: var(--academy-hub-pill-neutral);
}

.academy-hub-card__title {
	margin: 0 0 8px;
	font-size: 26px;
	font-weight: 600;
	line-height: 1.6;
	color: var(--color-neutral-9, #0a0a0a);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.academy-hub-card__excerpt {
	margin: 0 0 8px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	color: var(--color-neutral-9, #0a0a0a);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	min-height: 0;
}

.academy-hub-card__meta-rows {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
	width: 100%;
}

.academy-hub-card__meta-row {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 10px;
	width: 100%;
}

.academy-hub-card__meta-icon {
	display: inline-flex;
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	margin-top: 6px;
	color: var(--color-neutral-9, #0a0a0a);
}

.academy-hub-card__meta-icon-svg {
	display: block;
	width: 16px;
	height: 16px;
}

.academy-hub-card__meta-text {
	font-family: 'pretendard', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	color: var(--color-neutral-9, #0a0a0a);
}

@media all and (max-width:1023px) {
	.academy-hub__grid{grid-template-columns: repeat(2, 1fr);}
}

@media all and (max-width:767px) {
	.academy-hub-curated{margin: 80px 0 60px;}
	.academy-hub-curated__layout{gap:0}
	.academy-hub-curated__copy{padding: 0;margin-top: 25px;}
	.academy-hub-curated__kicker{font-size: 14px;}
	.academy-hub-curated__title{font-size: 28px;margin-bottom: 16px;}
	.academy-hub-curated__description{font-size: 16px;margin-bottom: 8px;}
	.academy-hub-curated__tag,
	.academy-hub-curated__schedule{font-size: 16px;}
	.academy-hub-curated__hit, .academy-hub-curated__hit--static{gap:0;}

	.academy-hub-curated__swiper{height: auto;padding: 0;}

	.academy-hub__grid{grid-template-columns: repeat(1, 1fr);}
	.academy-hub-card__title{font-size: 22px;}
	.academy-hub-card__excerpt{font-size: 16px;}
	.academy-hub-card__meta-text{}
	.academy-hub-card__meta-icon{margin-top: 3px;}

	.academy-hub-curated__rail{display: none;}
	.academy-hub-curated__hit, .academy-hub-curated__hit--static{flex-direction: column-reverse; padding: 0px;}
}