/* 굵기 = 2026-10-24 한 단계 가볍게 적용판(fw-map) */
/* PC 새 틀(pcf) — 새 틀 요청에서만 실린다(inc/pc-frame.php).
   정본 = design_handoff_oppadu_design_system_v4/oppadu-design-guide-v4.md 13장(틀) · 14장(스위치).
   ⛔ 모든 규칙은 body.pcf-on 아래 + @media (min-width: 1025px) — 잘못 실려도 클래스가 없으면 아무것도 바뀌지 않는다(14.3-1).
   1024 이하는 모바일 앱 틀(omc) 그대로다 — 새 틀이 건드리지 않는다. */

/* ── 미리 보기 중 표시 — 왼쪽 아래 작은 띠(14.2) ── */
body.pcf-on .pcf-pv-chip {
	display: none;
}

@media (min-width: 1025px) {
	body.pcf-on .pcf-pv-chip {
		position: fixed;
		left: 16px;
		bottom: 16px;
		z-index: 99990;
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 8px 12px;
		border-radius: var(--radius-md);
		background: var(--gray-900);
		color: var(--surface-white);
		font-size: 12.5px;
		font-weight: 500;
		line-height: 1.2;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
	}

	body.pcf-on .pcf-pv-chip a {
		color: var(--gray-300);
		font-weight: 500;
		text-decoration: none; /* 링크 밑줄 없음(맨 끝 절 · 2026-10-21) — 옛 밑줄 */
	}

	body.pcf-on .pcf-pv-chip a:hover {
		color: var(--surface-white);
	}
}

/* ════════════════════════════════════════════════════════════════════
 * 새 머리글 두 줄 · 하위 메뉴 줄 · 전체 메뉴 판 (inc/pc-frame-header.php)
 * 2026-10-19 운영자 시안 E(패스트캠퍼스형) 채용 — 「패캠 그대로가 낫네요 · 디테일은 하나씩」(v4 13.2).
 * 같은 날 디테일 1 — 「1번 이미지(CLASS101+)처럼 대표 그라데이션을 조금만 · 위쪽이 덜 비어 보이도록 2번 이미지(패스트캠퍼스)처럼」:
 *   패스트캠퍼스는 980 칸에 이 크기 부품을 넣는다 — 우리 1,260 칸에선 줄이 비어 보여 부품을 키우고(첫 줄 76 · 메뉴 줄 56) 회색 메뉴를 줄 오른쪽 끝에 붙였다.
 * 1024 이하에서는 그리지 않는다 — 휴대폰 틀(옛 #oppadu-nav)이 그대로 남는다.
 * ════════════════════════════════════════════════════════════════════ */
.pcf-r1,
.pcf-r2,
.pcf-sub {
	display: none;
}

@media (min-width: 1025px) {
	/* 가운데 칸 = 정본 v4 6.7 --pcf-max 1,260 · 화면이 그보다 좁으면 양옆 24px */
	body.pcf-on {
		--pcf-max: 1260px;
		--pcf-w: min(var(--pcf-max), calc(100% - 48px));
		/* 첫 줄 76 · 붙는 줄 = 메뉴 줄 56 — var(--nav-height, 60px) 로 자리를 잡는 칸(알림 토스트 · 강의 글 머리 · 서식 상세 목차)이 따라온다 */
		--pcf-r1-h: 76px;
		--nav-height: 56px;
		/* 오른쪽 단추(.oppadu-nav__cta · __login)가 쓰는 머리글 값(css/custom-navigation.css 의 .oppadu-nav 스코프 이름) — 새 틀은 40 · 13
		   글자 「한 단계 작게」(2026-10-20 — 운영자 10/19 「오빠두 사이트는 폰트가 기본적으로 큰 것 처럼 느껴져요」 → 10/20 「폰트 크기는 조정됐나요?」):
		   큰 메뉴 16 → 15 · 회색 메뉴·하위 메뉴·[전체 메뉴]·검색 15 → 14 · 오른쪽 단추 14 → 13(패캠 실측 14/14/14 · 시안 claude.ai 아티팩트 2gvQCuFMHB78LrwkVS5AMH 「글자 크기」) */
		--nav-ctrl-h: 40px;
		--nav-ctrl-fs: 13px;
		--nav-accent: var(--chrome-control);
		--nav-login: var(--brand-action);
		--nav-login-hover: var(--brand-hover);
		/* 머리글 두 줄 바탕 = 흰색 하나 — 2026-10-24 운영자 「머리글 초록 빛 — 빼기」(고르기 판 claude.ai 아티팩트 JYMqawQB9zEVUW42W9W3Fa 8판 2 「나」).
		   그 전(10/19 「CLASS101+처럼 대표 그라데이션을 조금만」)엔 가운데 위가 --brand-action 8% 인 타원 빛(--pcf-glow-img)을 두 줄이 나눠 칠했다 — 되살리려면 git 10/24 이전 판 */
		/* 화면 높이에 맞추는 앱 칸(라이브 다시보기)이 빼는 높이 — 하위 메뉴 줄(있으면 50) · 관리자 막대(있으면 32) */
		--pcf-sub-h: 0px;
		--pcf-ab-h: 0px;
	}

	body.pcf-on:has(.pcf-sub) {
		--pcf-sub-h: 50px;
	}

	body.admin-bar.pcf-on {
		--pcf-ab-h: 32px;
	}

	/* 옛 머리글은 PC 에서만 숨긴다(마크업은 그대로 — 휴대폰 틀이 쓴다) */
	html body.pcf-on #oppadu-nav {
		display: none;
	}

	/* 줄 높이에 아래 선까지 넣는다(76 · 56 · 50 — 머리글 밖이라 .oppadu-nav 의 상자 크기 리셋이 안 닿는다) */
	body.pcf-on .pcf-r1,
	body.pcf-on .pcf-r2,
	body.pcf-on .pcf-sub,
	body.pcf-on .pcf-allmenu {
		box-sizing: border-box;
	}

	body.pcf-on .pcf-in {
		display: flex;
		align-items: center;
		width: var(--pcf-w);
		height: 100%;
		margin: 0 auto;
		box-sizing: border-box;
	}

	/* ── 첫 줄 76 — 로고 · 가운데 흰 검색칸 · [기업·채용 문의][로그인] (스크롤하면 올라간다) ── */
	body.pcf-on .pcf-r1 {
		display: block;
		height: var(--pcf-r1-h);
		background: var(--surface-white);
	}

	body.pcf-on .pcf-logo {
		display: flex;
		flex: none;
		align-items: center;
	}

	/* 가로 락업 112 × 40 — 정본 v4 9.1 「헤더 권장 112px 이상」(최소 96) · 아래 [≡ 전체 메뉴] 단추 폭과 같다 */
	body.pcf-on .pcf-logo img {
		display: block;
		width: auto;
		height: 40px;
	}

	body.pcf-on .pcf-mid {
		display: flex;
		flex: 1;
		justify-content: center;
		min-width: 0;
		padding: 0 32px;
	}

	/* 검색칸 = 회색 면(2026-10-24 운영자 「머리글 둘다 회색면으로」 — 10/20 앱 짜임 시안과 같은 값 · 정본 v4 7.14 회색 면 입력칸 · css/pcf-ui.css --pcf-ui-cell)
	   그 전(10/19 디테일 1)은 「초록 빛 위에서 회색 칸이 탁해 보인다」며 흰 칸 + 1px 회색 300(CLASS101+ 짝)이었다. 선은 투명으로 남겨 칸 크기(560 × 44)가 그대로다.
	   자리표시 --gray-500 은 회색 100 위 4.4:1 · 누르면 흰 면 + 초록 2px 한 겹(아래 :focus-within) */
	body.pcf-on .pcf-search {
		display: flex;
		align-items: center;
		gap: 10px;
		width: 560px;
		max-width: 100%;
		height: 44px;
		margin: 0;
		padding: 0 16px;
		border: 1px solid transparent;
		border-radius: 6px;
		background: var(--gray-100);
		color: var(--gray-500);
		box-sizing: border-box;
	}

	body.pcf-on .pcf-search:hover {
		background: var(--gray-200);
	}

	body.pcf-on .pcf-search svg {
		flex: none;
	}

	body.pcf-on .pcf-search input[type="search"] {
		flex: 1;
		min-width: 0;
		height: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
		outline: none;
		color: var(--gray-900);
		font: inherit;
		font-size: 14px;
		line-height: normal;
	}

	body.pcf-on .pcf-search input[type="search"]::placeholder {
		color: var(--gray-500);
		opacity: 1;
	}

	/* 포커스는 한 겹 — 칸이 링을 받는다(입력칸에 걸면 둥근 칸 안에서 잘린다) */
	body.pcf-on .pcf-search:focus-within {
		background: var(--surface-white);
		outline: 2px solid var(--primary);
		outline-offset: 0;
	}

	body.pcf-on .pcf-right {
		display: flex;
		flex: none;
		align-items: center;
		gap: 8px;
	}

	/* [기업·채용 문의] = 회색 면 보조 단추(2026-10-24 운영자 「머리글 둘다 회색면으로」 · 정본 v4 7.3 보조 단추 · 7.14) —
	   옛 머리글 부품(css/custom-navigation.css .oppadu-nav__cta 테두리 단추)을 새 틀 머리글 안에서만 덮는다(옛 틀 머리글은 그대로 테두리 단추) */
	body.pcf-on .pcf-right .oppadu-nav__cta {
		border-color: transparent;
		background: var(--gray-100);
		color: var(--gray-900);
	}

	body.pcf-on .pcf-right .oppadu-nav__cta:hover {
		border-color: transparent;
		background: var(--gray-200);
		color: var(--gray-900);
	}

	/* ── 둘째 줄 56 — [≡ 전체 메뉴] · 메뉴 · (오른쪽 끝) 칸막이 · 회색 메뉴 (위에 붙는다) ── */
	body.pcf-on .pcf-r2 {
		display: block;
		position: sticky;
		top: 0;
		z-index: var(--z-sticky);
		height: var(--nav-height);
		background: var(--surface-white);
		border-bottom: 1px solid var(--gray-200);
	}

	body.admin-bar.pcf-on .pcf-r2 {
		top: 32px;
	}

	/* ⚠️ 검은 채움 단추 = 정본 예외(2026-10-19 운영자 시안 E 채용 — 시안 카드에 「정본과 다른 점: 검은 채움 단추」를 적어 보이고 고름 · .claude/rules/css.md 예외 줄) */
	body.pcf-on .pcf-all {
		display: inline-flex;
		flex: none;
		align-items: center;
		gap: 7px;
		height: 40px;
		margin: 0 32px 0 0;
		padding: 0 18px 0 15px;
		border: 0;
		border-radius: 6px;
		background: var(--gray-900);
		color: var(--surface-white);
		font: inherit;
		font-size: 14px;
		font-weight: 500;
		line-height: 1;
		cursor: pointer;
	}

	body.pcf-on .pcf-all:hover,
	body.pcf-on .pcf-all[aria-expanded="true"] {
		background: var(--gray-800);
		color: var(--surface-white);
	}

	body.pcf-on .pcf-menu,
	body.pcf-on .pcf-sec {
		display: flex;
		gap: 32px;
		height: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	body.pcf-on .pcf-sec {
		gap: 26px;
	}

	body.pcf-on .pcf-menu li,
	body.pcf-on .pcf-sec li {
		display: flex;
		height: 100%;
		margin: 0;
	}

	body.pcf-on .pcf-menu a,
	body.pcf-on .pcf-sec a {
		display: inline-flex;
		align-items: center;
		height: 100%;
		text-decoration: none;
		white-space: nowrap;
	}

	body.pcf-on .pcf-menu a {
		color: var(--gray-900);
		font-size: 15px;
		font-weight: 600;
	}

	/* 지금 칸 = 검은 밑줄(머리글은 무채 — 2026-09-22 공용 크롬 결정) */
	body.pcf-on .pcf-menu a.is-on {
		box-shadow: inset 0 -2px 0 var(--gray-900);
	}

	/* 칸막이부터 회색 메뉴까지 줄 오른쪽 끝으로 — 첫 줄 오른쪽 단추와 끝 선이 맞아 줄이 비어 보이지 않는다 */
	body.pcf-on .pcf-sep {
		flex: none;
		width: 1px;
		height: 16px;
		margin: 0 24px 0 auto;
		background: var(--gray-300);
	}

	body.pcf-on .pcf-sec a {
		color: var(--gray-600);
		font-size: 14px;
		font-weight: 400;
	}

	body.pcf-on .pcf-sec a:hover {
		color: var(--gray-900);
	}

	body.pcf-on .pcf-all:focus-visible,
	body.pcf-on .pcf-menu a:focus-visible,
	body.pcf-on .pcf-sec a:focus-visible,
	body.pcf-on .pcf-sub a:focus-visible {
		outline: 2px solid var(--nav-accent);
		outline-offset: 2px;
	}

	/* ── 전체 메뉴 판 — 메뉴 줄 바로 아래(줄이 붙어 있을 때도 같이 따라온다) · 묶음마다 한 칸 ── */
	body.pcf-on .pcf-allmenu {
		position: absolute;
		top: 100%;
		right: 0;
		left: 0;
		background: var(--surface-white);
		box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
	}

	body.pcf-on .pcf-allmenu[hidden] {
		display: none;
	}

	body.pcf-on .pcf-allmenu .pcf-in {
		display: grid;
		grid-template-columns: repeat(6, minmax(0, 1fr));
		align-items: start;
		gap: 24px;
		height: auto;
		padding: 28px 0 32px;
	}

	body.pcf-on .pcf-allh {
		display: block;
		margin: 0 0 10px;
		color: var(--gray-900);
		font-size: 15px;
		font-weight: 600;
		text-decoration: none;
	}

	body.pcf-on .pcf-allcol ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	body.pcf-on .pcf-allcol li {
		margin: 0;
	}

	body.pcf-on .pcf-allcol li a {
		display: block;
		padding: 5px 0;
		color: var(--gray-600);
		font-size: 14px;
		text-decoration: none;
	}

	body.pcf-on .pcf-allcol a:hover {
		color: var(--gray-900);
	}

	/* ── 하위 메뉴 줄 50 — 묶음 화면만(왼쪽 메뉴 항목을 위로) · 지금 칸 = 초록 밑줄(정본 4.5 「지금 위치」) ── */
	body.pcf-on .pcf-sub {
		display: block;
		height: 50px;
		background: var(--surface-white);
		border-bottom: 1px solid var(--gray-200);
	}

	body.pcf-on .pcf-sub .pcf-in {
		gap: 28px;
	}

	body.pcf-on .pcf-sub a {
		display: inline-flex;
		align-items: center;
		height: 100%;
		color: var(--gray-600);
		font-size: 14px;
		font-weight: 500;
		text-decoration: none;
		white-space: nowrap;
	}

	body.pcf-on .pcf-sub a:hover {
		color: var(--gray-900);
	}

	body.pcf-on .pcf-sub a.is-on {
		color: var(--gray-900);
		font-weight: 500;
		box-shadow: inset 0 -2px 0 var(--primary);
	}

	body.pcf-on .pcf-sub small {
		margin-left: 4px;
		color: var(--gray-400);
		font-size: 12px;
		font-weight: 500;
	}

	/* 묶음 사이 세로줄(자료실 — 자료실 홈 │ 엑셀 서식 · 무료 도구 │ … · 2026-10-22 · inc/pc-frame-header.php) — 칸 사이 28 + 줄 1 + 28 */
	body.pcf-on .pcf-sub .pcf-sub-sep {
		align-self: center;
		width: 1px;
		height: 14px;
		background: var(--gray-300);
	}

	/* ════ 본문 가운데 칸 — 묶음 틀마다(시안 E 와 같은 값).
	   옛 틀 규칙은 클래스를 서넛 겹친다(자료실·AI body.aih-page .site-content .aih = 화면 가득 · 멤버십 .aih.msh--wide.msh--side = 왼쪽 메뉴 칸 나눔)
	   — !important 없이 이기려고 본문 감싸개 #page 아래로 건다(머리글은 #page 밖이라 상관없다) ════ */

	/* 메인 홈 — 띠 바탕(.mv3-challenge-band · .mv3-ms)은 화면 끝까지, 안쪽 칸만 가운데로 */
	body.pcf-on #page .mv3 > .mv3-wrap,
	body.pcf-on #page .mv3 > .mv3-tks {
		width: var(--pcf-w);
		max-width: var(--pcf-w);
		margin-right: auto;
		margin-left: auto;
		padding-right: 0;
		padding-left: 0;
		box-sizing: border-box;
	}

	/* 자료실 · 멤버십(.aih 틀) — 왼쪽 메뉴는 하위 메뉴 줄이 대신한다.
	   자료실 왼쪽 메뉴 밑 광고(.aih-sidead · resources_sidebar_bottom)도 메뉴와 함께 숨는다 — 2026-10-21 운영자 「다」로 목록 · 갤러리 일곱 쪽에 오른쪽 칸(970 + 266)을 만들어 옮겨 봤다가
	   같은 날 「광고 넣으니 더 어색하네요. 광고는 빼도록 합니다」로 걷었다(정본 v4 13.3 · 숨은 광고는 반응형으로 — inc/pc-frame-resources.php).
	   틀 변수도 0 으로: 왼쪽 메뉴 자리(--sn-x · --sn-gap)와 멤버십 본문 선(--msh-l · --msh-bl)을 걷어 선반이 칸 밖으로 새지 않게 ·
	   따라 내려오는 칸(멤버십 거르개·책 목록)이 붙는 높이(--aih-top)는 메뉴 줄(--nav-height 56) · 첫 내용 위 여백(--msh-top)은 32 */
	body.pcf-on #page .aih,
	body.pcf-on .aih.aihx {
		--aih-top: var(--nav-height);
		--sn-x: 0px;
		--sn-gap: 0px;
		--msh-l: 0px;
		--msh-bl: 0px;
		--msh-top: 32px;
		display: block;
		width: var(--pcf-w);
		max-width: none;
		margin-right: auto;
		margin-left: auto;
		padding: 0;
	}

	body.pcf-on #page .aih-side,
	body.pcf-on .aih.aihx > .aih-side {
		display: none;
	}

	body.pcf-on #page .aih-main,
	body.pcf-on .aih.aihx > .aih-main {
		width: 100%;
		max-width: none;
		margin: 0;
		padding-top: 32px;
		padding-right: 0;
		padding-left: 0;
	}

	/* 본문 칸(.site-main) 좌우 여백 0 — style.css 의 「main#main.site-main」(폭 1,200 이하 좌우 15 · ID 명시도)이 새 틀에도 걸려
	   1,025~1,200 폭에서 자료실 · 멤버십 본문이 칸보다 양쪽 15 좁았다(1,100 폭 본문 x 39 ↔ 로고 x 24 · 2026-10-21 실측 — 정본 v4 13.2 「본문 여백 함정」 · 위키는 css/pcf-wiki.css 첫 규칙).
	   두 묶음 모두 body.aih-page 다(AI 갤러리 틀 .aih.aihx 는 #page 밖이라 원래 맞다) */
	body.pcf-on.aih-page #page main#main.site-main {
		padding-right: 0;
		padding-left: 0;
	}

	body.pcf-on #page .rsai-hd {
		margin-top: 0;
	}

	/* 자료실 목록 · 갤러리 머리 = 새 틀 위키 목록 머리와 같은 값(제목 22/700 · 줄 33 · 설명 14/21 회색 500 — css/pcf-wiki.css .wk-h1 · .wk-subline · 2026-10-21).
	   그 전엔 옛 AI 갤러리 머리 값(제목 24/600 · 설명 13 — css/ai-hub.css .aihx 절)이라 같은 새 틀 목록끼리 제목 크기가 달랐다. 경로 줄 · 자리(메뉴 줄 아래 32)는 그대로 */
	body.pcf-on #page .aih .rsai-lh h1,
	body.pcf-on .aih.aihx .otl-band-title {
		font-size: 22px;
		font-weight: 600;
		line-height: 33px;
	}

	body.pcf-on #page .aih .rsai-lh p,
	body.pcf-on .aih.aihx .otl-band-desc {
		color: var(--gray-500);
		font-size: 14px;
		line-height: 21px;
	}

	/* 도구 틀(plugins/oppadu-tools shell 「band」 — 사이트 머리글 + 도구 띠, #page 없이 body 바로 아래)의 붙는 칸 높이.
	   셸이 .otl 에 인라인으로 --otl-bar-h:60px(옛 머리글)을 건다 → 새 틀은 아래 칸들에서 메뉴 줄 높이로 다시 건다(툴바·사용법 판·미리보기 sticky 가 따라온다) */
	body.pcf-on .otl > * {
		--otl-bar-h: var(--nav-height);
	}

	/* 실무 위키 — 왼쪽 메뉴·오른쪽 칸을 걷고 본문이 칸을 다 쓴다.
	   걷는 오른쪽 칸 = 위키 틀(.wk-grid) 바로 아래 「바로 가기」(nav.wk-rail — 옛 넓은 창 1,626 이상)만이다.
	   기능 가이드 글(single-guide.php)의 오른쪽 칸 aside.wk-rail(문서 목차 · 교재 카드 · 관련 글 · 세로 광고)은 이름만 같은 다른 칸이라 남긴다
	   (2026-10-20 — 처음엔 .wk-rail 전부를 걷어 그 칸이 새 틀에서 통째로 사라졌었다) */
	body.pcf-on #page .wk {
		width: var(--pcf-w);
		max-width: none;
		margin-right: auto;
		margin-left: auto;
	}

	body.pcf-on #page .wk-grid {
		display: block;
		padding: 28px 0 0;
	}

	body.pcf-on #page .wk-panelcol,
	body.pcf-on #page .wk-grid > .wk-rail {
		display: none;
	}

	body.pcf-on #page .wk-main {
		width: auto;
		max-width: none;
		margin: 0;
		padding-right: 0;
		padding-left: 0;
	}

	body.pcf-on #page .wk-main .wk-inner {
		max-width: none;
		margin-right: 0;
		margin-left: 0;
	}

	/* 무료 강의 홈(page-lecture-home.php) — 왼쪽 메뉴(검색 + 6칸)는 하위 메뉴 줄이 대신한다.
	   옛 틀의 앱 칸(.lh-appshell — 오른쪽 칸만 안에서 스크롤 · body overflow hidden)은 새 틀에서 켜지지 않는다(템플릿 스크립트 fit() 갈림길 한 줄) → 보통 페이지 스크롤.
	   흰 카드 안쪽 여백(--lh-card-pad 20)은 0 — 제목·카드 왼쪽 선이 로고 선과 같다 · 무료 강의 세로 목록 폭(--lh-list-w)은 칸 전체 */
	body.pcf-on #page #lecture-home {
		--lh-card-pad: 0px;
		--lh-list-w: 100%;
	}

	body.pcf-on #page #lecture-home .lh-shell {
		display: block;
		width: var(--pcf-w);
		margin-right: auto;
		margin-left: auto;
		padding: 32px 0 80px;
	}

	body.pcf-on #page #lecture-home .lh-panel {
		display: none;
	}

	body.pcf-on #page #lecture-home .lh-main {
		padding: 0;
	}

	/* 무료 강의 「내 공부 기록」(?view=notes · 로그인) — 오른쪽 「기록」 칸(시청 기록 · 스크랩 목록)은 옛 화면 그대로(2026-10-20 운영자 「지금이 좋습니다」 →
	   왼쪽으로 옮긴 판을 보고 「바꾸기 전이 좋네요 · 바꾸기 전으로」 · 정본 v4 13.5). 따라 내려오는 칸만 붙는 메뉴 줄 아래 24 에 멈춘다
	   (마이 대시보드와 같다 — 옛 top 0 은 옛 틀의 안쪽 스크롤 칸 기준이라, 페이지가 스크롤되는 새 틀에선 붙는 메뉴 줄 밑으로 들어가 가려졌다) */
	body.pcf-on #page #lecture-home .lh-notes-side {
		top: calc(var(--nav-height) + var(--pcf-ab-h) + 24px);
	}

	/* 마이 대시보드(page-my-dashboard.php · inc/my-dashboard) — 왼쪽 칸(프로필 · 포인트 · 메뉴 · 로그아웃)을 남긴다(2026-10-19 운영자 「대시보드는 좌측 패널 유지」 ·
	   정본 v4 13.3 · 13.2 「남길 땐 가운데 칸 안에서」). 틀(옛 1,364 = 1,300 + 좌우 32)만 가운데 칸으로 ·
	   따라 내려오는 왼쪽 칸은 붙는 메뉴 줄 아래에서 멈춘다 */
	body.pcf-on #page .omd-layout {
		width: var(--pcf-w);
		max-width: none;
		padding-right: 0;
		padding-left: 0;
	}

	body.pcf-on #page .omd-side {
		top: calc(var(--nav-height) + var(--pcf-ab-h) + 24px);
	}

	/* 라이브 다시보기(post-live-template.php — 재생 칸 + 오른쪽 목차를 화면 높이에 맞추는 앱 칸) — 가운데 칸 안으로.
	   높이 = 화면 − 머리글 두 줄 − 하위 메뉴 줄 − 관리자 막대(템플릿 스크립트의 --lp-header-offset 은 옛 머리글 60 기준이라 새 틀에선 안 쓴다) */
	body.pcf-on #page .lp-wrap {
		width: var(--pcf-w);
		margin-right: auto;
		margin-left: auto;
		height: calc(100vh - var(--pcf-r1-h) - var(--nav-height) - var(--pcf-sub-h) - var(--pcf-ab-h));
	}

	/* 1분 쇼츠 보기(post-shorts-template.php — 영상 피드 + 오른쪽 강의 노트를 화면 높이에 맞추는 앱 칸) — 가운데 칸 안으로.
	   높이는 js/shorts-feed.js 가 머리글 실제 높이를 재서(--shorts-header-h) 저절로 맞춘다 */
	body.pcf-on #page .shorts-feed {
		width: var(--pcf-w);
		margin-right: auto;
		margin-left: auto;
	}

	/* 약관·정책(page-legal.php · css/legal.css — 옛 머리글 폭 1,364 = 1,300 + 좌우 32에 맞춘 틀) — 가운데 칸으로 · 목차가 붙는 높이는 메뉴 줄 아래 24 */
	body.pcf-on #page .lg {
		--lg-max: var(--pcf-w);
		--lg-px: 0px;
		--lg-sticky: calc(var(--nav-height) + var(--pcf-ab-h) + 24px);
	}

	/* 커뮤니티 — 왼쪽 게시판 메뉴는 하위 메뉴 줄이 대신한다 · 글 칸은 856 까지 + 사이 44 + 오른쪽 칸이 남는 폭(300 부터 — 1,260 이면 360)
	   2026-10-26 운영자 「본문 너비가 넓다보니 가독성이 떨어지네요」 → 왼쪽 게시판 칸(세 칸)을 들였다가 같은 날 「좌측 패널을 다시 빼볼까요? 우측 패널 너비를 조금 넓혀서 본문 너비를 좁혀봅시다」
	   (그 전 글 916 + 오른쪽 300 — 본문 가장 긴 줄 86자 → 79자 · 질문 글 실측 · 정본 v4 13.5) · 좁은 화면은 오른쪽 300(칸 광고 300 × 600 그대로)에 두고 글 칸이 준다 */
	body.pcf-on #page .oc-community {
		max-width: none;
	}

	body.pcf-on #page .oc-grid {
		width: var(--pcf-w);
		max-width: none;
		margin-right: auto;
		margin-left: auto;
		padding: 32px 0 0;
		grid-template-columns: minmax(0, 856px) minmax(300px, 1fr);
		column-gap: 44px;
	}

	body.pcf-on #page .oc-grid > .oc-nav {
		display: none;
	}
}

/* ════════════════════════════════════════════════════════════════════
 * 링크 · 글자 단추에 밑줄 없음 — 2026-10-21 운영자 「a 태그에 밑줄 들어가지 않게 합니다. 이 페이지 외에도 밑줄 들어간게 몇개 보이네요」(정본 v4 4.5)
 * 새 틀 화면 46쪽을 돌며 찾은 밑줄(평소): 클래스 · 멤버십 소개의 만든 사람 · 주소 복사 · 목차 보기 · 강사 이름 · 효과음/배경음악 라이브러리 출처 링크 ·
 *   위키 · 커뮤니티 글 안 링크 · 라이브 잠금 안내 링크 / 마우스 올림 · 포커스 때 긋는 규칙 30여 개(위키 목록 이름 · 자료실 카드 제목 · 멤버십 선반 · 커뮤니티 더 보기 · 경로 줄 등 — C:\tmp\pc-frame\hd2\ul-scan.cjs).
 * 옛 틀 · 부품 규칙이 클래스 서넛(+ 아이디 하나)으로 밑줄을 긋는다 → !important 없이 한 번에 이기려고 :is(#page, .aihx, .site-footer) 로 아이디 명시도를 싣는다
 *   (:is() 는 가장 센 갈래의 명시도를 쓴다 — 본문 #page · 아이디가 없는 AI 갤러리 틀 .aih.aihx · 바닥글이 같은 세기).
 * 링크 안 글자 칸(span · b 등)에 그은 밑줄까지 걷고 del · s 줄 긋기는 그대로 둔다. 화면 밖으로 숨은 「본문으로 건너뛰기」 링크도 같다.
 * 예외 — 수업 자료(가이드북) 읽기 화면 본문 링크(.nbr-body — 같은 날 새벽 운영자 「초록 밑줄」 · 정본 v4 13.6)는 그대로 둔다.
 * 이 절보다 센 규칙(새 틀 파일 안)은 그 자리에서 밑줄을 뺐다 — css/pcf-book.css 「이어지는 무료 클래스」 링크.
 * ════════════════════════════════════════════════════════════════════ */
@media (min-width: 1025px) {
	body.pcf-on :is(#page, .aihx, .site-footer) a:not(.nbr-body *),
	body.pcf-on :is(#page, .aihx, .site-footer) a:not(.nbr-body *):is(:hover, :focus, :active),
	body.pcf-on :is(#page, .aihx, .site-footer) a:not(.nbr-body *) :not(del, s, strike),
	body.pcf-on :is(#page, .aihx, .site-footer) button,
	body.pcf-on :is(#page, .aihx, .site-footer) button:is(:hover, :focus),
	body.pcf-on :is(#page, .aihx, .site-footer) button :not(del, s, strike),
	body.pcf-on a.skip-link {
		text-decoration: none;
	}
}

/* ════════════════════════════════════════════════════════════════════
 * 탑배너 — 머리글 위 한 줄 띠(관리 화면 「탑배너」 · plugins/oppadu-management/modules/top-banner · wp_body_open 맨 앞 · 높이 38 은 플러그인 인라인 그대로 — 위로 넘기기가 이 높이로 민다)
 * 2026-10-23 운영자 4차 「새 틀로 하되, 색상은 눈에 잘 들어오는 색으로 여러 개 기본 색」(시안 claude.ai 아티팩트 JTTRnueVsjvZYsP5ggc5HM 5판):
 *   띠 색 · 글자 색 = 관리 화면에서 고른 값(기본 색 여덟 — admin/class-admin-settings.php preset_colors · 글자 대비 4.5:1 이상) — 「공용 크롬 무채」(9/22)의 예외 · .claude/rules/css.md · 정본 v4 13.2
 *   글 13/500 가운데 · 아이콘 20 · 글 뒤 › · 닫기 × = 지금 띠의 글자 색(플러그인 js 가 --otb-ink 로 맞춘다 — 노랑 · 주황은 검은 글자)
 * ════════════════════════════════════════════════════════════════════ */
@media (min-width: 1025px) {
	body.pcf-on .oppadu-top-banner__content {
		gap: 8px;
		padding: 0 48px;
	}

	body.pcf-on .oppadu-top-banner__icon {
		width: 20px;
		height: 20px;
	}

	body.pcf-on .oppadu-top-banner__text {
		font-size: 13px;
		font-weight: 500;
		letter-spacing: -0.01em;
	}

	body.pcf-on .oppadu-top-banner__text::after {
		content: "\203A";
		margin-left: 6px;
	}

	body.pcf-on .oppadu-top-banner__close,
	body.pcf-on .oppadu-top-banner__close:hover {
		color: var(--otb-ink, var(--surface-white));
	}

	body.pcf-on .oppadu-top-banner__close {
		opacity: 0.7;
	}

	body.pcf-on .oppadu-top-banner__close:hover {
		opacity: 1;
	}
}