/* PC 새 틀(미리 보기) — 실무 위키 · 기능 가이드 글 · 2026-10-20
   운영자 결정(시안 claude.ai 아티팩트 GEyLopD6GdYvRdrXybnHGq — 가 폭·글자만 · 나 가 + 글 오른쪽 칸): 10/20 「나로 갑니다」 · 정본 v4 13.5
   실리는 곳 = 위키 CSS(oppadu-wiki) 또는 기능 가이드 글 CSS(oppadu-guide)가 실린 새 틀 요청(inc/pc-frame-wiki.php) · 모든 규칙은 body.pcf-on + 1025 이상.

   ① 폭 · 글자 · 따라오는 줄을 새 틀 값으로
      목록 다섯(함수 · 단축키 · 기능 가이드 · 응용 공식 · VBA) = 본문 칸 전부(옛 틀 「메뉴 옆 64 비켜 서기」 calc(100% - 64px) · 목록 최대 1,200 걷음) · 글 = 970 그대로.
      목록 제목 22 · 설명 14 회색 · 그림 카드 15/600(한 줄 5장) · 위키 홈 줄 = 로고 선부터 칸 끝까지 한 화면 5장 · 줄 제목 22 · 설명 14.
      따라오는 줄(거르기 · 단축키 분류 · 글 구간 탭) = 붙는 메뉴 줄(56 + 관리자 막대) 바로 아래(옛 머리글 60 기준이었다).
   ② 오른쪽 칸 = 「이 페이지에서」 목차가 있는 글(함수 · VBA 글)만 — 본문 970 + 사이 24 + 칸 266 = 1,260 · 광고 없음.
      옛 틀 왼쪽 메뉴 밑에 붙어 따라오던 묶음(.wk-panelsticky = 목차 + 광고)의 목차를 둘째 칸으로 옮긴다 · 메뉴(.wk-panel)는 하위 메뉴 줄이 맡아 숨긴다.
      (같은 날 2차 「목록에도 칸」으로 목록 다섯에도 광고 칸을 뒀다가 10/21 운영자 「실무 위키에서도 광고 제거합시다」로 칸 광고를 숨기고 목록 칸은 걷었다)
      응용 공식 글은 목차가 없어 지금처럼 글 970 만 · 위키 홈은 칸 없음(선반 한 화면 5장).
   ③ 기능 가이드 글(single-guide.php — 본문 + 오른쪽 칸 340, 레슨 골격): 안쪽 여백을 걷어 칸 양 끝(로고 선)에 맞추고 · 떠오르는 목차는 붙는 메뉴 줄 아래 24.
   ⚠️ 옛 넓은 창(1,626 이상) 규칙(css/wiki.css 「오른쪽 칸」 절)이 같은 칸들을 다시 짠다(display: contents · sticky · 단축키 분류 줄 숨김) — 아래 규칙은 #page 로 그보다 명시도가 높다. */

@media (min-width: 1025px) {
	/* ══ ① 폭 · 따라오는 줄 ══ */
	/* 본문 칸(.site-main) 좌우 여백 0 — 위키 CSS 의 「body.wk-page .site-main { padding: 0 }」을 style.css 의 「main#main.site-main」(폭 1,200 이하 좌우 15)이
	   ID 명시도로 이겨 1,025~1,200 폭에서 위키가 칸보다 양쪽 15 좁았다(옛 틀은 .wk 가 100vw 로 빠져나가 안 보였다) */
	body.pcf-on.wk-page #page main#main.site-main {
		padding-right: 0;
		padding-left: 0;
	}

	body.pcf-on #page .wk {
		--sn-head: calc(var(--nav-height) + var(--pcf-ab-h));
	}

	body.pcf-on #page .wk-main > .wk-inner {
		--wk-c: 100%;
		width: min(var(--wk-c), 100%);
	}

	body.pcf-on #page :is(.wk-grid--850, [data-wkf-detail], [data-wkv-detail]) .wk-main > .wk-inner {
		--wk-c: 970px;
	}

	body.pcf-on #page :is(.wk-fstick, .wk-ktabbar, .wk-segwrap) {
		top: var(--sn-head);
	}

	/* 단축키 분류 줄 — 옛 넓은 창은 오른쪽 칸 「바로 가기」가 맡아 이 줄을 숨겼다(그 칸은 새 틀에 없다) */
	body.pcf-on #page .wk-grid .wk-ktabbar {
		display: flex;
	}

	/* 목록 머리 — 제목 22 · 설명 14 회색(메인 홈 구획 머리와 같다) */
	body.pcf-on #page .wk-h1 {
		margin: 0;
		font-size: 22px;
		line-height: 33px;
		letter-spacing: -0.02em;
	}

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

	/* 그림 카드 목록(기능 가이드 · 응용 공식 · VBA) — 한 줄 5장 · 제목 15/600 · 곁 13 */
	body.pcf-on #page .wk .wk-list.wk-list--cards {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 28px 16px;
	}

	body.pcf-on #page .wk .wk-list--cards .wk-li-name {
		font-size: 15px;
		line-height: 21px;
	}

	/* 위키 홈 — 첫머리 좌우 여백 · 줄 안 여백 20 걷음 · 한 화면 5장 · 줄 머리 22/14 · 「전체 보기」 14 */
	body.pcf-on #page .wkl .wkl-hero {
		padding-right: 0;
		padding-left: 0;
	}

	body.pcf-on #page .wkl .wkl-shelf {
		padding: 22px 0;
	}

	body.pcf-on #page .wkl .wkl-shelf-t {
		font-size: 22px;
		line-height: 33px;
		letter-spacing: -0.02em;
	}

	body.pcf-on #page .wkl .wkl-shelf-s {
		margin-top: 2px;
		color: var(--gray-500);
		font-size: 14px;
		line-height: 21px;
	}

	body.pcf-on #page .wkl a.wkl-more {
		color: var(--gray-700);
		font-size: 14px;
	}

	body.pcf-on #page .wkl .wkl-row .wkl-crd {
		flex: 0 0 calc((100% - 4 * 16px) / 5);
	}

	body.pcf-on #page .wkl .wkl-crd-t {
		font-size: 15px;
		line-height: 21px;
	}

	body.pcf-on #page .wkl .wkh-adband {
		margin: 8px 0;
	}

	/* ══ ② 오른쪽 칸 — 「이 페이지에서」 목차가 있는 글(함수 · VBA 글)만 · 광고 없음 ══
	   (10/20 「나」 = 글 오른쪽 칸(목차 + 광고) → 같은 날 2차 「목록에도 칸」(목록 칸 = 광고만 · 함수 목록은 「엑셀 버전」 바로 가기 + 광고) →
	    10/21 운영자 「실무 위키에서도 광고 제거합시다」(같은 날 자료실 오른쪽 광고 칸을 「광고 넣으니 더 어색」으로 걷은 뒤):
	    칸의 광고(.wk-panelad · function_sidebar_bottom)는 새 틀에서 늘 숨기고, 광고만 있던 목록 다섯은 칸째 걷었다 — 다시 칸 전부 1,260 · 그림 카드 한 줄 5장(위 ①).
	    함수 목록 바로 가기(nav.wk-rail · js/wiki-rail.js)도 칸과 함께 숨는다 — 10/20 칸 넣기 전과 같다(옛 틀도 1,626 아래 폭엔 없다))
	   본문 970 + 사이 24 + 칸 266. 칸 = 옛 틀 왼쪽 메뉴 밑에 붙어 따라오던 묶음(.wk-panelsticky)의 목차 — 붙는 메뉴 줄 아래 24 에서 따라온다.
	   목차가 없는 글(응용 공식 글)과 위키 홈은 칸 없음. */
	body.pcf-on #page .wk-grid .wk-panelad {
		display: none;
	}

	body.pcf-on #page .wk-grid:has(> .wk-panelcol > .wk-panelsticky > .wk-ptoc) {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 266px;
		column-gap: 24px;
		align-items: start;
	}

	body.pcf-on #page .wk-grid:has(> .wk-panelcol > .wk-panelsticky > .wk-ptoc) > .wk-main {
		grid-row: 1;
		grid-column: 1;
	}

	body.pcf-on #page .wk-grid:has(> .wk-panelcol > .wk-panelsticky > .wk-ptoc) > .wk-panelcol {
		display: block;
		grid-row: 1;
		grid-column: 2;
		align-self: stretch;
	}

	body.pcf-on #page .wk-grid:has(> .wk-panelcol > .wk-panelsticky > .wk-ptoc) :is(.wk-panel, .wk-pdivider) {
		display: none;
	}

	/* 묶음 = 따라오는 한 덩어리(옛 틀과 같다 — 목차부터 따라온다) · 옛 넓은 창(1,626 이상)의 display: contents 를 덮는다 */
	body.pcf-on #page .wk-grid:has(> .wk-panelcol > .wk-panelsticky > .wk-ptoc) .wk-panelsticky {
		display: flex;
		position: sticky;
		top: calc(var(--sn-head) + 24px);
		flex-direction: column;
	}

	/* 목차 = 옛 넓은 창 오른쪽 칸 값(글 14 · 왼쪽 2px 줄 · 지금 칸 초록 줄 = 지금 위치) */
	body.pcf-on #page .wk-grid:has(> .wk-panelcol > .wk-panelsticky > .wk-ptoc) .wk-ptoc {
		position: static;
		max-height: none;
		margin: 0;
		overflow: visible;
	}

	body.pcf-on #page .wk-grid .wk-panelsticky .wk-ptoc-label {
		color: var(--gray-500);
	}

	body.pcf-on #page .wk-grid .wk-panelsticky a.wk-ptoc-item {
		border-left-color: var(--gray-200);
		color: var(--sidenav-text);
	}

	body.pcf-on #page .wk-grid .wk-panelsticky a.wk-ptoc-item:hover:not(.wk-ptoc-item--on) {
		color: var(--gray-900);
	}

	body.pcf-on #page .wk-grid .wk-panelsticky a.wk-ptoc-item--on {
		border-left-color: var(--brand-action);
		color: var(--primary);
	}

	/* ══ ③ 기능 가이드 글 ══
	   본문 + 오른쪽 칸 묶음(.wk-body — 옛 틀 최대 1,300 · 좌우 --px)을 가운데 칸(--pcf-w)에 맞춘다.
	   감싸개 #page 가 이 화면에서만 최대 1,300(테마 컨테이너)이라 --pcf-w 의 100% 가 1,300 으로 잡혀 칸보다 4 좁았다 → 그 제한을 걷는다(머리글 · 바닥글은 #page 밖이다) */
	body.pcf-on.single-guide #page {
		max-width: none;
	}

	body.pcf-on #page .gdp .wk-body {
		max-width: var(--pcf-w);
		padding-right: 0;
		padding-left: 0;
	}

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