/* Page projection of design/typography.json; no changes to global text roles. */
@font-face { font-family:'Noto Sans Thai'; src:url('/assets/fonts/noto-sans-thai/NotoSansThai.ttf') format('truetype'); font-weight:100 900; font-style:normal; font-display:swap; }
body[data-page="email"] { --email-font:var(--f-font-sans); --email-locale-line:1; }
html:lang(th) body[data-page="email"] { --email-font:'Noto Sans Thai',var(--f-font-sans); --email-locale-line:var(--f-locale-line-th); }
html:lang(zh-cn) body[data-page="email"] { --email-locale-line:var(--f-locale-line-zh); }
html body[data-page="email"] main.content-field :is(h1,h2,h3,h4,p,dt,dd,a,label,span) {
  font-family:var(--email-font); letter-spacing:var(--f-track-normal); font-synthesis:none;
}
html body[data-page="email"] main.content-field h1 { font-size:var(--f-size-13); font-weight:var(--f-weight-bold); line-height:calc(var(--f-line-heading) * var(--email-locale-line)); text-wrap:balance; }
html body[data-page="email"] main.content-field h2 { font-size:var(--f-size-10); font-weight:var(--f-weight-bold); line-height:calc(var(--f-line-heading) * var(--email-locale-line)); }
html body[data-page="email"] main.content-field h3 { font-size:var(--f-size-09); font-weight:var(--f-weight-semibold); line-height:calc(var(--f-line-heading) * var(--email-locale-line)); }
html body[data-page="email"] main.content-field h4 { font-size:var(--f-size-08); font-weight:var(--f-weight-semibold); line-height:calc(var(--f-line-normal) * var(--email-locale-line)); }
html body[data-page="email"] main.content-field :is(p,dd) { font-size:var(--f-size-07); line-height:calc(var(--f-line-relaxed) * var(--email-locale-line)); text-wrap:pretty; }
html body[data-page="email"] main.content-field :is(dt,.email-actions a) { font-size:var(--f-size-05); font-weight:var(--f-weight-semibold); line-height:calc(var(--f-line-normal) * var(--email-locale-line)); }
html body[data-page="email"] main.content-field :is(.email-disclaimer,.email-tech-evidence,.email-formula p) { font-size:var(--f-size-05); }
html body[data-page="email"] main.content-field :is(code,.email-coordinate,.email-panel-heading,.email-island-core strong,.email-island-core small,.email-layer-pin,.email-number-track) { font-family:var(--f-font-mono); font-size:var(--f-size-03); line-height:var(--f-line-code); letter-spacing:var(--f-track-code); }
html body[data-page="email"] main.content-field :is(.email-panel-heading,.email-number-track) span { font-family:var(--f-font-mono); }
html body[data-page="email"] main.content-field .email-tech-state { font-size:var(--f-size-05); line-height:calc(var(--f-line-normal) * var(--email-locale-line)); }
@media(max-width:1199px) { html body[data-page="email"] main.content-field h1 { font-size:var(--f-size-12); } }
@media(max-width:767px) { html body[data-page="email"] main.content-field h1 { font-size:var(--f-size-11); } html body[data-page="email"] main.content-field h2 { font-size:var(--f-size-09); } }