/* Chinese, Japanese and Korean pages, after css/style.css and css/world.css. Each language's own file
   (world-<language>.css) follows and sets --font: the self-hosted Latin first, then the device's CJK fonts. */
:root {
  --fs: clamp(18px, .12vw + 17.6px, 19px);   /* body text never under 18 px */
}

/* JP/KR sources omit the owner's rare name character; keep it self-hosted too. */
@font-face {
  font-family: 'World Name'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("../fonts/name-supplement.woff2") format("woff2");
  unicode-range: U+5C7E;
}

body { font-family: var(--font); line-height: 1.75; }

/* CJK has no word spaces to tighten: no negative tracking, and more room between lines */
.statement, .p-head h1, .a-head h1, .resume > h2, .group, .p-cap h2, .rcols h3 { letter-spacing: 0; }
.statement { line-height: 1.5; }
.p-head h1, .a-head h1, .resume > h2, .group, .p-cap h2 { line-height: 1.4; }
.rcols h3 { line-height: 1.35; }
.jobs h4, .skills dt, .plain li { line-height: 1.5; }
.jobs p:not(.meta), .skills dd { line-height: 1.75; }
.card-name { line-height: 1.45; }
.crumbs { line-height: 1.5; }

/* small print a little larger than on ashton.is */
.site-footer { font-size: clamp(16px, .19vw + 15.3px, 18px); line-height: 1.7; }
.foot-based { font-size: .9em; }
.card-sub, .p-dir { font-size: .9em; }
.jobs .meta { font-size: clamp(15px, .1vw + 14.6px, 16px); }
.hint, .status { font-size: 16px; }
@media (hover: hover) and (pointer: fine) { .is-hover .card-sub { font-size: 16px; } }

/* display lines break only at the spaces and the places the translation marks (<wbr>), never inside a word,
   and split into even lines */
.statement, .p-sub { word-break: keep-all; overflow-wrap: anywhere; text-wrap: balance; }

/* home, first slide. "Ashton" stays exactly as on ashton.is (Poppins 800, -.01em), since the cover's name lands on
   it and the header docks it: both need the same metrics. The CJK verb (是, は, 은) is Noto Sans at its heaviest
   weight, a little smaller than the line, so it reads as the same weight as Poppins 800. The rotating phrase is
   lighter and smaller again, so a phrase fits one line on a phone and breaks only at its marked place when it
   cannot. */
.is-line { font-family: 'Poppins', var(--font); }
.is-verb { font-size: .9em; font-weight: 900; letter-spacing: 0; }
.is-cycle {
  font-family: var(--font);
  font-size: .72em;
  letter-spacing: 0;
  line-height: 1.3;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

/* no true italics in CJK, only slanted upright letters: quotation and title marks do the work */
i, em, cite { font-style: normal; }