@charset "UTF-8";
:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC",
    "Microsoft JhengHei", "Noto Sans CJK TC", sans-serif;
  line-height: 1.65;
}
body { max-width: 46rem; margin: 0 auto; padding: 1.5rem; color: #17223a; }
main { display: block; }
h1 { font-size: 2rem; line-height: 1.2; }
h2 { line-height: 1.3; }
a { color: #315fc4; }
.eyebrow { color: #315fc4; font-weight: 700; letter-spacing: .04em; }
.lead { font-size: 1.1rem; color: #4d5a72; }
.symbol-card {
  border-top: .08rem solid #d8dfeb;
  padding: 1rem 0;
  break-inside: avoid;
}
.symbol-card h2 { margin: 0 0 .6rem; }
.symbol-card h2 [lang="zh-Bopo"] { font-size: 2.3rem; }
.pinyin { font-size: 1.1rem; color: #4d5a72; }
dl { margin: 0; }
dl div { display: flex; gap: .7rem; }
dt { min-width: 7rem; font-weight: 700; }
dd { margin: 0; }
.example { margin-bottom: 0; }
nav ol, ol { padding-left: 1.4rem; }
li { margin: .45rem 0; }
.note { border-left: .25rem solid #315fc4; padding-left: 1rem; }
.license { margin-top: 2rem; font-size: .9rem; color: #4d5a72; }