pronunciation-key .la{font-family:var(--font-source)}pronunciation-key a{color:var(--color-world)}pronunciation-key h2{margin-top:var(--page-xlarge-gap)}pronunciation-key h3{margin-top:var(--page-large-gap);color:var(--color-world)}.key-legend,.key-note{color:var(--color-muted);margin-top:var(--page-normal-gap);font-size:.95rem}.key-rows{margin-top:var(--page-normal-gap);gap:var(--page-normal-gap);padding:0;list-style:none;display:grid}.key-row{gap:var(--page-small-gap) var(--page-normal-gap);padding:var(--page-normal-gap) var(--page-large-gap);border:1px solid var(--color-rule);background-color:var(--color-panel);border-radius:.5rem;grid-template-columns:1fr auto;align-items:center;display:grid}.key-row p{margin:0}.key-spelling{font-weight:700}.key-symbol{align-items:center;gap:var(--page-small-gap);justify-self:end;display:flex}.key-like,.key-example{grid-column:1/-1}.key-example{align-items:center;gap:var(--page-small-gap) var(--page-normal-gap);flex-wrap:wrap;display:flex}@media (width>=760px){.key-row{grid-template-columns:9rem 6rem 1fr 1.4fr}.key-symbol{justify-self:start}.key-like,.key-example{grid-column:auto}}.key-ipa{font-family:var(--font-source);font-size:1.2rem}.key-ipa--none{color:var(--color-muted)}.key-respell{color:var(--color-muted);letter-spacing:.02em}.key-play{border:1px solid var(--color-world);width:2rem;height:2rem;color:var(--color-world);cursor:pointer;background:0 0;border-radius:50%;flex:none;font-size:.75rem}.key-play:hover,.key-play:focus-visible{background-color:var(--color-world);color:var(--color-paper)}.key-credits{margin-top:var(--page-2xlarge-gap);color:var(--color-muted);font-size:.9rem}.key-credits ul{padding-left:1.2rem}