@charset "utf-8";

/*
 * File    : rwd-glossary.css
 * Author  : STUDIO-JT (JC)
 *
 * SUMMARY :
 * SEO/GEO 용어사전 (허브 + 상세) — 반응형
 */

@media (max-width: 1200px) {
/* GLOSSARY HUB */
.glossary_item { width: 50%; }
}

@media (max-width: 1023px) {
/* GLOSSARY HUB */
.glossary { padding: 0 0 120px; }

.glossary_header { padding-bottom: 40px; }

/* GLOSSARY SINGLE */
.glossary_view { padding: 0 0 120px; }
}

@media (max-width: 768px) {
/* GLOSSARY HUB */
.glossary_header_title { font-size: 36px; }

.glossary_header_description { font-weight: 400; }

.glossary_search_input { max-width: 100%; }

.glossary_index { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }

.glossary_item { width: 100%; }

.glossary_item_anchor { padding: 22px 20px 20px; }

.glossary_group { padding: 35px 0 5px; }

.glossary_group_title { font-size: 24px; }

/* GLOSSARY SINGLE */
.glossary_single_title { font-size: 34px; }

.glossary_single_title_en { font-size: 15px; }

.glossary_single_summary { font-size: 15px; padding: 22px 20px; }

.glossary_single_content { font-size: 15px; }

.glossary_single_content h2 { font-size: 22px; }

.glossary_single_content h3 { font-size: 18px; }

/* 공식vs실측 대비표 — 모바일은 라벨을 위로 쌓아 가독 */
.glossary_single_content .jt-verdict th { width: auto; display: block; border-bottom: 0; }
.glossary_single_content .jt-verdict td { display: block; }

.glossary_single_related_item { width: 100%; }

.glossary_single_footer_anchor { min-width: 0; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
}

@media (max-width: 768px) {
.glossary_hub_related { margin-top: 50px; padding-top: 35px; }
.glossary_hub_related_anchor { display: block; width: 100%; min-width: 0; margin: 8px 0; -moz-box-sizing: border-box; box-sizing: border-box; }
}

/* ★모바일 한글 웹폰트 미로드 (2026-07-21 jc, 대표 승인) — PSI 모바일 69→99 (차단실험 실증).
   느린 4G 시뮬에서 LCP 이전 전송 925KB 중 한글 폰트가 768KB(83%)라 채점 LCP 가 6.7s 였다.
   (관측 페인트는 1.19s = 실제로는 이미 빠름. 순수 채점 그래프 문제 — PSI 플레이북 §0)
   모바일은 시스템 폰트로 렌더해 다운로드 자체를 없앤다. 홈이 쓰는 것과 같은 전략.
   Montserrat(19KB, 헤더 브랜드 타이포)와 jt-font(아이콘)는 유지 — 아이콘 두부 방지.
   ★preload 도 같이 데스크톱 한정으로 막아야 함 (header.php) — 안 그러면 안 쓰는 500KB 를 그대로 받는다. */
/* ★대체 글꼴은 bare `sans-serif` 대신 명시 스택 — sans-serif 는 기기·브라우저마다 한글 매핑이
   제각각(명조로 잡히는 환경도 있음)이라 타이포가 무너진다. 아래는 iOS/macOS→Apple SD Gothic Neo,
   Windows→맑은 고딕, Android→system-ui(Roboto/Noto Sans CJK) 로 확정된다. */
@media (max-width: 768px) {
body.single-seo_glossary, body.page-template-archive-seo-glossary,
body.single-seo_glossary button, body.single-seo_glossary input, body.single-seo_glossary textarea, body.single-seo_glossary select,
body.page-template-archive-seo-glossary button, body.page-template-archive-seo-glossary input,
body.single-seo_glossary .glossary_toc_fab,
body.single-seo_glossary .jt_share_tooltip p, body.single-seo_glossary .single_share_text { font-family: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', system-ui, sans-serif; }
/* ★'Montserrat, NotoSansKR' 스택 요소들 — Montserrat 엔 한글이 없어 한글 글자가 스택 2순위인
   NotoSansKR 로 넘어가며 Bold 248KB 를 그대로 받아온다(실측으로 잡음: 목차 제목 "이 페이지",
   출처 칩 "평가 가이드라인" 등). 라틴은 Montserrat 유지하고 한글만 시스템 폰트로 넘긴다. */
body.single-seo_glossary .glossary_toc_title,
body.single-seo_glossary .glossary_single_content .jt-src,
body.page-template-archive-seo-glossary .glossary_toc_title { font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', system-ui, sans-serif; }
}

/* ***************************************************************
 * 본문 일반 표 — 모바일은 세로 찌그러짐 대신 가로 스크롤.
 * 공식vs실측 대비표(jt-verdict)는 위의 세로 스택 설계 유지라 제외.
 * 열 3개 이상 표에만 최소 폭을 줘 실제로 스크롤이 생기게 한다.
 * *************************************************************** */
@media (max-width: 768px) {
	.glossary_single_content figure.wp-block-table:not(.jt-verdict) { overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.glossary_single_content figure.wp-block-table:not(.jt-verdict) table:has(tr > :nth-child(3)) { min-width: 560px; }
	/* 셀 최소 폭 — 본문의 overflow-wrap:anywhere 가 좁은 열에서 낱글자로 쪼개는 것을 막는다
	   ("AI 오버뷰" → "AI / 오버 / 뷰"). 라벨 열은 한 줄, 서술 열은 자연 줄바꿈. */
	.glossary_single_content figure.wp-block-table:not(.jt-verdict) :is( th, td ) { min-width: 110px; overflow-wrap: break-word; }
}