@font-face{font-family:'Chiron Hei HK';src:url('fonts/ChironHeiHK.ttf');font-weight:500;font-display:swap}
@font-face{font-family:'Noto Serif TC';src:url('fonts/NotoSerifTC.ttf');font-weight:500;font-display:swap}
html body header .identity span{font-family:'Chiron Hei HK',sans-serif;font-weight:500;letter-spacing:.075em}
html[data-wordmark="b"] body header .identity span{font-family:'Noto Serif TC',serif;font-weight:500;letter-spacing:.075em}
html[data-wordmark="c"] body header .identity span{font-family:'Chocolate Classical Sans',sans-serif;font-weight:400;letter-spacing:.075em}
.wordmark-picker{position:relative;z-index:100;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;padding:8px;background:#f4f6f5;border-bottom:1px solid #dce3e2;font:12px 'Noto Sans TC',sans-serif}
.wordmark-picker button{min-height:38px;padding:8px 14px;border:1px solid #d3dedc;border-radius:20px;background:#fff}
.wordmark-picker button[aria-pressed="true"]{background:#dfeae8;border-color:#748b87}
.type-demo-switcher{display:none}
html[data-wordmark="c"] body header .identity span{font-size:16px}
@media(max-width:700px){
 html[data-wordmark="c"] body header .identity{min-width:0;max-width:100%}
 html[data-wordmark="c"] body header .identity span{font-size:clamp(11px,3.15vw,15px);line-height:1.3;letter-spacing:.055em;min-width:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}
}