/* Verified against chemistry style.css/layout.css, source 3bc22e9.
   Same font families and role weights; map sizes scale with source artwork. */
:root{--ui-font:'Noto Sans TC',sans-serif;--serif:'Noto Serif TC',serif}
body{font:14px/1.7 var(--ui-font)}
button,input,select,textarea{font-family:var(--ui-font)}
h1,h2,h3,.intro h1,.page-head h1,.panel h3,.subject h3,.lesson h3,.section-heading h2,.exam h2,.directory-card h3{font-family:var(--serif);font-weight:600;text-shadow:none}
h1,.intro h1,.page-head h1{font-size:30px;line-height:1.7;letter-spacing:2px}
h2,.section-heading h2{font-size:21px;line-height:1.7;letter-spacing:1px}
h3,.panel h3,.subject h3,.lesson h3,.directory-card h3{font-size:18px;line-height:1.7;letter-spacing:normal}
.global-brand{font-family:var(--serif);font-size:23px;font-weight:600;letter-spacing:1px}
.brand-subtitle{font:9px/2.5 sans-serif;letter-spacing:2px}
.global-header{font-family:var(--ui-font);font-size:11px;letter-spacing:1px}
.primary-navigation a,.nav-button{font-family:var(--ui-font);font-size:12px;font-weight:400;line-height:1.7}
button,.button,.primary,.outline,.tab{font-size:12px;line-height:1.7;text-shadow:none}
.primary{font-weight:600}
.eyebrow{font-family:var(--ui-font);font-size:10px;font-weight:500;letter-spacing:3px}
.stat-num{font-family:Georgia,serif}
@media(min-width:1500px){h1,.intro h1,.page-head h1{font-size:35px}}
@media(max-width:720px){h1,.intro h1,.page-head h1{font-size:25px}.global-brand{font-size:19px}.brand-subtitle{font-size:7px}.global-header{font-size:9px}.nav-button{font-size:11px}.eyebrow{font-size:8px;letter-spacing:2px}}

.workspace :is(h1,h2,h3),dialog :is(h1,h2,h3){font-family:var(--serif);font-weight:600;text-shadow:none}