@font-face{font-family:canIPA;src:url("../assets/fonts/canIPA-Mandarin-Subset.ttf")}@font-face{font-family:Musa;src:url("../assets/fonts/ZhouheiMusaFangzi-Bold.otf")}@font-face{font-family:Charis;src:url("../assets/fonts/Charis-Regular.woff2")}@font-face{font-family:"Guanhua Zimu";src:url("../assets/fonts/GuanhuaZimu-Regular.ttf") format("truetype");font-display:swap}@font-face{font-family:"canIPA Mandarin Subset";src:url("../assets/fonts/canIPA-Mandarin-Subset.ttf") format("truetype");font-display:swap}@font-face{font-family:"Zhouhei Musa Fangzi";src:url("../assets/fonts/ZhouheiMusaFangzi-Bold.otf") format("opentype");font-display:swap}@font-face{font-family:"Kunming Musa Fangzi";src:url("../assets/fonts/KunmingMusaFangzi-Bold.otf") format("opentype");font-display:swap}
.system-musa{font-family:"Zhouhei Musa Fangzi","Kunming Musa Fangzi",Musa,sans-serif!important;font-kerning:normal!important;font-variant-ligatures:common-ligatures contextual!important;font-feature-settings:"liga" 1,"calt" 1,"kern" 1!important;letter-spacing:normal!important;word-spacing:normal!important;text-rendering:optimizeLegibility}
:root{--comparison-left-group:8rem;--comparison-left-axis:5rem;--comparison-left-pinyin:4.5rem}body.page-comparison main{max-width:none;padding-left:clamp(1rem,2vw,2rem);padding-right:clamp(1rem,2vw,2rem)}.supplementalBack{display:inline-block;margin-bottom:.4rem;font-size:.9rem}.comparisonTable{width:max-content;min-width:100%;table-layout:auto}.comparisonTable th,.comparisonTable td{white-space:nowrap}.comparisonTable .systemHeader{white-space:normal;min-width:5.5rem;max-width:8.5rem;text-align:center;vertical-align:bottom}.comparisonTable .systemName{display:block;white-space:normal;overflow-wrap:normal;word-break:normal;line-height:1.12}.comparisonTable .comparisonValueCell{font-size:.95rem}.comparisonTable .system-ipa,.comparisonTable .ipa{font-family:Charis,serif}.comparisonTable .system-canipa,.comparisonTable .canipa{font-family:"canIPA Mandarin Subset",sans-serif;font-size:1.15em}.comparisonTable .system-guanhua-zimu{font-family:"Guanhua Zimu",sans-serif;font-size:1.15em}.comparisonTable .system-musa{font-family:"Kunming Musa Fangzi",sans-serif;font-size:1.25em}.comparisonTable .comparisonMetaRow th{position:sticky;top:0;z-index:6;background:#244a68;color:#fff;text-align:center;font-size:.8rem}.comparisonTable .comparisonNameRow th{position:sticky;top:2.25rem;z-index:5;background:#eef3f7}.comparisonTable[class*="order-chronological"] .comparisonNameRow th{top:0;z-index:6}.comparisonTable[class*="order-chronological"] .comparisonChronologyRow th{position:sticky;top:2.25rem;z-index:5;background:#eef3f7;color:var(--muted);font-size:.78rem}.comparisonTable .comparisonLeftHeader{background:#eef3f7}.comparisonTable .comparisonGroupCell{position:sticky;left:0;z-index:4;min-width:var(--comparison-left-group);max-width:10rem;color:#fff;white-space:normal}.comparisonTable .comparisonAxisCell{position:sticky;left:var(--comparison-left-group);z-index:3;min-width:var(--comparison-left-axis);background:#fff}.comparisonTable .system-pinyin{position:sticky;left:0;z-index:3;min-width:var(--comparison-left-pinyin);background:#fff;box-shadow:1px 0 0 var(--supplemental-line)}.comparisonTable .comparisonNameRow .system-pinyin,.comparisonTable .comparisonChronologyRow .system-pinyin{z-index:8;background:#eef3f7}.comparisonTable .comparisonMetaRow .comparisonLeftHeader,.comparisonTable .comparisonNameRow .comparisonLeftHeader,.comparisonTable .comparisonChronologyRow .comparisonLeftHeader{left:0;z-index:7}.comparisonTable .groupBand-0{background:#bd4f58}.comparisonTable .groupBand-1{background:#d37827}.comparisonTable .groupBand-2{background:#718b36}.comparisonTable .groupBand-3{background:#237f79}.comparisonTable .groupBand-4{background:#76549b}.comparisonTable .groupBand-5{background:#356b9a}.comparisonTable .initial-group.groupBand--1{background:#68737d}.comparisonTable .final-group.groupBand-0{background:#c95645}.comparisonTable .final-group.groupBand-1{background:#c68d13}.comparisonTable .final-group.groupBand-2{background:#2d8469}.comparisonTable .final-group.groupBand-3{background:#665b9e}.comparisonDownloads{margin-top:1.5rem}.comparisonDownloads h2{margin-bottom:.4rem}.downloadVariant{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.45rem;margin:.7rem 0 1rem}.downloadVariant h3{grid-column:1/-1;margin:.3rem 0}.downloadVariant a{padding:.35rem .5rem;border:1px solid var(--line);border-radius:.35rem;text-decoration:none}.downloadVariant a:hover{background:#f7fbff;border-color:var(--accent)}.downloadLink{display:inline-block;margin:.6rem 0}.characterDocument{max-width:76rem}.characterSyllable{margin:1.35rem 0}.characterSyllable h2{margin:0;font:1.15rem ui-monospace,SFMono-Regular,Menlo,monospace}.characterToneLine{margin:.15rem 0;letter-spacing:.08em;word-break:keep-all}.characterToneLine b{display:inline-block;min-width:2rem;letter-spacing:0}.homophoneAnalysis{margin-top:1.5rem}.homophoneSizeGroup{margin:.7rem 0}.homophoneSizeGroup h3{margin:.2rem 0}.homophoneSizeGroup ul{margin:.25rem 0;padding-left:1.5rem;columns:2;column-gap:2rem}.homophoneSizeGroup li{break-inside:avoid;margin:.1rem 0}.emptyState{color:var(--muted);font-style:italic}.placeholderNote{padding:.65rem .8rem;border-left:4px solid var(--accent);background:#f5f7f9}.compactTable{width:max-content;min-width:0}.compactTable table{min-width:0;width:max-content}.error{color:#a22;font-weight:600}.inventorySystemName.system-ipa{font-family:Charis,serif}.inventorySystemName.system-canipa{font-family:"canIPA Mandarin Subset",sans-serif}.inventorySystemName.system-guanhua-zimu{font-family:"Guanhua Zimu",sans-serif}.inventorySystemName.system-musa{font-family:"Kunming Musa Fangzi",sans-serif}@media(max-width:850px){:root{--comparison-left-group:7rem;--comparison-left-axis:5rem}.homophoneSizeGroup ul{columns:1}}

/* Stage 1 presentation pass: keep supplemental pages legible, printable, and
   consistent with the main Sound Chart while retaining horizontal fallback on
   genuinely narrow screens. */
@font-face{font-family:"Charis IPA";src:url("../assets/fonts/Charis-Regular.woff2") format("woff2");font-display:swap}@font-face{font-family:"Charis Regional IPA";src:url("../assets/fonts/CharisSIL-Regular.ttf") format("truetype");font-display:swap}@font-face{font-family:"Regional IPA Glottal";src:url("../assets/fonts/STIXTwoText-Regular.ttf?v=regional-ipa-u0294") format("truetype");font-display:swap;unicode-range:U+0294}
*,*::before,*::after{box-sizing:border-box}
:root{--comparison-left-group:6.8rem;--comparison-left-axis:3.6rem;--comparison-left-pinyin:4rem;--supplemental-ink:#243746;--supplemental-muted:#617486;--supplemental-line:#d9e2ea;--supplemental-paper:#fff;--supplemental-wash:#f5f8fb}
body{margin:0;color:var(--supplemental-ink);background:var(--supplemental-wash);font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}
.supplementalHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;padding:1rem clamp(1rem,3vw,2.5rem);background:var(--supplemental-paper);border-bottom:1px solid var(--supplemental-line)}
.supplementalHeader>a{font-weight:700;color:#1b5d86;text-decoration:none;padding-top:.2rem}.supplementalHeader>a:hover{text-decoration:underline}
.settings{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem 1rem}.settings fieldset{display:flex;align-items:center;gap:.5rem;margin:0;padding:.35rem .6rem;border:1px solid var(--supplemental-line);border-radius:.45rem;background:#fbfdff}.settings legend{padding:0 .25rem;color:var(--supplemental-muted);font-size:.76rem;font-weight:700}.settings label{white-space:nowrap;font-size:.9rem}
main{width:calc(100% - 2rem);max-width:90rem;margin:0 auto;padding:1.2rem 0 3rem}main>h1{margin:.2rem 0 .5rem;font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.15}.lede{max-width:75ch;color:var(--supplemental-muted)}
.controls{display:flex;flex-wrap:wrap;gap:.6rem 1rem;margin:.75rem 0 1rem}.controls fieldset{display:flex;align-items:center;gap:.6rem;margin:0;padding:.45rem .7rem;border:1px solid var(--supplemental-line);border-radius:.45rem;background:var(--supplemental-paper)}.controls legend{padding:0 .25rem;color:var(--supplemental-muted);font-size:.78rem;font-weight:700}.controls label{white-space:nowrap;font-size:.9rem}
.tableWrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;margin:.75rem 0 1.2rem;background:var(--supplemental-paper)}.tableWrap table{width:100%;border-collapse:collapse;border:1px solid var(--supplemental-line);background:var(--supplemental-paper)}.tableWrap th,.tableWrap td{border:1px solid var(--supplemental-line);padding:.32rem .48rem;vertical-align:middle}.tableWrap thead th{background:#eef3f7;font-weight:700}.tableWrap tbody tr:nth-child(even){background:#fbfdff}
.comparisonTable{width:100%;min-width:0;table-layout:fixed}.comparisonTable th,.comparisonTable td{white-space:nowrap}.comparisonTable .systemHeader{width:3.8rem;min-width:0;max-width:none;padding:.35rem .15rem;text-align:center;vertical-align:bottom;font-size:.78rem;font-weight:600;line-height:1.1}.comparisonTable .systemName{display:block;white-space:normal;overflow-wrap:normal;word-break:normal}.comparisonTable .comparisonValueCell{width:3.8rem;padding:.27rem .12rem;text-align:center;vertical-align:middle;font-size:.78rem;font-weight:500}.comparisonTable .comparisonDateCell{width:3.8rem;white-space:normal;text-align:center;vertical-align:middle;padding:.25rem .12rem;color:var(--supplemental-muted);font-size:.72rem;line-height:1.15}.comparisonTable .systemHeader.system-canipa,.comparisonTable .systemHeader.system-guanhua-zimu,.comparisonTable .systemHeader.system-musa,.comparisonTable .systemHeader.system-ipa{font-size:.78rem;font-weight:600}.comparisonTable .system-ipa,.syllableListTable .ipa,.syllableListTable .ipa.primaryTranscription{font-family:"Charis IPA",Charis,serif}.comparisonTable .system-canipa,.syllableListTable .canipa,.syllableListTable .canipa.primaryTranscription{font-family:"canIPA Mandarin Subset",canIPA,sans-serif}.comparisonTable .system-guanhua-zimu{font-family:"Guanhua Zimu",sans-serif}.comparisonTable .system-musa{font-family:"Kunming Musa Fangzi",Musa,sans-serif}.comparisonTable .comparisonNameRow th{top:2.6rem}.comparisonTable[class*="order-chronological"] .comparisonChronologyRow th{top:2.6rem}.comparisonTable .comparisonAxisCell{min-width:var(--comparison-left-axis);text-align:center}.comparisonTable tbody tr:nth-child(even)>.system-pinyin{background:#fbfdff}.comparisonTable tbody tr.comparisonBlockShade-a>td:not(.comparisonGroupCell),.comparisonTable tbody tr.comparisonBlockShade-a>th:not(.comparisonGroupCell){background:#f7fafc}.comparisonTable tbody tr.comparisonBlockShade-b>td:not(.comparisonGroupCell),.comparisonTable tbody tr.comparisonBlockShade-b>th:not(.comparisonGroupCell){background:#edf3f7}.comparisonTable tbody tr.comparisonBlockShade-a>.comparisonAxisCell,.comparisonTable tbody tr.comparisonBlockShade-a>.system-pinyin{background:#f7fafc!important}.comparisonTable tbody tr.comparisonBlockShade-b>.comparisonAxisCell,.comparisonTable tbody tr.comparisonBlockShade-b>.system-pinyin{background:#edf3f7!important}
@font-face{font-family:"canIPA Mandarin Chapter 9 Bold Italic Subset";src:url("../assets/fonts/canIPA-Mandarin-Chapter9-BoldItalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Mandarin 2024 Acina Bold Italic Subset";src:url("../assets/fonts/canIPA-Mandarin-2024-Acina-BoldItalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Mandarin 2024 Alibi Bold Italic Subset";src:url("../assets/fonts/canIPA-Mandarin-2024-Alibi-BoldItalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AbileBold";src:url("../assets/fonts/canIPA-Ordinary-Core-B-002-abilebold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AbileBoldItalic";src:url("../assets/fonts/canIPA-Ordinary-Core-B-003-abilebolditalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AcinaAcina";src:url("../assets/fonts/canIPA-Ordinary-Core-B-004-acinaacina-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AcinaBold";src:url("../assets/fonts/canIPA-Ordinary-Core-B-006-acinabold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AcinaBoldItalic";src:url("../assets/fonts/canIPA-Ordinary-Core-B-007-acinabolditalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AcinaItalic";src:url("../assets/fonts/canIPA-Ordinary-Core-B-008-acinaitalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AgensBold";src:url("../assets/fonts/canIPA-Ordinary-Core-B-011-agensbold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AbileBold";src:url("../assets/fonts/canIPA-Ordinary-Mediatic-C-002-abilebold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AbileBoldItalic";src:url("../assets/fonts/canIPA-Ordinary-Mediatic-C-003-abilebolditalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AcinaAcina";src:url("../assets/fonts/canIPA-Ordinary-Mediatic-C-004-acinaacina-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AcinaBold";src:url("../assets/fonts/canIPA-Ordinary-Mediatic-C-006-acinabold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AgensBold";src:url("../assets/fonts/canIPA-Ordinary-Mediatic-C-011-agensbold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AgensBoldItalic";src:url("../assets/fonts/canIPA-Ordinary-Mediatic-C-012-agensbolditalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AiutoBoldItalic";src:url("../assets/fonts/canIPA-Ordinary-Mediatic-C-014-aiutobolditalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AiutoItalic";src:url("../assets/fonts/canIPA-Ordinary-Mediatic-C-015-aiutoitalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AlibiBold";src:url("../assets/fonts/canIPA-Ordinary-Mediatic-C-016-alibibold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AngloItalic";src:url("../assets/fonts/canIPA-Ordinary-Mediatic-C-020-angloitalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion ApizzApizz";src:url("../assets/fonts/canIPA-Ordinary-Mediatic-C-021-apizzapizz-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AtedBoldItalic";src:url("../assets/fonts/canIPA-Ordinary-Mediatic-C-025-atedbolditalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AxyzBoldItalic";src:url("../assets/fonts/canIPA-Ordinary-Mediatic-C-027-axyzbolditalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AxyzItalic";src:url("../assets/fonts/canIPA-Ordinary-Mediatic-C-028-axyzitalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion GiobarbyBold";src:url("../assets/fonts/canIPA-Ordinary-Mediatic-C-029-giobarbybold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AbileBold";src:url("../assets/fonts/canIPA-Ordinary-Taiwan-D-002-abilebold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AcinaAcina";src:url("../assets/fonts/canIPA-Ordinary-Taiwan-D-004-acinaacina-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AcinaAddeBold";src:url("../assets/fonts/canIPA-Ordinary-Taiwan-D-005-acinaaddebold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AcinaBold";src:url("../assets/fonts/canIPA-Ordinary-Taiwan-D-006-acinabold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AddeBold";src:url("../assets/fonts/canIPA-Ordinary-Taiwan-D-009-addebold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AiutoBoldItalic";src:url("../assets/fonts/canIPA-Ordinary-Taiwan-D-014-aiutobolditalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AngloBold";src:url("../assets/fonts/canIPA-Ordinary-Taiwan-D-018-anglobold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AngloBoldItalic";src:url("../assets/fonts/canIPA-Ordinary-Taiwan-D-019-anglobolditalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AngloItalic";src:url("../assets/fonts/canIPA-Ordinary-Taiwan-D-020-angloitalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion AsupplAsuppl";src:url("../assets/fonts/canIPA-Ordinary-Taiwan-D-023-asupplasuppl-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion GiobarbyBold";src:url("../assets/fonts/canIPA-Ordinary-Taiwan-D-029-giobarbybold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Expansion GiobarbyBoldItalic";src:url("../assets/fonts/canIPA-Ordinary-Taiwan-D-030-giobarbybolditalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Regional E AbileBold";src:url("../assets/fonts/canIPA-Ordinary-Regional-E-002-abilebold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Regional E AcinaAcina";src:url("../assets/fonts/canIPA-Ordinary-Regional-E-004-acinaacina-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Regional E AcinaAddeBold";src:url("../assets/fonts/canIPA-Ordinary-Regional-E-005-acinaaddebold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Regional E AcinaBold";src:url("../assets/fonts/canIPA-Ordinary-Regional-E-006-acinabold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Regional E AcinaBoldItalic";src:url("../assets/fonts/canIPA-Ordinary-Regional-E-007-acinabolditalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Regional E AgensBoldItalic";src:url("../assets/fonts/canIPA-Ordinary-Regional-E-012-agensbolditalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Regional E AiutoBoldItalic";src:url("../assets/fonts/canIPA-Ordinary-Regional-E-014-aiutobolditalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Regional E AngloAnglo";src:url("../assets/fonts/canIPA-Ordinary-Regional-E-017-angloanglo-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Regional E AngloItalic";src:url("../assets/fonts/canIPA-Ordinary-Regional-E-020-angloitalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Regional E ApizzApizz";src:url("../assets/fonts/canIPA-Ordinary-Regional-E-021-apizzapizz-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Final F AbileAbile";src:url("../assets/fonts/canIPA-Ordinary-Final-F-001-abileabile-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Final F AbileBold";src:url("../assets/fonts/canIPA-Ordinary-Final-F-002-abilebold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Final F AbileBoldItalic";src:url("../assets/fonts/canIPA-Ordinary-Final-F-003-abilebolditalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Final F AcinaBold";src:url("../assets/fonts/canIPA-Ordinary-Final-F-006-acinabold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Final F AcinaBoldItalic";src:url("../assets/fonts/canIPA-Ordinary-Final-F-007-acinabolditalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Final F AiutoBold";src:url("../assets/fonts/canIPA-Ordinary-Final-F-013-aiutobold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Final F AiutoBoldItalic";src:url("../assets/fonts/canIPA-Ordinary-Final-F-014-aiutobolditalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Final F AngloAnglo";src:url("../assets/fonts/canIPA-Ordinary-Final-F-017-angloanglo-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Final F AngloItalic";src:url("../assets/fonts/canIPA-Ordinary-Final-F-020-angloitalic-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Final F AromenBold";src:url("../assets/fonts/canIPA-Ordinary-Final-F-022-aromenbold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"canIPA Ordinary Final F AsupplBold";src:url("../assets/fonts/canIPA-Ordinary-Final-F-024-asupplbold-Subset.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
.canipaFaceRun{font-family:inherit;font-style:normal;font-weight:700}
.canipaFace-mandarin{font-family:"canIPA Mandarin Subset",sans-serif}
.canipaFace-simplified_bold{font-family:"canIPA Erhua Simplified Bold Subset",sans-serif}
.canipaFace-chapter9_italic{font-family:"canIPA Mandarin Chapter 9 Bold Italic Subset",sans-serif}
.canipaFace-quick_r{font-family:"canIPA Mandarin 2024 Acina Bold Italic Subset",sans-serif}
.canipaFace-emphatic_r{font-family:"canIPA Mandarin 2024 Alibi Bold Italic Subset",sans-serif}
.canipaFace-cdf-001-abileabile{font-family:"canIPA Ordinary Final F AbileAbile",sans-serif}
.canipaFace-cdf-002-abilebold{font-family:"canIPA Ordinary Final F AbileBold","canIPA Ordinary Regional E AbileBold","canIPA Ordinary Expansion AbileBold",sans-serif}
.canipaFace-cdf-003-abilebolditalic{font-family:"canIPA Ordinary Final F AbileBoldItalic","canIPA Ordinary Expansion AbileBoldItalic",sans-serif}
.canipaFace-cdf-004-acinaacina{font-family:"canIPA Ordinary Regional E AcinaAcina","canIPA Ordinary Expansion AcinaAcina",sans-serif}
.canipaFace-cdf-005-acinaaddebold{font-family:"canIPA Ordinary Regional E AcinaAddeBold","canIPA Ordinary Expansion AcinaAddeBold",sans-serif}
.canipaFace-cdf-006-acinabold{font-family:"canIPA Ordinary Final F AcinaBold","canIPA Ordinary Regional E AcinaBold","canIPA Ordinary Expansion AcinaBold",sans-serif}
.canipaFace-cdf-007-acinabolditalic{font-family:"canIPA Ordinary Final F AcinaBoldItalic","canIPA Ordinary Regional E AcinaBoldItalic","canIPA Ordinary Expansion AcinaBoldItalic",sans-serif}
.canipaFace-cdf-008-acinaitalic{font-family:"canIPA Ordinary Expansion AcinaItalic",sans-serif}
.canipaFace-cdf-009-addebold{font-family:"canIPA Ordinary Expansion AddeBold",sans-serif}
.canipaFace-cdf-011-agensbold{font-family:"canIPA Ordinary Expansion AgensBold",sans-serif}
.canipaFace-cdf-012-agensbolditalic{font-family:"canIPA Ordinary Regional E AgensBoldItalic","canIPA Ordinary Expansion AgensBoldItalic",sans-serif}
.canipaFace-cdf-013-aiutobold{font-family:"canIPA Ordinary Final F AiutoBold",sans-serif}
.canipaFace-cdf-014-aiutobolditalic{font-family:"canIPA Ordinary Final F AiutoBoldItalic","canIPA Ordinary Regional E AiutoBoldItalic","canIPA Ordinary Expansion AiutoBoldItalic",sans-serif}
.canipaFace-cdf-015-aiutoitalic{font-family:"canIPA Ordinary Expansion AiutoItalic",sans-serif}
.canipaFace-cdf-016-alibibold{font-family:"canIPA Ordinary Expansion AlibiBold",sans-serif}
.canipaFace-cdf-017-angloanglo{font-family:"canIPA Ordinary Final F AngloAnglo","canIPA Ordinary Regional E AngloAnglo",sans-serif}
.canipaFace-cdf-018-anglobold{font-family:"canIPA Ordinary Expansion AngloBold",sans-serif}
.canipaFace-cdf-019-anglobolditalic{font-family:"canIPA Ordinary Expansion AngloBoldItalic",sans-serif}
.canipaFace-cdf-020-angloitalic{font-family:"canIPA Ordinary Final F AngloItalic","canIPA Ordinary Regional E AngloItalic","canIPA Ordinary Expansion AngloItalic",sans-serif}
.canipaFace-cdf-021-apizzapizz{font-family:"canIPA Ordinary Regional E ApizzApizz","canIPA Ordinary Expansion ApizzApizz",sans-serif}
.canipaFace-cdf-022-aromenbold{font-family:"canIPA Ordinary Final F AromenBold",sans-serif}
.canipaFace-cdf-023-asupplasuppl{font-family:"canIPA Ordinary Expansion AsupplAsuppl",sans-serif}
.canipaFace-cdf-024-asupplbold{font-family:"canIPA Ordinary Final F AsupplBold",sans-serif}
.canipaFace-cdf-025-atedbolditalic{font-family:"canIPA Ordinary Expansion AtedBoldItalic",sans-serif}
.canipaFace-cdf-027-axyzbolditalic{font-family:"canIPA Ordinary Expansion AxyzBoldItalic",sans-serif}
.canipaFace-cdf-028-axyzitalic{font-family:"canIPA Ordinary Expansion AxyzItalic",sans-serif}
.canipaFace-cdf-029-giobarbybold{font-family:"canIPA Ordinary Expansion GiobarbyBold",sans-serif}
.canipaFace-cdf-030-giobarbybolditalic{font-family:"canIPA Ordinary Expansion GiobarbyBoldItalic",sans-serif}
.syllableListTable{width:100%;table-layout:auto}.syllableListTable th,.syllableListTable td{padding:.38rem .6rem}.syllableListTable th:first-child,.syllableListTable td:first-child{width:9rem}.syllableListTable th:nth-child(2),.syllableListTable td:nth-child(2){text-align:center;white-space:nowrap}.syllableListTable td:nth-child(3){min-width:16rem}.syllableListTable .primaryTranscription{font-size:1rem;font-weight:600;white-space:nowrap}.syllableListTable .alternateCell{color:var(--supplemental-muted);font-size:.9rem}.syllableListTable .alternateTranscription{white-space:nowrap}.syllableListTable .alternateTranscriptionGlyph.canipa{font-family:"canIPA Mandarin Subset",canIPA,sans-serif}
.canipaSyllableAccordion{margin:1rem 0}.canipaSyllableSection{margin:.55rem 0;border:1px solid var(--supplemental-line);border-radius:.35rem;overflow:hidden}.canipaSyllableSection h2{margin:0}.canipaSyllableButton{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.6rem .8rem;border:0;background:#eef3f7;color:var(--supplemental-ink);font:700 1.05rem ui-monospace,SFMono-Regular,Menlo,monospace;text-align:left;cursor:pointer}.canipaSyllableButton::after{content:"+";font:700 1.2rem system-ui,sans-serif}.canipaSyllableButton[aria-expanded="true"]::after{content:"−"}.canipaSyllableButton:hover{background:#e2edf3}.canipaSyllableButton:focus-visible{outline:3px solid #2a7196;outline-offset:-3px}.canipaSyllablePanel{min-width:0;padding:.4rem .6rem .65rem;border-top:1px solid var(--supplemental-line);overflow:hidden}.canipaSyllablePanel .tableWrap{margin:.4rem 0 0;overflow:visible;background:transparent}.canipaSyllablePanel .syllableListTable{width:100%;max-width:100%;table-layout:fixed}.canipaSyllablePanel .syllableListTable th,.canipaSyllablePanel .syllableListTable td{min-width:0;white-space:normal;overflow-wrap:anywhere;vertical-align:top}.canipaSyllablePanel .syllableListTable th:first-child,.canipaSyllablePanel .syllableListTable td:first-child{width:12%;white-space:nowrap}.canipaSyllablePanel .syllableListTable th:nth-child(2),.canipaSyllablePanel .syllableListTable td:nth-child(2){width:16%;white-space:nowrap}.canipaSyllablePanel .syllableListTable td:nth-child(3){min-width:0}.canipaSyllablePanel .syllableListTable th:last-child,.canipaSyllablePanel .syllableListTable td:last-child{border-right:0}.canipaSyllablePanel .alternateTranscription{white-space:normal;overflow-wrap:anywhere}.canipaSyllablePanel .alternateTranscriptionGlyph{flex:0 0 auto;white-space:nowrap}
.erhuaTable,.neutralTable{width:max-content;min-width:100%;table-layout:auto}.erhuaTable th,.erhuaTable td,.neutralTable th,.neutralTable td{padding:.34rem .52rem;white-space:nowrap}.erhuaTable td.ipa{font-family:"Charis IPA",Charis,serif}.compactTable{width:100%;overflow-x:auto}.compactTable table{width:max-content;min-width:100%}
.characterDocument{width:100%;max-width:none;padding-left:clamp(.5rem,2vw,1.8rem);padding-right:clamp(.5rem,2vw,1.8rem)}.characterColumns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,4vw,4rem);align-items:start}.characterColumn{min-width:0}.characterSyllable{margin:1rem 0;break-inside:avoid}.characterSyllable h2{margin:0;font-size:1.05rem}.characterToneLine{margin:.12rem 0;letter-spacing:.06em;word-break:keep-all}.homophoneAnalysis{width:100%;max-width:none}.homophoneSizeGroup ul{columns:repeat(2,minmax(15rem,1fr));column-gap:clamp(1.5rem,4vw,4rem)}
.document{max-width:78rem}.document .tableWrap{overflow-x:auto}.sourceNote,.sourceRelevantLocations{color:var(--supplemental-muted);font-size:.88rem}.sourceRelevantLocations{margin:.12rem 0}.sourceRelevantLocationsLabel{font-weight:700}.sourcesToc{max-width:46rem;margin:1rem 0 1.5rem;padding:.7rem .9rem;border:1px solid var(--supplemental-line);border-radius:.45rem;background:var(--supplemental-paper)}.sourcesToc h2{margin:0 0 .4rem;font-size:1.05rem}.sourcesToc ol{margin:0;padding-left:1.5rem;columns:2;column-gap:2rem}.sourcesToc li{break-inside:avoid;margin:.16rem 0}.sourceSection{margin:1.5rem 0;scroll-margin-top:1rem}.sourceSection>h2{margin-bottom:.5rem}.sourceList{margin:.3rem 0;padding-left:1.4rem}.sourceList>li{margin:.55rem 0}.sourceCitationLink,.sourceCitationText{font-weight:650}.sourceEntryDetail{margin:.08rem 0;color:var(--supplemental-muted);font-size:.88rem}.sourceEntryDetailLabel{font-weight:700}@media(max-width:620px){.sourcesToc ol{columns:1}}.statusBox{padding:1rem;border:1px solid var(--supplemental-line);border-left:4px solid #d18a24;background:var(--supplemental-paper)}
.sourceSection#canipa-sources>h3{margin:1rem 0 .35rem;font-size:1rem}.sourceSection#canipa-sources>h3+.sourceNote{margin:.2rem 0 .65rem}
.furtherReading{max-width:72rem}.furtherScope{max-width:62rem;color:var(--supplemental-muted);margin:.15rem 0 1.2rem}.furtherSubsection{scroll-margin-top:1rem;margin:1.35rem 0 2rem}.furtherSubsection>h3{font-size:1.25rem;margin:0 0 .75rem;padding-bottom:.35rem;border-bottom:1px solid var(--supplemental-line)}.furtherCategory{font-size:1rem;margin:1.15rem 0 .3rem;color:var(--supplemental-ink)}.furtherList{margin:.2rem 0;padding-left:1.35rem}.furtherEntry{margin:.4rem 0 .6rem;line-height:1.42;overflow-wrap:anywhere}.furtherTitle{font-weight:650}.furtherFreeLink{font-size:.88rem;white-space:nowrap}.furtherNote{margin:.08rem 0;color:var(--supplemental-muted);font-size:.88rem;line-height:1.38}.furtherNoteLabel{font-weight:650}
@media(max-width:1200px){.comparisonTable{width:max-content;min-width:90rem;table-layout:auto}.comparisonTable .systemHeader,.comparisonTable .comparisonValueCell,.comparisonTable .comparisonDateCell{width:auto;min-width:4rem}}
@media(max-width:850px){.supplementalHeader{display:block}.settings{justify-content:flex-start;margin-top:.75rem}.characterColumns{grid-template-columns:1fr}.homophoneSizeGroup ul{columns:1}.comparisonTable{min-width:88rem}}
@media(max-width:560px){main{width:calc(100% - 1rem);padding-top:.8rem}.settings{display:grid;grid-template-columns:1fr 1fr}.settings fieldset{display:block}.settings label{display:block;margin-top:.2rem}.controls fieldset{display:block}.controls label{display:inline-block;margin:.15rem .4rem .15rem 0}}
.inventorySystemName.system-ipa{font-family:"Charis IPA",Charis,serif}

/* IPA/canIPA detail panels float above the document so opening one never
   changes table geometry; the shared controller keeps one panel active. */
.alternateValues{display:grid;gap:.38rem}
.alternateTranscription{display:flex;flex-wrap:wrap;align-items:baseline;gap:.22rem;min-width:0}
.alternateCitationMarker{display:inline-grid;place-items:center;width:1.35rem;height:1.35rem;padding:0;border:1px solid #91a3b0;border-radius:50%;background:#fff;color:#385162;font:700 .82rem/1 system-ui,sans-serif;cursor:pointer}
.alternateCitationMarker:hover,.alternateCitationMarker:focus-visible{border-color:#385162;background:#edf4f8;outline:2px solid #7aabbf;outline-offset:1px}
.alternateCitationPanel{position:fixed;z-index:1000;box-sizing:border-box;width:min(34rem,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:min(70vh,42rem);margin:0;padding:.5rem .65rem;border:1px solid #90a2ae;border-radius:6px;background:#fff;color:#263b49;font:.78rem/1.35 system-ui,sans-serif;overflow-x:hidden;overflow-y:auto;overflow-wrap:anywhere;word-break:break-word;box-shadow:0 .35rem 1rem rgb(20 35 45 / 18%)}
.alternateCitationList{margin:0;padding-left:1.1rem}.alternateCitationList li+li{margin-top:.35rem}
.canonicalCanipaSources{margin:1rem 0;padding:.8rem 1rem;border:1px solid var(--supplemental-line);border-radius:.45rem;background:var(--supplemental-paper)}.canonicalCanipaSources h2{margin:0 0 .35rem;font-size:1.05rem}.canonicalCanipaSourceControl{margin:.45rem 0 0}.canonicalCanipaExceptions{margin-top:.55rem;color:var(--supplemental-muted);font-size:.86rem}.canonicalCanipaExceptions summary{cursor:pointer;color:var(--supplemental-ink);font-weight:700}.canonicalCanipaExceptions ul{margin:.45rem 0 0;padding-left:1.3rem}.canonicalCanipaExceptions li+li{margin-top:.25rem}

/* Final supplemental presentation cleanup.  Comparison headers size to their
   content so every system name remains readable at the table's natural width. */
.comparisonTable{width:max-content;min-width:100%;table-layout:auto}
.comparisonTable .systemHeader{width:auto;min-width:5.5rem;max-width:none;height:auto;min-height:3.35rem;overflow:visible;padding:.4rem .3rem;text-align:center;vertical-align:middle;white-space:normal;font-size:.78rem;font-weight:600;line-height:1.15}
.comparisonTable .systemHeader .systemName{display:block;max-width:none;overflow:visible;white-space:normal;overflow-wrap:normal;word-break:normal;font:inherit;line-height:inherit}
.comparisonTable .systemHeader .systemName,.comparisonTable .systemHeader.system-ipa,.comparisonTable .systemHeader.system-canipa,.comparisonTable .systemHeader.system-guanhua-zimu,.comparisonTable .systemHeader.system-musa{font-family:inherit!important}
.comparisonTable .comparisonValueCell.system-ipa{font-family:"Charis IPA",Charis,serif}
.comparisonTable .comparisonValueCell.system-canipa{font-family:"canIPA Mandarin Subset",canIPA,sans-serif}
.comparisonTable .comparisonValueCell.system-guanhua-zimu{font-family:"Guanhua Zimu",sans-serif}
.comparisonTable .comparisonValueCell.system-musa{font-family:"Kunming Musa Fangzi",Musa,sans-serif}
.comparisonTable .systemHeader.system-canipa,.comparisonTable .systemHeader.system-guanhua-zimu,.comparisonTable .systemHeader.system-musa,.comparisonTable .systemHeader.system-ipa{font-size:.78rem;font-weight:600;line-height:1.15}
.comparisonTable .comparisonNameRow th{top:3.35rem;height:auto;min-height:3.35rem;overflow:visible}
.comparisonTable[class*="order-chronological"] .comparisonNameRow th{top:0}
.comparisonTable[class*="order-chronological"] .comparisonChronologyRow th{top:3.35rem}
.comparisonTable .comparisonLeftHeader{height:auto;min-height:3.35rem;overflow:visible;text-align:center;vertical-align:middle;line-height:1.15}
.comparisonTable tbody tr.comparisonBlockShade-a>td:not(.comparisonGroupCell),.comparisonTable tbody tr.comparisonBlockShade-a>th:not(.comparisonGroupCell){background:#fff}
.comparisonTable tbody tr.comparisonBlockShade-b>td:not(.comparisonGroupCell),.comparisonTable tbody tr.comparisonBlockShade-b>th:not(.comparisonGroupCell){background:#e5edf2}
.comparisonTable tbody tr.comparisonBlockShade-a>.comparisonAxisCell,.comparisonTable tbody tr.comparisonBlockShade-a>.system-pinyin{background:#fff!important}
.comparisonTable tbody tr.comparisonBlockShade-b>.comparisonAxisCell,.comparisonTable tbody tr.comparisonBlockShade-b>.system-pinyin{background:#e5edf2!important}
.comparisonTable:not([class*="-alphabetical"]) .system-pinyin{left:calc(var(--comparison-left-group) + var(--comparison-left-axis))}

/* Long Neutral Tone and Erhua tables keep their header visible and expose one
   synchronized viewport-width horizontal rail when their content overflows. */
.stickyTableRegion{position:relative;overflow-x:auto;overflow-y:clip}
.stickyTableRegion>table{width:max-content;min-width:100%;table-layout:auto}
.neutralTable thead th,.erhuaTable thead th{position:sticky;top:0;z-index:8;background:#eef3f7;color:var(--supplemental-ink);box-shadow:0 1px 0 var(--supplemental-line)}
.stickyTableScroller{position:fixed;right:auto;bottom:.35rem;z-index:30;max-width:calc(100vw - 1rem);height:1.15rem;overflow-x:auto;overflow-y:hidden;border:1px solid var(--supplemental-line);border-radius:.3rem;background:rgba(255,255,255,.96);box-shadow:0 1px 5px rgba(36,55,70,.18)}
.stickyTableScrollerInner{height:1px}
.stickyTableHeader{position:fixed;top:0;left:0;z-index:29;overflow:hidden;pointer-events:none;background:var(--supplemental-paper);box-shadow:0 1px 0 var(--supplemental-line)}
.stickyTableHeaderViewport{width:100%;overflow:hidden;background:var(--supplemental-paper)}
.stickyTableHeader table{margin:0;border-collapse:collapse;background:var(--supplemental-paper)}
.tableWrap.erhuaMergerWrap{width:max-content;max-width:100%;overflow-x:auto;overflow-y:visible;margin-left:0}
.tableWrap.erhuaMergerWrap table,.tableWrap.erhuaMergerWrap.compactTable table{width:max-content;min-width:0;table-layout:auto}
.tableWrap.erhuaMergerWrap th,.tableWrap.erhuaMergerWrap td{padding:.32rem .52rem;white-space:nowrap}

/* Character sections are assigned to contiguous columns by the renderer. */
.characterColumn{min-width:0}
.characterSyllable{break-inside:avoid}

/* Homophone categories flow as intact blocks through as many useful columns
   as the page can accommodate, rather than nesting a second row-wise grid. */
.homophoneAnalysis{column-width:14rem;column-gap:1rem;column-fill:balance}
.homophoneAnalysis>h2{column-span:all}
.homophoneSizeGroup{break-inside:avoid}
.homophoneSizeGroup ul{columns:1;column-gap:0}
.currentSiteGuide{margin:1.5rem 0;padding:1rem 1.1rem;border:1px solid var(--supplemental-line);background:var(--supplemental-paper)}
.currentSiteGuide h2{margin-top:0}
.currentSiteGuide dl{display:grid;grid-template-columns:minmax(12rem,18rem) 1fr;gap:.35rem 1rem;margin:0}
.currentSiteGuide dt{font-weight:700}.currentSiteGuide dd{margin:0}
@media(max-width:1100px){.homophoneAnalysis{column-width:13rem}}
@media(max-width:850px){.homophoneAnalysis{column-count:2;column-width:auto}.currentSiteGuide dl{display:block}.currentSiteGuide dt{margin-top:.6rem}.currentSiteGuide dd{margin-left:0}.comparisonTable .systemHeader{min-width:5.25rem}}
@media(max-width:560px){.homophoneAnalysis{column-count:1}.comparisonTable .systemHeader{min-width:5rem}}

.converterSelectorPanel{display:grid;grid-template-columns:repeat(2,minmax(12rem,24rem));gap:.75rem 1rem;margin:1rem 0;padding:.75rem;border:1px solid var(--supplemental-line);border-radius:.5rem;background:var(--supplemental-paper)}
.converterDetectionStatus{min-height:1.35rem;margin:.35rem 0 .75rem;color:var(--supplemental-muted);font-size:.86rem;font-weight:600}
.converterSelectLabel,.converterFieldLabel{display:flex;min-width:0;flex-direction:column;gap:.3rem;color:var(--supplemental-muted);font-size:.82rem;font-weight:700}
.converterSelectLabel select{min-width:0;padding:.4rem .5rem;border:1px solid #b9c8d3;border-radius:.35rem;background:#fff;color:var(--supplemental-ink);font:inherit;font-weight:500}
.converterTargetDisclosure{position:relative}.converterTargetTrigger{width:100%;min-height:2.25rem;padding:.4rem 2rem .4rem .55rem;border:1px solid #b9c8d3;border-radius:.35rem;background:#fff;color:var(--supplemental-ink);font:inherit;font-weight:500;text-align:left;cursor:pointer}.converterTargetTrigger::after{content:"▾";position:absolute;right:.65rem}.converterTargetPanel{box-sizing:border-box;position:absolute;z-index:20;top:calc(100% + .3rem);right:0;width:min(32rem,calc(100vw - 2rem));max-height:60vh;overflow:auto;padding:.7rem;border:1px solid #8ca4b5;border-radius:.45rem;background:#fff;box-shadow:0 .45rem 1.4rem rgba(33,79,107,.18)}.converterTargetGroup{display:grid;grid-template-columns:repeat(2,minmax(9rem,1fr));gap:.25rem .75rem;margin:0;padding:0;border:0}.converterTargetGroup legend{grid-column:1/-1;margin-bottom:.2rem;color:var(--supplemental-ink);font-weight:800}.converterTargetOption{display:flex;align-items:center;gap:.45rem;min-width:0;padding:.25rem;color:var(--supplemental-ink);font-size:.9rem;font-weight:500}.converterTargetOption input{flex:0 0 auto}.converterTargetDone{display:block;margin:.65rem 0 0 auto;padding:.4rem .8rem;border:1px solid #47738c;border-radius:.35rem;background:#214f6b;color:#fff;font:inherit;font-weight:800;cursor:pointer}.converterTargetDone:disabled{cursor:not-allowed;opacity:.45}.converterGrouping{display:flex;align-self:end;gap:.25rem;margin:0;padding:0;border:0}.converterGrouping legend{width:100%;margin-bottom:.3rem;color:var(--supplemental-muted);font-size:.82rem;font-weight:700}.converterGrouping label{position:relative}.converterGrouping input{position:absolute;opacity:0}.converterGrouping span{display:block;padding:.42rem .7rem;border:1px solid #b9c8d3;background:#fff;color:var(--supplemental-ink);font-size:.84rem;font-weight:700;cursor:pointer}.converterGrouping label:first-of-type span{border-radius:.35rem 0 0 .35rem}.converterGrouping label:last-of-type span{margin-left:-1px;border-radius:0 .35rem .35rem 0}.converterGrouping input:checked+span{position:relative;border-color:#47738c;background:#eaf3f8;color:#214f6b}.converterGrouping input:focus-visible+span{outline:3px solid rgba(71,115,140,.45);outline-offset:2px}
.converterTargetDisclosure{position:relative}.converterTargetTrigger{width:100%;min-height:2.25rem;padding:.4rem 2rem .4rem .55rem;border:1px solid #b9c8d3;border-radius:.35rem;background:#fff;color:var(--supplemental-ink);font:inherit;font-weight:500;text-align:left;cursor:pointer}.converterTargetTrigger::after{content:"▾";position:absolute;right:.65rem}.converterTargetPanel{box-sizing:border-box;position:absolute;z-index:20;top:calc(100% + .3rem);right:0;width:min(32rem,calc(100vw - 2rem));max-height:60vh;overflow:auto;padding:.7rem;border:1px solid #8ca4b5;border-radius:.45rem;background:#fff;box-shadow:0 .45rem 1.4rem rgba(33,79,107,.18)}.converterTargetGroup{display:grid;grid-template-columns:repeat(2,minmax(9rem,1fr));gap:.25rem .75rem;margin:0;padding:0;border:0}.converterTargetGroup legend{grid-column:1/-1;margin-bottom:.2rem;color:var(--supplemental-ink);font-weight:800}.converterTargetOption{display:flex;align-items:center;gap:.45rem;min-width:0;padding:.25rem;color:var(--supplemental-ink);font-size:.9rem;font-weight:500}.converterTargetOption input{flex:0 0 auto}.converterTargetDone{display:block;margin:.65rem 0 0 auto;padding:.4rem .8rem;border:1px solid #47738c;border-radius:.35rem;background:#214f6b;color:#fff;font:inherit;font-weight:800;cursor:pointer}.converterTargetDone:disabled{cursor:not-allowed;opacity:.45}.converterGrouping{display:flex;align-self:end;gap:.25rem;margin:0;padding:0;border:0}.converterGrouping legend{width:100%;margin-bottom:.3rem;color:var(--supplemental-muted);font-size:.82rem;font-weight:700}.converterGrouping label{position:relative}.converterGrouping input{position:absolute;opacity:0}.converterGrouping span{display:block;padding:.42rem .7rem;border:1px solid #b9c8d3;background:#fff;color:var(--supplemental-ink);font-size:.84rem;font-weight:700;cursor:pointer}.converterGrouping label:first-of-type span{border-radius:.35rem 0 0 .35rem}.converterGrouping label:last-of-type span{margin-left:-1px;border-radius:0 .35rem .35rem 0}.converterGrouping input:checked+span{position:relative;border-color:#47738c;background:#eaf3f8;color:#214f6b}.converterGrouping input:focus-visible+span{outline:3px solid rgba(71,115,140,.45);outline-offset:2px}.converterGrouping input:disabled+span{cursor:not-allowed;opacity:.5}.converterRubyAvailability{grid-column:1/-1;margin:0;color:var(--supplemental-muted);font-size:.82rem}
.converterEditor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"actions outputs" "input outputs";grid-template-rows:auto 1fr;gap:.4rem 1rem;align-items:start}
.converterPronunciationPanel{margin-top:.75rem;padding:.7rem;border:1px solid #91aebe;border-radius:.55rem;background:#fff;min-width:0}
.converterPronunciationPanel[hidden],.converterPronunciationCustomField[hidden]{display:none}
.converterPronunciationDetails h3,.converterPronunciationKnown h4{margin:.25rem 0;font-size:.95rem}
.converterPronunciationDetails p{margin:.3rem 0;font-size:.88rem;overflow-wrap:anywhere}
.converterPronunciationState{display:inline-block;margin:.3rem .5rem .3rem 0;color:var(--supplemental-muted);font-size:.8rem}
.converterPronunciationReading{display:inline-flex;flex-direction:column;gap:.2rem;margin:.2rem;padding:.4rem .6rem;border:1px solid #b9c8d3;border-radius:.4rem;background:#fff;cursor:pointer;max-width:100%}
.converterPronunciationReading.isSelected{background:#eaf3f8;border-color:#47738c}
.converterPronunciationReading small{color:var(--supplemental-muted);font:normal .72rem ui-sans-serif,system-ui,sans-serif}
.converterPronunciationCustomField{margin-top:.7rem;min-width:0}.converterPronunciationCustomField>label{display:block;font-size:.9rem}
.converterPronunciationCustomField textarea{display:block;box-sizing:border-box;width:100%;min-height:2.75rem;padding:.5rem;font-size:1rem;resize:vertical}
.converterPronunciationValidation{margin:.3rem 0;font-size:.85rem;color:var(--supplemental-muted)}
.converterPronunciationUnit.isPronunciationEditable{cursor:pointer;border-radius:.1em}
.converterPronunciationUnit.isPronunciationEditable:hover,.converterPronunciationUnit.isSelectedPronunciation{background:#e1edf5}
.converterPronunciationUnit:focus-visible{outline:2px solid #47738c;outline-offset:2px}
.converterPronunciationUnit.isPronunciationEdited{text-decoration:underline dotted #47738c;text-underline-offset:.15em}
.converterPronunciationTranscriptions{padding:.6rem;min-height:7.5rem;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #b9c8d3;border-radius:.35rem;font-size:1.1rem}
.converterInputField{grid-area:input;min-width:0}
.converterInputHeading{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.4rem;margin-bottom:.3rem;color:var(--supplemental-muted);font-size:.82rem;font-weight:700}.converterInputHeading>label{padding-top:.1rem;margin-right:auto}.converterInputCopy{padding:.22rem .48rem;border:1px solid #8ca4b5;border-radius:.35rem;background:#fff;color:#214f6b;font:inherit;cursor:pointer}.converterInputMethod,.converterInputMethod[hidden]{display:none}
.converterInputKeyboard{margin-top:.45rem;color:var(--supplemental-ink)}
.converterKeyboardKey:focus-visible{outline:3px solid rgba(71,115,140,.45);outline-offset:2px}
.converterKeyboardPanel{box-sizing:border-box;max-width:44rem;max-height:none;padding:.7rem;border:1px solid #c7d4dd;border-radius:.55rem;background:#f7fafc;overflow:visible}
.converterKeyboardGroup+.converterKeyboardGroup{margin-top:.8rem;padding-top:.7rem;border-top:1px solid #d7e1e8}.converterKeyboardGroup h3{margin:0 0 .45rem;color:var(--supplemental-ink);font-size:.86rem;letter-spacing:.01em}.converterKeyboardKeys{display:flex;max-width:100%;flex-wrap:wrap;gap:.35rem}
.converterKeyboardGrid{display:flex;max-width:100%;flex-direction:column;gap:.35rem;margin-top:.45rem}.converterKeyboardRow{display:flex;max-width:100%;flex-wrap:wrap;justify-content:center;gap:.35rem}.converterKeyboardFinalRow[data-row="3"]{margin-top:.7rem}
.converterKeyboardKey{box-sizing:border-box;display:inline-flex;min-width:2.9rem;min-height:2.9rem;align-items:center;justify-content:center;gap:.22rem;padding:.25rem .38rem;border:1px solid #aebfca;border-radius:.4rem;background:#fff;color:var(--supplemental-ink);font:700 1.2rem/1.05 ui-sans-serif,system-ui,sans-serif;cursor:pointer;touch-action:manipulation}.converterKeyboardKey:hover:not(:disabled){border-color:#47738c;background:#eaf3f8}.converterKeyboardKey.isIncompatible{border-color:#d8d4cc;background:#e8e6e1;color:#918b82;cursor:pointer;opacity:.72}.converterKeyboardKey.isIncompatible:hover{border-color:#a9a49b;background:#ddd9d2;color:#69645d}.converterKeyboardKey:disabled{border-color:#d8d4cc;background:#e8e6e1;color:#aaa49b;cursor:not-allowed;opacity:.62}.converterKeyboardKey.system-ipa .converterKeyboardSymbol{font-family:"Charis IPA",Charis,serif}.converterKeyboardKey.system-canipa .converterKeyboardSymbol{font-family:"canIPA Mandarin Subset",canIPA,sans-serif;font-size:1.3rem}.converterKeyboardKey.system-guanhua-zimu .converterKeyboardSymbol{font-family:"Guanhua Zimu",sans-serif}.converterKeyboardKey.system-musa .converterKeyboardSymbol{font-family:"Kunming Musa Fangzi",Musa,sans-serif}.converterKeyboardKey.system-xiaoerjing .converterKeyboardSymbol{direction:rtl;unicode-bidi:isolate}.converterKeyboardKey.isCombining{min-width:3rem}.converterKeyboardSymbol{display:block;white-space:nowrap;text-align:center}.converterKeyboardReference{display:block;max-width:4.2rem;font:600 .56rem/1.05 ui-sans-serif,system-ui,sans-serif;overflow-wrap:anywhere}.converterKeyboardDirectKey{width:max-content;min-width:3.45rem;max-width:100%;flex:0 0 auto;flex-direction:column}.converterKeyboardToneKeys{justify-content:center}.converterKeyboardTone{width:auto;min-width:3.45rem;max-width:9rem;flex:0 0 auto;padding-inline:.5rem}.converterKeyboardToneNote{margin:.35rem 0 0;color:var(--supplemental-muted);font-size:.75rem}
.converterOutputs{grid-area:outputs;display:grid;min-width:0;gap:.75rem}
.converterTargetSelectAll{grid-column:1/-1;border-bottom:1px solid var(--supplemental-line);font-weight:700}
.converterExportFontWarning{margin:.4rem 0 0;color:var(--supplemental-muted);font-size:.82rem}
.converterHypotheticalNote{grid-column:1/-1;margin:0;color:var(--supplemental-muted);font-size:.9rem}
.converterHypotheticalNoHan{margin:.4rem 0;color:var(--supplemental-muted);font-size:.85rem}
@media(min-width:900px){html[data-page="converter"] main{max-width:124rem}.converterEditor{grid-template-columns:minmax(21rem,38%) minmax(0,1fr)}.converterOutputs{grid-template-columns:1fr}.converterOutputs>.converterToneInformationNote{grid-column:1/-1}}
@media(min-width:1360px){.converterOutputs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:899px){.converterEditor{grid-template-columns:1fr;grid-template-areas:"actions" "input" "outputs";grid-template-rows:auto auto auto}}
.converterToneInformationNote{grid-column:1/-1;margin:0;color:var(--supplemental-muted);font-size:.9rem}
.converterRubyOutput{--ruby-character-gap:0em;--ruby-band:.75em;box-sizing:border-box;min-height:7.5rem;min-width:0;max-width:100%;padding:.45rem .8rem .9rem;border:1px solid #b9c8d3;border-radius:.4rem;background:#f7fafc;color:var(--supplemental-ink);font:500 2.15rem/2.35 ui-serif,"Noto Serif CJK TC","Noto Serif CJK SC",serif;overflow-wrap:anywhere;word-break:normal}
.converterRubySpacing-spaced{--ruby-character-gap:.3em}
.converterRubyGrouping-words{--ruby-word-gap:.3em}
.converterRubyGrouping-words > .converterRubyWordBoundary{margin-inline-start:var(--ruby-word-gap)}
.converterRubyOutputFixed{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;max-height:13rem;overflow-y:auto}
.converterRubyOutputFixed.isExpanded{max-height:none;overflow-y:visible}
.converterRubyLineBreak{flex-basis:100%;block-size:0}
.converterRubyOutputFixed .converterRubyVisualGroup,.converterRubyOutputFixed .converterRubyPreserved{box-sizing:border-box;display:inline-flex;flex:none;padding-block-start:var(--ruby-band);line-height:1.1}
.converterRubyOutputFixed .converterRubyPreserved{max-inline-size:100%;white-space:pre-wrap;overflow-wrap:anywhere}
.converterRubyVisualRun{display:inline-flex;flex:none}
.converterRubyVisualCell,.converterFixedBaseRun{box-sizing:content-box;inline-size:calc((var(--ruby-base-count) * 1em) + ((var(--ruby-base-count) - 1) * var(--ruby-character-gap)));margin-inline-end:var(--ruby-character-gap)}
.converterRubyVisualCell{position:relative;display:block;flex:none;block-size:1.1em}
.converterRubyVisualBase{display:grid;grid-template-columns:repeat(var(--ruby-base-count),1em);column-gap:var(--ruby-character-gap);font-family:ui-serif,"Noto Serif CJK TC","Noto Serif CJK SC",serif;font-size:1em;font-style:normal;font-weight:500;font-kerning:normal;font-variant-ligatures:normal;font-feature-settings:normal;letter-spacing:normal;word-spacing:normal;text-rendering:auto}
.converterRubyBaseCell{display:block;inline-size:1em;text-align:center}
.converterRubyVisualAnnotation{position:absolute;z-index:1;inset-block-end:calc(100% + 3px);inset-inline-start:50%;display:block;max-width:none;transform:translateX(calc(-50% + var(--ruby-annotation-shift,0px)));font:600 .5em/1.15 ui-sans-serif,system-ui,sans-serif;letter-spacing:normal;white-space:nowrap;unicode-bidi:isolate}
.converterRubyVisualAnnotation[dir="rtl"]{direction:rtl;unicode-bidi:isolate}
.converterRubyVisualAnnotation.system-ipa{font-family:"Charis IPA",Charis,serif}
.converterRubyVisualAnnotation.system-canipa{font-family:"canIPA Neutral Taxotone Bold Italic Subset","canIPA Erhua Simplified Bold Subset","canIPA Erhua Nasal Subset","canIPA Mandarin Subset",canIPA,sans-serif}
.converterRubyVisualAnnotation.system-guanhua-zimu{font-family:"Guanhua Zimu",sans-serif}
.converterRubyVisualAnnotation.system-xiaoerjing{font-family:"Noto Naskh Arabic",ui-sans-serif,system-ui,sans-serif}
.converterRubyOutputCompatibility .converterRubyVisualCell{display:inline-grid;grid-template-rows:auto auto;justify-items:center;align-items:end;inline-size:max-content;min-inline-size:1em;block-size:auto;margin-inline-end:0}
.converterRubyOutputCompatibility .converterRubyVisualAnnotation{position:static;grid-row:1;grid-column:1;transform:none;max-inline-size:none;min-inline-size:0;text-align:center;line-height:1.15;white-space:nowrap}
.converterRubyOutputCompatibility .converterRubyVisualBase{grid-row:2;grid-column:1;justify-self:center}
.converterRubyOutputCompatibility .converterRubyVisualGroup{padding-block-start:0}
.converterRubyOutputCompatibility.converterRubySpacing-spaced .converterRubyVisualGroup{margin-inline-end:.3em}
.converterRubyOutputCompatibility .converterRubyVisualAnnotation.system-xiaoerjing{font-family:"Noto Naskh Arabic",ui-sans-serif,system-ui,sans-serif;direction:rtl;unicode-bidi:isolate}
.converterRubyVisualAnnotation.system-zhuyin{font-family:ui-sans-serif,system-ui,sans-serif}
.converterRubyVisualAboveZhuyin > .converterRubyVisualAnnotation{inset-inline-start:0;inline-size:100%;transform:none;font-size:.3em;text-align:center;letter-spacing:-.02em}
/* Shared centered geometry. The two rows have card-wide metrics, independent
   of the contents of individual cells. Width alone follows each annotation. */
.converterRubyOutputShared{--ruby-annotation-size:.5em;--ruby-row-height:.695em;row-gap:.3em;overflow-x:auto}
.converterRubyOutputShared:not([data-ruby-metric-ready="true"]){visibility:hidden}
.converterRubyOutputShared .converterRubyVisualGroup,.converterRubyOutputShared .converterRubyPreserved{padding-block-start:0;min-block-size:calc(var(--ruby-row-height) + 1.1em);align-items:flex-end}
.converterRubyOutputShared .converterRubyVisualCell{display:inline-grid;grid-template-rows:var(--ruby-row-height) 1.1em;justify-items:center;align-items:end;min-inline-size:1em;inline-size:max-content;block-size:calc(var(--ruby-row-height) + 1.1em);margin-inline-end:var(--ruby-character-gap)}
.converterRubyOutputShared .converterRubyVisualBase{grid-row:2;grid-column:1;justify-self:center;line-height:1.1;block-size:1.1em}
.converterRubyOutputShared .converterRubyVisualAnnotation{position:static;grid-row:1;grid-column:1;inset:auto;transform:none;inline-size:max-content;font-size:var(--ruby-annotation-size);line-height:1.15;text-align:center;letter-spacing:normal;white-space:nowrap;margin-bottom:3px}
.converterRubyOutputShared.converterRubySpacing-spaced .converterRubyVisualGroup{margin-inline-end:0}
.converterRubyMetricProbe{position:fixed;left:-100000px;top:0;visibility:hidden;pointer-events:none;width:max-content;contain:layout style}
.converterRubyMetricProbe>.converterRubyVisualAnnotation{position:static;display:block;transform:none;inline-size:max-content;font-size:100px!important;line-height:1.15;letter-spacing:normal}
.converterRubyOutputMusa .converterRubyVisualAnnotation:not(.converterRubyVisualBeside .converterRubyVisualAnnotation){font-size:var(--ruby-annotation-size,.5em)}
.converterRubyOutputFixed .converterRubyLineBreak{flex-basis:100%;min-block-size:0;block-size:0;padding:0;line-height:0}
.converterRubyAccessible,.converterMusaAmahAccessible{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
/* The right-side strip adds advance; the Han base keeps its ordinary 1em size.
   Multi-Han/one-spoken-unit groups put one column after the entire base. */
.converterRubyVisualBeside{inline-size:calc((var(--ruby-base-count) * 1em) + ((var(--ruby-base-count) - 1) * var(--ruby-character-gap)) + .55em);display:grid;grid-template-columns:calc((var(--ruby-base-count) * 1em) + ((var(--ruby-base-count) - 1) * var(--ruby-character-gap))) .55em;align-items:center}
.converterRubyVisualBeside .converterRubyVisualBase{inline-size:100%;font-size:1em;line-height:1.1}
.converterRubyVisualBeside .converterRubyVisualAnnotation{position:static;inline-size:.55em;block-size:.92em;transform:none;font-size:1em}
.converterZhuyinUnit{display:grid;grid-template-columns:.36em .19em;grid-template-rows:repeat(var(--zhuyin-row-count),var(--zhuyin-row-height,.35em));align-content:center;inline-size:.55em;block-size:100%;line-height:.85}
.converterZhuyinSymbol,.converterZhuyinNeutral,.converterZhuyinTone{display:block;text-align:center}
.converterZhuyinSymbol{grid-column:1;font-size:.4em}
.converterZhuyinNeutral{grid-column:1;font-size:.5em;line-height:.66;transform:translateY(.16em)}
.converterZhuyinTone{grid-column:2;font-size:.5em;line-height:.66;align-self:center}
.converterRubyOutputFixed .converterMusaAmahGroup{flex:none;padding-block-start:var(--ruby-band)}
.converterRubyOutput .converterMusaAmahVisual{display:grid;grid-template-columns:repeat(var(--ruby-base-count),1em);column-gap:var(--ruby-character-gap);font-size:1em;line-height:inherit;white-space:nowrap}.converterMusaAmahCell{display:block;inline-size:1em}
.converterRubyMusaFallback{transform:translateY(.61em)}
.converterRubyOutput.converterRubyOutputMusa{padding-block-end:calc(.9rem + .61em)}
.converterFieldLabel textarea{width:100%;min-height:9rem;padding:.65rem;border:1px solid #b9c8d3;border-radius:.4rem;background:#fff;color:var(--supplemental-ink);font:1rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}
.converterFieldLabel #converterInput,.converterOutputField textarea{font-size:clamp(1.15rem,1.4vw,1.3rem);line-height:1.5}
.converterFieldLabel textarea[readonly]{background:#f7fafc}
.converterFieldLabel textarea.system-ipa,.converterOutputChoiceText.system-ipa{font-family:"Charis IPA",Charis,serif}.converterFieldLabel textarea.system-canipa,.converterOutputChoiceText.system-canipa,.converterSourceTranscription.system-canipa{font-family:"canIPA Mandarin Subset",canIPA,sans-serif}.converterFieldLabel textarea.system-guanhua-zimu,.converterOutputChoiceText.system-guanhua-zimu,.converterSourceTranscription.system-guanhua-zimu{font-family:"Guanhua Zimu",sans-serif}.converterFieldLabel textarea.system-musa,.converterSourceTranscription.system-musa{font-family:"Kunming Musa Fangzi",Musa,sans-serif}.converterFieldLabel textarea.system-xiaoerjing{direction:rtl}.converterFieldLabel textarea.system-modern-qieyun{font-family:ui-sans-serif,system-ui,sans-serif}
.converterActions{grid-area:actions;display:flex;flex-wrap:wrap;gap:.5rem;margin:0}
.converterActions button,.converterAmbiguity button,.converterOutputChoice{padding:.4rem .75rem;border:1px solid #8ca4b5;border-radius:.35rem;background:#fff;color:#214f6b;font:inherit;font-weight:700;cursor:pointer}
.converterActions button:hover,.converterAmbiguity button:hover,.converterOutputChoice:hover{background:#eef5f9;border-color:#47738c}
.converterNotices{display:grid;gap:.6rem;margin-top:1rem}
.converterAmbiguity{display:flex;flex-wrap:wrap;gap:.45rem;padding:.6rem .75rem;border:1px solid #d4b36b;border-radius:.4rem;background:#fffaf0}
.converterAmbiguity legend{width:100%;padding:0;color:#6d531b;font-weight:700}
.converterUnsupported{margin:0;padding:.55rem .7rem;border-left:4px solid #b56c73;background:#fff3f4;color:#702d35}
.converterErhuaOmitted{margin:.4rem 0 0;color:var(--supplemental-muted);font-size:.83rem}
.sharedSearchLabel{display:flex;align-items:center;gap:.55rem;max-width:32rem;margin:.75rem 0;color:var(--supplemental-muted);font-size:.82rem;font-weight:700}.sharedSearchLabel input{flex:1;min-width:0;padding:.4rem .5rem;border:1px solid #b9c8d3;border-radius:.35rem;background:#fff;color:var(--supplemental-ink);font:inherit;font-weight:500}.sharedSummary{color:var(--supplemental-muted);font-size:.9rem}.sharedTableHost{width:100%;overflow-x:auto}.sharedSpellingsTable{min-width:52rem}.sharedSpellingsTable td:nth-child(2),.sharedSpellingsTable td:nth-child(3),.sharedSpellingsTable td:nth-child(4){text-align:center;white-space:nowrap}.sharedInterpretation{margin:.08rem 0;white-space:nowrap}.sharedSpellingsTable td:last-child{min-width:24rem}
.converterOutputSection{min-width:0;max-width:100%;padding:.75rem;border:1px solid var(--supplemental-line);border-radius:.5rem;background:var(--supplemental-paper)}
.converterOutputHeader{display:flex;min-width:0;max-width:100%;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:.45rem .75rem;margin-bottom:.55rem}.converterOutputHeader .converterOutputHeading{margin:0}.converterOutputHeader .converterZhuyinPlacement{align-self:auto}
.converterOutputHeading{margin:0 0 .55rem;color:var(--supplemental-ink);font-size:1rem}
.converterOutputChoices{display:grid;min-width:0;max-width:100%;gap:.45rem;margin-top:.45rem}
.converterOutputInterpretation{display:grid;min-width:0;max-width:100%;gap:.45rem;padding:.6rem;border:1px solid #c9d6df;border-radius:.5rem;background:#fff}
.converterOutputInterpretation.isActive{border-color:#527b91;box-shadow:0 0 0 1px #527b91}
.converterOutputInterpretationLabel{min-width:0;max-width:100%;color:var(--supplemental-ink);font-size:.92rem;font-weight:800;overflow-wrap:anywhere}
.converterOutputChoice{display:flex;min-width:0;max-width:100%;flex-wrap:wrap;align-items:baseline;gap:.1rem .65rem;width:100%;text-align:left;font-weight:500;overflow-wrap:anywhere}
.converterOutputChoice.isSelected{border-color:#47738c;background:#eaf3f8;box-shadow:0 0 0 2px rgba(71,115,140,.15)}
.converterOutputChoice:focus-visible{outline:3px solid rgba(71,115,140,.45);outline-offset:2px}
.converterOutputChoiceText{min-width:0;max-width:100%;font-size:clamp(1.15rem,1.4vw,1.3rem);font-weight:700;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.converterOutputChoicePinyin{min-width:0;max-width:100%;color:var(--supplemental-ink);font-size:.9rem;font-weight:500;white-space:normal;overflow-wrap:anywhere}
.converterOutputChoiceMeta,.converterOutputChoiceGloss{min-width:0;max-width:100%;width:100%;color:var(--supplemental-muted);font-size:.82rem;font-weight:400;overflow-wrap:anywhere;word-break:break-word}
.converterOutputChoiceGloss{font-style:italic}
.converterOutputCandidateGroup{display:grid;min-width:0;max-width:100%;gap:.4rem;padding:.55rem;border:1px solid #c9d6df;border-radius:.4rem;background:#f7fafc}
.converterOutputCandidateLabel{min-width:0;max-width:100%;color:var(--supplemental-ink);font-size:.9rem;font-weight:700;overflow-wrap:anywhere}
.converterOutputCandidateCards{display:grid;min-width:0;max-width:100%;grid-template-columns:repeat(auto-fit,minmax(min(100%,4.5rem),1fr));gap:.4rem}
.converterOutputCandidateCards .converterOutputChoice{justify-content:center;text-align:center}
.converterCopy{margin-top:.65rem}
.converterCopyStatus{margin-left:.5rem;color:var(--supplemental-muted);font-size:.82rem}
.converterRubyExportActions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.3rem}
.converterRubyExportButton{padding:.4rem .75rem;border:1px solid #8ca4b5;border-radius:.35rem;background:#fff;color:#214f6b;font:inherit;font-weight:700;cursor:pointer}
.converterRubyExportButton:hover{background:#eef5f9;border-color:#47738c}
.converterRubyExportButton:disabled{cursor:not-allowed;opacity:.48;background:#eef1f3}
.converterRubyExportButton:focus-visible{outline:3px solid rgba(71,115,140,.45);outline-offset:2px}
.converterZhuyinExportHelp{margin:.35rem 0;color:var(--supplemental-muted);font-size:.82rem}.converterZhuyinExportHelp summary{width:max-content;max-width:100%;cursor:pointer}.converterZhuyinExportHelp ul{margin:.35rem 0;padding-left:1.4rem}
button:disabled.converterCopy,button:disabled.converterCopyAll,.converterActions button:disabled{cursor:not-allowed;opacity:.5}
.converterHanCard{position:relative;overflow:visible}
.converterHanBranches{display:flex;flex-wrap:wrap;gap:.45rem;margin:.25rem 0 .75rem}
.converterHanBranch,.converterHanAction,.converterHanOption,.converterHanChunk,.converterHanMore{border:1px solid #8ca4b5;border-radius:.35rem;background:#fff;color:#214f6b;font:inherit;cursor:pointer}
.converterHanBranch,.converterHanAction,.converterHanMore{padding:.4rem .7rem;min-height:2.5rem}
.converterHanBranch{display:flex;min-width:min(100%,12rem);max-width:100%;flex-direction:column;gap:.13rem;text-align:left;overflow-wrap:anywhere}
.converterHanBranchSegmentation{display:block;color:var(--supplemental-ink);font-size:1.04rem;line-height:1.3}
.converterHanBranchSystems{display:block;color:var(--supplemental-muted);font-size:.77rem;line-height:1.35;font-weight:400}
.converterHanBranchTone{display:block;color:#6d531b;font-size:.77rem;line-height:1.35;font-weight:600}
.converterHanBranchRecovery{display:block;color:var(--supplemental-muted);font-size:.77rem;line-height:1.35}
.converterSourceRecoveries{margin:-.35rem 0 .7rem}.converterSourceRecoveries summary{width:max-content;max-width:100%;padding:.3rem .45rem;color:#214f6b;font-size:.86rem;font-weight:650;cursor:pointer}
.converterHanSingleInterpretation{display:flex;min-width:0;flex-direction:column;gap:.12rem;margin:.25rem 0 .35rem;overflow-wrap:anywhere}
.converterHanBranch[aria-pressed="true"],.converterHanOption[aria-pressed="true"]{border-color:#47738c;background:#eaf3f8;box-shadow:0 0 0 1px #47738c}
.converterHanBranch:hover,.converterHanAction:hover,.converterHanOption:hover,.converterHanChunk:hover,.converterHanMore:hover{background:#eef5f9;border-color:#47738c}
.converterHanBranch:focus-visible,.converterHanAction:focus-visible,.converterHanOption:focus-visible,.converterHanChunk:focus-visible,.converterHanMore:focus-visible,.converterHanAlternatives summary:focus-visible,.converterSourceRecoveries summary:focus-visible{outline:3px solid rgba(71,115,140,.55);outline-offset:2px}
.converterHanDisplay{min-width:0;max-width:100%;padding:.55rem .15rem;color:var(--supplemental-ink);font-size:clamp(1.65rem,3vw,2.15rem);line-height:1.7;overflow-wrap:anywhere;word-break:break-word}
.converterHanDisplay.isEditing{padding:.55rem .3rem;border:1px dashed #9eb5c3;border-radius:.4rem;background:#fff}
.converterHanPlainChunk+.converterHanPlainChunk{margin-inline-start:.08em;padding-inline-start:.12em;border-inline-start:1px solid rgba(71,115,140,.3)}
.converterHanPlainChunk.isFixed,.converterHanChunk.isFixed{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.22em}
.converterHanChunk.isPredicted{text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:.22em}
.converterHanChunk{display:inline;padding:.08rem .17rem;margin:.04rem 0;border-color:transparent;background:transparent;color:inherit;font:inherit;line-height:inherit;overflow-wrap:anywhere}
.converterHanDisplay.isEditing .converterHanChunk{border-color:#b5c8d4;border-style:dashed}
.converterHanChunk[aria-expanded="true"]{border-color:#47738c!important;background:#eaf3f8!important}
.converterHanPunctuation{white-space:pre-wrap}
.converterHanActions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.35rem 0}
.converterHanStatus{color:var(--supplemental-muted);font-size:.85rem}
.converterHanStatus.isFixed{color:#6d531b;font-weight:700}
.converterHanStateLegend{margin:-.25rem 0 .35rem;color:var(--supplemental-muted);font-size:.82rem;overflow-wrap:anywhere}
.converterHanResetNotice{margin:.2rem 0;color:#6d531b;font-size:.85rem;font-weight:650}
.converterHanPanel{min-width:0;max-width:min(100%,36rem);margin:.6rem 0;padding:.75rem;border:1px solid #91aebe;border-radius:.55rem;background:#fff;box-shadow:0 .5rem 1.5rem rgba(17,54,77,.13)}
.converterHanPanelHeading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.35rem;margin:0 0 .55rem;font-size:1rem}
.converterHanPanelGroup{margin:.65rem 0;padding-top:.55rem;border-top:1px solid #e1e8ed}.converterHanPanelGroup:first-of-type{padding-top:0;border-top:0}.converterHanPanelGroup h4{margin:0 0 .3rem;font-size:.88rem;color:var(--supplemental-ink)}
.converterHanOptions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:.4rem;max-height:18rem;overflow-y:auto}
.converterHanOption{display:flex;min-width:0;min-height:2.65rem;flex-direction:column;justify-content:center;gap:.08rem;padding:.35rem .5rem;text-align:left;overflow-wrap:anywhere}
.converterHanOptionText{font-size:1.2rem;font-weight:700}.converterHanOptionMeta{font-size:.75rem;color:var(--supplemental-muted)}
.converterHanPanel p{margin:.35rem 0;color:var(--supplemental-muted);font-size:.87rem}
.converterHanAlternatives{margin:.65rem 0}.converterHanAlternatives summary{width:max-content;max-width:100%;padding:.35rem .45rem;color:#214f6b;font-weight:700;cursor:pointer}
.converterHanDrillUnit{margin:.6rem 0;padding:.5rem;border:1px solid #d7e1e8;border-radius:.35rem}
.converterHanDrillUnit strong{display:block;margin-bottom:.25rem}
@media(max-width:700px){.converterHanPanel{max-width:100%;box-shadow:none}.converterHanOptions{grid-template-columns:repeat(2,minmax(0,1fr))}.converterHanBranch,.converterHanAction,.converterHanMore{min-height:2.75rem}}
@media(max-width:390px){.converterHanOptions{grid-template-columns:1fr 1fr}.converterHanOption{padding:.35rem}}
@media(max-width:800px){.converterSelectorPanel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.converterSelectorPanel,.converterEditor{grid-template-columns:1fr}.converterGrouping{grid-column:auto}.converterRubyAvailability{grid-column:auto}.converterTargetPanel{left:0;right:auto;width:100%}.converterTargetGroup{grid-template-columns:1fr}.converterFieldLabel textarea{min-height:7.5rem}.converterRubyOutput{min-height:6rem;padding:1.2rem .65rem .8rem;font-size:1.85rem;line-height:2.25}}
@media(max-width:700px){.converterKeyboardPanel{max-width:100%;max-height:none;padding:.55rem;overflow:visible}.converterKeyboardRow{gap:.28rem}.converterKeyboardDirectKey{min-width:3.15rem}}
@media(max-width:390px){.converterKeyboardPanel{padding:.45rem}.converterKeyboardKey{min-height:2.8rem;padding:.2rem}.converterKeyboardDirectKey{min-width:2.95rem}.converterKeyboardReference{font-size:.53rem}}
@media(max-width:700px){
  .converterInputMethod:not([hidden]){display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0;margin:0;padding:0;border:0}
  .converterInputMethod legend{margin:0 0 .1rem auto;padding:0;color:var(--supplemental-muted);font-size:.68rem;text-align:right}
  .converterInputMethod label{position:relative}.converterInputMethod input{position:absolute;opacity:0}.converterInputMethod span{display:block;min-height:1.8rem;box-sizing:border-box;padding:.3rem .43rem;border:1px solid #b9c8d3;background:#fff;color:var(--supplemental-ink);font-size:.72rem;line-height:1.1;white-space:nowrap;cursor:pointer}.converterInputMethod label:first-of-type span{border-radius:.35rem 0 0 .35rem}.converterInputMethod label:last-of-type span{margin-left:-1px;border-radius:0 .35rem .35rem 0}.converterInputMethod input:checked+span{position:relative;border-color:#47738c;background:#eaf3f8;color:#214f6b}.converterInputMethod input:focus-visible+span{outline:3px solid rgba(71,115,140,.45);outline-offset:2px}
  .converterInputField.isSiteKeyboardMode #converterInput{box-sizing:border-box;height:4.5rem;min-height:4.5rem;padding:.35rem .5rem;font-size:1rem;line-height:1.35;overflow-y:auto;resize:vertical}
  .converterInputField.isSiteKeyboardMode .converterInputKeyboard{margin-top:.28rem}
  .converterInputField.isSiteKeyboardMode .converterKeyboardPanel{padding:.3rem .35rem}
  .converterInputField.isSiteKeyboardMode .converterKeyboardGroup+.converterKeyboardGroup{margin-top:.3rem;padding-top:.3rem}
  .converterInputField.isSiteKeyboardMode .converterKeyboardGroup h3{margin-bottom:.18rem;font-size:.76rem}
  .converterInputField.isSiteKeyboardMode .converterKeyboardGrid{gap:.15rem;margin-top:.18rem}
  .converterInputField.isSiteKeyboardMode .converterKeyboardRow,.converterInputField.isSiteKeyboardMode .converterKeyboardKeys{gap:.16rem}
  .converterInputField.isSiteKeyboardMode .converterKeyboardFinalRow[data-row="3"]{margin-top:.3rem}
  .converterInputField.isSiteKeyboardMode .converterKeyboardKey{min-width:2.2rem;min-height:2.45rem;gap:.04rem;padding:.13rem .2rem;font-size:1.04rem}
  .converterInputField.isSiteKeyboardMode .converterKeyboardDirectKey{min-width:2.2rem;padding-inline:.17rem}
  .converterInputField.isSiteKeyboardMode .converterKeyboardTone{min-width:2.45rem;padding-inline:.3rem}
  .converterInputField.isSiteKeyboardMode .converterKeyboardReference{max-width:3.8rem;font-size:.48rem;line-height:1}
  .converterInputField.isSiteKeyboardMode .converterKeyboardKey.system-canipa .converterKeyboardSymbol{font-size:1.13rem}
}

/* Supplemental navigation follows the shared registry in logical DOM order,
   while desktop columns flow vertically in groups of six. */
.resourceGrid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(6,minmax(0,auto));grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.5rem;margin:1rem 0;padding-left:1.8rem}
.connectedSpeechSection{margin:1.65rem 0}.connectedSpeechSection>h2{margin-bottom:.25rem}.connectedSpeechCard{margin:.8rem 0;padding:.9rem 1rem;border:1px solid var(--supplemental-line);border-radius:.45rem;background:var(--supplemental-paper)}.connectedSpeechCard h3{margin:0 0 .45rem;font-size:1.08rem}.connectedSpeechForm{margin:.18rem 0;font:600 1rem/1.35 ui-monospace,SFMono-Regular,Menlo,monospace}.connectedSpeechArrow{color:var(--supplemental-muted);padding:0 .3rem}.connectedSpeechMeta{margin:.45rem 0 0;color:var(--supplemental-muted);font-size:.9rem}.connectedSpeechMeta dt{display:inline;font-weight:700}.connectedSpeechMeta dd{display:inline;margin:0}.connectedSpeechMeta dd+dt::before{content:" · "}.connectedSpeechExplanation{margin:.55rem 0 .3rem}.connectedSpeechRelated{font-size:.9rem}
.connectedSpeechSiblingNav{margin:.35rem 0 1rem}.connectedSpeechSiblingNav a{display:inline-block;font-weight:700}
.connectedSpeechEvidenceBlock{margin:1.25rem 0;padding-top:.25rem}.connectedSpeechEvidenceBlock>h3{margin-bottom:.55rem}.connectedSpeechEvidenceBlock>p{max-width:76rem}.connectedSpeechEvidenceTable td{vertical-align:top}.connectedSpeechEvidenceTable .lenitionIPA{white-space:nowrap;font-weight:400}
.connectedSpeechToc{margin:1rem 0 1.5rem;padding:.7rem .9rem;border:1px solid var(--supplemental-line);border-radius:.45rem;background:var(--supplemental-paper)}.connectedSpeechToc h2{margin:0 0 .4rem;font-size:1.05rem}.connectedSpeechToc ol{margin:0;padding-left:1.3rem;columns:2;column-gap:2rem}.connectedSpeechToc li{break-inside:avoid;margin:.18rem 0}.connectedSpeechOtherBeijing{margin-top:1.3rem}.connectedSpeechOtherBeijing>h3{margin-bottom:.55rem}@media(max-width:620px){.connectedSpeechToc ol{columns:1}}
.regionalIpaRates{margin:.65rem 0;padding-left:1.3rem}.regionalIpaRates li{margin:.28rem 0}.regionalIpaCard .lenitionIPA,.regionalIpaCard .connectedSpeechExplanation{font-family:"Regional IPA Glottal","Charis Regional IPA","Charis IPA",system-ui,-apple-system,"Segoe UI",sans-serif}.regionalIpaCard .lenitionIPA{font-weight:400}
.regionalIpaVariety{border-top:1px solid var(--supplemental-line);padding-top:.55rem}.regionalIpaSubvariety{margin-left:1rem;border-left:3px solid #b8c9d4}.regionalIpaSubvariety h3{color:#1b5d86}
.resourceGrid li{min-width:0}
.resourceGrid a{display:block;color:#1b5d86;text-decoration:none}.resourceGrid a:hover{text-decoration:underline}
.resourceGrid strong{display:block}.resourceGrid small{display:block;color:var(--supplemental-muted);font-size:.78rem;font-weight:400}
@media(max-width:700px){.resourceGrid{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:1fr}}

.wordJump{display:block;width:min(22rem,100%);margin:.6rem 0 1rem;padding:.45rem .6rem;border:1px solid var(--supplemental-line);border-radius:.35rem;font:inherit}.wordSyllable{margin:1.5rem 0;padding-top:.25rem}.wordSyllable h2{border-bottom:1px solid var(--supplemental-line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.wordToneGroup{display:inline-block;vertical-align:top;min-width:13rem;margin:0 1.5rem 1rem 0}.wordToneGroup h3{margin:.35rem 0;font-size:.95rem}.wordToneGroup ol{margin:.25rem 0;padding-left:1.6rem}.wordToneGroup li{margin:.18rem 0}.wordHan{font-size:1.05em}.chartExample{font-weight:700}
.listFormatGrid{display:block;margin:1rem 0;padding-left:1.8rem}.listFormatGrid li{margin:.38rem 0}

.fullChartDownloadPanel{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:1rem 0;padding:.75rem;border:1px solid var(--supplemental-line);border-radius:.5rem;background:var(--supplemental-paper)}
.fullChartDownloadPanel > p,.fullChartDownloadPanel > .downloadList{flex-basis:100%;min-width:0}
.fullChartDownloadPanel .sourceNote{flex-basis:100%;margin:.15rem 0}
.downloadButton{display:inline-block;padding:.5rem .85rem;border:1px solid #47738c;border-radius:.35rem;background:#1b5d86;color:#fff;font-weight:700;text-decoration:none}
.downloadButton:hover{background:#214f6b}
.fullChartOptions{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:1rem 0}
.fullChartOptions fieldset{border:1px solid var(--supplemental-line);border-radius:.35rem;display:flex;flex-wrap:wrap;gap:.5rem}
body.page-full-chart main{max-width:none;width:calc(100% - clamp(2rem,4vw,4rem))}
body.page-full-chart .settings fieldset[hidden]{display:none}
.fullChartOptions label{cursor:pointer}
.fullChartOptions label.isDisabled{opacity:.55;cursor:default}
.fullChartTabs{display:flex;flex-wrap:wrap;gap:.25rem;margin:1rem 0 0;padding:.25rem .25rem 0;border-bottom:1px solid var(--supplemental-line)}
.fullChartTab{padding:.45rem .7rem;border:1px solid var(--supplemental-line);border-radius:.4rem .4rem 0 0;background:#eef3f7;color:var(--supplemental-ink);font:inherit;font-size:.86rem;cursor:pointer}
.fullChartTab:hover{background:#e2edf3}
.fullChartTab[aria-selected="true"]{background:var(--supplemental-paper);color:#1b5d86;font-weight:700;box-shadow:0 -2px 0 #1b5d86}
.fullChartTab:focus-visible,.downloadButton:focus-visible{outline:3px solid #1b5d86;outline-offset:2px}
.fullChartPanel{min-width:0}
.fullChartSheetHeading{margin:.9rem 0 .45rem;font-size:1.15rem}
.fullChartTableWrap.tableWrap{width:100%;max-width:100%;overflow:visible;background:var(--supplemental-paper)}
.fullChartTable{width:100%;max-width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;background:var(--supplemental-paper)}
.fullChartTable th,.fullChartTable td{min-width:0;border:1px solid var(--supplemental-line);padding:.24rem .1rem;text-align:center;vertical-align:middle;line-height:1.3;white-space:pre-line;overflow-wrap:anywhere;word-break:normal;font-size:clamp(8px,1.05vw,13px)}
.fullChartTable[data-orientation="initials-rows"] th,.fullChartTable[data-orientation="initials-rows"] td{font-size:clamp(8px,.85vw,12px);padding:.2rem .05rem}
.fullChartTable .fullChartHeaderCell{font-weight:700}
.fullChartTable .fullChartGroupCell{font-size:clamp(8px,.95vw,12px)}
.fullChartTable .fullChartTranscriptionCell.system-ipa{font-family:"Charis IPA",Charis,serif}
.fullChartTable .fullChartTranscriptionCell.system-canipa{font-family:"canIPA Mandarin Subset",canIPA,sans-serif}
.fullChartTable .fullChartTranscriptionCell.system-guanhua-zimu{font-family:"Guanhua Zimu",sans-serif}
.fullChartTable .fullChartTranscriptionCell.system-musa{font-family:"Zhouhei Musa Fangzi","Kunming Musa Fangzi",Musa,sans-serif}
.fullChartTable .fullChartBorderedCell{border-color:#c8d4dc}
@media(max-width:700px){
  .fullChartTabs{margin-top:.75rem}
  .fullChartTab{font-size:.78rem;padding:.35rem .45rem}
  .fullChartTable th,.fullChartTable td{padding:.18rem 0}
  /* Forty-two finals must share the same width that holds twenty-two initials
     in the other orientation. Size complete glyphs to those narrower cells. */
  .fullChartTable[data-orientation="initials-rows"] th,.fullChartTable[data-orientation="initials-rows"] td{font-size:clamp(5px,1.5vw,8px);padding:.18rem 0}
}

/* Source-backed Beijing lenition examples retain IPA readability while making
   only the lenited segment visually salient. */
/* The web viewer uses Zhouhei, whose OpenType shaping forms Fangzi blocks. */
.comparisonTable .system-musa,.inventorySystemName.system-musa{font-family:"Zhouhei Musa Fangzi","Kunming Musa Fangzi",Musa,sans-serif}
.fullChartTable .fullChartTranscriptionCell.system-musa{font-family:"Zhouhei Musa Fangzi","Kunming Musa Fangzi",Musa,sans-serif;font-kerning:normal;font-variant-ligatures:common-ligatures contextual;font-feature-settings:"liga" 1,"calt" 1,"kern" 1;letter-spacing:normal;word-spacing:normal;text-rendering:optimizeLegibility}
.lenitionGroup{margin:1.6rem 0}.lenitionGroup h2{margin-bottom:.45rem}.lenitionTable{table-layout:auto}.lenitionTable td{vertical-align:top}.lenitionIPA{font-family:"Charis Regional IPA","Charis IPA",Arial,Charis,serif;font-weight:400;white-space:nowrap}.lenitedSegment{color:#9b3f18;font-weight:800}.lenitionSources{margin:1.35rem 0}.lenitionSources li{margin:.35rem 0}@media(max-width:700px){.lenitionTable{min-width:56rem}.lenitionTable th,.lenitionTable td{white-space:nowrap}}

/* Supplemental Neutral Tone separates the complete character/canIPA charts
   from the deliberately sparse direct-source IPA list. */
@font-face{font-family:"canIPA Neutral Taxotone Bold Italic Subset";src:url("../assets/fonts/canIPA-Neutral-Taxotone-BoldItalic-Subset.otf") format("opentype");font-display:swap}
@font-face{font-family:"canIPA Neutral Slow Tune Bold Subset";src:url("../assets/fonts/canIPA-Neutral-Slow-Tune-Bold-Subset.otf") format("opentype");font-display:swap}
@font-face{font-family:"canIPA Neutral Context Bold Subset";src:url("../assets/fonts/canIPA-Neutral-Context-Bold-Subset.otf") format("opentype");font-display:swap}
@font-face{font-family:"canIPA Neutral Context Bold Italic Subset";src:url("../assets/fonts/canIPA-Neutral-Context-BoldItalic-Subset.otf") format("opentype");font-display:swap}
@font-face{font-family:"canIPA Neutral Consonant Bold Subset";src:url("../assets/fonts/canIPA-Neutral-Consonant-Bold-Subset.otf") format("opentype");font-display:swap}
.canipaFace-neutral_taxotone{font-family:"canIPA Neutral Taxotone Bold Italic Subset",sans-serif}
.canipaFace-neutral_slow_tune{font-family:"canIPA Neutral Slow Tune Bold Subset",sans-serif}
.canipaFace-neutral_context{font-family:"canIPA Neutral Context Bold Subset",sans-serif}
.canipaFace-neutral_context_italic{font-family:"canIPA Neutral Context Bold Italic Subset",sans-serif}
.canipaFace-neutral_consonant{font-family:"canIPA Neutral Consonant Bold Subset",sans-serif}
.neutralToneSection{margin:1.5rem 0 2rem;scroll-margin-top:1rem}.neutralToneSection>h2{margin:0 0 .7rem}.neutralToneContents{width:max-content;max-width:100%;margin:1rem 0;padding:.65rem 1rem;border:1px solid var(--supplemental-line);border-radius:.45rem;background:var(--supplemental-paper)}.neutralToneContents h2{margin:0 0 .35rem;font-size:1rem}.neutralToneContents ol{margin:0;padding-left:1.3rem}.neutralToneContents li{margin:.18rem 0}
.neutralCanipaTable td{vertical-align:top}.neutralCanipaCell{display:flex;align-items:center;flex-wrap:wrap;gap:.2rem .35rem;min-width:6.5rem}.neutralCanipaWord{font-weight:650}.neutralCanipaForm{display:inline-flex;white-space:nowrap;font-size:1.08rem;line-height:1.3;font-weight:700}.neutralCanipaVariantButton{padding:.08rem .38rem;border:1px solid var(--supplemental-line);border-radius:.3rem;background:#eef3f7;color:#284f69;font:700 .76rem system-ui,sans-serif;cursor:pointer}.neutralCanipaVariantButton:focus-visible{outline:2px solid #2a7196;outline-offset:2px}.neutralCanipaVariantPanel{position:fixed;z-index:1000;box-sizing:border-box;width:min(34rem,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:min(70vh,42rem);padding:.45rem;border:1px solid var(--supplemental-line);border-radius:.35rem;background:#fff;white-space:normal;overflow-x:hidden;overflow-y:auto;overflow-wrap:anywhere;word-break:break-word;box-shadow:0 .35rem 1rem rgb(20 35 45 / 18%)}.neutralCanipaVariant{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.25rem .5rem;padding:.25rem 0}.neutralCanipaVariant+.neutralCanipaVariant{border-top:1px solid var(--supplemental-line)}.neutralCanipaVariantDescription{flex:1 1 10rem;min-width:0;color:var(--supplemental-muted);font-size:.78rem;line-height:1.35}.neutralCanipaContextual{font-size:.8rem;font-weight:650}.neutralCanipaContextNote{flex-basis:100%;max-width:17rem;color:var(--supplemental-muted);font-size:.75rem;line-height:1.3;white-space:normal}
.neutralToneIpaSection{max-width:74rem}.neutralIpaCoverage{max-width:58rem}.neutralIpaSyllable{margin:1rem 0;padding:.45rem .7rem;border:1px solid var(--supplemental-line);border-radius:.4rem;background:var(--supplemental-paper)}.neutralIpaSyllable h3{margin:0 0 .35rem;color:#245276;font-size:1.05rem}.neutralIpaTone{margin:.5rem 0}.neutralIpaTone h4{margin:.25rem 0;font-size:.88rem}.neutralIpaExamples{margin:.25rem 0;padding-left:1.25rem}.neutralIpaExample{margin:.35rem 0}.neutralIpaWord{margin-right:.5rem}.neutralIpaForms{display:inline-flex;flex-wrap:wrap;gap:.3rem .55rem;vertical-align:middle}.neutralIpaRecord{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.2rem .4rem;min-width:0}.neutralIpaForm{font-family:"Charis IPA",Charis,serif;font-size:1.08rem;white-space:nowrap}.neutralIpaRole{color:var(--supplemental-muted);font-size:.75rem}.neutralIpaRecord .alternateCitationPanel{min-width:min(18rem,calc(100vw - 3rem));max-width:36rem;white-space:normal}.neutralSourceDetails{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.12rem .5rem;margin:.55rem 0 0;font-size:.75rem}.neutralSourceDetails dt{font-weight:700}.neutralSourceDetails dd{margin:0;overflow-wrap:anywhere}