@font-face{font-family:CustomIPA;src:url(/dejavusans-ipa.ttf) format("truetype")}:root{color:#111;background:#fff;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#fff;text-align:center}button,select{font:inherit}a{color:#0645ad}main{width:min(1120px,calc(100% - 20px));margin:0 auto;padding:16px 0 28px}.hero{display:grid;grid-template-columns:minmax(0,37em) minmax(15rem,18rem);gap:1em;justify-content:center;align-items:stretch;margin:1em auto}.eyebrow{display:none}h1,h2,p{margin-top:0}h1{margin:.25em 0;font-size:2rem;line-height:1.1;letter-spacing:0;text-align:left}h2{margin:1em 0 .25em;font-size:1.5rem;letter-spacing:0;text-align:center}.hero p:not(.eyebrow){max-width:none;margin-bottom:0;color:#111;font-size:1rem;line-height:1.35;text-align:left}.hero>div,.language-picker,footer{background:#cfc;border:1px solid #bbddbb;padding:.75em 1em}.language-picker{display:grid;gap:.35em;align-content:center;text-align:left}.language-picker span{color:#111;font-size:.9rem;font-weight:700}.language-picker select{width:100%;min-height:2.2em;padding:.25em;color:#111;background:#fff;border:1px solid #88aa88;border-radius:0}.language-picker small{min-height:1.1em;color:#333}.status{margin:.8em auto 0;color:#275d1c;font-weight:700}.chart-section,.twin-section{margin-top:1.3em}.section-title{margin-bottom:.25em}.section-title p,.empty{margin-bottom:0;color:#333;font-size:.9rem}.ipa{font-family:CustomIPA,DejaVu Sans,Arial Unicode MS,Lucida Sans Unicode,sans-serif}.symbol-button{display:inline-grid;place-items:center;min-width:1.7em;min-height:1.7em;margin:0;padding:.1em .25em;color:#000;background:#6f4;border:0;border-radius:0;cursor:pointer;font-size:1.3rem;line-height:1.15}.symbol-button:hover,.symbol-button:focus-visible,.labeled-symbol:hover,.labeled-symbol:focus-visible{color:#fff;background:#22f;border-color:#22f;outline:none}.vowel-scroll,.table-scroll{overflow-x:auto;overflow-y:hidden;padding-bottom:.25em}.vowel-chart{position:relative;width:35em;height:24.5em;margin:1.5em auto .1em}.trapezoid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.axis{position:absolute;color:#111;font-size:90%}.front{top:-1.5em;left:7%}.central{top:-1.5em;left:45%}.back{top:-1.5em;left:87%}.close{top:5%;left:-1.5em}.closemid{top:34%;left:-1.5em}.openmid{top:62%;left:-1.5em}.open{top:90%;left:-1.5em}.vowel-point{position:absolute;width:14%;text-align:center;white-space:nowrap}.vowel-point .symbol-button{padding:.3em}.close-front{top:4%;left:4%}.close-central{top:4%;left:44%}.close-back{top:4%;left:84%}.nearclose-nearfront{top:18%;left:23%}.nearclose-nearback{top:18%;left:71%}.closemid-front{top:33%;left:18%}.closemid-central{top:33%;left:51%}.closemid-back{top:33%;left:84%}.mid-central{top:47%;left:54%}.openmid-front{top:61%;left:31%}.openmid-central{top:61%;left:58%}.openmid-back{top:61%;left:84%}.nearopen-front{top:79%;left:34%}.nearopen-central{top:73%;left:60%}.open-front{top:90%;left:44%}.open-back{top:90%;left:84%}.ipa-table{width:max-content;margin:.2em auto .1em;border-collapse:separate;border-spacing:.15em}.ipa-table th,.ipa-table td{min-width:2.3rem;height:2.4rem;padding:.16rem;text-align:center;vertical-align:middle}.ipa-table th{color:#111;background:#6f4;border:0;border-radius:0;font-size:.86rem;line-height:1}.ipa-table td{background:#eeffea;border:0;border-radius:0}.articulation-table tbody th{min-width:7.6rem;text-align:left;padding:0 .6rem;white-space:nowrap}.articulation-table td.extended{min-width:6.8rem}.articulation-table .symbol-button{width:100%;min-width:2rem}.ipa-table .impossible{background:#d2d2d2}.columns-table{min-width:min(35em,100%)}.columns-table td,.rows-table td{padding:0;text-align:left;background:#ccffc1}.labeled-symbol{display:grid;grid-template-columns:2.4em minmax(0,1fr);gap:.4em;align-items:center;width:100%;min-height:2em;padding:.2em 1em .2em .2em;color:#111;text-align:left;background:transparent;border:0;border-radius:0;cursor:pointer;white-space:nowrap}.labeled-symbol .ipa{font-size:1.28rem;text-align:center}.twin-section{display:grid;grid-template-columns:repeat(2,max-content);gap:10px;justify-content:center;align-items:start}.symbol-list h2{text-align:center}.rows-table{width:100%}.compare-panel{max-width:48em;margin:1.2em auto;padding:.75em 1em;background:#cfc;border:1px solid #bbddbb;text-align:left}.compare-heading{display:flex;gap:1em;align-items:center;justify-content:space-between}.compare-heading h2{margin:0;text-align:left}.compare-heading button,.compare-menu button{color:#000;background:#6f4;border:1px solid #44cc33;border-radius:0;cursor:pointer}.compare-heading button{padding:.25em .7em}.compare-heading button:hover,.compare-heading button:focus-visible,.compare-menu button:hover,.compare-menu button:focus-visible{color:#fff;background:#22f;border-color:#22f;outline:none}.compare-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5em;margin-top:.7em}.compare-slot{min-height:3em;padding:.45em;background:#eeffea}.compare-slot .ipa{display:inline-block;min-width:1.5em;margin-right:.35em;font-size:1.6rem}.compare-slot small{color:#222}.compare-note,.compare-score{margin:.7em 0 0}.compare-score strong{color:#275d1c}.compare-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.35em;margin-top:.7em}.metric{display:grid;grid-template-columns:1fr;gap:.1em;padding:.35em .45em;background:#eeffea}.metric span{font-size:.82rem;color:#333}.compare-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7em;margin-top:.7em}.signal-chart{margin:0}.signal-chart figcaption{margin-bottom:.25em;font-weight:700;text-align:center}.signal-chart svg{display:block;width:100%;min-height:10em;background:#fff;border:1px solid #88aa88}.signal-chart path{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.signal-chart .first{stroke:#22f}.signal-chart .second{stroke:#c22}.signal-chart .midline{stroke:#ccc;stroke-width:1}.chart-legend{display:flex;gap:1em;justify-content:center;margin-top:.25em;font-size:.85rem}.chart-legend span:before{content:"";display:inline-block;width:.9em;height:.9em;margin-right:.3em;vertical-align:-.1em}.chart-legend .first:before{background:#22f}.chart-legend .second:before{background:#c22}.compare-menu{position:fixed;z-index:10;padding:.2em;background:#cfc;border:1px solid #44cc33;box-shadow:2px 2px #777}.compare-menu button{padding:.35em .7em}footer{max-width:37em;margin:1em auto;color:#111;font-size:.9rem;line-height:1.55;text-align:left}footer p{margin-bottom:10px}@media(max-width:760px){main{width:min(100% - 20px,1120px);padding-top:18px}.hero,.twin-section,.compare-metrics,.compare-slots,.compare-visuals{grid-template-columns:1fr}h1{font-size:2.35rem}.vowel-chart{margin-left:0;margin-right:0}}