/* Night2Asia typography system.
   Self-hosted WOFF2 files can be wired into these family names later without
   touching page CSS. Until then, each locale uses a deliberate local fallback stack. */
:root{
  --n2a-font-ui:"N2A Sans","Noto Sans","Segoe UI Variable","Segoe UI",Arial,sans-serif;
  --n2a-font-display:"N2A Serif","Noto Serif","Palatino Linotype","Book Antiqua",Palatino,Georgia,"Times New Roman",serif;

  --n2a-size-display:clamp(62px,5.4vw,82px);
  --n2a-size-display-section:clamp(40px,2.8vw,52px);
  --n2a-size-display-compact:clamp(42px,3.8vw,58px);
  --n2a-size-page-hero:clamp(54px,4.6vw,74px);
  --n2a-size-location-title:clamp(38px,2.55vw,48px);
  --n2a-size-h1:clamp(48px,4.2vw,68px);
  --n2a-size-h2:clamp(32px,2.8vw,40px);
  --n2a-size-h3:24px;
  --n2a-size-h4:20px;
  --n2a-size-h5:16px;
  --n2a-size-h6:13px;
  --n2a-size-body:15px;
  --n2a-size-small:13px;
  --n2a-size-micro:11px;
}

html[lang="ko"]{
  --n2a-font-ui:"N2A Sans KR","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --n2a-font-display:"N2A Serif KR","Noto Serif KR","Nanum Myeongjo","AppleMyungjo","Malgun Gothic",serif;
}
html[lang="zh"]{
  --n2a-font-ui:"N2A Sans SC","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --n2a-font-display:"N2A Serif SC","Noto Serif SC","Songti SC","STSong","SimSun",serif;
}
html[lang="ja"]{
  --n2a-font-ui:"N2A Sans JP","Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
  --n2a-font-display:"N2A Serif JP","Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;
}
html[lang="th"]{
  --n2a-font-ui:"N2A Sans Thai","Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif;
  --n2a-font-display:"N2A Serif Thai","Noto Serif Thai","Th Sarabun New",serif;
}
html[lang="vi"]{
  --n2a-font-ui:"N2A Sans","Noto Sans","Segoe UI Variable","Segoe UI",Arial,sans-serif;
  --n2a-font-display:"N2A Serif","Noto Serif",Georgia,"Times New Roman",serif;
}

body{font-family:var(--n2a-font-ui);font-synthesis:none}
h1,h2,h3,h4,h5,h6{font-family:var(--n2a-font-display);font-weight:700;text-wrap:balance;word-break:keep-all;overflow-wrap:normal}
h1{font-size:var(--n2a-size-h1);line-height:1.04}
h2{font-size:var(--n2a-size-h2);line-height:1.08}
h3{font-size:var(--n2a-size-h3);line-height:1.14}
h4{font-size:var(--n2a-size-h4);line-height:1.18}
h5{font-size:var(--n2a-size-h5);line-height:1.22}
h6{font-size:var(--n2a-size-h6);line-height:1.24}

@media(max-width:700px){
  :root{
    --n2a-size-display:clamp(44px,12vw,57px);
    --n2a-size-display-section:34px;
    --n2a-size-display-compact:clamp(32px,9vw,40px);
    --n2a-size-page-hero:clamp(38px,10.8vw,52px);
    --n2a-size-location-title:clamp(31px,8.8vw,38px);
    --n2a-size-h1:clamp(40px,10.5vw,52px);
    --n2a-size-h2:30px;
    --n2a-size-h3:22px;
    --n2a-size-h4:18px;
    --n2a-size-h5:15px;
    --n2a-size-h6:13px;
    --n2a-size-body:15px;
    --n2a-size-small:13px;
    --n2a-size-micro:11px;
  }
}