/* Additional styles for word metadata */

.word-meta {
    margin-top: 15px;
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.pos-tag,
.level-tag {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
    background: rgba(59, 130, 246, 0.1);
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

.level-tag {
    background: rgba(34, 197, 94, 0.1);
    color: var(--success-color);
    border-color: var(--success-color);
}

/* POS colors */
.pos-tag.noun { 
    background: rgba(59, 130, 246, 0.1);
    color: #3b82f6;
    border-color: #3b82f6;
}

.pos-tag.verb { 
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    border-color: #22c55e;
}

.pos-tag.adjective { 
    background: rgba(249, 115, 22, 0.1);
    color: #f97316;
    border-color: #f97316;
}

.pos-tag.adverb { 
    background: rgba(168, 85, 247, 0.1);
    color: #a855f7;
    border-color: #a855f7;
}