/* 한글 폰트 검색(/ponteu-geomsaek/ko) — mincho.css 다음에 실린다(page-shell: tools-base · mincho · kofont · layout · tools-layout).
   줄·카드·배지·비교·PNG 의 모양은 명조 면 규칙(body[data-tool=mincho|kofont])을 그대로 쓰고, 여기는 이 면에만 있는 것만 둔다. */

/* UIUX 1-1d: ko 면 글꼴 스택은 한국어 글꼴 선두 — 명조 면 제목·견본 스택(Hiragino Mincho 선두)을 이 면에서만 덮는다. */
body[data-tool="kofont"] h1,body[data-tool="kofont"] .font-sample{font-family:"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif}
/* 한국어 견본은 어절 단위로 꺾는다(390 에서 「이벤 / 트」 한 글자 꺾임 방지) — :lang(ko) 로만. 맨 keep-all 금지: 일본어는 띄어쓰기가 없어 아예 안 꺾여 넘친다(layout.css h1:lang(ko) 주석). */
.font-sample:lang(ko){word-break:keep-all;overflow-wrap:anywhere}

.kofont-badges{display:flex;flex-wrap:wrap;gap:2px 10px;justify-content:flex-end}
.badge.kofont-nologo{color:#b42318}
.kofont-example{margin:12px 0 0}
.kofont-example img{display:block;width:600px;max-width:100%;height:auto;border:1px solid var(--line);border-radius:10px;background:#fff}
.kofont-example figcaption span{display:block}
.kofont-filter{margin-top:12px}
.kofont-filter .chips{margin:6px 0 4px}
#font-error p{margin:0}
#font-error p+p{margin-top:4px}
#font-error:not(:empty){margin:8px 0 14px}
#comparison-cards .font-progress{display:block;width:100%;margin:8px 0 12px}

/* 목업 리뷰 ①: 불러오는 중·거절·실패 줄에서 「배포처에서 받기」가 오른쪽으로 밀렸다(.row 의 space-between 이 마지막 줄의 둘을 양끝으로 벌림).
   어느 상태든 평소 줄처럼 **자기 줄 왼쪽**에 선다 — 앞에 전폭 줄바꿈 조각을 두고 맨 뒤 순서로. */
body[data-tool="kofont"] .font-actions{justify-content:flex-start}
body[data-tool="kofont"] .font-actions::after{content:"";flex-basis:100%;order:9}
body[data-tool="kofont"] .font-actions .font-provider{order:10}