.practice-skill-nav{background:color-mix(in srgb, var(--theme-bg-secondary) 82%, var(--theme-card-bg) 18%);border:1px solid var(--practice-border,var(--theme-border));border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:fit-content;max-width:100%;margin-bottom:10px;padding:4px;display:flex}.practice-skill-nav--compact{justify-content:flex-start;margin-bottom:8px}.practice-skill-nav--compact.practice-skill-nav--en .practice-skill-nav__btn{min-width:126px}.practice-skill-nav__btn{color:var(--theme-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;padding:7px 15px;font-size:13px;font-weight:650;transition:color .2s,background .2s,border-color .2s,box-shadow .2s}.practice-skill-nav__btn:hover:not(.practice-skill-nav__btn--active){color:var(--practice-blue,var(--theme-accent));background:color-mix(in srgb, var(--theme-card-bg) 70%, transparent)}.practice-skill-nav__btn--active{color:var(--theme-text-primary);border-color:var(--practice-border,var(--theme-border));background:var(--theme-card-bg);cursor:default;box-shadow:0 1px 2px #0f172a0f,0 5px 16px #0f172a14}.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{scrollbar-width:none;border-radius:999px;flex-wrap:nowrap;gap:4px;width:100%;margin-bottom:6px;display:flex;overflow-x:auto}.practice-skill-nav--compact::-webkit-scrollbar{display:none}.practice-skill-nav--compact .practice-skill-nav__btn{text-align:center;text-overflow:ellipsis;flex:1 1 0;width:auto;min-width:0;min-height:38px;padding:7px 8px;font-size:13px;overflow:hidden}.practice-skill-nav--compact.practice-skill-nav--en .practice-skill-nav__btn{min-width:0;font-size:11px}}@media (max-width:480px){.practice-skill-nav--compact{border-radius:14px;gap:3px;padding:3px}.practice-skill-nav--compact .practice-skill-nav__btn{border-radius:11px;min-height:36px;padding:6px 4px;font-size:12px}}