/* Shared UI typography. Keep this after page styles in every site template.
   Font files and their Unicode ranges are self-hosted beside this stylesheet. */
:root {
  --tanka-font-sans: "Noto Sans JP", sans-serif;
  --font: var(--tanka-font-sans);
  --sans: var(--tanka-font-sans);
  font-family: var(--tanka-font-sans);
}

html,
body,
button,
input,
select,
textarea,
optgroup {
  font-family: var(--tanka-font-sans);
}

/* Historical page styles selected their own Latin or Japanese families.
   Use one family for their text, prices, labels and inline illustrations. */
body .uc-discovery,
body .uc-cta,
body .price-plan h3,
body .price-value,
body .ambassador-image-badge > strong,
body .card-eyebrow,
body .program-symbol,
body .hero-money,
body .reward-icon,
body .floating-reward strong,
body .card-number,
body .cash-value,
body .pro-art strong,
body .award-teaser-word,
body .reward-examples strong,
body .calculation-result output,
body .count-row output,
body .rank-medal,
body .award-rank small,
body .award-copy h3,
body .demo-window-top > i,
body .step-number,
body .mobile-apply strong,
body .share-label,
body .product-feature-symbol,
body .founding-guide-offer > strong,
body .gd-guide .wp-stat-num,
body .wp-no,
body .wp-ws-page,
body .wp-page-cap b,
body svg text,
body .warn::before,
body .gd-guide > h2[id]:not(#related):not(#sources)::before,
body .gd-guide .gd-keypoints li::before,
body .gd-numcards li::before,
body .gd-checklist .gd-table td:first-child,
body .gd-guide .gd-item h3::first-letter,
body .gd-guide .gd-numh3 h3::first-letter,
body .gd-guide .gd-numbered .gd-cell h3::first-letter,
body .gd-chain li::before,
body .gd-guide .gd-quote blockquote::before {
  font-family: var(--tanka-font-sans);
}

/* Source code keeps the spacing needed to read identifiers and commands. */
body .content code {
  font-family: ui-monospace, monospace;
}