.practice-skill-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;display:flex}.practice-skill-nav--compact{justify-content:flex-start;margin-bottom:0}.practice-skill-nav--compact.practice-skill-nav--en .practice-skill-nav__btn{min-width:126px}.practice-skill-nav__btn{color:var(--theme-text-secondary);background:color-mix(in srgb, var(--theme-card-bg) 92%, var(--theme-accent) 8%);border:1px solid color-mix(in srgb, var(--theme-border) 80%, var(--theme-accent) 20%);cursor:pointer;white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;transition:color .2s,background .2s,border-color .2s,box-shadow .2s}.practice-skill-nav__btn:hover:not(.practice-skill-nav__btn--active){color:var(--theme-accent);border-color:color-mix(in srgb, var(--theme-accent) 55%, var(--theme-border) 45%);background:color-mix(in srgb, var(--theme-card-bg) 85%, var(--theme-accent) 15%)}.practice-skill-nav__btn--active{color:var(--theme-text-primary);border-color:var(--theme-accent);background:color-mix(in srgb, var(--theme-card-bg) 78%, var(--theme-accent) 22%);box-shadow:0 2px 8px color-mix(in srgb, var(--theme-accent) 22%, transparent);cursor:default}.practice-skill-nav--en .practice-skill-nav__btn{text-align:center;min-width:150px}@media (max-width:900px){.practice-skill-nav--en:not(.practice-skill-nav--compact){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.practice-skill-nav--en:not(.practice-skill-nav--compact) .practice-skill-nav__btn{width:100%;min-width:0}}@media (max-width:768px){.practice-skill-nav--compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;display:grid}.practice-skill-nav--compact .practice-skill-nav__btn{width:100%;min-width:0;padding:5px 10px;font-size:12px}}@media (max-width:480px){.practice-skill-nav--compact{gap:5px}.practice-skill-nav--compact .practice-skill-nav__btn{padding:4px 8px;font-size:11px}}