/* HANNOM_v1 — ô chữ Hán Nôm lớn. Phông Noto Serif TC (Google Fonts, chỉ tải phần chữ cần); chữ khối mở rộng B+ nhờ phông Hán–Nôm cài trên máy. */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600&display=swap');
:root{--hn:"Noto Serif TC","Noto Serif SC","Noto Serif JP","Nom Na Tong","Han-Nom Gothic","BabelStone Han","HanaMinA","HanaMinB","Sun-ExtA","Sun-ExtB",serif}
[lang^=zh],.hn-o,.han b{font-family:var(--hn)}
.hn-dau{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;margin-bottom:6px}
.hn-o{flex:0 0 auto;display:grid;place-items:center;width:150px;height:150px;margin:0;background:var(--the);border:1px solid var(--vien);border-radius:18px;
  font-size:104px;line-height:1;font-weight:400;color:var(--muc);
  background-image:linear-gradient(var(--vien),var(--vien)),linear-gradient(var(--vien),var(--vien));background-size:1px 100%,100% 1px;background-position:center;background-repeat:no-repeat}
.hn-tom{flex:1 1 240px;min-width:0}
.hn-am{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.hn-am div{background:var(--the);border:1px solid var(--vien);border-radius:12px;padding:6px 12px;min-width:76px}
.hn-am b{display:block;font:700 1.35rem/1.2 var(--ma);color:var(--muc)}
.hn-am span{font-size:12px;color:var(--mo)}
.hn-so{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px 14px;margin:8px 0 0}
.hn-so div{border-top:1px solid var(--vien);padding-top:4px}
.hn-so dt{font-size:12px;color:var(--mo)}
.hn-so dd{margin:0;font-weight:600;color:var(--muc)}
.hn-so dd small{font-weight:400;color:var(--mo)}
.hn-phong{background:var(--son-nhat);border-radius:10px;padding:8px 12px}
.hn-dsam{padding-left:20px}.hn-dsam li{margin:4px 0}
.hn-luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px}
.hn-luoi a{min-width:0}
.hn-luoi a small{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.hn-nho a{min-width:52px;padding:6px 8px}
.hn-nho a b{font-size:1.6rem}
.hn-bo a{min-width:88px}
.hn-ngoai{margin-top:26px}.hn-ngoai p{margin:4px 0 0}
.hn-tim{max-width:460px;margin:12px 0 16px}
.hn-net{margin:10px 0}
@media (max-width:480px){.hn-o{width:120px;height:120px;font-size:84px}}