/* zh-CN additions on top of /styles.css. Only what Chinese text needs:
   a CJK face behind Archivo and behind the device's pixel font, looser
   leading, calmer heading tracking, and a few wrap fixes for longer Chinese
   lines. Source: the 哈哔哔 design mockup. */
body,.btn{font-family:'Archivo','Noto Sans SC',system-ui,sans-serif}
p{line-height:1.75}
.h2{font-size:clamp(32px,4.6vw,56px);letter-spacing:-.02em;line-height:1.15;text-wrap:balance}
/* Device screen and keys show Chinese here; Silkscreen has no CJK glyphs, so
   Chinese falls through to Noto Sans SC while Latin and digits keep the pixel
   face. */
.lcd,.hb-lcd{font-family:'Silkscreen','Noto Sans SC',monospace}
.key{width:100%;max-width:60px;font:500 12px/1 'Silkscreen','Noto Sans SC',monospace}
/* 不喜欢 is three wide glyphs; on a 360px phone the pill shrinks to ~43px and
   the button's default padding wrapped it onto two lines. */
.key{padding:0;white-space:nowrap}
.case-foot{gap:10px;padding:0 12px;flex-wrap:wrap}
.lang-switch{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600}