/* 굵기 = 2026-10-24 한 단계 가볍게 적용판(fw-map) */
/* PC 새 틀(미리 보기) — 강의 글(post-lecture-template.php) · 2026-10-25 · inc/pc-frame-lesson.php 가 강의 글 CSS(css/post-lecture.css) 뒤에 싣는다.
   운영자 10/25 「읽기 진행 막대 - 목차칸으로」(고르기 판 claude.ai 아티팩트 JYMqawQB9zEVUW42W9W3Fa 13판 「다」 · 정본 v4 13.6).
   ⛔ 모든 규칙은 body.pcf-on 아래 + @media (min-width: 1025px) — 폰 · 태블릿은 옛 화면(머리글 밑 막대 그대로). */

@media (min-width: 1025px) {
	/* 머리글 밑 읽기 진행 막대 — 붙는 메뉴 줄(56) 바로 밑에 붙어 「지금 위치」 검은 밑줄 · 머리글 회색 선과 세 줄로 포개졌다 → 숨긴다.
	   셈하는 스크립트(템플릿 끝)는 그대로 돌고, js/pcf-lesson.js 가 그 값을 아래 목차 칸으로 옮긴다 */
	body.pcf-on .lec-progress-bar {
		display: none;
	}

	/* 「강의 목차」 칸 머리 오른쪽 「NN% 읽음」 — 곁 정보 글자(13 · 회색 500) · 숫자 폭 고정(값이 바뀌어도 글자가 흔들리지 않게) */
	body.pcf-on .lec-floating-toc .pcfls-pct {
		margin-left: auto;
		color: var(--gray-500);
		font-size: 13px;
		font-weight: 400;
		font-variant-numeric: tabular-nums;
	}

	/* 머리 밑 3px 막대 — 바탕 회색 100 · 채움 초록(정본 4.5 진행 막대) · 양 끝 = 머리 글자 선(24) · 모서리 없음(진행 막대는 둥근 끝을 쓰지 않는다) */
	body.pcf-on .lec-floating-toc .pcfls-bar {
		position: relative;
		height: 3px;
		margin: 0 24px 4px;
		background: var(--gray-100);
		overflow: hidden;
	}

	body.pcf-on .lec-floating-toc .pcfls-bar > span {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 0;
		background: var(--brand-action);
	}
}