.phon{--ph-att:rgba(176,112,48,.16);--ph-att-rim:rgba(176,112,48,.75);--ph-cell:rgba(0,0,0,.035);--ph-imp:rgba(0,0,0,.11);--ph-ink:var(--ink);--ph-hl:#B5422E}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .phon{--ph-att:rgba(222,170,110,.2);--ph-att-rim:rgba(222,170,110,.8);--ph-cell:rgba(255,255,255,.05);--ph-imp:rgba(255,255,255,.14);--ph-hl:#F0A590}}:root[data-theme="dark"] .phon{--ph-att:rgba(222,170,110,.2);--ph-att-rim:rgba(222,170,110,.8);--ph-cell:rgba(255,255,255,.05);--ph-imp:rgba(255,255,255,.14);--ph-hl:#F0A590}.phon .tw{overflow-x:auto;scrollbar-width:thin;margin:.6em 0 1em}.phon table.ipa{border-collapse:collapse;font-family:"Gentium Book Plus","Charis SIL","Doulos SIL",var(--f-text);font-size:1rem;min-width:100%}.phon table.ipa td,.phon table.ipa th{border:1px solid var(--rule);padding:3px 2px;text-align:center;vertical-align:middle;line-height:1.1}.phon table.ipa thead th{font-family:var(--f-ui);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;font-weight:500;color:var(--muted);padding:6px 3px}.phon table.ipa tbody th{font-family:var(--f-ui);font-size:.8rem;font-weight:600;text-align:left;white-space:nowrap;padding:4px 8px}.phon td.imp{background:var(--ph-imp)}.phon td.c2{white-space:nowrap}.phon .snd{font:inherit;font-size:1.15em;line-height:1;background:var(--ph-cell);color:var(--ph-ink);border:1px solid transparent;border-radius:6px;min-width:1.6em;height:1.75em;padding:0 .2em;margin:1px 0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.phon .snd:hover{border-color:var(--ph-att-rim);background:var(--ph-att)}.phon .snd:focus-visible{outline:2px solid var(--ph-hl);outline-offset:1px}.phon .snd.att{background:var(--ph-att);border-color:var(--ph-att-rim);font-weight:600}.phon .snd.norec{cursor:help;opacity:.55;border-style:dashed;border-color:var(--rule)}.phon .snd.syn::after{content:"∿";font-size:.6em;margin-left:2px;color:var(--muted);font-weight:400}.phon .snd.playing{outline:2px solid var(--ph-hl);outline-offset:1px}.phon .now{font-family:var(--f-ui);font-size:.86rem;color:var(--muted);min-height:1.4em;margin:.2em 0 .8em}.phon .now b{color:var(--ink);font-weight:600}.phon .legend{font-family:var(--f-ui);font-size:.84rem;color:var(--muted);margin:.4em 0 1em;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}.phon .legend .sw{display:inline-block;width:1.3em;height:1.3em;border-radius:5px;vertical-align:middle;margin-right:5px;border:1px solid transparent}.phon .legend .sw.att{background:var(--ph-att);border-color:var(--ph-att-rim)}.phon .legend .sw.imp{background:var(--ph-imp)}.phon .legend .sw.norec{border:1px dashed var(--rule)}.phon .vowels{display:grid;grid-template-columns:minmax(0,1fr);gap:1em;align-items:start}.phon svg{max-width:100%;height:auto;display:block}.phon svg text{font-family:"Gentium Book Plus","Charis SIL","Doulos SIL",var(--f-text)}.phon svg .lab{font-family:var(--f-ui);font-size:12px;fill:var(--muted)}.phon svg .vx{cursor:pointer}.phon svg .vx circle{fill:var(--paper,#F4ECDE);stroke:var(--rule);stroke-width:1.2}.phon svg .vx.att circle{fill:var(--ph-att);stroke:var(--ph-att-rim);stroke-width:1.6}.phon svg .vx:focus circle,.phon svg .vx:hover circle{stroke:var(--ph-hl);stroke-width:2}.phon svg .vx text{font-size:17px;fill:var(--ink);text-anchor:middle;dominant-baseline:central;pointer-events:none}.phon svg .vx.att text{font-weight:700}.phon svg .grid{stroke:var(--rule);stroke-width:1.2;fill:none}.phon svg .mouth-outline{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.phon svg .tongue{fill:rgba(181,66,46,.18);stroke:#B5422E;stroke-width:1.8}.phon svg .pl{cursor:pointer}.phon svg .pl .zone{fill:transparent;stroke:transparent;stroke-width:14;stroke-linecap:round}.phon svg .pl .mark{fill:var(--ph-att);stroke:var(--ph-att-rim);stroke-width:1.5}.phon svg .pl.on .mark,.phon svg .pl:hover .mark{fill:var(--ph-hl);stroke:var(--ph-hl)}.phon svg .pl .lab{font-size:12.5px;fill:var(--ink)}.phon svg .pl.on .lab{fill:var(--ph-hl);font-weight:700}.phon .mouth{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px 28px;align-items:start}.phon .mouthinfo{font-size:.95rem;border:1px solid var(--rule);border-radius:10px;padding:12px 16px;background:var(--panel,transparent);min-height:9em}.phon .mouthinfo h4{margin:0 0 .4em}.phon .mouthinfo ul{margin:.3em 0 0;padding-left:1.1em}.phon .mouthinfo li{margin:.2em 0}.phon .mouthinfo .gk{font-family:var(--f-greek);font-size:1.08em}.phon .credits{font-family:var(--f-ui);font-size:.82rem;color:var(--muted);margin:1em 0}.phon .credits summary{cursor:pointer;color:var(--ink)}.phon .credits ul{columns:2;column-gap:28px;padding-left:1.1em;margin:.5em 0}.phon .credits li{break-inside:avoid;margin:.15em 0}.phon table.cmp{border-collapse:collapse;width:100%;font-size:.95rem}.phon table.cmp td,.phon table.cmp th{border-bottom:1px solid var(--rule);padding:6px 8px;vertical-align:top;text-align:left}.phon .tw.cmpw,.phon .tw.cmpw .tablebox{overflow:visible;margin:0}.phon table.cmp thead th{font-family:var(--f-ui);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;font-weight:500;color:var(--muted);position:sticky;top:0;z-index:3;background:var(--paper,#f4ecde);box-shadow:0 1px 0 var(--rule)}.phon table.cmp .same{font-family:var(--f-ui);font-size:.8rem;color:var(--muted);display:inline-block;padding:3px 0}.phon .srcline{font-family:var(--f-ui);font-size:.8rem;color:var(--muted);margin:.3em 0 1.2em}.phon table.sndt{border-collapse:collapse;width:100%;font-size:.95rem}.phon table.sndt td,.phon table.sndt th{border-bottom:1px solid var(--rule);padding:6px 8px;vertical-align:middle;text-align:left}.phon table.sndt thead th{font-family:var(--f-ui);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;font-weight:500;color:var(--muted)}.phon table.sndt tbody th{font-family:var(--f-greek);font-size:1.25rem;font-weight:400;white-space:nowrap}.phon table.sndt .gk{font-family:var(--f-greek);font-size:1.2rem;margin-right:4px}.phon .pair .wd,.phon table.sndt .wd{font:inherit;font-family:var(--f-greek);font-size:1.02em;background:transparent;border:1px solid var(--rule);border-radius:999px;padding:2px 9px 3px;cursor:pointer;color:var(--ink);white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.phon .pair .wd::before,.phon table.sndt .wd::before{content:"▶";font-size:.6em;color:var(--muted)}.phon .pair .wd:hover,.phon table.sndt .wd:hover{border-color:var(--ph-att-rim);background:var(--ph-att)}.phon .pair .wd.playing,.phon table.sndt .wd.playing{outline:2px solid var(--ph-hl)}.phon .pair{margin:.6em 0 .2em}.phon table.cmp thead th small{display:block;text-transform:none;letter-spacing:0;font-size:.95em}.phon table.cmp tbody th{font-family:var(--f-greek);font-size:1.35rem;font-weight:400;white-space:nowrap}.phon table.cmp .cv{white-space:nowrap}.phon table.cmp .nt{display:block;font-family:var(--f-ui);font-size:.74rem;color:var(--muted);margin-top:2px;white-space:normal}.phon table.cmp .wd{font:inherit;font-family:var(--f-greek);font-size:1.02em;background:transparent;border:1px solid var(--rule);border-radius:999px;padding:2px 9px 3px;cursor:pointer;color:var(--ink);white-space:nowrap;margin-top:3px;display:inline-flex;align-items:center;gap:5px}.phon table.cmp .wd::before{content:"▶";font-size:.6em;color:var(--muted)}.phon table.cmp .wd:hover{border-color:var(--ph-att-rim);background:var(--ph-att)}.phon table.cmp .wd.playing{outline:2px solid var(--ph-hl)}.phon table.cmp td.exw{font-family:var(--f-greek);font-size:1.1rem;white-space:nowrap}.phon table.cmp td.exw small{display:block;font-family:var(--f-ui);font-size:.74rem;color:var(--muted)}@media (max-width:860px){.phon .mouth{grid-template-columns:minmax(0,1fr)}.phon .credits ul{columns:1}.phon table.cmp{font-size:.9rem}.phon .tw.cmpw .tablebox{overflow:auto;max-height:78vh;border:1px solid var(--rule);border-radius:8px;overscroll-behavior:contain}.phon table.cmp tbody th,.phon table.cmp thead th:first-child{position:sticky;left:0;z-index:2;background:var(--paper,#f4ecde);box-shadow:1px 0 0 var(--rule)}.phon table.cmp thead th:first-child{z-index:4}}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .phon table.cmp tbody th,:root:not([data-theme="light"]) .phon table.cmp thead th{background:var(--paper,#1e1a16)}:root:not([data-theme="light"]) .phon svg .vx circle{fill:#2A241E}}:root[data-theme="dark"] .phon table.cmp tbody th,:root[data-theme="dark"] .phon table.cmp thead th{background:var(--paper,#1e1a16)}:root[data-theme="dark"] .phon svg .vx circle{fill:#2A241E}@media print{.phon .snd,.phon .wd{border:1px solid #999}}.phon svg.vchart{width:100%;max-width:720px;height:auto;margin:.4em 0 .8em}.phon svg.vchart.attic{max-width:840px}.phon svg .dot{fill:var(--ink)}.phon svg .lab.hd{font-size:13px}.phon svg .vk{cursor:pointer}.phon svg .vk .hit{fill:transparent;stroke:none}.phon svg .vk text{font-size:21px;fill:var(--ink);text-anchor:middle;dominant-baseline:central;pointer-events:none}.phon svg .vk:focus .hit,.phon svg .vk:hover .hit{fill:var(--ph-att)}.phon svg .vk:focus{outline:none}.phon svg .vk:focus-visible .hit{stroke:var(--ph-hl);stroke-width:1.5}.phon svg .vk.att text{font-weight:700}.phon svg .vk.norec text{opacity:.5}.phon svg .gl.playing rect,.phon svg .vk.playing .hit{stroke:var(--ph-hl);stroke-width:2}.phon svg .gl{cursor:pointer}.phon svg .gl rect{fill:var(--ph-att);stroke:var(--ph-att-rim);stroke-width:1.2}.phon svg .gl.early rect{fill:transparent;stroke-dasharray:4 3}.phon svg .gl text{font-family:var(--f-greek);font-size:18px;fill:var(--ink);text-anchor:middle;dominant-baseline:central;pointer-events:none}.phon svg .gl:focus-visible rect,.phon svg .gl:hover rect{stroke:var(--ph-hl);stroke-width:2}.phon svg .gl:focus{outline:none}.phon svg .pl .leader{fill:none;stroke:var(--muted);stroke-width:.8;stroke-dasharray:2 2}.phon .mouthinfo .pname{font-family:var(--f-text);font-weight:700;font-size:1.12rem;line-height:1.3;margin:0 0 .4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.phon table.exs .big{font-family:var(--f-greek);font-size:1.45rem}.phon .wd small{font-family:var(--f-ui);font-size:.7em;color:var(--muted);margin-left:2px}.phon table.sndt td small{font-family:var(--f-ui);font-size:.74rem;color:var(--muted);margin-right:6px}.phon .wd.syn::after{content:"∿";font-size:.7em;color:var(--muted)}.phon.sylx .sylgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:.6em 0 1.2em}.phon.sylx .sycard{border:1px solid var(--rule);border-radius:10px;padding:10px 14px 12px;background:var(--panel,transparent)}.phon.sylx .syt{font-family:var(--f-ui);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 .4em}.phon.sylx .syrow{display:flex;flex-wrap:wrap;align-items:flex-end;gap:2px 0;margin:.2em 0 .1em}.phon.sylx .sy{display:inline-flex;flex-direction:column;align-items:center;padding:0 3px}.phon.sylx .sy+.sy::before{content:""}.phon.sylx .sy .mk{font-family:"Gentium Book Plus","Charis SIL",var(--f-text);font-size:1.15rem;line-height:1.1;min-height:1.2em;color:var(--ph-hl)}.phon.sylx .sy .gs{font-family:var(--f-greek);font-size:2rem;line-height:1.15;color:var(--muted);border-bottom:2px solid transparent}.phon.sylx .sy.fo .gs{color:var(--ink);border-bottom-color:var(--ph-att-rim)}.phon.sylx .sy + .sy .gs::before{content:"·";color:var(--rule);margin-right:3px;font-size:.8em}.phon.sylx .syg{font-family:var(--f-ui);font-size:.8rem;color:var(--muted);margin:.1em 0 .4em;font-style:italic}.phon.sylx .syn{margin:.2em 0 .4em;font-size:.95rem;line-height:1.45}.phon.sylx .syh{margin:.3em 0 0}.phon.sylx .wd{font:inherit;font-family:var(--f-greek);font-size:1.02em;background:transparent;border:1px solid var(--rule);border-radius:999px;padding:2px 9px 3px;cursor:pointer;color:var(--ink);white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.phon.sylx .wd::before{content:"▶";font-size:.6em;color:var(--muted)}.phon.sylx .wd:hover{border-color:var(--ph-att-rim);background:var(--ph-att)}.phon.sylx .wd.playing{outline:2px solid var(--ph-hl)}@media (max-width:860px){.phon.sylx .sy .gs{font-size:1.7rem}.phon table.exs .big{font-size:1.25rem}}@media (max-width:860px){.phon .vcw svg.vchart{min-width:560px}.phon .vcw svg.vchart.attic{min-width:640px}.phon .mw svg{min-width:500px}.phon .tw.mw,.phon .tw.vcw{border:1px solid var(--rule);border-radius:8px;padding:4px 0}}.phon.sylx .syrow{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.phon.sylx .sytl{margin:.15em 0 .1em;font-size:.98rem}.phon.sylx .syg{font-style:normal}@media (max-width:860px){.phon.sylx .sylgrid{grid-template-columns:minmax(0,1fr)}}