/* 굵기 = 2026-10-24 한 단계 가볍게 적용판(fw-map) */
/* PC 새 틀(미리 보기) — 커뮤니티 「앱 짜임」 · 2026-10-20 (글 보기 「라」 = 6절 · 출석체크 「가」 = 7절 · 설문 · 투표 「다」 = 8절 · 만들었어요 한 격자 = 9절 · 목록 찾기 칸 = 10절 · 한국식 표 목록 · 오른쪽 칸 = 11절 · 목록 위 가로 배너 = 12절 · 고정 설문 오른쪽 칸 = 13절 · 학습기록 한 줄 쓰기 「나」 = 14절 · 전역 검색 찾기 칸 = 10절 · 쪽 번호 = 15절 · 2026-10-23 · 소원 부적 = 16절 · 2026-10-25 · 폰 목록 여유 카드 = 17절 · 2026-10-26)
   정본 = design_handoff_oppadu_design_system_v4/oppadu-design-guide-v4.md 7.14(앱 짜임) · 13.5(커뮤니티 목록 모양)
   운영자 시안 claude.ai 아티팩트 7WuvAQj8f45iTwqGVVQJcK — 5판 「이 판으로 정본을 잡는다」 · 글 종류 고르기 「나 · 3열 칸」
   싣는 곳 = inc/pc-frame-community.php(새 틀 요청 + 커뮤니티 화면) · 모두 body.pcf-on 아래 + 1025 이상(정본 14.3-1)
   숫자는 지금 정본 그대로(칸 8 · 단추 · 검색칸 6 · 단추 42 · 14/600 · 제목 22 · 초록은 채운 단추 · 지금 칸만 — 4판 실제 크기 비교) — 바뀌는 것은 짜임뿐:
   회색 묶음 칸 · 칸 안 줄 선(왼쪽 들여) · 칸 위 회색 작은 이름 · 「이름 … 값 ⌄」 한 줄 · 고르기 단추 · 그릇 없는 글 목록 · 글 종류 3열 칸
   하위 메뉴(.pcf-sub)는 그대로(4판 메모 「보조 내비게이션은 지금 스타일이 낫다」) — 머리글은 css/pcf.css 몫이라 여기서 손대지 않는다
   ⛔ !important 를 쓰지 않는다 — body.pcf-on 을 앞에 붙인 명시도로 플러그인 규칙(.oc-community …)을 이긴다
   ⛔ 묶음 칸에 overflow: hidden 을 걸지 않는다 — 칸 안 「⌄」 목록(.oc-dd-menu)이 잘린다 */
@media (min-width: 1025px) {

	/* 값은 공용 부품(css/pcf-ui.css 의 --pcf-ui-*)에서 가져온다 — 바꿀 땐 그쪽 한 곳만(괄호 안은 그 파일이 안 실렸을 때의 같은 값) */
	body.pcf-on .oc-community {
		--pcf-oc-cell: var(--pcf-ui-cell, var(--gray-100));       /* 묶음 칸 · 회색 면 입력칸 */
		--pcf-oc-cell-hi: var(--pcf-ui-cell-hi, var(--gray-200)); /* 회색 칸 위 채움(고르기 단추 바탕) · 칸 마우스 올림 */
		--pcf-oc-sep: var(--pcf-ui-sep, var(--gray-200));         /* 칸 안 줄 선 */
		--pcf-oc-sub: var(--pcf-ui-muted, var(--gray-500));       /* 칸 이름 · 고른 값 · 곁 정보 · 화면 링크 */
		--pcf-oc-ink: var(--pcf-ui-ink, var(--gray-900));         /* 글자 · 누르는 글자 */
		--pcf-oc-icon: var(--pcf-ui-icon, var(--gray-700));       /* 아이콘(정본 4.5) */
		--pcf-oc-r: var(--pcf-ui-r, 8px);                         /* 칸 */
		--pcf-oc-rb: var(--pcf-ui-r-ctl, 6px);                    /* 단추 · 고르기 단추 */
		--pcf-oc-focus: var(--pcf-ui-focus, 2px solid var(--primary));
	}

	/* ── 1. 목록 머리 — 게시판 이름 22 · 정렬은 검정 글자 · 보기 바꾸기 = 고르기 단추 ── */
	body.pcf-on .oc-community .oc-board-name-t { font-size: 22px; font-weight: 600; letter-spacing: -.02em; }
	body.pcf-on .oc-community .oc-board-n { font-size: 14px; font-weight: 400; color: var(--pcf-oc-sub); }
	/* 머리 줄(게시판 이름 · 찾기 · 정렬) 양 끝 = 글 목록 양 끝(2026-10-25 운영자 「커뮤니티 제목/필터 좌우 정렬 게시글 목록과 맞춥니다」 — 플러그인은 카드 글자에 맞춰 22 · 15 들였다) */
	body.pcf-on .oc-community .oc-feed-controls { align-items: center; min-height: 40px; padding-right: 0; padding-left: 0; }
	body.pcf-on .oc-community .oc-dd--sort .oc-dd-btn { color: var(--pcf-oc-ink); font-size: 14px; font-weight: 500; }
	/* 목록 머리 줄의 고르기(말머리 「전체 ⌄」 · 정렬 「최신순 ⌄」) = 옆 찾기 칸(36 · 회색 면 · 6)과 같은 높이 · 마우스 올림 · 펼침은 회색 면 + 검정 글자
	   (2026-10-25 운영자 「필터 높이 검색창과 맞춰 주세요 · 호버색 초록에서 검정으로」 — 플러그인은 펼침 글자가 초록 · 정본 v4 7.14 누르는 글자 = --gray-900) */
	body.pcf-on .oc-community .oc-feed-controls .oc-dd .oc-dd-btn { height: 36px; padding: 0 10px 0 12px; border-radius: var(--pcf-oc-rb); }
	body.pcf-on .oc-community .oc-feed-controls .oc-dd .oc-dd-btn:hover,
	body.pcf-on .oc-community .oc-feed-controls .oc-dd[data-open="1"] .oc-dd-btn { background: var(--pcf-oc-cell); color: var(--pcf-oc-ink); }
	body.pcf-on .oc-community .oc-view-seg { gap: 0; height: 32px; padding: 2px; border-radius: var(--pcf-oc-rb); background: var(--pcf-oc-cell); }
	/* 보기 바꾸기 단추(여유 · 압축 · 사진)는 숨긴다 — 목록은 압축형(한국식 표 한 줄) 하나(2026-10-25 운영자 「나머지 보기는 나중에 쓸지 모르니 남겨만 두고 버튼 숨김」 ·
	   예전에 고른 보기도 안 따름 = 테마 inc/pc-frame-community.php 4-1절 oc_feed_view_switch) — 되살리려면 이 줄과 그 거르개만 걷는다 */
	body.pcf-on .oc-community .oc-feed-controls .oc-view-seg { display: none; }
	body.pcf-on .oc-community .oc-view-opt { width: 34px; height: 28px; border-radius: 5px; color: var(--gray-500); }
	body.pcf-on .oc-community .oc-view-opt:hover { color: var(--pcf-oc-ink); }
	body.pcf-on .oc-community .oc-view-opt.is-active { background: var(--surface-white); color: var(--pcf-oc-ink); box-shadow: 0 2px 6px rgba(0, 0, 0, .12), 0 0 0 .5px rgba(0, 0, 0, .04); }

	/* ── 2. 고정 설문 · 오른쪽 칸 = 회색 묶음 칸(광고 칸은 그대로) ── */
	body.pcf-on .oc-community .oc-poll-feature { margin-bottom: 0; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); }
	body.pcf-on .oc-community .oc-poll-feature-row { padding: 14px 20px 15px; border-bottom: 0; }
	body.pcf-on .oc-community .oc-poll-feature-open { color: var(--pcf-oc-ink); }
	body.pcf-on .oc-community .oc-widgets .oc-card:not(.oc-ad-slot) { border: 0; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); box-shadow: none; }
	body.pcf-on .oc-community .oc-now-head { font-weight: 500; }
	body.pcf-on .oc-community .oc-now-divider { background: var(--pcf-oc-sep); }
	body.pcf-on .oc-community .oc-ticker-more { background: transparent; color: var(--pcf-oc-sub); font-size: 14px; font-weight: 500; }
	body.pcf-on .oc-community .oc-ticker-more:hover { color: var(--pcf-oc-ink); }

	/* ── 3. 글 목록(카드 보기) = 그릇 없는 목록 · 줄 사이 선(왼쪽 20 들여) — 사진 · 갤러리 · 한 줄 보기는 그대로 ── */
	body.pcf-on .oc-community .oc-feed-list:not(.is-photo):not(.is-gallery) > .oc-feed-card { position: relative; padding: 18px 20px 16px; border-radius: 0; }
	body.pcf-on .oc-community .oc-feed-list:not(.is-photo):not(.is-gallery) > .oc-feed-card + .oc-feed-card::before { content: ""; position: absolute; top: 0; right: 0; left: 20px; height: 1px; background: var(--pcf-oc-sep); }
	body.pcf-on .oc-community .oc-feed-list:not(.is-photo):not(.is-gallery) > .oc-feed-card:hover { background: var(--gray-50); }
	body.pcf-on .oc-community .oc-feed-list:not(.is-photo):not(.is-gallery) > .oc-feed-card.oc-poll-card:hover { background: transparent; }
	body.pcf-on .oc-community .oc-feed-card .oc-feed-title { font-size: 16px; font-weight: 500; }

	/* ── 4. 글 종류 고르기 = 나 · 3열 칸 — 바깥 테두리 카드를 걷는다(학습기록 한 줄 쓰기 = 14절) ── */
	body.pcf-on .oc-community .oc-composer.oc-card:not(.oc-line-mode) { gap: 10px; padding: 0; border: 0; background: transparent; box-shadow: none; }
	body.pcf-on .oc-community .oc-composer:not(.oc-line-mode) .oc-composer-head { min-height: 44px; padding: 0 2px; }
	body.pcf-on .oc-community .oc-composer-headtitle { font-size: 22px; font-weight: 600; line-height: 1.25; letter-spacing: -.02em; }
	body.pcf-on .oc-community .oc-composer-pick { gap: 16px; }
	body.pcf-on .oc-community .oc-pick-q { margin: -4px 0 0; padding: 0 2px; font-size: 14px; font-weight: 400; color: var(--pcf-oc-sub); }
	body.pcf-on .oc-community .oc-pick-opts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
	body.pcf-on .oc-community .oc-pick-opt { justify-content: flex-start; gap: 16px; padding: 20px 20px 22px; border: 0; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); box-shadow: none; }
	body.pcf-on .oc-community .oc-pick-opt:hover { background: var(--pcf-oc-cell-hi); }
	body.pcf-on .oc-community .oc-pick-opt-top { align-items: flex-start; }
	body.pcf-on .oc-community .oc-pick-opt-ic { display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--pcf-oc-r); background: var(--surface-white); color: var(--pcf-oc-icon); }
	body.pcf-on .oc-community .oc-pick-opt-t { font-size: 15px; font-weight: 500; line-height: 1.4; color: var(--pcf-oc-ink); }
	body.pcf-on .oc-community .oc-pick-opt-s { font-size: 13px; line-height: 1.5; color: var(--pcf-oc-sub); }
	body.pcf-on .oc-community .oc-pick-opt-badge { height: auto; padding: 0; background: transparent; color: var(--pcf-oc-sub); font-size: 12px; font-weight: 400; }
	/* 글쓰기 첫 줄 = 게시판 칸 + 카테고리 칸(2026-10-25 운영자 「처음에 드롭다운 나오고 '게시판을 선택해주세요' 고릅니다」 → 「드롭다운이 다소 넓다 ·
	   좌측 기본 게시판, 우측 상세 카테고리(이야기면 자유 · 꿀팁 등)」 → 「첫 상태부터 모든 항목 보이도록 · 메인카테고리 → 서브카테고리 → 선택하는 동안 제목 · 본문 등은 입력 불가」).
	   위 글 종류 칸(나 · 3열)은 숨긴다. 왼쪽 = 머리의 게시판 드롭다운(플러그인 .oc-boardsel — 고르면 그 폼 · 설문·투표는 만들기) · 오른쪽 = 그 게시판의 말머리 고르기(.oc-headsel) 또는
	   말머리가 없는 게시판의 「카테고리」 옵션(.oc-opt--cat — 질문답변) — 둘 다 플러그인 community.js 가 이 줄로 옮긴다(갈림길 필터 oc_composer_selrow → .oc-selrow).
	   게시판을 고르기 전엔 오른쪽이 누를 수 없는 빈 칸 · 아래 폼은 카테고리까지 고를 때까지 흐리게 잠근다(community.js syncComposerLock 이 inert 를 건다 — 누르면 고를 칸이 펼쳐진다).
	   고를 카테고리가 없는 게시판(학습기록)은 게시판 칸이 폭 가득. 칸은 제목 칸과 같은 회색 칸 52 · 고르기 전 글자는 흐리게. 항목 순서는 글 종류 칸 순서(질문 먼저) */
	body.pcf-on .oc-community .oc-composer[data-picked="0"] .oc-composer-pick { display: none; }
	body.pcf-on .oc-community .oc-composer.oc-selrow:not(.oc-line-mode) .oc-composer-head { flex-wrap: wrap; row-gap: 14px; column-gap: 12px; }
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-composer-headtitle { flex: 1 0 100%; }
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-boardsel,
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-composer-head > .oc-headsel,
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-composer-head > .oc-opt--cat { flex: 1 1 0; min-width: 0; } /* 감싼 칸엔 안쪽 여백이 없어 둘이면 정확히 반씩(사이 12) · 하나면 폭 가득 */
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-boardsel { display: block; }
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-composer-head > .oc-headsel .oc-dd-btn:disabled { cursor: default; opacity: .5; }
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-composer-form > [inert] { opacity: .5; }
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-composer-head > .oc-headsel .oc-headsel-mount { display: block; flex: 1 1 auto; min-width: 0; } /* 단추를 감싼 칸이 글자 폭에 머물면 단추가 반 칸으로 안 는다 */
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-composer-head > .oc-opt--cat { display: block; gap: 0; }
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-composer-head > .oc-opt--cat .oc-opt-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } /* 「카테고리 *」 이름은 칸 안 안내 문구가 대신한다(화면 읽기용으로만 남김) */
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-composer-head > .oc-headsel .oc-dd,
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-composer-head > .oc-opt--cat .oc-dd { width: 100%; }
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-boardsel-btn,
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-composer-head > .oc-headsel .oc-dd-btn,
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-composer-head > .oc-opt--cat .oc-dd-btn {
		box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; height: 52px; padding: 0 16px;
		border: 0; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); color: var(--pcf-oc-ink); font-size: 17px; font-weight: 400;
	}
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-boardsel-btn:hover,
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-composer-head > .oc-headsel .oc-dd-btn:not(:disabled):hover,
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-composer-head > .oc-opt--cat .oc-dd-btn:hover { background: var(--pcf-oc-cell-hi); }
	body.pcf-on .oc-community .oc-composer.oc-selrow[data-picked="0"] .oc-boardsel-btn,
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-composer-head > .oc-headsel .oc-dd.is-placeholder .oc-dd-btn,
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-composer-head > .oc-opt--cat .oc-dd.is-placeholder .oc-dd-btn { color: var(--pcf-oc-sub); }
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-boardsel-menu,
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-composer-head > .oc-headsel .oc-dd-menu,
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-composer-head > .oc-opt--cat .oc-dd-menu { left: 0; right: 0; width: auto; min-width: 0; max-width: none; max-height: 360px; } /* 칸 폭 그대로(아래 「펼친 목록」 공용 폭을 덮는다) · 줄 48 — 일곱 줄까지 스크롤 없이(플러그인 기본 260 이면 질문답변 카테고리 여섯째 「기타」가 아래로 숨었다) */
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-boardsel-opt,
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-composer-head > .oc-headsel .oc-dd-opt,
	body.pcf-on .oc-community .oc-composer.oc-selrow .oc-composer-head > .oc-opt--cat .oc-dd-opt { padding: 12px 14px; font-size: 15px; color: var(--pcf-oc-ink); }
	body.pcf-on .oc-community .oc-boardsel-opt[data-board="qna"] { order: 1; }
	body.pcf-on .oc-community .oc-boardsel-opt[data-board="talk"] { order: 2; }
	body.pcf-on .oc-community .oc-boardsel-opt[data-board="made"] { order: 3; }
	body.pcf-on .oc-community .oc-boardsel-opt[data-board="log"] { order: 4; }
	body.pcf-on .oc-community .oc-boardsel-opt[data-board="bookqna"] { order: 5; }
	body.pcf-on .oc-community .oc-boardsel-opt[data-board="news"] { order: 6; }
	body.pcf-on .oc-community .oc-boardsel-opt[data-board="poll"] { order: 7; }

	/* ── 5. 글쓰기 — 회색 면 입력칸 · 「이름 … 값 ⌄」 한 줄 · 칸 위 회색 작은 이름 · 단추 42 ── */
	body.pcf-on .oc-community .oc-boardsel-btn { height: 36px; padding: 0 12px; border: 0; border-radius: var(--pcf-oc-rb); background: var(--pcf-oc-cell); }
	body.pcf-on .oc-community .oc-boardsel-btn:hover { background: var(--pcf-oc-cell-hi); }
	body.pcf-on .oc-community .oc-composer-title { height: 52px; padding: 0 16px; border: 0; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); font-size: 17px; font-weight: 500; }
	body.pcf-on .oc-community .oc-composer-title:focus { background: var(--surface-white); outline: var(--pcf-oc-focus); outline-offset: -2px; }

	/* 게시판 옵션(엑셀 · OS 버전 등) — 묶음 칸 하나 안의 줄들 · 고른 값과 ⌄ 은 오른쪽 · 펼친 목록도 오른쪽 끝에 맞춘다 */
	body.pcf-on .oc-community .oc-composer-options:not([hidden]) { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); }
	body.pcf-on .oc-community .oc-composer-options .oc-opt { position: relative; flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; min-height: 50px; padding: 0 16px; }
	body.pcf-on .oc-community .oc-composer-options .oc-opt + .oc-opt::before { content: ""; position: absolute; top: 0; right: 0; left: 16px; height: 1px; background: var(--pcf-oc-sep); }
	body.pcf-on .oc-community .oc-composer-options .oc-opt-label { flex: none; margin: 0; font-size: 16px; font-weight: 400; color: var(--pcf-oc-ink); }
	body.pcf-on .oc-community .oc-composer-options .oc-dd { flex: none; }
	body.pcf-on .oc-community .oc-composer-options .oc-dd-btn { padding: 4px 0; border: 0; background: transparent; color: var(--pcf-oc-sub); font-size: 15px; }
	body.pcf-on .oc-community .oc-composer-options .oc-dd-btn:focus-visible { outline: var(--pcf-oc-focus); outline-offset: 2px; border-radius: 4px; }
	body.pcf-on .oc-community .oc-composer-options .oc-dd-menu { right: 0; left: auto; }
	body.pcf-on .oc-community .oc-composer-options input.oc-opt-field:not([type="hidden"]) { flex: 1 1 auto; width: auto; min-width: 0; padding: 0; border: 0; background: transparent; text-align: right; font-size: 16px; font-weight: 400; }
	/* 줄 어디를 눌러도 그 줄의 목록이 열린다 · 적는 줄이면 그 칸에 커서(community.js 「옵션 묶음 칸의 한 줄」 · 2026-10-25 운영자) */
	body.pcf-on .oc-community .oc-composer-options .oc-opt { cursor: pointer; -webkit-user-select: none; user-select: none; }
	body.pcf-on .oc-community .oc-composer-options .oc-opt:has(> input.oc-opt-field:not([type="hidden"])) { cursor: text; }
	body.pcf-on .oc-community .oc-composer-options input.oc-opt-field:not([type="hidden"]) { -webkit-user-select: text; user-select: text; outline: 0; color: var(--pcf-oc-ink); }
	body.pcf-on .oc-community .oc-composer-options input.oc-opt-field::placeholder { color: var(--pcf-oc-sub); opacity: 1; }
	/* 숫자 칸(교재문의 「페이지」)의 위아래 화살표를 걷는다 — 오른쪽 끝에 떠 어색했다(2026-10-25 운영자 「페이지 선택 시 테두리 이상함」) */
	body.pcf-on .oc-community .oc-composer-options input[type="number"].oc-opt-field { -moz-appearance: textfield; appearance: textfield; }
	body.pcf-on .oc-community .oc-composer-options input[type="number"].oc-opt-field::-webkit-inner-spin-button,
	body.pcf-on .oc-community .oc-composer-options input[type="number"].oc-opt-field::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
	/* 적는 줄 포커스 = 그 줄만 흰 면 + 초록 한 겹(정본 7.14 회색 면 입력칸과 같은 표시) — 모서리는 묶음 칸 바깥 모서리에 닿는 쪽만 둥글게(가운데 줄은 네모) */
	body.pcf-on .oc-community .oc-composer-options .oc-opt:has(> input.oc-opt-field:focus) { border-radius: 0; background: var(--surface-white); outline: var(--pcf-oc-focus); outline-offset: -2px; }
	body.pcf-on .oc-community .oc-composer-options .oc-opt:first-child:has(> input.oc-opt-field:focus) { border-top-left-radius: var(--pcf-oc-r); border-top-right-radius: var(--pcf-oc-r); }
	body.pcf-on .oc-community .oc-composer-options .oc-opt:last-child:has(> input.oc-opt-field:focus) { border-bottom-right-radius: var(--pcf-oc-r); border-bottom-left-radius: var(--pcf-oc-r); }
	body.pcf-on .oc-community .oc-composer-options .oc-opt:has(> input.oc-opt-field:focus)::before,
	body.pcf-on .oc-community .oc-composer-options .oc-opt:has(> input.oc-opt-field:focus) + .oc-opt::before { display: none; } /* 흰 줄 위아래 줄 선은 초록 테두리와 겹쳐 두 겹으로 보여 걷는다 */

	/* 펼친 목록 — 글쓰기 · 목록 머리의 모든 고르기 목록을 한 모양으로(2026-10-25 운영자 「열리는 드롭다운 목록이 안 예쁩니다 · 나머지 드롭다운에도 적용」):
	   흰 판 · 모서리 8 · 그림자 한 겹(테두리 없이 아주 옅은 둘레만) · 안쪽 6 · 줄 높이 40 · 마우스 올림 = 회색 면 · 고른 값 = 굵게 + 오른쪽 ✓(흑백 — 같은 목록 고르기에 초록을 쓰지 않는다 · 정본 4.5)
	   · 좁은 칸에 붙어도 목록은 180 이상(옛 판은 칸 폭에 묶여 가로 스크롤이 생겼다) · 일곱 줄까지 스크롤 없이 · 넘치면 얇은 막대 */
	body.pcf-on .oc-community .oc-dd-menu,
	body.pcf-on .oc-community .oc-boardsel-menu {
		box-sizing: border-box; width: max-content; min-width: 180px; max-width: 320px; max-height: 340px; gap: 2px; padding: 6px;
		overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; border: 0; border-radius: var(--pcf-oc-r); background: var(--surface-white);
		box-shadow: 0 10px 28px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .06); scrollbar-width: thin; scrollbar-color: var(--gray-300) transparent;
	}
	body.pcf-on .oc-community .oc-dd-menu::-webkit-scrollbar,
	body.pcf-on .oc-community .oc-boardsel-menu::-webkit-scrollbar { width: 10px; }
	body.pcf-on .oc-community .oc-dd-menu::-webkit-scrollbar-thumb,
	body.pcf-on .oc-community .oc-boardsel-menu::-webkit-scrollbar-thumb { border: 3px solid var(--surface-white); border-radius: 6px; background: var(--gray-300); }
	body.pcf-on .oc-community .oc-dd-opt,
	body.pcf-on .oc-community .oc-boardsel-opt {
		display: flex; align-items: center; gap: 8px; box-sizing: border-box; width: 100%; min-height: 40px; padding: 0 12px;
		border-radius: var(--pcf-oc-rb); color: var(--pcf-oc-ink); font-size: 15px; font-weight: 400; line-height: 1.3; text-align: left; white-space: nowrap;
	}
	body.pcf-on .oc-community .oc-dd-opt:hover,
	body.pcf-on .oc-community .oc-boardsel-opt:hover { background: var(--pcf-oc-cell); }
	body.pcf-on .oc-community .oc-dd-opt.is-active,
	body.pcf-on .oc-community .oc-boardsel-opt.is-active { color: var(--pcf-oc-ink); font-weight: 600; }
	body.pcf-on .oc-community .oc-dd-opt.is-active::after,
	body.pcf-on .oc-community .oc-boardsel-opt.is-active::after { content: ""; flex: none; box-sizing: content-box; width: 5px; height: 10px; margin: -4px 4px 0 auto; padding: 0; border: solid var(--pcf-oc-ink); border-width: 0 2px 2px 0; transform: rotate(45deg); }
	body.pcf-on .oc-community .oc-feed-controls .oc-dd-menu { min-width: 150px; }
	body.pcf-on .oc-community .oc-feed-controls .oc-dd-opt { min-height: 38px; font-size: 14px; }

	/* 편집기 — 회색 면 · 도구 줄 아래 선 하나 */
	body.pcf-on .oc-community .mce-tinymce.mce-container.mce-panel { border: 0; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); }
	body.pcf-on .oc-community .mce-tinymce .mce-panel,
	body.pcf-on .oc-community .mce-tinymce .mce-toolbar-grp { background: var(--pcf-oc-cell); }
	body.pcf-on .oc-community .mce-tinymce .mce-toolbar-grp { border-bottom: 1px solid var(--pcf-oc-sep); }
	body.pcf-on .oc-community .mce-tinymce .mce-statusbar { border-top: 0; background: var(--pcf-oc-cell); }
	/* 글쓰기 본문 편집기만 = 둥근 테두리 상자(2026-10-25 운영자 「둥근 테두리 상자로 · 모서리는 정본 따름」 — 시안 claude.ai 아티팩트 LEGmTKhfxxwFLtY84MaWrn B · Reddit 글쓰기).
	   아래 회색 줄(높이 손잡이)을 걷은 뒤 흰 본문 끝이 바탕에 묻혀 입력란이 안 보였다 → 흰 상자 · 회색 300 테두리 · 모서리 8(위 규칙 그대로) · 도구 줄 아래 선 없음 ·
	   쓰는 동안 테두리만 진하게(초점 표시 한 겹). 댓글 편집기(6절 「댓글 · 답글 · 고치기 칸의 편집기 판」 되돌림)는 그대로 — .oc-composer 안에만 건다 */
	body.pcf-on .oc-community .oc-composer .mce-tinymce.mce-container.mce-panel { border: 1px solid var(--gray-300); background: var(--surface-white); }
	body.pcf-on .oc-community .oc-composer .mce-tinymce .mce-panel,
	body.pcf-on .oc-community .oc-composer .mce-tinymce .mce-toolbar-grp { background: var(--surface-white); }
	body.pcf-on .oc-community .oc-composer .mce-tinymce .mce-toolbar-grp { padding: 8px 10px 2px; border-bottom: 0; }
	body.pcf-on .oc-community .oc-composer .mce-tinymce.mce-container.mce-panel.oc-ed-focus { border-color: var(--gray-700); } /* .oc-ed-focus = community.js 편집기 focus·blur(:focus-within 은 iframe 안 커서를 못 잡는다) */

	/* 칸 이름(파일 첨부 · 태그) — 칸 위 13/400 회색 · 왼쪽 16 들여 */
	body.pcf-on .oc-community .oc-fsec-head { padding: 0 16px; }
	body.pcf-on .oc-community .oc-fsec-title { font-size: 13px; font-weight: 400; color: var(--pcf-oc-sub); }
	body.pcf-on .oc-community .oc-fsec-meta,
	body.pcf-on .oc-community .oc-fsec-optional { font-size: 13px; color: var(--pcf-oc-sub); }

	/* 첨부 칸 — 점선 대신 회색 면 */
	body.pcf-on .oc-community .oc-dropzone { padding: 18px; border: 0; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); }
	body.pcf-on .oc-community .oc-dropzone.is-compact { padding: 12px 16px; }
	body.pcf-on .oc-community .oc-dropzone:hover,
	body.pcf-on .oc-community .oc-dropzone.is-dragover { background: var(--pcf-oc-cell-hi); }
	body.pcf-on .oc-community .oc-dz-ic { color: var(--pcf-oc-icon); }
	body.pcf-on .oc-community .oc-dz-primary { font-size: 15px; font-weight: 500; }
	body.pcf-on .oc-community .oc-dz-link { color: var(--pcf-oc-ink); }

	/* 태그 */
	body.pcf-on .oc-community .oc-tag-auto { padding: 0; background: transparent; color: var(--pcf-oc-ink); font-weight: 500; }
	body.pcf-on .oc-community .oc-composer-tags { align-items: center; min-height: 48px; padding: 0 16px; border: 0; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); }
	body.pcf-on .oc-community .oc-composer-tags:focus-within { background: var(--surface-white); outline: var(--pcf-oc-focus); outline-offset: -2px; }
	body.pcf-on .oc-community .oc-composer-tagswrap.is-nudge .oc-composer-tags { box-shadow: none; outline: var(--pcf-oc-focus); outline-offset: -2px; }
	body.pcf-on .oc-community .oc-tag-hint { padding: 0 16px; font-size: 13px; color: var(--pcf-oc-sub); }

	/* 아래 단추 — 정본 7.3(42 · 14/600 · 6 · 보조 = 회색 면) */
	body.pcf-on .oc-community .oc-composer-cancel { height: 42px; padding: 0 20px; border: 0; border-radius: var(--pcf-oc-rb); background: var(--pcf-oc-cell); font-size: 14px; }
	body.pcf-on .oc-community .oc-composer-cancel:hover { background: var(--pcf-oc-cell-hi); }
	body.pcf-on .oc-community .oc-composer-submit { height: 42px; padding: 0 22px; border-radius: var(--pcf-oc-rb); font-size: 14px; }
	body.pcf-on .oc-community .oc-qna-alert { height: 42px; padding: 0 16px; border: 0; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); }
	body.pcf-on .oc-community a.oc-qna-alert:hover { background: var(--pcf-oc-cell-hi); }
}

/* 칸이 좁아지는 PC 폭(1025~1199) — 글 종류 칸은 2열(3열이면 제목이 두 줄로 접힌다) */
@media (min-width: 1025px) and (max-width: 1199px) {
	body.pcf-on .oc-community .oc-pick-opts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ── 6. 글 보기 「라」 — 2026-10-23 운영자 「라가 좋네요」(시안 claude.ai 아티팩트 LVjBXMQf4YafWbsHs4cLuq 4판 · 정본 v4 13.6)
   틀은 목록과 같다(글 856 까지 + 오른쪽 칸 300~360 — css/pcf.css 「커뮤니티」 절 · 2026-10-26). 테두리 카드 넷(글 · 댓글 · 최근 글 · 글쓴이)을 걷고 7.14 짜임으로.
   오른쪽 칸의 글쓴이 한 줄(.pcfcm-author) · 최근 글(.pcfcm-recent) · 본문 위아래 광고(.pcfcm-ad)는 inc/pc-frame-community.php 2절이 그린다. ── */
@media (min-width: 1025px) {

	/* 글 — 흰 바탕에 바로 */
	body.pcf-on .oc-detail-page .oc-detail-article { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }

	/* 머리 칩 → 목록 카드와 같은 곁 줄 글자(미해결 = 주의 글자 · 해결 = 성공 글자 · 옵션 = 「이름 값」) */
	body.pcf-on .oc-detail-page .oc-detail-article > .oc-chips { gap: 14px; margin: 0 0 10px; }
	body.pcf-on .oc-detail-page .oc-detail-article > .oc-chips .oc-badge { display: inline-flex; align-items: center; gap: 4px; max-width: none; padding: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--gray-500); font-size: 13px; font-weight: 500; line-height: 1.5; }
	body.pcf-on .oc-detail-page .oc-detail-article > .oc-chips .oc-badge-unresolved { color: var(--color-warning-text); }
	body.pcf-on .oc-detail-page .oc-detail-article > .oc-chips .oc-badge-resolved { color: var(--color-success-text); }
	body.pcf-on .oc-detail-page .oc-detail-article > .oc-chips .oc-badge-opt::before { content: attr(title); color: var(--gray-400); font-weight: 400; }

	/* 제목 · 글쓴이 줄 */
	body.pcf-on .oc-detail-page .oc-detail-title { margin: 0 0 18px; font-size: 26px; font-weight: 600; line-height: 1.35; letter-spacing: -.03em; color: var(--gray-900); }
	body.pcf-on .oc-detail-page .oc-detail-author { padding-bottom: 0; border-bottom: 0; }
	body.pcf-on .oc-detail-page .oc-detail-author-name { font-size: 15px; }
	body.pcf-on .oc-detail-page .oc-detail-author-sub { font-size: 13px; }

	/* 본문 — 정본 Body 16/1.7 · 문단 사이 12(옛 글은 줄마다 <p> 라 20 이면 듬성듬성) */
	body.pcf-on .oc-detail-page .oc-detail-body { padding: 28px 0 0; font-size: 16px; line-height: 1.7; color: var(--gray-800); }
	body.pcf-on .oc-detail-page .oc-detail-body p { margin: 0 0 12px; }
	body.pcf-on .oc-detail-page .oc-detail-body img,
	body.pcf-on .oc-detail-page .oc-detail-att-img { border-radius: var(--pcf-oc-r); box-shadow: 0 0 0 1px var(--gray-200); }
	body.pcf-on .oc-detail-page .oc-detail-hero .oc-detail-att-img { box-shadow: none; }

	/* 첨부 파일 = 회색 묶음 칸 · 아이콘은 흰 네모 그릇(글 종류 고르기 칸과 같은 결) */
	body.pcf-on .oc-detail-page .oc-detail-attach { margin-top: 20px; }
	body.pcf-on .oc-detail-page .oc-detail-file { gap: 14px; min-width: 320px; padding: 12px 18px 12px 12px; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); }
	body.pcf-on .oc-detail-page .oc-detail-file:hover { background: var(--pcf-oc-cell-hi); }
	body.pcf-on .oc-detail-page .oc-detail-file-ic { width: 40px; height: 40px; border-radius: var(--pcf-oc-r); background: var(--surface-white); color: var(--pcf-oc-icon); }
	body.pcf-on .oc-detail-page .oc-detail-file-name { font-size: 15px; font-weight: 500; }
	body.pcf-on .oc-detail-page .oc-detail-file-sub { font-size: 13px; }

	/* 태그 = 알약 면을 걷고 글자만 · 반응 줄 */
	body.pcf-on .oc-detail-page .oc-detail-tags { gap: 12px; margin-top: 20px; }
	body.pcf-on .oc-detail-page .oc-detail-tags .oc-tag { padding: 0; border-radius: 0; background: transparent; color: var(--gray-600); font-size: 14px; }
	body.pcf-on .oc-detail-page .oc-detail-tags .oc-tag:hover { background: transparent; color: var(--gray-900); }
	body.pcf-on .oc-detail-page .oc-detail-reactbar { margin-top: 24px; }

	/* 투표 — 글 보기의 바깥 상자만 걷는다(보기 칸은 그대로) */
	body.pcf-on .oc-detail-page .oc-poll--detail { padding: 0; border: 0; border-radius: 0; }

	/* 본문 위 · 아래 광고 — PC 새 틀 = 본문 안 광고 없음
	   2026-10-24 운영자 「커뮤니티 본문 위아래 광고가 너무 큽니다. 위에 하나만 낮은 높이로 넣어주세요」 — 그 전엔 본문형(인아티클) 위 · 아래 둘(높이를 구글이 정해 높게 나왔다) → 본문 위 가로 배너 하나 →
	   2026-10-26 운영자 「커뮤니티 본문 상단에 광고 카드 제거합니다」(모두에게 켠 뒤) → 그 배너도 걷었다(inc/pc-frame-community.php 2절 ③ — 서버가 안 그린다).
	   본문형 둘은 서버가 그대로 그린다(폰 · 태블릿 몫 — 서버 갈림길은 폰에도 걸린다) → PC 에서만 숨긴다(숨은 칸은 구글이 채우지 않는다 · 관리자 회색 자리도 그 안이라 같이 숨는다) */
	body.pcf-on .oc-detail-page .oc-detail-ad { display: none; }

	/* 댓글 — 카드를 걷고 가는 선 하나로 구획 · 머리 22 · 개수는 회색(초록 = 단추 · 지금 위치 · 본문 링크만, 정본 4.5) */
	body.pcf-on .oc-detail-page .oc-comments { margin-top: 40px; padding: 40px 0 0; border: 0; border-top: 1px solid var(--pcf-oc-sep); border-radius: 0; background: transparent; }
	body.pcf-on .oc-detail-page .oc-comments-h { margin: 0 0 16px; font-size: 22px; letter-spacing: -.02em; }
	body.pcf-on .oc-detail-page .oc-comments-h span { color: var(--gray-500); font-weight: 400; }
	/* 손님 = 회색 면 입력칸 모양의 한 줄(누르면 로그인) */
	body.pcf-on .oc-detail-page .oc-cmt-login { display: flex; align-items: center; box-sizing: border-box; min-height: 50px; padding: 0 16px; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); color: var(--gray-500); font-size: 15px; }
	body.pcf-on .oc-detail-page .oc-cmt-login a { margin-right: 2px; color: var(--gray-900); }
	/* 회원 = 회색 면 입력칸(앱 짜임 — 글쓰기 제목 · 태그 · 출석 한마디 칸과 같은 꼴) · 접힌 칸 마우스 올림 = 회색 200 · 누르면 흰 면 + 초록 2px 한 겹 · 답글 · 고치기 칸도 같다 —
	   2026-10-24 운영자 「가 회색면으로 수정합니다」(고르기 판 claude.ai 아티팩트 JYMqawQB9zEVUW42W9W3Fa 9판 1 — 가 회색 면 / 나 흰 칸 + 테두리 중 「가」).
	   그 앞(같은 날 8판 ⑨ 「댓글 입력창 깨집니다」)은 흰 칸 + 테두리였다 — 까닭: 플러그인이 칸을 누르기 전부터 붙여 두는 편집기(TinyMCE) iframe 안쪽 바탕이 흰색이라
	   칸을 회색으로 칠하면 칸 안에 흰 네모가 비켜 보였다 → js/pcf-community.js 5절이 편집기마다 그 바탕을 투명으로 바꿔 칸 면이 그대로 비친다(⛔ 그 절 없이 이 회색만 두지 않는다).
	   테두리 = 투명 1px 로 남긴다 — 접힌 한 줄 가운데 맞춤이 플러그인 셈(높이 46 − 테두리 2)이라 빼면 1px 어긋난다 · 모서리 = 접힘 · 펼침 모두 8(플러그인 접힘 규칙 6 · 답글 칸 xl 보다 세게) ·
	   첨부 = 접힌 칸의 [첨부]를 누르면 칸이 먼저 펼쳐지고(플러그인) 고른 파일 칩(흰 면)이 도구 줄 아래 · [첨부][취소][등록]은 오른쪽 아래 그대로 */
	body.pcf-on .oc-detail-page .oc-cmt-composer { padding-top: 0; border-top: 0; }
	body.pcf-on .oc-detail-page .oc-cmt-composer .oc-cmt-box,
	body.pcf-on .oc-detail-page .oc-comments .oc-cmt-replybox,
	body.pcf-on .oc-detail-page .oc-comments .oc-cmt-editbox { border: 1px solid transparent; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); }
	body.pcf-on .oc-detail-page .oc-cmt-composer.is-collapsed .oc-cmt-box:hover:not(:focus-within):not(.pcfcm-ed-focus) { border-color: transparent; background: var(--pcf-oc-cell-hi); }
	/* 누름 = 칸 안 단추 · 입력(:focus-within) 또는 편집기 안 커서(.pcfcm-ed-focus — iframe 안 포커스는 :focus-within 에 안 잡혀 js/pcf-community.js 5절이 단다) */
	body.pcf-on .oc-detail-page .oc-cmt-composer .oc-cmt-box:focus-within,
	body.pcf-on .oc-detail-page .oc-comments .oc-cmt-replybox:focus-within,
	body.pcf-on .oc-detail-page .oc-comments .oc-cmt-editbox:focus-within,
	body.pcf-on .oc-detail-page .oc-comments .pcfcm-ed-focus { background: var(--surface-white); outline: var(--pcf-oc-focus); outline-offset: -2px; }
	/* 고른 파일 칩 = 칸 면과 반대 — 회색 칸 위 흰 면 · 쓰는 동안(흰 칸) 회색 면 */
	body.pcf-on .oc-detail-page .oc-comments .oc-cmt-attach-pick { background: var(--surface-white); }
	body.pcf-on .oc-detail-page .oc-comments :is(.oc-cmt-box:focus-within, .oc-cmt-replybox:focus-within, .pcfcm-ed-focus) .oc-cmt-attach-pick { background: var(--pcf-oc-cell); }
	/* 댓글 · 답글 · 고치기 칸의 편집기 판 = 투명(칸 면이 비치게) · 도구 줄 아래 선 없음 — 위 글쓰기 절의 편집기 규칙(회색 판 · 선)을 댓글 칸 안에서만 되돌린다 */
	body.pcf-on .oc-detail-page .oc-comments .mce-tinymce.mce-container.mce-panel,
	body.pcf-on .oc-detail-page .oc-comments .mce-tinymce .mce-panel,
	body.pcf-on .oc-detail-page .oc-comments .mce-tinymce .mce-toolbar-grp,
	body.pcf-on .oc-detail-page .oc-comments .mce-tinymce .mce-statusbar { background: transparent; }
	body.pcf-on .oc-detail-page .oc-comments .mce-tinymce .mce-toolbar-grp { border-bottom: 0; }
	/* 댓글 첨부 = 테두리 칩 대신 회색 면 */
	body.pcf-on .oc-detail-page .oc-cmt-file { border: 0; border-radius: var(--pcf-oc-rb); background: var(--pcf-oc-cell); box-shadow: none; }
	body.pcf-on .oc-detail-page .oc-cmt-file:hover { background: var(--pcf-oc-cell-hi); }
	/* 댓글 목록 = 줄 사이 선 · 왼쪽을 글자 시작선(얼굴 34 + 12)까지 들여 */
	body.pcf-on .oc-detail-page .oc-cmt-list > .oc-cmt:not(.oc-cmt-accepted) { position: relative; border-bottom: 0; }
	body.pcf-on .oc-detail-page .oc-cmt-list > .oc-cmt + .oc-cmt:not(.oc-cmt-accepted)::before { content: ""; position: absolute; top: 0; right: 0; left: 46px; height: 1px; background: var(--pcf-oc-sep); }

	/* 게시판의 최근 글(만들었어요 — 글 아래에 남는 것) = 그릇 없는 목록 · 머리 22 */
	body.pcf-on .oc-detail-page .oc-detail-recent { margin-top: 64px; padding: 0; border: 0; border-radius: 0; background: transparent; }
	body.pcf-on .oc-detail-page .oc-detail-recent-h { margin: 0 0 8px; font-size: 22px; letter-spacing: -.02em; }
	body.pcf-on .oc-detail-page .oc-detail-recent-item { border-top-color: var(--pcf-oc-sep); }
	body.pcf-on .oc-detail-page .oc-detail-recent-link { padding: 13px 0; }
	body.pcf-on .oc-detail-page .oc-detail-recent-title { font-size: 15px; }
	body.pcf-on .oc-detail-page .oc-detail-recent-link:hover .oc-detail-recent-title { color: var(--gray-900); }
	body.pcf-on .oc-detail-page .oc-detail-recent-cmt { color: var(--gray-500); font-weight: 400; }

	/* ── 오른쪽 칸 — [글쓰기] 42 · 글쓴이 한 줄 · 최근 글 · 다른 작품 = 회색 묶음 칸(목록 화면 「지금 커뮤니티」 칸과 같은 결) · 광고 그대로 ── */
	body.pcf-on .oc-detail-page .oc-detail-write { height: 42px; border-radius: var(--pcf-oc-rb); }
	body.pcf-on .oc-detail-page .pcfcm-author { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 12px; align-items: center; padding: 14px 16px; border: 0; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); box-shadow: none; text-align: left; }
	body.pcf-on .oc-detail-page .pcfcm-author .oc-detail-av-lg { width: 40px; height: 40px; margin: 0; font-size: 16px; }
	body.pcf-on .oc-detail-page .pcfcm-author .oc-detail-author-name { font-size: 15px; text-align: left; }
	body.pcf-on .oc-detail-page .pcfcm-author-sub { margin-top: 1px; color: var(--gray-500); font-size: 13px; }

	body.pcf-on .oc-detail-page .oc-detail-side .pcfcm-recent { margin: 0; padding: 16px 16px 4px; border: 0; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); }
	body.pcf-on .oc-detail-page .pcfcm-recent-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 4px; }
	body.pcf-on .oc-detail-page .pcfcm-recent-head .oc-detail-recent-h { margin: 0; font-size: 15px; font-weight: 500; letter-spacing: 0; }
	body.pcf-on .oc-detail-page .pcfcm-recent-all { flex: none; color: var(--pcf-oc-sub); font-size: 13px; }
	body.pcf-on .oc-detail-page .pcfcm-recent-all:hover { color: var(--pcf-oc-ink); }
	body.pcf-on .oc-detail-page .pcfcm-recent .oc-detail-recent-link { flex-wrap: wrap; gap: 3px 8px; padding: 11px 0; }
	body.pcf-on .oc-detail-page .pcfcm-recent .oc-detail-recent-title { flex: 1 1 100%; font-size: 14px; line-height: 1.45; }
	body.pcf-on .oc-detail-page .pcfcm-recent .oc-detail-recent-title-text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; }
	body.pcf-on .oc-detail-page .pcfcm-recent .oc-detail-recent-author { flex: 0 1 auto; color: var(--gray-500); font-size: 12px; }
	body.pcf-on .oc-detail-page .pcfcm-recent .oc-detail-recent-av { display: none; }
	body.pcf-on .oc-detail-page .pcfcm-recent .oc-detail-recent-views { flex: none; text-align: left; font-size: 12px; }
	body.pcf-on .oc-detail-page .pcfcm-recent .oc-detail-recent-views::before { content: "조회 "; }
	body.pcf-on .oc-detail-page .pcfcm-recent .oc-detail-recent-date { flex: none; text-align: left; font-size: 12px; }

	body.pcf-on .oc-detail-page .oc-made-morecard { border: 0; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); box-shadow: none; }
	body.pcf-on .oc-detail-page .oc-made-moreitem-like { background: var(--surface-white); box-shadow: none; }
}

/* ── 7. 출석체크 = 「가 · 두 줄」 — 2026-10-23 운영자(시안 claude.ai 아티팩트 EPnvHdgPM99KYTAmHxpZHr · 정본 v4 7.14 · 13.5)
   머리 줄 「출석체크 · 오늘 N명」 + 오른쪽 연속 일수 = js/pcf-community.js 가 플러그인 연속 일수 칸(.oc-board-header)에 이름을 더한 것(.pcfcm-ck-head).
   한 줄 쓰기 = 회색 묶음 칸 · 목록 = 그릇 없는 두 줄(얼굴 36) · 줄 사이 선은 이름 시작선(68)부터 · 1 · 2 · 3등은 면 없는 글자. ── */
@media (min-width: 1025px) {

	/* 머리 줄 — 다른 게시판 목록 머리와 같은 자리(이름 22 · 개수 회색 · 양 끝 = 목록 양 끝 = 1절 · 2026-10-25). 손님도 보인다(플러그인은 연속 일수가 없으면 칸째 숨긴다) */
	body.pcf-on .oc-community .oc-board-header.pcfcm-ck-head,
	body.pcf-on .oc-community .oc-board-header.pcfcm-ck-head[hidden] { display: flex; align-items: center; min-height: 40px; margin: 0 0 16px; padding: 0; }
	body.pcf-on .oc-community .pcfcm-ck-head .oc-board-streak { align-self: center; }
	body.pcf-on .oc-community .pcfcm-ck-head .oc-streak-badge { gap: 4px; color: var(--gray-700); font-size: 14px; font-weight: 500; animation: none; }
	body.pcf-on .oc-community .pcfcm-ck-head .oc-streak-badge b { color: var(--gray-900); }
	body.pcf-on .oc-community .oc-mode-panel:has(> .oc-checkin) { margin-top: 0; padding: 0; }

	/* 한 줄 쓰기 = 회색 묶음 칸 · 포커스 = 흰 면 + 초록 한 겹(글 보기 댓글 칸과 같은 결) · [출석하기] 42 */
	body.pcf-on .oc-community .oc-checkin-input { box-sizing: border-box; gap: 6px; min-height: 64px; margin: 0 0 8px; padding: 10px 10px 10px 20px; border: 0; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); }
	body.pcf-on .oc-community .oc-checkin-input:focus-within { background: var(--surface-white); outline: var(--pcf-oc-focus); outline-offset: -2px; }
	body.pcf-on .oc-community .oc-checkin-input .oc-avatar { width: 32px; height: 32px; margin-right: 6px; }
	body.pcf-on .oc-community .oc-checkin-body { height: 44px; font-size: 16px; }
	body.pcf-on .oc-community .oc-checkin-body::placeholder { color: var(--gray-500); }
	body.pcf-on .oc-community .oc-checkin-refresh,
	body.pcf-on .oc-community .oc-checkin-clear { width: 36px; height: 36px; border-radius: var(--pcf-oc-rb); color: var(--gray-500); }
	body.pcf-on .oc-community .oc-checkin-refresh:hover,
	body.pcf-on .oc-community .oc-checkin-clear:hover { background: var(--pcf-oc-cell-hi); color: var(--pcf-oc-ink); }
	body.pcf-on .oc-community .oc-checkin-submit { height: 42px; margin-left: 4px; padding: 0 20px; border-radius: var(--pcf-oc-rb); font-size: 14px; font-weight: 500; }
	body.pcf-on .oc-community .oc-checkin-submit[disabled] { background: var(--pcf-oc-cell-hi); color: var(--gray-500); opacity: 1; }
	/* 손님 = 회색 면 한 줄(누르면 로그인) */
	body.pcf-on .oc-community .oc-checkin-guest { justify-content: flex-start; min-height: 50px; padding: 0 20px; color: var(--gray-500); font-size: 15px; }
	body.pcf-on .oc-community .oc-checkin-guest a { margin-left: 4px; color: var(--gray-900); font-weight: 500; }

	/* 목록 = 그릇 없는 두 줄 — 얼굴 36 · 이름 · 때 · 등수 · 댓글 수 / 한마디 · 오른쪽 「N일 개근 | 총 M일」 */
	body.pcf-on .oc-community .oc-checkin-list { gap: 0; }
	body.pcf-on .oc-community .oc-checkin-row { position: relative; align-items: flex-start; gap: 12px; padding: 16px 20px; border: 0; border-radius: 0; background: transparent; }
	body.pcf-on .oc-community .oc-checkin-row:hover { background: var(--gray-50); }
	body.pcf-on .oc-community .oc-checkin-row + .oc-checkin-row::before { content: ""; position: absolute; top: 0; right: 0; left: 68px; height: 1px; background: var(--pcf-oc-sep); }
	body.pcf-on .oc-community .oc-checkin-row .oc-avatar { width: 36px; height: 36px; }
	body.pcf-on .oc-community .oc-checkin-row-head { gap: 6px; min-height: 22px; }
	body.pcf-on .oc-community .oc-checkin-row-name { color: var(--gray-900); font-size: 15px; }
	body.pcf-on .oc-community .oc-checkin-row .oc-time,
	body.pcf-on .oc-community .oc-checkin-cmt-n { color: var(--gray-500); font-size: 13px; }
	body.pcf-on .oc-community .oc-checkin-cmt-n:hover { color: var(--gray-900); }
	body.pcf-on .oc-community .oc-checkin-row-body { margin-top: 3px; color: var(--gray-800); font-size: 15px; line-height: 1.55; }
	body.pcf-on .oc-community .oc-checkin-medal { margin: 0; padding: 0; border-radius: 0; background: transparent; font-size: 12px; }
	body.pcf-on .oc-community .oc-checkin-stat { color: var(--gray-500); font-size: 13px; }
	body.pcf-on .oc-community .oc-checkin-stat-sep { color: var(--gray-300); }
	/* 댓글이 펼쳐진 줄도 개근 글자는 이름 · 한마디 두 줄 높이에(가운데로 내려가지 않게) */
	body.pcf-on .oc-community .oc-checkin-row:has(.oc-checkin-cmts) .oc-checkin-stat { align-self: flex-start; margin-top: 14px; }
	body.pcf-on .oc-community .oc-checkin-pager { margin-top: 32px; }
}

/* ── 8. 설문 · 투표 = 정본 「설문 질문 칸」(10/20 앱 짜임 5판 — 마블 폴 새 설문 · 정본 v4 7.14 「묶음 칸」 쓰임 = 고정 설문 · 설문 질문 칸)
   2026-10-23 운영자 목록 카드 「다 · 정본대로 줄 50」 · 글쓰기 「정본 칸에 맞춤」(시안 claude.ai 아티팩트 CRoamwoKxb7wgD9TJEiMVi 2판 — 1판 가 · 나는 「정본이 이게 맞나요?」로 반려).
   목록 카드 · 고정 설문 = 회색 칸 하나 · 칸 안 한 줄 50 · 좌우 16 · 16/400 · 줄 사이 선 16 들여 · 아래 줄은 위에 선 — 9/18 옛 틀 테두리 상자(상자 안 상자)를 걷는다.
   투표 방식(밸런스 반쪽 · 줄다리기 막대 · 결과 차오름 · 퀴즈 표시 · 앞 2개 + 더 보기)은 그대로 · 글 보기 투표는 6절(라) 그대로.
   투표 칸엔 「⌄」 목록이 없어 overflow: hidden 으로 모서리를 자른다(첫 줄 마우스 올림 면 · 차오름이 둥근 모서리 밖으로 안 나오게 — 머리 주석의 금지는 「⌄」 목록이 든 칸 얘기). ── */
@media (min-width: 1025px) {

	/* 목록 카드 — 회색 칸 하나(줄이 칸 끝까지 닿게 안쪽 여백 0) */
	body.pcf-on .oc-community .oc-poll--card { gap: 0; margin: 0 0 14px; padding: 0; overflow: hidden; border: 0; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); }
	body.pcf-on .oc-community .oc-poll--card .oc-poll-opts,
	body.pcf-on .oc-community .oc-poll--card .oc-poll-res { gap: 0; }

	/* 한 줄 — 투표 전 보기 · 결과 줄 같은 높이 · 마우스 올림 = 한 단 짙은 면 */
	body.pcf-on .oc-community .oc-poll--card .oc-poll-opt,
	body.pcf-on .oc-community .oc-poll--card .oc-poll-row { position: relative; box-sizing: border-box; gap: 10px; min-height: 50px; padding: 0 16px; border: 0; border-radius: 0; background: transparent; color: var(--pcf-oc-ink); font-size: 16px; font-weight: 400; }
	body.pcf-on .oc-community .oc-poll--card .oc-poll-opt:hover { background: var(--pcf-oc-cell-hi); }
	body.pcf-on .oc-community .oc-poll--card .oc-poll-img { width: 28px; height: 28px; border-radius: 4px; }
	/* 줄 사이 선 — 보이는 줄끼리만(접힌 「더 보기」 보기 .is-extra 는 건너뛴다 · 펼치면 모두) */
	body.pcf-on .oc-community .oc-poll--card :is(.oc-poll-opt, .oc-poll-row):not(.is-extra) ~ :is(.oc-poll-opt, .oc-poll-row)::before,
	body.pcf-on .oc-community .oc-poll--card.is-expanded :is(.oc-poll-opt, .oc-poll-row) ~ :is(.oc-poll-opt, .oc-poll-row)::before { content: ""; position: absolute; top: 0; right: 0; left: 16px; z-index: 1; height: 1px; background: var(--pcf-oc-sep); }
	/* 결과 차오름 = 한 단 짙은 면 · 내 선택(설문) = 연한 초록 면 + 초록 글자 + ✓ — 플러그인 규칙 그대로(테두리만 없음) · 퀴즈 정답 · 오답은 % · 표시 색 */
	body.pcf-on .oc-community .oc-poll--card .oc-poll-fill { background: var(--pcf-oc-cell-hi); }
	body.pcf-on .oc-community .oc-poll--card .oc-poll-pct { font-size: 15px; }

	/* 밸런스 — 한 줄을 반으로(칸 안 세로 선) · 결과면 아래 줄다리기 막대 줄 */
	body.pcf-on .oc-community .oc-poll--card[data-type="balance"] .oc-poll-opts,
	body.pcf-on .oc-community .oc-poll--card .oc-poll-tiles { gap: 0; }
	body.pcf-on .oc-community .oc-poll--card[data-type="balance"] .oc-poll-opt,
	body.pcf-on .oc-community .oc-poll--card .oc-poll-tile { position: relative; gap: 10px; min-height: 56px; padding: 0 16px; border: 0; border-radius: 0; background: transparent; }
	body.pcf-on .oc-community .oc-poll--card .oc-poll-tile.is-mine { background: var(--primary-50); }
	body.pcf-on .oc-community .oc-poll--card[data-type="balance"] .oc-poll-opt + .oc-poll-opt::before,
	body.pcf-on .oc-community .oc-poll--card .oc-poll-tile + .oc-poll-tile::before { content: ""; position: absolute; top: 12px; right: auto; bottom: 12px; left: 0; width: 1px; height: auto; background: var(--pcf-oc-sep); }
	body.pcf-on .oc-community .oc-poll--card[data-type="balance"] .oc-poll-label,
	body.pcf-on .oc-community .oc-poll--card .oc-poll-tile .oc-poll-label { color: var(--pcf-oc-ink); font-size: 16px; font-weight: 400; }
	body.pcf-on .oc-community .oc-poll--card .oc-poll-tile.is-mine .oc-poll-label { color: var(--primary-700); font-weight: 500; }
	body.pcf-on .oc-community .oc-poll--card .oc-poll-split { min-height: 44px; padding: 0 16px; border-top: 1px solid var(--pcf-oc-sep); }

	/* 아래 줄 — 위에 선 · 「+N개 더 보기」 = 누르는 글자(검정 — 초록은 단추 · 지금 위치 · 본문 링크만) · 참여 수 회색 */
	body.pcf-on .oc-community .oc-poll--card .oc-poll-foot { min-height: 44px; padding: 0 16px; border-top: 1px solid var(--pcf-oc-sep); font-size: 13px; }
	body.pcf-on .oc-community .oc-poll-more { color: var(--pcf-oc-ink); font-size: 14px; font-weight: 500; }

	/* 고정 설문(2절 — 이미 회색 칸) — 머리 줄 아래 선 하나로 보기 줄을 잇는다(좌우 20 = 머리 줄 글자선) · 글쓴이 줄도 칸 안 + 위에 선 */
	body.pcf-on .oc-community .oc-poll-feature-panel { padding: 0; border-bottom: 0; }
	body.pcf-on .oc-community .oc-poll-feature .oc-poll--feature { margin: 0; border-top: 1px solid var(--pcf-oc-sep); border-radius: 0; background: transparent; }
	body.pcf-on .oc-community .oc-poll-feature .oc-poll--card .oc-poll-opt,
	body.pcf-on .oc-community .oc-poll-feature .oc-poll--card .oc-poll-row { padding: 0 20px; }
	body.pcf-on .oc-community .oc-poll-feature .oc-poll--card :is(.oc-poll-opt, .oc-poll-row):not(.is-extra) ~ :is(.oc-poll-opt, .oc-poll-row)::before { left: 20px; }
	body.pcf-on .oc-community .oc-poll-feature-foot { margin: 0; padding: 12px 20px 14px; border-top: 1px solid var(--pcf-oc-sep); }

	/* 글쓰기 종류 = 고르기 단추(정본 7.14 쓰임 「설문/퀴즈」) — 고른 종류의 설명(단추 안 span)은 단추 줄 아래 회색 한 줄로 옮겨 보인다 */
	body.pcf-on .oc-community .oc-poll-b-types { position: relative; gap: 0; margin-bottom: 26px; padding: 2px; border-radius: var(--pcf-oc-rb); background: var(--pcf-oc-cell); }
	body.pcf-on .oc-community .oc-poll-b-type { flex-direction: row; align-items: center; justify-content: center; height: 34px; padding: 0 14px; border: 0; border-radius: 5px; background: transparent; color: var(--pcf-oc-ink); }
	body.pcf-on .oc-community .oc-poll-b-type:hover { border-color: transparent; }
	body.pcf-on .oc-community .oc-poll-b-type b { font-size: 14px; font-weight: 500; }
	body.pcf-on .oc-community .oc-poll-b-type.is-active { background: var(--surface-white); box-shadow: var(--pcf-ui-thumb-shadow, 0 3px 8px rgba(0, 0, 0, .12), 0 3px 1px rgba(0, 0, 0, .04)); color: var(--pcf-oc-ink); }
	body.pcf-on .oc-community .oc-poll-b-type.is-active b { font-weight: 500; }
	body.pcf-on .oc-community .oc-poll-b-type span { display: none; }
	body.pcf-on .oc-community .oc-poll-b-type.is-active span { display: block; position: absolute; top: 100%; left: 16px; margin-top: 8px; color: var(--pcf-oc-sub); font-size: 13px; font-weight: 400; white-space: nowrap; }

	/* 질문 · 보기 줄 · 도구 줄 = 칸 하나(견본 「설문 질문 칸」) — 사이 틈(4절 gap 10)을 없애고 위에 선 · 모서리는 맨 위 · 맨 아래만 */
	body.pcf-on .oc-community .oc-poll-builder .oc-poll-b-q { border-radius: var(--pcf-oc-r) var(--pcf-oc-r) 0 0; }
	body.pcf-on .oc-community .oc-poll-b-qslot { border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); }
	body.pcf-on .oc-community .oc-poll-b-opts { gap: 0; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); }
	body.pcf-on .oc-community .oc-poll-builder .oc-poll-b-opts { margin-top: -10px; border-top: 1px solid var(--pcf-oc-sep); border-radius: 0; }
	body.pcf-on .oc-community .oc-poll-builder .oc-poll-b-tools { margin-top: -10px; padding: 4px 8px; border-top: 1px solid var(--pcf-oc-sep); border-radius: 0 0 var(--pcf-oc-r) var(--pcf-oc-r); background: var(--pcf-oc-cell); }
	body.pcf-on .oc-community .oc-poll-b-opt { position: relative; box-sizing: border-box; gap: 10px; min-height: 52px; padding: 6px 8px 6px 16px; }
	body.pcf-on .oc-community .oc-poll-b-opt + .oc-poll-b-opt::before { content: ""; position: absolute; top: 0; right: 0; left: 16px; height: 1px; background: var(--pcf-oc-sep); }
	body.pcf-on .oc-community .oc-poll-b-opt:has(> .oc-poll-b-label:focus) { border-radius: var(--pcf-oc-r); outline: var(--pcf-oc-focus); outline-offset: -2px; }
	body.pcf-on .oc-community .oc-poll-b-opt .oc-poll-key { width: 14px; color: var(--pcf-oc-sub); font-size: 13px; }
	body.pcf-on .oc-community .oc-poll-b-label { height: 40px; padding: 0 4px; border-radius: 0; background: transparent; box-shadow: none; font-size: 16px; }
	body.pcf-on .oc-community .oc-poll-b-label:focus { box-shadow: none; }
	body.pcf-on .oc-community .oc-poll-b-label::placeholder { color: var(--gray-500); }
	body.pcf-on .oc-community .oc-poll-b-oslot { border-radius: var(--pcf-oc-rb); background: var(--surface-white); }
	body.pcf-on .oc-community .oc-poll-b-rm { border-radius: var(--pcf-oc-rb); }
	body.pcf-on .oc-community .oc-poll-b-rm:hover { background: var(--pcf-oc-cell-hi); color: var(--pcf-oc-ink); }
	/* 퀴즈 정답 = 켜면 채운 초록(입력 조작부 켜짐 — 정본 4.5) */
	body.pcf-on .oc-community .oc-poll-b-correct { width: 24px; height: 24px; border: 0; border-radius: var(--pcf-oc-rb); background: var(--surface-white); box-shadow: inset 0 0 0 1.5px var(--gray-300); color: var(--gray-300); }
	body.pcf-on .oc-community .oc-poll-b-correct:hover { color: var(--gray-500); }
	body.pcf-on .oc-community .oc-poll-b-correct[aria-pressed="true"] { background: var(--brand-action); box-shadow: none; color: var(--surface-white); }
	body.pcf-on .oc-community .oc-poll-b-opt.is-correct .oc-poll-key { color: var(--pcf-oc-sub); }

	/* 도구 줄 단추 · 해설 · 아래 단추(정본 7.3 — 42 · 14 · 6 · 보조 = 회색 면) */
	body.pcf-on .oc-community .oc-poll-b-add,
	body.pcf-on .oc-community .oc-poll-b-imgtoggle { height: 36px; padding: 0 12px; border-radius: var(--pcf-oc-rb); font-size: 14px; font-weight: 500; }
	body.pcf-on .oc-community .oc-poll-b-add:hover,
	body.pcf-on .oc-community .oc-poll-b-imgtoggle:hover { background: var(--pcf-oc-cell-hi); }
	body.pcf-on .oc-community .oc-poll-b-exp { padding: 14px 16px; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); box-shadow: none; font-size: 15px; }
	body.pcf-on .oc-community .oc-poll-b-exp:focus { background: var(--surface-white); box-shadow: none; outline: var(--pcf-oc-focus); outline-offset: -2px; }
	body.pcf-on .oc-community .oc-poll-b-exp::placeholder { color: var(--gray-500); }
	body.pcf-on .oc-community .oc-poll-b-hint { color: var(--pcf-oc-sub); font-size: 13px; }
	body.pcf-on .oc-community .oc-poll-b-cancel { height: 42px; padding: 0 20px; border: 0; border-radius: var(--pcf-oc-rb); background: var(--pcf-oc-cell); font-size: 14px; }
	body.pcf-on .oc-community .oc-poll-b-cancel:hover { background: var(--pcf-oc-cell-hi); }
	body.pcf-on .oc-community .oc-poll-b-submit { height: 42px; padding: 0 22px; border-radius: var(--pcf-oc-rb); font-size: 14px; }
}

/* ── 9. 만들었어요 목록 = 한 격자 · 정본 그림 카드 — 2026-10-23 운영자 「이 느낌이 가장 깔끔」(시안 claude.ai 아티팩트 2wxLPeeR6LZW5HS6TKFXap — 분류 칩을 고른 화면을 보내며)
   「전체」도 분류 칩을 고른 화면과 같은 한 격자(맨 위 큰 카드 · 분류별 묶음 없음 — 플러그인 갈림길 필터 oc_made_shelves · inc/pc-frame-community.php 4절).
   카드 = 정본 v4 7.4 틀 없는 그림 카드(그림 16:9 · 8 · 제목 15/600 두 줄 · 곁 줄 13 회색 — 자료실 엑셀 서식 카드와 같은 값) · 칩 = 7.5 거르기 칩.
   곁 줄 「얼굴 이름 · 올린 때 …… ♡ N 댓글 N」 = 10/20 목록 곁 줄 차례(그림에 걸친 얼굴 → 줄 맨 앞 20 · 초록 이름 → 회색 — 4.5) · 한 줄 소개 · 분류 이름은 카드에서 뺀다(「N월 우수작」은 남김).
   마크업 무변경 — 곁 줄은 카드 몸을 grid 로 놓고 아래 줄 상자를 display: contents 로 풀어 맞춘다. 줄 왼쪽 선은 다른 게시판과 같은 105(목록 안쪽 22 그대로). ── */
@media (min-width: 1025px) {

	/* 칩 = 7.5 거르기 칩 — 36 · 0 14 · 6 · 회색 100 · 고른 칩 = 회색 200 + 검정 600(초록 아님 — 4.5) · 테두리 없음
	   글자 14/500 — 고른 칩만 600(7.14 고르기 단추 · 새 틀 무료 강의 거르기 탭처럼 고른 칸만 굵게 · 굵은 글씨를 줄인다) */
	body.pcf-on .oc-community[data-board="made"] .oc-made-chips { gap: 8px; margin-bottom: 12px; }
	body.pcf-on .oc-community .oc-made-chip { gap: 6px; height: 36px; padding: 0 14px; border: 0; border-radius: var(--pcf-oc-rb); background: var(--pcf-oc-cell); color: var(--gray-700); font-size: 14px; font-weight: 500; }
	body.pcf-on .oc-community .oc-made-chip:hover { background: var(--pcf-oc-cell-hi); color: var(--pcf-oc-ink); }
	body.pcf-on .oc-community .oc-made-chip.is-active { background: var(--pcf-oc-cell-hi); color: var(--pcf-oc-ink); font-weight: 500; }
	body.pcf-on .oc-community .oc-made-chip:focus-visible { outline: var(--pcf-oc-focus); outline-offset: 2px; }

	/* 격자 3열 · 사이 32 × 24(자료실 목록과 같은 사이) · 카드마다 제 높이(곁 줄이 제목 바로 아래) */
	body.pcf-on .oc-community .oc-feed-list.is-gallery:not(.is-shelves) { align-items: start; gap: 32px 24px; }

	/* 카드 — 틀 없음 · 그림 16:9 · 8 · 제목 15/600 두 줄(위 10) */
	body.pcf-on .oc-community .oc-gallery-card { position: relative; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
	body.pcf-on .oc-community .oc-gallery-photo { aspect-ratio: 16 / 9; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); }
	body.pcf-on .oc-community .oc-gallery-body { display: grid; grid-template-columns: minmax(0, max-content) max-content minmax(0, 1fr) max-content; grid-template-areas: "head head head head" "title title title title" "who time . acts"; align-items: center; gap: 0; padding: 10px 0 0; }
	body.pcf-on .oc-community .oc-gallery-title { grid-area: title; margin: 0; font-size: 15px; font-weight: 500; line-height: 21px; }
	body.pcf-on .oc-community .oc-gallery-summary { display: none; }

	/* 곁 줄 — 얼굴 20(그림 위에서 카드 왼쪽 아래로) · 이름 · 「· 올린 때」 · 오른쪽 끝 ♡ · 댓글 수(보통 굵기)
	   자리가 모자라면 이름만 「…」로 준다 — 때 · ♡ · 댓글은 제 폭(2026-10-26 글 칸 856 · 카드 275 → 255 에서 긴 이름이면 「어제」가 「♡ 좋아요」에 겹쳤다)
	   늘어나는 칸은 때와 ♡ 사이 빈칸(넷째 줄 「.」) 하나 — 최소가 0 이라 줄 전체에 걸친 제목 폭이 칸에 실리지 않는다(때 칸을 「최소 = 글자 폭」으로 늘리면 제목 폭이 거기 실려 넘친다) */
	body.pcf-on .oc-community .oc-gallery-media { position: static; }
	body.pcf-on .oc-community .oc-gallery-media > .oc-av-link,
	body.pcf-on .oc-community .oc-gallery-media > .oc-avatar { top: auto; left: 0; bottom: 0; }
	body.pcf-on .oc-community .oc-avatar.oc-gallery-av { width: 20px; height: 20px; font-size: 10px; box-shadow: none; }
	body.pcf-on .oc-community .oc-gallery-author { grid-area: who; min-width: 0; margin-top: 6px; padding-left: 26px; overflow: hidden; color: var(--pcf-oc-sub); font-size: 13px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
	body.pcf-on .oc-community .oc-gallery-meta { display: contents; }
	body.pcf-on .oc-community .oc-gallery-time { grid-area: time; margin: 6px 0 0; color: var(--pcf-oc-sub); font-size: 13px; line-height: 20px; white-space: nowrap; }
	body.pcf-on .oc-community .oc-gallery-time::before { content: "·"; margin: 0 5px; }
	body.pcf-on .oc-community .oc-gallery-meta .oc-feed-actions { grid-area: acts; gap: 10px; margin: 6px 0 0 12px; }
	body.pcf-on .oc-community .oc-gallery-meta .oc-like { height: 20px; gap: 4px; padding: 0; border: 0; background: transparent; font-size: 13px; }
	body.pcf-on .oc-community .oc-gallery-meta .oc-comment-n { gap: 4px; font-size: 13px; line-height: 20px; }
	body.pcf-on .oc-community .oc-gallery-meta .oc-num { font-weight: 400; }

	/* 분류 이름은 뺀다(고른 칩이 말한다 · 「전체」는 한 격자) — 「N월 우수작」(made.php 8절 · 9/30 초록 글자)만 제목 위 13 */
	body.pcf-on .oc-community .oc-gallery-head:not(:has(.oc-gallery-best)) { display: none; }
	body.pcf-on .oc-community .oc-gallery-head { grid-area: head; margin: 0 0 2px; font-size: 0; line-height: 1.5; letter-spacing: 0; }
	body.pcf-on .oc-community .oc-gallery-best { color: var(--primary-700); font-size: 13px; font-weight: 500; }
	body.pcf-on .oc-community .oc-gallery-best::before { content: none; }
}

/* ── 10. 목록 찾기 칸 — 정본 v4 13.3 「검색창」(2026-10-23 운영자 「탭줄 오른쪽으로 합시다」 — 시안 claude.ai 아티팩트 F8vPgwUb575TuSadSRp3yz ㄱ · 무료 강의 · 멤버십 목록과 같은 부품)
   목록 머리 줄(이름 … 말머리 · 정렬 · 보기) 오른쪽 맨 앞에 공용 찾기 칸(css/pcf-ui.css .pcf-listq — 240 × 36 · 회색 면 · 6) — 칸 · 줄 = inc/pc-frame-community.php 5절 · 동작 = js/pcf-community.js 2절.
   찾는 중엔 맨 위 고정 설문(커뮤니티 전체)을 숨긴다(찾은 글만) · 맨 아래 「커뮤니티 모두에서 찾기 ›」 = 공용 .pcf-listwide.
   전역 검색 화면(/community/?q= — 「커뮤니티 모두에서 찾기」로 간 곳) = 2026-10-23 운영자 「넣기」(시안 claude.ai 아티팩트 AaLgTaYxWPFKsqnymC2vJN ① · 정본 13.3 「묶음 찾기 결과 화면」 · 시안 hd2\feel\cm-gs.css 값):
   「'○' 검색 결과 N건」 회색 상자 → 목록 머리 줄과 같은 줄(「'○' 검색 결과」 22/700 + 「N건」 14 회색 — 1절 이름 · 개수 값) · 오른쪽 찾기 칸 「커뮤니티 전체에서 찾기」(진짜 폼 — 마크업 inc/pc-frame-community.php 9절 · 끼우기 js/pcf-community.js 4절).
   플러그인 [×] 는 찾기 칸이 들어온 줄에서만 숨긴다(스크립트가 안 돌면 옛 × 가 남는다) · 숫자 쉼표 = 4절. ── */
@media (min-width: 1025px) {
	body.pcf-on .oc-community .oc-feed-controls-right > .pcf-listq { margin-right: 12px; }
	body.pcf-on .oc-community.pcfcm-q-on .oc-poll-feature { display: none; }
	body.pcf-on .oc-community .oc-searchinfo { min-height: 40px; padding: 0 15px 0 22px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
	body.pcf-on .oc-community .oc-searchinfo-text { color: var(--pcf-oc-ink); font-size: 22px; font-weight: 600; letter-spacing: -.02em; }
	body.pcf-on .oc-community .oc-searchinfo-n,
	body.pcf-on .oc-community .pcfcm-gs-n { margin: 0 0 0 6px; color: var(--pcf-oc-sub); font-size: 14px; font-weight: 400; letter-spacing: 0; }
	body.pcf-on .oc-community .pcfcm-gs-n .oc-searchinfo-n { margin: 0; color: inherit; }
	body.pcf-on .oc-community .oc-searchinfo:has(> .pcfcm-gs) .oc-searchinfo-clear { display: none; }
	body.pcf-on .oc-community .oc-searchinfo > .pcfcm-gs { margin-left: auto; }
}

/* 칸이 좁아지는 PC 폭(1025~1199) — 찾기 칸을 줄여 머리 줄이 한 줄에 들어가게 */
@media (min-width: 1025px) and (max-width: 1199px) {
	body.pcf-on .oc-community .oc-feed-controls-right > .pcf-listq { width: 180px; margin-right: 8px; }
}

/* ── 11. 목록 = 한국식 표 한 줄 + 오른쪽 칸 — 2026-10-23 운영자 「지금 게시판은 외국 느낌이라 초보자가 접근하기 어렵다 · 우측 패널 꼭 필요한가?」
   → 「나 · 한국식 목록을 기본으로 하되 날짜는 빼고 · 우측은 아직 해결되지 않은 질문 대신 다른 것」 → 「이대로 넣기」(시안 claude.ai 아티팩트 62x8HsxCPiLeuZDLVAjwiJ 2판 나′)
   표 = 플러그인 「콤팩트하게 보기」(새 틀 기본 — inc/pc-frame-community.php 6절 oc_feed_default_view · 카드 · 사진 보기는 단추로 그대로) · 이름 줄 .pcfcm-thead(다음 목록이 표일 때만) ·
   한 줄 46 · 줄 사이 선 · 제목 15/400 검정(초록 아님) · 앞 칸 .oc-feed-row-lead(커뮤니티 전체 = 게시판 이름 · 다른 게시판 = 말머리 · 질문답변은 미해결/해결 글자가 맡아 숨김) ·
   날짜 칸 없음(올라오는 간격이 그대로 보여서 — 글 보기엔 날짜 그대로).
   오른쪽 = [글쓰기] · 접속 수 한 줄(옛 「지금 커뮤니티」 칸에서 얼굴 줄 · 접속 알림 줄을 숨김) · 「오빠두 소식」 · 「요즘 많이 본 글」(.pcfcm-side — 글 보기 「라」 「최근 글」과 같은 회색 묶음 칸) · 광고 ·
   「아직 해결되지 않은 질문」 칸은 숨김(기다린 날이 보여서). ── */
@media (min-width: 1025px) {

	/* 표 한 줄 */
	body.pcf-on .oc-community .oc-feed-list.is-compact { display: flex; flex-direction: column; gap: 0; padding: 0; }
	body.pcf-on .oc-community .oc-feed-list.is-compact > .oc-feed-row,
	body.pcf-on .oc-community .pcfcm-thead { position: relative; display: flex; align-items: center; gap: 14px; box-sizing: border-box; min-height: 46px; padding: 0 20px; border: 0; border-radius: 0; background: transparent; }
	body.pcf-on .oc-community .oc-feed-list.is-compact > .oc-feed-row + .oc-feed-row::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 1px; background: var(--pcf-oc-sep); }
	body.pcf-on .oc-community .oc-feed-list.is-compact > .oc-feed-row:hover { background: var(--gray-50); }

	/* 이름 줄 — 다음 목록이 표일 때만(출석체크는 목록째 숨어 이름 줄도 숨김) */
	body.pcf-on .oc-community .pcfcm-thead { display: none; min-height: 38px; margin-bottom: -16px; border-top: 1px solid var(--gray-300); border-bottom: 1px solid var(--pcf-oc-sep); color: var(--pcf-oc-sub); font-size: 13px; } /* 아래 -16 = 목록 칸(.oc-feed)의 사이 16 — 이름 줄과 첫 줄을 붙인다 */
	body.pcf-on .oc-community:not([data-board="check"]) .pcfcm-thead:has(+ .oc-feed-list.is-compact:not([style*="display: none"])) { display: flex; }
	/* 글쓰기 중엔 아래 목록(이름 줄 · 표 · 광고 · 쪽 번호)을 숨긴다(2026-10-25 운영자 「글쓰기 단계에서는 밑에 게시글 목록 출력하지 맙시다」) —
	   옛 틀 규칙(플러그인 community.css .oc-feed.oc-composing > :not(.oc-composer))이 위 표 목록 · 이름 줄 규칙(display: flex)보다 약해 새 틀에서만 목록이 남았다.
	   둘째 선택자는 바로 위 이름 줄 규칙과 특이도가 같아 뒤에 와야 이긴다 — 이 줄을 위로 옮기지 말 것 */
	body.pcf-on .oc-community .oc-feed.oc-composing > :not(.oc-composer),
	body.pcf-on .oc-community:not([data-board="check"]) .oc-feed.oc-composing > .pcfcm-thead:has(+ .oc-feed-list) { display: none; }

	/* 앞 칸 — 게시판 이름(커뮤니티 전체 · 검색) · 말머리(다른 게시판) · 질문답변은 숨김 */
	body.pcf-on .oc-community .oc-feed-row-lead,
	body.pcf-on .oc-community .pcfcm-th-lead { display: block; flex: 0 0 64px; overflow: hidden; color: var(--pcf-oc-sub); font-size: 13px; white-space: nowrap; text-overflow: ellipsis; }
	body.pcf-on .oc-community .pcfcm-th-board { display: none; }
	body.pcf-on .oc-community[data-board="all"] .pcfcm-th-board { display: inline; }
	body.pcf-on .oc-community[data-board="all"] .pcfcm-th-head { display: none; }
	body.pcf-on .oc-community[data-board="qna"] .oc-feed-row-lead,
	body.pcf-on .oc-community[data-board="qna"] .pcfcm-th-lead { display: none; }
	body.pcf-on .oc-community[data-board="log"] .oc-feed-row-lead,
	body.pcf-on .oc-community[data-board="log"] .pcfcm-th-lead { flex-basis: 120px; } /* 학습기록 말머리 = 챌린지 · 과정 이름이라 길다 */

	/* 미해결 · 해결 = 면 없는 글자색 */
	body.pcf-on .oc-community .oc-feed-row-badge .oc-badge { height: auto; padding: 0; border: 0; background: transparent; box-shadow: none; font-size: 13px; font-weight: 500; }
	body.pcf-on .oc-community .oc-feed-row-badge .oc-badge-unresolved { color: var(--color-warning-text); }
	body.pcf-on .oc-community .oc-feed-row-badge .oc-badge-resolved { color: var(--color-success-text); }
	body.pcf-on .oc-community .oc-feed-row-badge .oc-badge svg { display: none; }

	/* 제목 · 글쓴이 · 조회(날짜 칸 없음) */
	body.pcf-on .oc-community .oc-feed-row-title { gap: 6px; color: var(--pcf-oc-ink); font-size: 15px; font-weight: 400; }
	body.pcf-on .oc-community .oc-feed-row:hover .oc-feed-row-title { color: var(--pcf-oc-ink); }
	body.pcf-on .oc-community .pcfcm-th-title { flex: 1 1 auto; min-width: 0; }
	body.pcf-on .oc-community .oc-feed-row-cmt { color: var(--gray-700); font-size: 13px; font-weight: 500; }
	body.pcf-on .oc-community .oc-feed-row-author,
	body.pcf-on .oc-community .pcfcm-th-author { flex: 0 0 120px; gap: 6px; color: var(--gray-700); font-size: 13px; }
	body.pcf-on .oc-community .oc-feed-row-av { width: 20px; height: 20px; }
	body.pcf-on .oc-community .oc-feed-row-views,
	body.pcf-on .oc-community .pcfcm-th-views { flex: 0 0 52px; color: var(--pcf-oc-sub); font-size: 13px; text-align: right; }
	body.pcf-on .oc-community .oc-feed-row-date { display: none; }

	/* 오른쪽 칸 */
	body.pcf-on .oc-community .oc-widgets { gap: 16px; }

	/* 접속 수 한 줄 — 옛 「지금 커뮤니티」 칸에서 「지금 오빠두에 N명이 접속해 있어요.」만 남긴다(사이트 전체 접속 수 — 정직 · 플러그인 문구 그대로) */
	body.pcf-on .oc-community .oc-widgets .oc-card.oc-now-card { margin: -4px 0 0; padding: 0 4px; border-radius: 0; background: transparent; }
	body.pcf-on .oc-community .oc-now-card :is(.oc-now-head, .oc-avatar-stack, .oc-now-divider, .oc-ticker, .oc-ticker-more) { display: none; }
	body.pcf-on .oc-community .oc-now-presence { display: flex; align-items: center; gap: 8px; margin: 0; }
	body.pcf-on .oc-community .oc-now-presence::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--brand-action); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-action) 18%, transparent); }
	body.pcf-on .oc-community .oc-now-text { margin: 0; color: var(--gray-700); font-size: 13px; }
	body.pcf-on .oc-community .oc-now-text b { color: var(--pcf-oc-ink); font-weight: 500; }

	/* 「아직 해결되지 않은 질문」 칸은 숨김 */
	body.pcf-on .oc-community .oc-widgets .oc-unsolved-card { display: none; }

	/* 「오빠두 소식」 · 「요즘 많이 본 글」 — 회색 묶음 칸 · 머리 15/600 · 제목 14 두 줄 · 곁 줄 12 회색 */
	body.pcf-on .oc-community .pcfcm-side { margin: 0; padding: 16px 16px 4px; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); }
	body.pcf-on .oc-community .pcfcm-side-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 4px; }
	body.pcf-on .oc-community .pcfcm-side-h { margin: 0; color: var(--pcf-oc-ink); font-size: 15px; font-weight: 500; letter-spacing: 0; }
	body.pcf-on .oc-community .pcfcm-side-all { flex: none; color: var(--pcf-oc-sub); font-size: 13px; }
	body.pcf-on .oc-community .pcfcm-side-all:hover { color: var(--pcf-oc-ink); }
	body.pcf-on .oc-community .pcfcm-side-list { margin: 0; padding: 0; list-style: none; }
	body.pcf-on .oc-community .pcfcm-side-list li + li { border-top: 1px solid var(--pcf-oc-sep); }
	body.pcf-on .oc-community .pcfcm-side-list a { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3px; padding: 11px 0; color: var(--pcf-oc-ink); }
	body.pcf-on .oc-community .pcfcm-side-list--rank a { grid-template-columns: 18px minmax(0, 1fr); column-gap: 8px; }
	body.pcf-on .oc-community .pcfcm-side-n { grid-row: span 2; color: var(--pcf-oc-ink); font-size: 14px; font-weight: 500; line-height: 1.45; }
	body.pcf-on .oc-community .pcfcm-side-t { display: -webkit-box; overflow: hidden; font-size: 14px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
	body.pcf-on .oc-community .pcfcm-side-m { color: var(--pcf-oc-sub); font-size: 12px; }
}

/* ── 12. 목록 위 가로 배너 — 2026-10-23 운영자 「여기에 광고를 넣으면?」 → 「가 · 표 위 배너」(시안 claude.ai 아티팩트 4rqvNP8K7AQkmvg2FeN8NF · 시안 hd2\feel\cm-ad-top.js 값 그대로)
   11절로 오른쪽 광고가 소식 · 많이 본 글 아래(첫 화면 밖 1,072)로 내려가 → 표 이름 줄 바로 위 가운데 728 × 90(광고 관리 community_list_top · 그리기 inc/pc-frame-community.php 7절).
   위 사이 12(목록 칸 사이 16 − 4) · 아래는 목록 칸 사이 16 그대로 · 구글이 못 채우면(data-ad-status="unfilled") 칸째 접는다(빈 90 을 남기지 않는다).
   출석체크는 출석 칸 바로 위라 숨긴다(처음 그릴 때는 서버가 아예 안 그리고 · 화면 안 게시판 전환은 여기서). 목록 칸이 728 보다 좁은 PC 폭(1025~1139)도 숨긴다 — 숨은 칸은 구글이 채우지 않는다.
   1024 이하(미리 보기를 켠 폰 · 태블릿)는 새 틀이 그린 칸을 모두 숨긴다 — 배너 · 10절 찾기 칸 둘(목록 · 전역 검색) · 11절 이름 줄 · 오른쪽 칸 둘(새 틀 CSS 가 없는 폭이라 꾸밈 없는 글자로 드러났다). ── */
@media (max-width: 1024px) {
	body.pcf-on .pcfcm-listad,
	body.pcf-on .oc-detail-page .pcfcm-recent, /* 글 보기 오른쪽 칸 최근 글 — 10/24 부터 글 아래 「○○ 게시판의 최근 글」도 그려 폰에선 같은 목록이 두 번 나왔다(폰 = 옛 화면처럼 글 아래 하나) */
	body.pcf-on .oc-community .oc-feed-controls-right > .pcf-listq,
	body.pcf-on .oc-community .oc-searchinfo > .pcfcm-gs,
	body.pcf-on .oc-community .pcfcm-thead,
	body.pcf-on .oc-community .pcfcm-side { display: none; }
}
@media (min-width: 1025px) {
	body.pcf-on .oc-community .pcfcm-listad { display: flex; justify-content: center; margin-top: -4px; }
	body.pcf-on .oc-community[data-board="check"] .pcfcm-listad,
	body.pcf-on .oc-community .pcfcm-listad:has(ins.adsbygoogle[data-ad-status="unfilled"]) { display: none; }
	/* 소재(애드센스 단위)를 아직 안 이었을 때 관리자에게만 보이는 회색 자리 — 실제 광고와 같은 728 × 90 */
	body.pcf-on .oc-community .pcfcm-listad .pcfcm-ad-ph { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 728px; height: 90px; padding: 0 16px; border-radius: var(--pcf-oc-r); background: var(--gray-50); color: var(--gray-500); font-size: 13px; text-align: center; }
}
/* 목록 칸(= 화면 폭 − 407)이 728 보다 좁은 PC 폭 — 배너가 칸 밖으로 삐져나와(1100 = 칸 693) 숨긴다(글 보기 본문 위 배너는 10/26 걷음 — 6절) */
@media (min-width: 1025px) and (max-width: 1139px) {
	body.pcf-on .oc-community .pcfcm-listad { display: none; }
}

/* ── 13. 커뮤니티 전체 고정 설문 = 오른쪽 칸 맨 위 — 2026-10-23 운영자 「투표 때문에 보기가 안좋네요」 → 「나 · 오른쪽 칸 맨 위로」(시안 claude.ai 아티팩트 KFG8pRaV6bMxWKCujWGG4a · 시안 hd2\feel\cm-pf-b.css 값 그대로)
   12절 배너를 넣자 목록 위가 회색 설문 칸(2절) · 배너 · 표 세 덩어리가 돼 → 접속 수 한 줄 다음에 「지금 뜨는 설문·투표」 회색 묶음 칸(오빠두 소식 · 많이 본 글과 같은 칸).
   서버는 옛 자리(목록 머리 줄 아래)에 그리고 오른쪽 칸을 그리는 도중 PC 폭에서만 그 자리로 옮긴다(inc/pc-frame-community.php 8절 — 2026-10-26 모두에게 켜기 전 · 서버 자리 'widgets' 는 폰에도 걸려 폰에서 목록 맨 아래로 내려갔다) · 투표 전이면 보기가 칸 안에 펼쳐진 채(10/8 운영자 그대로) · 투표 뒤면 「결과 보기 ⌄」.
   보이는 게시판은 플러그인 판정 그대로(커뮤니티 전체만) · 찾는 중(10절 목록 찾기 칸 · 전역 검색 · 태그)엔 숨긴다 · 관리자가 고정을 새로 켜 목록 위에 끼워진 칸은 js/pcf-community.js 3절이 옮긴다(그 사이 목록 위에선 숨김). ── */
@media (min-width: 1025px) {
	body.pcf-on .oc-community .oc-feed > .oc-poll-feature,
	body.pcf-on .oc-community:has(.oc-searchinfo:not([hidden])) .oc-widgets > .oc-poll-feature,
	body.pcf-on .oc-community:has(.oc-tagfilter:not([hidden])) .oc-widgets > .oc-poll-feature { display: none; }
	body.pcf-on .oc-community .oc-widgets > .oc-poll-feature { margin: 0; overflow: hidden; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); } /* 숨김 overflow — 칸 안에 「⌄」 목록이 없다(8절 투표 칸과 같은 예외) */
	body.pcf-on .oc-community .oc-widgets .oc-poll-feature-row { display: block; padding: 16px 16px 12px; }
	body.pcf-on .oc-community .oc-widgets .oc-poll-feature-row:hover { background: transparent; }
	body.pcf-on .oc-community .oc-widgets .oc-poll-feature-label { margin: 0 0 6px; color: var(--pcf-oc-ink); font-size: 15px; font-weight: 500; }
	body.pcf-on .oc-community .oc-widgets .oc-poll-feature-label .oc-ic,
	body.pcf-on .oc-community .oc-widgets .oc-poll-feature-meta { display: none; }
	body.pcf-on .oc-community .oc-widgets .oc-poll-feature-line { flex-wrap: wrap; gap: 4px 8px; }
	body.pcf-on .oc-community .oc-widgets .oc-poll-feature-q { flex: 1 0 100%; color: var(--pcf-oc-ink); font-size: 14px; font-weight: 400; line-height: 1.45; white-space: normal; }
	body.pcf-on .oc-community .oc-widgets .oc-poll-feature-sub { color: var(--pcf-oc-sub); font-size: 12px; }
	body.pcf-on .oc-community .oc-widgets .oc-poll-feature-open { color: var(--pcf-oc-ink); font-size: 12px; font-weight: 500; }
	body.pcf-on .oc-community .oc-widgets .oc-poll-feature-panel { padding: 0; border: 0; }
	body.pcf-on .oc-community .oc-widgets .oc-poll-feature .oc-poll--feature { margin: 0; border-top: 1px solid var(--pcf-oc-sep); border-radius: 0; background: transparent; }
	body.pcf-on .oc-community .oc-widgets .oc-poll-feature .oc-poll--card .oc-poll-opt,
	body.pcf-on .oc-community .oc-widgets .oc-poll-feature .oc-poll--card .oc-poll-row { min-height: 42px; padding: 0 16px; font-size: 14px; }
	body.pcf-on .oc-community .oc-widgets .oc-poll-feature .oc-poll--card :is(.oc-poll-opt, .oc-poll-row):not(.is-extra) ~ :is(.oc-poll-opt, .oc-poll-row)::before { left: 16px; }
	body.pcf-on .oc-community .oc-widgets .oc-poll-feature-foot { margin: 0; padding: 10px 16px 12px; border-top: 1px solid var(--pcf-oc-sep); font-size: 12px; }
}

/* ── 14. 학습기록 한 줄 쓰기 = 「나 · 두 줄 칸」 — 2026-10-23 운영자(시안 claude.ai 아티팩트 FbFzLVgbyiwGqXYc9opKFo · 시안 hd2\feel\cm-lw-base.css + cm-lw-b.css + cm-lw-note.css 값 그대로
   · 정본 v4 7.14 「묶음 칸」 · 설문 글쓰기 「질문 칸」 짜임 · 가 = 출석체크처럼 한 줄은 고르지 않음 — 입력 자리가 지금의 2/3)
   10/20 앱 짜임 때 그대로 둔 테두리 카드 + 흰 입력칸 + 왼쪽 22 들여를 걷고 회색 칸 하나: 위 줄 [얼굴 32][입력 16] · 칸 폭 선 · 아래 도구 줄 [사진][자세히 쓰기] …… 0/200 [기록하기].
   칸 폭 = 목록 폭 · 얼굴 · 사진 아이콘 = 목록 글자 선(20) · 포커스 = 칸이 흰 면 + 초록 한 겹(출석체크 7절과 같은 결) · 비었을 때 [기록하기] = 회색 면.
   쓰는 만큼 칸이 늘어난다(field-sizing — 다섯 줄까지 · 그 뒤는 칸 안에서 내려 읽기 · 이 속성을 모르는 브라우저는 지금처럼 한 줄 높이) — 최근 한 줄 기록 가운데 34자 · 넷 중 하나는 63자를 넘는다.
   「자세히 쓰기」(학습노트)는 다른 글쓰기 화면과 같은 회색 면 입력칸 · 말머리 빈 자리(제목 칸이 12 밀리던 것)를 걷는다. 자리(게시판 이름 줄 위) · 마크업 · 동작은 플러그인 그대로.
   손님에겐 이 칸이 없다(목록부터) — 손님 줄 「로그인 후 오늘 배운 것을 …」을 10/23 넣었다가 같은 날 운영자 「학습기록에 이 알림 뺍니다」로 걷었다(다시 넣지 않는다). ── */
@media (min-width: 1025px) {
	body.pcf-on .oc-community .oc-composer.oc-line-mode { box-sizing: border-box; margin: 0; padding: 0; border: 0; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); box-shadow: none; }
	body.pcf-on .oc-community .oc-composer.oc-line-mode:focus-within { background: var(--surface-white); outline: var(--pcf-oc-focus); outline-offset: -2px; }
	body.pcf-on .oc-community .oc-composer.oc-line-mode .oc-composer-form { gap: 0; }
	body.pcf-on .oc-community .oc-composer.oc-line-mode .oc-composer-classref:not([hidden]) { padding: 12px 16px 0 20px; }
	body.pcf-on .oc-community .oc-composer.oc-line-mode :is(.oc-composer-warn, .oc-composer-hint) { margin: 0 16px 10px 20px; }

	/* 위 줄 — 얼굴은 첫 줄 높이에 · 입력 = 칸 안 글자(흰 면 · 선 없음) 16 · 쓰는 만큼 늘어남 */
	body.pcf-on .oc-community .oc-composer.oc-line-mode .oc-composer-bodyrow { box-sizing: border-box; align-items: flex-start; gap: 12px; min-height: 58px; padding: 7px 16px 7px 20px; }
	body.pcf-on .oc-community .oc-composer.oc-line-mode .oc-composer-av { align-self: flex-start; margin-top: 6px; }
	body.pcf-on .oc-community .oc-composer.oc-line-mode .oc-composer-av .oc-avatar { width: 32px; height: 32px; }
	body.pcf-on .oc-community .oc-composer.oc-line-mode .oc-composer-body,
	body.pcf-on .oc-community .oc-composer.oc-line-mode .oc-composer-body:focus { field-sizing: content; height: auto; min-height: 44px; max-height: 132px; padding: 11px 0; border-radius: 0; background: transparent; box-shadow: none; font-size: 16px; line-height: 22px; }
	body.pcf-on .oc-community .oc-composer.oc-line-mode .oc-composer-body::placeholder { color: var(--gray-500); }

	/* 아래 도구 줄 — 위에 칸 폭 선 · 도구 = 면 없는 글자 단추(설문 글쓰기 도구 줄과 같은 36 · 14/500) · [기록하기] 42 */
	body.pcf-on .oc-community .oc-composer.oc-line-mode .oc-composer-foot { position: relative; margin: 0; gap: 2px; padding: 6px 6px 6px 10px; }
	body.pcf-on .oc-community .oc-composer.oc-line-mode .oc-composer-foot::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 1px; background: var(--pcf-oc-sep); }
	body.pcf-on .oc-community .oc-composer.oc-line-mode .oc-line-photo,
	body.pcf-on .oc-community .oc-composer.oc-line-mode .oc-line-expand { gap: 6px; height: 36px; padding: 0 10px; border-radius: var(--pcf-oc-rb); background: transparent; color: var(--pcf-oc-icon); font-size: 14px; font-weight: 500; }
	body.pcf-on .oc-community .oc-composer.oc-line-mode .oc-line-photo:hover,
	body.pcf-on .oc-community .oc-composer.oc-line-mode .oc-line-expand:hover,
	body.pcf-on .oc-community .oc-composer.oc-line-mode .oc-line-photo.has-file { background: var(--pcf-oc-cell-hi); color: var(--pcf-oc-ink); }
	body.pcf-on .oc-community .oc-composer.oc-line-mode .oc-line-photo-chip { max-width: 160px; border-radius: var(--pcf-oc-rb); background: var(--pcf-oc-cell-hi); }
	body.pcf-on .oc-community .oc-composer.oc-line-mode .oc-composer-foot .oc-char { margin: 0 10px 0 auto; color: var(--pcf-oc-sub); font-size: 13px; }
	body.pcf-on .oc-community .oc-composer.oc-line-mode .oc-composer-submit { padding: 0 20px; font-weight: 500; }
	body.pcf-on .oc-community .oc-composer.oc-line-mode .oc-composer-submit[disabled] { background: var(--pcf-oc-cell-hi); color: var(--gray-500); opacity: 1; }

	/* 「자세히 쓰기」 학습노트 — 말머리 빈 자리를 걷고 본문 = 회색 면 입력칸(포커스 = 흰 면 + 초록 한 겹) */
	body.pcf-on .oc-community .oc-composer.oc-progressive .oc-headsel { display: none; }
	/* 2026-10-25 운영자 「학습기록은 한줄 쓰기 기능 제거 · 제목 없이 본문 + 파일 첨부」 — 새 틀 학습기록 글쓰기는 한 줄 모양 없이 이 본문 칸 하나(테마 inc/pc-frame-community.php 4-1절) →
	   편집기 없는 본문(평문 textarea — 지금은 학습기록뿐)은 모두 이 모양. 위아래 한 줄 칸 규칙(.oc-line-mode)은 새 틀에서 더 안 쓰인다(옛 틀은 그대로) */
	body.pcf-on .oc-community .oc-composer:not(.oc-line-mode) .oc-composer-body { min-height: 240px; padding: 14px 16px; border: 0; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); box-shadow: none; font-size: 16px; line-height: 1.7; }
	/* 손잡이(오른쪽 아래 빗금) 없이 글에 맞춰 늘어난다 — 편집기와 같은 결(처음 240 · 600 넘으면 칸 안 스크롤 · 10/25 「글쓸 때 밑에 회색선 · 손잡이 걷기」와 같은 까닭) */
	body.pcf-on .oc-community .oc-composer:not(.oc-line-mode) textarea.oc-composer-body { resize: none; field-sizing: content; max-height: 600px; }
	body.pcf-on .oc-community .oc-composer:not(.oc-line-mode) .oc-composer-body:focus { background: var(--surface-white); box-shadow: none; outline: var(--pcf-oc-focus); outline-offset: -2px; }
	body.pcf-on .oc-community .oc-composer.oc-progressive:not(.oc-line-mode) .oc-composer-body::placeholder { color: var(--gray-500); }
}

/* ── 15. 쪽 번호 = 새 틀 무료 강의 · 멤버십 목록과 같은 모양 — 2026-10-23 운영자 「쪽 번호 바꾸기」(시안 claude.ai 아티팩트 AaLgTaYxWPFKsqnymC2vJN ③ · 시안 hd2\feel\cm-pg.css 값 그대로)
   회색 면 칸 34 · 굵은 글자(커뮤니티만) → css/pcf-home.css .pcfh-pg 값: 32 · 테두리 1 회색 300 · 모서리 6 · 13 · 지금 쪽 = 채운 초록(정본 4.5 지금 위치) + 700 · 사이 6.
   출석체크 · 글 보기 「게시판의 최근 글」 쪽 번호도 같은 단추(.oc-page-btn)라 같이 바뀐다. 보이는 쪽 번호 개수는 플러그인 그대로. 정본 7.11 은 40 이지만 새 틀 쪽 번호는 모두 32. ── */
@media (min-width: 1025px) {
	body.pcf-on .oc-community .oc-pagination { gap: 6px; }
	body.pcf-on .oc-community .oc-page-btn { box-sizing: border-box; min-width: 32px; height: 32px; padding: 0 6px; border: 1px solid var(--gray-300); border-radius: 6px; background: transparent; color: var(--gray-700); font-size: 13px; font-weight: 400; }
	body.pcf-on .oc-community .oc-page-btn:hover:not([disabled]):not(.is-active) { border-color: var(--gray-400); background: transparent; color: var(--gray-900); }
	body.pcf-on .oc-community .oc-page-btn.is-active { border-color: var(--brand-action); background: var(--brand-action); color: var(--surface-white); font-weight: 600; }
	body.pcf-on .oc-community .oc-page-gap { min-width: 24px; color: var(--gray-500); }
}

/* ── 16. 소원 부적(출석체크) — 2026-10-25 운영자 「출석체크를 소원 페이지로 · 부적 느낌」 → 「가 목록 그대로 + 1 · 옆으로 놓은 부적」(시안 claude.ai 아티팩트 BTQ3bERfFTZfsLTkuznpK5 판 4)
   위 = 왼쪽 부적(노란 종이 · 붉은 겹 테두리 · 엷은 셀 격자 · 세로 붓글씨 · 「오빠두」 도장 · =소원성취()) + 오른쪽 말 · 한 줄 칸 · 숫자 한 줄 · 아래 붉은 물결
   목록 = 두 칸 격자 · 줄마다 왼쪽 꼬리표(1 · 2 · 3등 붉은 칸 · 나머지 연속 일수 회색) · 이름 · 「N일째, 총 N장」 · 연노랑 소원 띠 — 7절 「가 · 두 줄」을 덮는다
   ⚠️ 정본과 다른 점(운영자가 시안을 보고 고름 — .claude/rules/css.md 배지 줄 예외 · 정본 v4 13.5): 노랑 · 빨강 · 붓글씨 · 알약 단추 · 부적 테두리 + 그림자 · 목록 연노랑 띠
   JS = js/pcf-community.js 6절(.oc-checkin.pcfcm-wish-on · .pcfcm-wish · .pcfcm-wtab 를 붙인다 — JS 가 안 돌면 7절 모양 그대로) · 붓글씨 = css/pcf-font-brush.css ── */
@media (min-width: 1025px) {

	/* 종이 · 붉은 먹 값(--pcfcm-*)과 부적 한 장은 이 칸 아래 「PC · 폰 같이」 칸(2026-10-26 폰에도 부적을 그리며 옮김) */
	body.pcf-on .oc-community.pcfcm-wish-mode .pcfcm-ck-head .oc-board-streak { display: none; } /* 연속 일수는 첫 화면 숫자 줄에 */

	/* 첫 화면 — 왼쪽 부적 · 오른쪽 말(24/700) + 한 줄 칸 + 숫자 한 줄 */
	body.pcf-on .oc-community .pcfcm-wish { display: flex; align-items: center; gap: 44px; padding: 10px 0 0 24px; }
	body.pcf-on .oc-community .pcfcm-wish-r { flex: 1; min-width: 0; }
	body.pcf-on .oc-community .pcfcm-wish-k { font-size: 13px; font-weight: 700; color: var(--pcfcm-ink-dk); }
	body.pcf-on .oc-community .pcfcm-wish-t { margin: 6px 0 8px; font-size: 24px; font-weight: 700; line-height: 1.35; letter-spacing: -.02em; color: var(--pcf-oc-ink); }
	body.pcf-on .oc-community .pcfcm-wish-p { margin: 0 0 20px; font-size: 15px; color: var(--gray-600); }
	/* 한 줄 칸 = 플러그인 .oc-checkin-input 을 그대로 옮겨 씀 — 회색 칸 48 + 붉은 [소원 빌기] · 얼굴 · ✨ · × 는 숨김 */
	body.pcf-on .oc-community .pcfcm-wish .oc-checkin-input { display: flex; align-items: center; gap: 8px; min-height: 0; margin: 0; padding: 0; border-radius: 0; background: transparent; }
	body.pcf-on .oc-community .pcfcm-wish .oc-checkin-input:focus-within { background: transparent; outline: 0; }
	body.pcf-on .oc-community .pcfcm-wish .oc-checkin-input .oc-avatar,
	body.pcf-on .oc-community .pcfcm-wish .oc-checkin-refresh,
	body.pcf-on .oc-community .pcfcm-wish .oc-checkin-clear { display: none; }
	body.pcf-on .oc-community .pcfcm-wish .oc-checkin-body { flex: 1; min-width: 0; box-sizing: border-box; height: 48px; padding: 0 16px; border: 0; border-radius: var(--pcf-oc-r); background: var(--pcf-oc-cell); font-size: 16px; color: var(--pcf-oc-ink); }
	body.pcf-on .oc-community .pcfcm-wish .oc-checkin-body:focus { background: var(--surface-white); outline: var(--pcf-oc-focus); outline-offset: -2px; }
	body.pcf-on .oc-community .pcfcm-wish .oc-checkin-submit { flex: none; height: 48px; margin: 0; padding: 0 24px; border: 0; border-radius: 999px; background: var(--pcfcm-ink); color: var(--surface-white); font-size: 15px; font-weight: 700; }
	body.pcf-on .oc-community .pcfcm-wish .oc-checkin-submit:hover { background: var(--pcfcm-ink-dk); color: var(--surface-white); }
	body.pcf-on .oc-community .pcfcm-wish .oc-checkin-submit[disabled] { background: var(--pcf-oc-cell-hi); color: var(--gray-500); }
	/* 손님 — 붉은 [로그인하고 소원 빌기] + 회색 한 줄 */
	body.pcf-on .oc-community .pcfcm-wish .oc-checkin-guest { flex-direction: column; align-items: flex-start; gap: 10px; color: var(--gray-600); font-size: 14px; }
	body.pcf-on .oc-community .pcfcm-wish .oc-checkin-guest .pcfcm-wish-login { display: inline-flex; align-items: center; height: 48px; margin: 0; padding: 0 24px; border-radius: 999px; background: var(--pcfcm-ink); color: var(--surface-white); font-size: 15px; font-weight: 700; text-decoration: none; }
	body.pcf-on .oc-community .pcfcm-wish .oc-checkin-guest .pcfcm-wish-login:hover { background: var(--pcfcm-ink-dk); color: var(--surface-white); }
	/* 오늘 빌었으면 한 줄 칸을 걷고 숫자 줄만 */
	body.pcf-on .oc-community .pcfcm-wish.is-done .oc-checkin-input { display: none; }
	body.pcf-on .oc-community .pcfcm-wish-me { display: flex; align-items: center; gap: 10px; margin-top: 14px; font-size: 14px; color: var(--gray-600); }
	body.pcf-on .oc-community .pcfcm-wish.is-done .pcfcm-wish-me { margin-top: 0; }
	body.pcf-on .oc-community .pcfcm-wish-me b { font-weight: 600; color: var(--pcf-oc-ink); }
	body.pcf-on .oc-community .pcfcm-wish-me i { width: 1px; height: 12px; background: var(--pcf-oc-sep); }
	body.pcf-on .oc-community .pcfcm-wish-wave { margin: 34px auto 24px; color: var(--pcfcm-ink); }
	body.pcf-on .oc-community .pcfcm-wish-wave svg { display: block; width: 560px; max-width: 100%; height: 14px; margin: 0 auto; }

	/* 목록 = 두 칸 격자 · 왼쪽 꼬리표 · 이름 · 오른쪽 「N일째, 총 N장」 · 연노랑 소원 띠(얼굴 · 때 · 🔥 등수는 꼬리표가 대신) */
	body.pcf-on .oc-community .oc-checkin.pcfcm-wish-on .oc-checkin-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 30px; }
	body.pcf-on .oc-community .oc-checkin.pcfcm-wish-on .oc-checkin-list > .oc-empty { grid-column: 1 / -1; }
	body.pcf-on .oc-community .oc-checkin.pcfcm-wish-on .oc-checkin-row { display: grid; grid-template-columns: 50px minmax(0, 1fr); align-items: start; column-gap: 10px; padding: 0; }
	body.pcf-on .oc-community .oc-checkin.pcfcm-wish-on .oc-checkin-row:hover { background: transparent; }
	body.pcf-on .oc-community .oc-checkin.pcfcm-wish-on .oc-checkin-row + .oc-checkin-row::before { content: none; }
	body.pcf-on .oc-community .oc-checkin.pcfcm-wish-on .oc-checkin-row > .oc-av-link,
	body.pcf-on .oc-community .oc-checkin.pcfcm-wish-on .oc-checkin-row > .oc-avatar,
	body.pcf-on .oc-community .oc-checkin.pcfcm-wish-on .oc-checkin-row .oc-time,
	body.pcf-on .oc-community .oc-checkin.pcfcm-wish-on .oc-checkin-medal { display: none; }
	body.pcf-on .oc-community .pcfcm-wtab { display: flex; flex-direction: column; align-items: center; justify-content: center; grid-column: 1; grid-row: 1 / span 2; box-sizing: border-box; height: 60px; padding-bottom: 8px;
		background: var(--pcf-oc-cell); color: var(--pcf-oc-ink); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 84%, 0 100%); }
	body.pcf-on .oc-community .pcfcm-wtab b { font-size: 16px; font-weight: 700; line-height: 1; }
	body.pcf-on .oc-community .pcfcm-wtab small { margin-top: 3px; font-size: 11px; }
	body.pcf-on .oc-community .pcfcm-wtab.is-top { background: var(--pcfcm-ink); color: var(--pcfcm-paper); }
	body.pcf-on .oc-community .oc-checkin.pcfcm-wish-on .oc-checkin-row-main { grid-column: 2; grid-row: 1 / span 2; min-width: 0; }
	body.pcf-on .oc-community .oc-checkin.pcfcm-wish-on .oc-checkin-row-head { min-height: 20px; padding-right: 128px; }
	body.pcf-on .oc-community .oc-checkin.pcfcm-wish-on .oc-checkin-row-name { font-size: 14px; font-weight: 700; }
	body.pcf-on .oc-community .oc-checkin.pcfcm-wish-on .oc-checkin-cmt-n { font-size: 12px; }
	body.pcf-on .oc-community .oc-checkin.pcfcm-wish-on .oc-checkin-row-body { margin-top: 7px; padding: 7px 10px; background: var(--pcfcm-tint); color: var(--gray-800); font-size: 14px; line-height: 1.45; overflow-wrap: anywhere; }
	body.pcf-on .oc-community .oc-checkin.pcfcm-wish-on .oc-checkin-stat,
	body.pcf-on .oc-community .oc-checkin.pcfcm-wish-on .oc-checkin-row:has(.oc-checkin-cmts) .oc-checkin-stat { position: absolute; top: 2px; right: 0; margin: 0; color: var(--pcf-oc-sub); font-size: 12px; white-space: nowrap; }
}

/* 16절 부적 한 장 — PC · 폰 같이(PC = 첫 화면 왼쪽 · 폰 = 「오늘의 소원」 글 위 가운데 0.8 — 아래 폰 칸) · 2026-10-26 운영자 「소원 부적, 위에 부적 그림 넣어주세요」로 PC 칸에서 옮겼다
   종이 · 붉은 먹 값도 여기(물결 · 목록 꼬리표 · 단추가 쓴다) — 새 틀 JS 가 만드는 칸(.pcfcm-*)에만 걸려 옛 틀 · 옛 출석 칸(.oc-checkin*)에는 닿지 않는다(정본 v4 14.3-1 「1,025 이상만」의 예외 · 13.5 소원 부적) */
body.pcf-on .oc-community { --pcfcm-paper: #F2D04F; --pcfcm-paper-edge: #DDB637; --pcfcm-ink: #C4161C; --pcfcm-ink-dk: #A3141A; --pcfcm-tint: #FBF2CC; }
/* 부적 한 장(196 × 326) — 글 크기 --fs 는 JS 가 글자 수에 맞춰 준다 · 안 적었으면 예시를 옅게(.is-ghost) */
body.pcf-on .oc-community .pcfcm-fu { position: relative; flex: none; box-sizing: border-box; width: 196px; height: 326px; padding: 9px; border: 1px solid var(--pcfcm-paper-edge); background: var(--pcfcm-paper); box-shadow: 0 8px 22px rgba(0, 0, 0, .14); color: var(--pcfcm-ink); }
body.pcf-on .oc-community .pcfcm-fu-in { position: relative; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; height: 100%; padding: 10px 8px 67px; border: 2px solid var(--pcfcm-ink);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M22 0V22M0 22H22' fill='none' stroke='%23C4161C' stroke-opacity='.17' stroke-width='1'/%3E%3C/svg%3E"); }
body.pcf-on .oc-community .pcfcm-fu-in::before { content: ""; position: absolute; inset: 3px; border: 1px solid var(--pcfcm-ink); pointer-events: none; }
body.pcf-on .oc-community .pcfcm-fu-top { margin-bottom: 8px; padding: 2px 6px 6px; border-bottom: 2px solid var(--pcfcm-ink); font: 400 22px/1 'Nanum Brush Script', cursive; letter-spacing: .08em; }
body.pcf-on .oc-community .pcfcm-fu-wish { flex: 1; box-sizing: border-box; max-width: 100%; min-height: 0; padding: 0 4px; overflow: hidden; writing-mode: vertical-rl; font: 400 var(--fs, 38px)/1.08 'Nanum Brush Script', cursive; letter-spacing: .02em; word-break: keep-all; overflow-wrap: anywhere; }
body.pcf-on .oc-community .pcfcm-fu-wish.is-ghost { opacity: .38; }
body.pcf-on .oc-community .pcfcm-fu-seal { position: absolute; right: 8px; bottom: 28px; padding: 6px 8px; border-radius: 3px; background: var(--pcfcm-ink); color: var(--pcfcm-paper); font-size: 13px; font-weight: 700; line-height: 1; opacity: .93; transform: rotate(-7deg); }
body.pcf-on .oc-community .pcfcm-fu-fx { position: absolute; right: 0; bottom: 9px; left: 0; font: 700 12px/1 Consolas, 'D2Coding', monospace; text-align: center; }

/* 16절 폰(1,024 이하) — 2026-10-26 모두에게 켜기 전(고르기 판 20판 3절): js 6절은 폭을 가리지 않아 켜면 폰에도 첫 화면 부적 칸을 그린다 →
   「오늘의 소원」 글 셋은 폰 크기로 · 한 줄 칸 · 목록은 플러그인 폰 모양 그대로.
   부적 그림은 처음엔 뺐다가(꾸밈이 PC 규칙뿐이라 폰에선 글자만 드러났다) 같은 날 운영자 「소원 부적, 위에 부적 그림 넣어주세요」로 꾸밈을 위 「PC · 폰 같이」 칸으로 옮기고
   폰은 글 위 가운데에 0.8 크기(157 × 261 — 360 폭 폰에서도 소원 빌기 칸이 첫 화면에 남는다) · 물결도 PC 처럼 붉은 가는 줄로.
   폰 규칙은 새 틀 JS 가 만드는 칸(.pcfcm-fu · .pcfcm-wish-*)에만 건다 — 옛 틀 · 옛 출석 칸(.oc-checkin*)에는 닿지 않는다(정본 v4 14.3-1 「1,025 이상만」의 예외 · 13.5 소원 부적). */
@media (max-width: 1024px) {
	body.pcf-on .oc-community .pcfcm-fu { zoom: .8; margin: 6px auto 24px; } /* zoom = 안쪽 칸 크기는 PC 그대로라 붓글씨 크기 맞춤(js 6절 fitFs)이 그대로 맞는다 */
	body.pcf-on .oc-community .pcfcm-wish { margin: 4px 0 16px; }
	body.pcf-on .oc-community .pcfcm-wish-k { margin: 0 0 4px; color: var(--gray-500); font-size: 13px; font-weight: 600; }
	body.pcf-on .oc-community .pcfcm-wish-t { margin: 0 0 6px; color: var(--gray-900); font-size: 19px; font-weight: 600; line-height: 27px; }
	body.pcf-on .oc-community .pcfcm-wish-p { margin: 0 0 14px; color: var(--gray-600); font-size: 14px; line-height: 21px; }
	body.pcf-on .oc-community .pcfcm-wish-wave { margin: 8px 0 20px; color: var(--pcfcm-ink); }
	body.pcf-on .oc-community .pcfcm-wish-wave svg { display: block; width: 100%; height: 12px; }
}

/* 17절 폰 목록 = 옛 틀과 같은 여유 카드 — 2026-10-26 운영자 「폰은 가(카드)로 합니다」(고르기 판 20판 1절 · 모두에게 켜기 전):
   11절 표 한 줄 기본(inc/pc-frame-community.php 6절 oc_feed_default_view)은 서버 값이라 켜면 폰에도 걸려 제목이 서너 글자에서 잘렸다 →
   서버가 표 목록(.oc-feed-list--pc · 20개) 뒤에 첫 10개 카드 목록(.oc-feed-list--m)을 함께 그리고(플러그인 갈림길 oc_feed_phone_cards — 페이지 캐시가 기기를 안 가른다)
   플러그인 community.js 가 1,024 이하는 카드 목록 · 그 위는 표 목록만 남기고 두 이름을 뗀다. 아래 둘은 스크립트가 돌기 전 첫 그림에서 다른 쪽을 가리는 일만 한다.
   폰 규칙은 새 틀이 그린 목록 이름(.oc-feed-list--pc · --m)에만 건다(정본 v4 14.3-1 「1,025 이상만」의 예외 · 13.5). */
@media (min-width: 1025px) {
	body.pcf-on .oc-community .oc-feed-list--m { display: none; }
}
@media (max-width: 1024px) {
	body.pcf-on .oc-community .oc-feed-list--pc { display: none; }
}