/* 拼音页专用样式（声母/韵母卡片、拼读表、声调卡） */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:inherit;font-size:15px;line-height:1.2;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;padding:8px 14px;cursor:pointer;transition:.15s;min-width:52px;text-align:center}
.chip:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.chip small{display:block;font-size:10.5px;color:var(--muted);letter-spacing:.02em;margin-top:3px}
.chip .lo-syl{display:block;font-style:normal;font-size:11px;color:var(--warm);font-family:"Noto Sans Lao","Leelawadee UI","Phetsarath OT","Lao UI",sans-serif;margin-top:2px}
.chip.on .lo-syl{color:rgba(255,255,255,.85)}
.tone-card .lo-syl{display:block;font-style:normal;font-size:11.5px;color:var(--warm);font-family:"Noto Sans Lao","Leelawadee UI","Phetsarath OT","Lao UI",sans-serif;margin-top:4px}
.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}
.chip.on small{color:rgba(255,255,255,.8)}
.tone-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:4px}
.tone-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center;cursor:pointer}
.tone-card:hover{border-color:var(--accent)}
.tone-card .mark{font-size:26px;font-family:"Noto Serif SC","Songti SC","SimSun",serif;line-height:1.2}
.tone-card .num{font-size:11px;color:var(--warm);font-weight:700;letter-spacing:.08em}
.tone-card .lo{font-family:"Noto Sans Lao","Leelawadee UI","Phetsarath OT","Lao UI",sans-serif;font-size:12px;color:var(--muted);display:block;margin-top:4px}
.tone-card .ex{font-size:13px;color:var(--ink-soft);margin-top:6px}
table.pin td{padding:4px;border-bottom:1px solid #F1EADC;text-align:center}
table.pin th{text-align:center;padding:6px 4px}
table.pin td.sm{font-size:13px;font-weight:600;color:var(--ink);background:var(--paper);border-radius:8px}
.pin-cell{width:100%;font:inherit;border:1px solid var(--line);background:#fff;border-radius:9px;padding:5px 2px;cursor:pointer;line-height:1.25;transition:.12s}
.pin-cell:hover{border-color:var(--accent);background:var(--accent-soft)}
.pin-cell b{display:block;font-size:14.5px;color:var(--accent);font-weight:600}
.pin-cell small{display:block;font-size:11px;color:var(--muted)}
.pin-cell .lo-syl{display:block;font-style:normal;font-size:11px;color:var(--warm);font-family:"Noto Sans Lao","Leelawadee UI","Phetsarath OT","Lao UI",sans-serif;margin-top:1px}
table.fin24{width:100%;border-collapse:separate;border-spacing:6px}
table.fin24 td{padding:0;border-bottom:0}
table.fin24 tr:nth-child(1) .pin-cell{background:#FFFBF3}
table.fin24 tr:nth-child(3) .pin-cell{background:#FFFBF3}
details.ext{margin-top:12px;border:1px dashed var(--line);border-radius:12px;padding:10px 12px;background:#fff}
details.ext summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--ink)}
details.ext[open] summary{margin-bottom:10px}
@media print{.chip,.tone-card{break-inside:avoid}}