/* Interface: Satoshi for Latin, Name Korean (Noto Sans KR) for Hangul/Hanja.
 * Brush lettering is reserved for the image-card artwork only. */
@font-face {
  font-family: "Satoshi";
  src: url('/assets/fonts/satoshi-variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
}
:root {
  --kn-font-ui: "Satoshi", "Name Korean", Arial, sans-serif;
  --kn-font-reading: "Name Korean", sans-serif;
}
#kn-app { font-family: var(--kn-font-ui); font-weight: 400; }
#kn-app button, #kn-app input, #kn-app select, #kn-app textarea { font-family: var(--kn-font-ui); }
#kn-app button, #kn-app strong, #kn-app summary { font-weight: 600; }
#kn-app h1, #kn-app h2 { font-family: var(--kn-font-ui); font-weight: 800; }
#kn-app h3, #kn-app h4 { font-family: var(--kn-font-ui); font-weight: 600; }
#kn-app .kn-wordmark { font-weight: 900; letter-spacing: -.055em; }
#kn-app .kn-journey-intro h1, #kn-app .kn-journey-intro h1 em { font-weight: 900; }
#kn-app .kn-journey-ending h2 { font-weight: 800; letter-spacing: -.04em; }
#kn-app .kn-journey-description { font-weight: 400; }
#kn-app .kn-journey-intro .kn-journey-kicker, #kn-app .kn-eyebrow { font-weight: 600; }
#kn-app .kn-price { font-weight: 800; }
#kn-app .kn-feature>span { font-weight: 600; }
#kn-app .kn-result-meaning, #kn-app .kn-name-meaning, #kn-app .kn-share-card p { font-style: normal; }

/* On-screen names remain readable Gothic, like the rest of the Korean interface. */
#kn-app .kn-name-change>strong,
#kn-app .kn-hangul,
#kn-app .kn-result h2 {
  font-family: var(--kn-font-reading);
  font-weight: 600;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: .10em;
  margin-left: .10em;
}
#kn-app .kn-name-change>strong { font-size: 38px; }
#kn-app .kn-hangul { font-size: 43px; }
#kn-app .kn-result h2 { font-size: 33px; }
#kn-app .kn-hanja { font-family: var(--kn-font-reading); }

#kn-app .kn-result-meaning, #kn-app .kn-name-meaning, #kn-app .kn-price, #kn-app .kn-price>span, #kn-app .kn-wordmark span, #kn-app .kn-result-hanja small, #kn-app .kn-feature>span { font-family: var(--kn-font-ui); }