.phonetics-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:32px}.phonetics-filter label{display:grid;gap:7px;font-size:14px;flex:1;min-width:160px}.phonetics-filter select{width:100%;padding:10px;border:1px solid #bcc9dc;border-radius:9px;background:#fff;color:#172554;font:inherit}.phonetics-topic{padding:22px 0;border-top:1px solid #dce4ed}.phonetics-topic h3{font-size:24px;line-height:1.35}.phonetics-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.phonetics-game-link{display:grid;gap:9px;padding:18px;border:1px solid #bdcddd;border-radius:14px;text-decoration:none;color:#17365b;background:#f3f8ff}.phonetics-game-link:hover{background:#e3edfc}.phonetics-game-link span{font-size:13px}.phonetics-links details{padding:10px 0;border-bottom:1px solid #e2e8f0}.phonetics-links summary{cursor:pointer;font-weight:700}.article-content table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;margin:16px 0}.article-content th,.article-content td{border:1px solid #c8d3df;padding:10px;text-align:left;vertical-align:top}.article-content th{background:#f1f5f9}.article-content details{padding:14px;background:#f1f5f9;border-radius:10px;margin:16px 0}.article-content summary{cursor:pointer;font-weight:700}@media(max-width:700px){.phonetics-game-grid{grid-template-columns:1fr}.phonetics-topic h3{font-size:21px}.phonetics-filter label{min-width:100%;width:100%}}