/* Japanese pages (html[lang="ja"]). Owner's Japanese Adobe project ctp7vzk:
   DNP Shuei Shogo Mincho Std Bold for headings, Source Han Serif JP Medium for text.
   The main kit (jwn0frw) still supplies the logo; Korean stays in Paperlogy. No faux italics in Japanese. */
html[lang="ja"]{--ja-text:"source-han-serif-japanese","Hiragino Mincho ProN","Yu Mincho",serif;--ja-head:"dnp-shuei-shogomincho-std","source-han-serif-japanese","Hiragino Mincho ProN","Yu Mincho",serif}
html[lang="ja"] body,html[lang="ja"] body *{font-family:var(--ja-text)}
html[lang="ja"] body{font-weight:500;line-height:1.9;letter-spacing:.02em;line-break:strict;overflow-wrap:anywhere}
html[lang="ja"] h1,html[lang="ja"] h2,html[lang="ja"] h3,html[lang="ja"] legend,html[lang="ja"] .h2,html[lang="ja"] .h2-big,html[lang="ja"] .quiz-card h3,html[lang="ja"] .detail-accent,html[lang="ja"] summary{font-family:var(--ja-head);font-weight:700;letter-spacing:.01em}
html[lang="ja"] h1,html[lang="ja"] .h2-big{line-height:1.35}
/* Break headings between phrases, not inside words (Chrome 119+; others fall back to normal breaking). */
html[lang="ja"] h1,html[lang="ja"] h2,html[lang="ja"] h3,html[lang="ja"] .h2-big,html[lang="ja"] legend{word-break:auto-phrase}
html[lang="ja"] em,html[lang="ja"] .i,html[lang="ja"] i:not(.ko){font-style:normal}
/* Labels set in tracked capitals in English read too loose in Japanese. */
html[lang="ja"] .eyebrow,html[lang="ja"] .detail-kicker,html[lang="ja"] .detail-table caption,html[lang="ja"] .detail-table thead th,html[lang="ja"] .quiz-rank,html[lang="ja"] .tool-eyebrow{letter-spacing:.08em}
/* Logo and Korean text keep their own faces. */
html[lang="ja"] .brand-name{font-family:"quador",Georgia,"Times New Roman",serif}
html[lang="ja"] .brand-country{font-family:"richmond-display","Helvetica Neue",Arial,sans-serif}
html[lang="ja"] .ko,html[lang="ja"] [lang="ko"],html[lang="ja"] .detail-ko{font-family:"Paperlogy",sans-serif}
/* English headings are capped at 15ch, which is only about seven Japanese characters; give Japanese room. */
html[lang="ja"] .detail-page h1{max-width:20em;font-size:clamp(34px,5.2vw,58px);text-wrap:balance}
@media(max-width:700px){html[lang="ja"] .detail-page h1{font-size:34px}}
/* The same ch caps elsewhere: a ch is half a Japanese character, so measure Japanese in em instead. */
html[lang="ja"] .h2-big{max-width:12em;font-size:clamp(32px,4.6vw,62px)}
html[lang="ja"] .lead,html[lang="ja"] .hero .lead,html[lang="ja"] .section-heading .lead,html[lang="ja"] .knav-head .lead,html[lang="ja"] .tool-heading>p,html[lang="ja"] .way p,html[lang="ja"] .hint{max-width:30em}
html[lang="ja"] .detail-lead{max-width:34em}
html[lang="ja"] .art-note{max-width:16em}
html[lang="ja"] .f-brand p{max-width:22em}
/* Hero: sized so the longest phrase (six characters) keeps to one line beside the photo. */
html[lang="ja"] .h-hero,html[lang="ja"] .hero-views .h-hero{font-size:clamp(40px,5.2vw,70px);line-height:1.22;letter-spacing:.01em}
