/* 굵기 = 2026-10-24 한 단계 가볍게 적용판(fw-map) */
/**
 * PC 새 틀(미리 보기) — 무료 강의 탭 「클래스」 · 2026-10-20
 * 운영자 「고른다면 C인데.. 사실 제가 바꾸고 싶은 이유는 카드가 너무 커서입니다. 다른 화면의 썸네일들 보다요.」(1차 claude.ai 아티팩트 3jM3Pri24dgmsyCjcNZnwK)
 *   → 같은 날 「멤버십 클래스를 정규 클래스 안에」(제안 채용) → 2차 「클래스탭 : 나」 · 「교재줄 뺌」(claude.ai 아티팩트 JJhjRPYNXMbpHkpu9jfp3B)
 *   = 보이는 페이지 제목 줄 없음(전체 강의 탭과 같다) · 구획 둘 「무료 정규 클래스」 · 「멤버십 클래스」(제목 22 + 설명 14 · 5열 격자 · 카드 239) · 구획 사이 72
 *   가 판의 챕터 카드 줄 · 공식 교재 한 줄 규칙은 걷었다(되살리려면 git 18f5ec84 판 — 10/20 09:09 커밋)
 * 10/21 「클래스탭에도 전체강의, 1분쇼츠처럼 하위탭 하나 더 … 통일감있게」 → 맨 위 한 줄 = 전체 강의 탭과 같은 밑줄 탭(전체 · 무료 클래스 · 멤버십 클래스)
 *   — 줄 · 탭 모양은 css/pcf-lecture.css 2절(:is(.pcfl, .pcfc)) · 누르기 js/pcf-class.js(구획을 숨기고 보이기만) · 이 파일은 줄 아래 여백만
 * 마크업 inc/pc-frame-class.php · 카드 · 격자 · 「…보기 ›」 = css/pcf-home.css 의 :is(.pcf-home, .pcfl, .pcfc) · :is(.pcf-home, .pcfc) 규칙
 * 정본 v4 13.5 목록 틀 · 14장(새 틀 CSS = body.pcf-on 아래 · PC 1025~ 만) · 정본과 다른 점 없음
 * 부품 규칙은 .pcfc 아래로 건다(클래스 셋) — 단추 초기화의 :hover·:focus 판을 이기도록
 */

/* 폰·태블릿(~1024) — 옛 정규 클래스 화면 그대로 */
@media (max-width: 1024px) {
	body.pcf-on .pcfc {
		display: none;
	}
}

@media (min-width: 1025px) {
	/* ════ 1. 자리 — 옛 정규 클래스 카드 두 장(그림 382 + 회색 면 · 780 칸)은 PC 폭에서 숨긴다(새 화면이 있는 요청만 — body.pcfc-on) ════ */
	body.pcfc-on #page #lecture-home .lh-main > :not(.pcfc) {
		display: none;
	}

	/* 위 여백 0 — 탭 줄이 전체 강의 · 1분 쇼츠 탭의 줄과 같은 높이에 온다(.pcfl 과 같다) */
	body.pcf-on #page .pcfc {
		padding: 0 0 40px;
		color: var(--gray-900);
		font-size: 14px;
		line-height: 1.5;
	}

	/* ════ 2. 구획 둘(무료 정규 클래스 · 멤버십 클래스) — 머리 = 제목 22/700 + 설명 14 회색 · 오른쪽 끝 한 칸(메인 홈 구획 머리와 같은 값) · 구획 사이 72
	   탭 줄 아래 첫 구획 = 28(전체 강의 탭의 줄 → 격자와 같다) · 탭이 숨긴 구획(hidden)은 건너뛴다 ════ */
	body.pcf-on #page .pcfc .pcfc-grp[hidden] {
		display: none;
	}

	body.pcf-on #page .pcfc .pcfl-bar ~ .pcfc-grp {
		margin-top: 28px;
	}

	body.pcf-on #page .pcfc .pcfc-grp:not([hidden]) + .pcfc-grp {
		margin-top: 72px;
	}

	body.pcf-on #page .pcfc .pcfc-ghd {
		display: flex;
		align-items: flex-end;
		gap: 12px;
	}

	body.pcf-on #page .pcfc .pcfc-ghd-l {
		min-width: 0;
		margin-right: auto;
	}

	body.pcf-on #page .pcfc .pcfc-h2 {
		margin: 0;
		color: var(--gray-900);
		font-size: 22px;
		font-weight: 600;
		line-height: 33px;
		letter-spacing: -0.02em;
	}

	body.pcf-on #page .pcfc .pcfc-sub {
		margin: 2px 0 0;
		color: var(--gray-500);
		font-size: 14px;
		line-height: 21px;
	}

	/* ════ 3. 찾기 칸(2026-10-23 운영자 「탭줄 오른쪽으로 합시다 · 무료 강의 탭에도」 — 멤버십 세션이 더함 · js/pcf-class.js) ════
	   찾는 중 안 맞는 카드는 숨긴다(카드 규칙 display: flex 가 숨김 속성을 이긴다) · 없어요 = 전체 강의 탭 「강의가 없어요」(.pcfl-none)와 같은 값 */
	body.pcf-on #page .pcfc .pcfh-card[hidden],
	body.pcf-on #page .pcfc .pcfc-none[hidden] {
		display: none;
	}

	body.pcf-on #page .pcfc .pcfc-none {
		margin: 0;
		padding: 64px 0;
		color: var(--gray-500);
		text-align: center;
	}

	body.pcf-on #page .pcfc .pcfc-none:not([hidden]) ~ .pcf-listwide {
		margin-top: 0;
	}
}