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}
.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:var(--s3) 0 0}
.kofont-example img{display:block;width:600px;max-width:100%;height:auto;border:1px solid var(--line);border-radius:var(--r1);background:#fff}
.kofont-example figcaption span{display:block}
.kofont-filter{margin-top:var(--s3)}
.kofont-filter .chips{margin:6px 0 var(--s1)}
#font-error p{margin:0}
#font-error p+p{margin-top:var(--s1)}
#font-error:not(:empty){margin:var(--s2) 0 14px}
#comparison-cards .font-progress{display:block;width:100%;margin:var(--s2) 0 var(--s3)}

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}