.ppage .ipa,.pword__ipa,.psound__ipa{font-family:var(--font-ipa)}.phow{color:var(--ink-faint);align-items:center;gap:.5rem;margin:.2rem 0 .4rem;font-size:.88rem;display:flex}.phow span{color:var(--ico);display:inline-grid}.psounds{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:.8rem 0 1rem;padding:0;list-style:none;display:grid}.psounds--many{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}.psound{border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;gap:.3rem;padding:.85rem .95rem;display:flex}.psound__top{justify-content:space-between;align-items:baseline;gap:.6rem;margin:0;display:flex}.psound__label{font-size:1.02rem;font-weight:700;line-height:1.3}.psound__ipa{border-radius:var(--radius-pill);background:var(--bg-soft);color:var(--accent);flex:none;padding:.05rem .45rem;font-size:.95rem}.psound__hint{color:var(--ink-soft);margin:0;font-size:.88rem;line-height:1.4}.psound__words{flex-wrap:wrap;gap:.35rem;margin:auto 0 0;padding-top:.3rem;display:flex}.pchip{border-radius:var(--radius-pill);color:var(--ink);font:600 .9rem var(--font-ui);cursor:pointer;background:#fff;border:1px solid #d9e4f2;align-items:center;gap:.3rem;padding:.25rem .5rem .25rem .6rem;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.pchip svg{width:15px;height:15px;color:var(--ico)}.pchip:hover{background:#f4f8fd;border-color:#b9cde8}.pchip.is-playing{border-color:var(--btn);color:var(--accent);background:#eaf2fd}.pchip.is-playing svg{color:var(--accent)}.pchip--lg{margin-bottom:.45rem;padding:.3rem .6rem .3rem .75rem;font-size:1rem}.pwords{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin:.8rem 0 1rem;padding:0;list-style:none;display:grid}.pword{border-radius:var(--radius-card);width:100%;height:100%;box-shadow:var(--shadow-card);color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border:0;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.8rem .9rem .75rem;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.pword:hover{transform:translateY(-2px);box-shadow:0 8px 22px #1e2a381a}.pword.is-playing{box-shadow:0 0 0 2px var(--btn), var(--shadow-card)}.pword__de{font-family:var(--font-serif);padding-right:1.6rem;font-size:1.25rem;font-weight:600;line-height:1.25}.pword__de b{color:var(--accent);font-weight:700}.pword__ipa{color:var(--ink-faint);font-size:.9rem}.pword__en{color:var(--ink-soft);font-size:.88rem;line-height:1.35}.pword__ico{color:var(--ico);display:inline-grid;position:absolute;top:.7rem;right:.7rem}.pword:hover .pword__ico,.pword.is-playing .pword__ico{color:var(--accent)}.ppairs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:.8rem 0 1rem;padding:0;list-style:none;display:grid}.ppairs--hub{grid-template-columns:repeat(3,minmax(0,1fr))}.ppair{box-shadow:var(--shadow-card);background:#fff;border-radius:14px;padding:.6rem}.ppair__row{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:.4rem;display:grid}.ppair__vs{color:var(--ink-faint);text-transform:uppercase;align-self:center;font-size:.78rem;font-weight:700}.ppair__w{background:var(--bg-soft);min-width:0;color:var(--ink);font:inherit;text-align:center;cursor:pointer;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:.1rem;padding:.6rem .4rem;transition:background .15s,box-shadow .15s;display:flex}.ppair__w:hover{background:#e4eefb}.ppair__w.is-playing{box-shadow:0 0 0 2px var(--btn);background:#eaf2fd}.ppair__w .pword__de{padding:0;font-size:1.15rem}.ppair__note{color:var(--ink-soft);text-align:center;margin:.45rem .3rem .1rem;font-size:.85rem}.ppair__more{text-align:center;margin:.5rem .3rem .1rem;font-size:.85rem;font-weight:600;text-decoration:none;display:block}.ppair__more:hover{text-decoration:underline}.pmist .gmist__wrong,.pmist .gmist__right{font-size:.95rem}.ppractice{counter-reset:p;gap:8px;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.ppractice li{counter-increment:p;border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;padding:.75rem 1rem .75rem 3rem;line-height:1.45;position:relative}.ppractice li:before{content:counter(p);background:var(--bg-soft);width:1.5rem;height:1.5rem;color:var(--accent);border-radius:50%;place-items:center;font-size:.8rem;font-weight:800;display:grid;position:absolute;top:.7rem;left:.9rem}.psec__lead{color:var(--ink-soft);margin:-.4rem 0 1rem}.psec__tag{color:var(--ink-faint);font-size:.9rem}.pgroups{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.pgroup{box-shadow:var(--shadow-card);background:#fff;border-radius:14px;padding:1rem 1.1rem}.pgroup__h{margin:0;font-size:1.05rem;font-weight:700}.pgroup__lead{color:var(--ink-soft);margin:.2rem 0 .6rem;font-size:.88rem;line-height:1.4}.pgroup ul{gap:.1rem;margin:0;padding:0;list-style:none;display:grid}.pgroup a{color:var(--ink);border-radius:8px;align-items:center;gap:.6rem;padding:.35rem .4rem;text-decoration:none;display:flex}.pgroup a:hover{background:var(--bg-soft);color:var(--accent)}.pgroup__g{background:var(--bg-soft);min-width:2rem;height:1.7rem;color:var(--accent);border-radius:6px;place-items:center;padding:0 .3rem;font-size:.8rem;font-weight:800;display:grid}.ptips{counter-reset:t;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.ptips li{counter-increment:t;box-shadow:var(--shadow-card);background:#fff;border-radius:14px;flex-direction:column;gap:.3rem;padding:1rem 1.1rem;display:flex}.ptips li:before{content:counter(t);color:var(--accent);font-size:1.3rem;font-weight:800}.ptips b{font-size:1rem}.ptips span{color:var(--ink-soft);font-size:.9rem;line-height:1.45}.pfaq{max-width:780px}@media (width<=900px){.ppairs--hub,.pgroups,.ptips{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.ppairs,.ppairs--hub,.pgroups,.ptips{grid-template-columns:1fr}.pwords{grid-template-columns:repeat(2,minmax(0,1fr))}}