.idiom-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.idiom-filters a{padding:8px 16px;border:1px solid var(--line);border-radius:999px}
.idiom-filters a.active{color:#fff;background:var(--brand);border-color:var(--brand)}
.idiom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.idiom-card{padding:20px;border:1px solid var(--line);border-radius:var(--radius)}
.idiom-card b{display:block;font-size:22px}.idiom-card span{color:var(--brand)}
.idiom-card p{margin:8px 0 0;color:var(--muted);font-size:14px}
.idiom-hero{padding:48px 0 28px}.idiom-hero h1{margin:0;font-size:clamp(38px,7vw,64px)}
.idiom-pinyin{margin:8px 0;font-size:23px;color:var(--brand)}
.idiom-pinyin a{text-decoration:underline;text-underline-offset:4px}
.idiom-hero dl{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.idiom-hero dl div{min-width:120px;padding:9px 14px;background:var(--soft);border-radius:10px}
.idiom-hero dt{font-size:13px;color:var(--muted)}.idiom-hero dd{margin:0;font-weight:700}
@media(max-width:760px){.idiom-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.idiom-grid{grid-template-columns:1fr}.idiom-hero{padding-top:30px}}