/* Extracted from pages/folk-vocab.html */
.intro-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; padding: 1.5rem; margin: 1.5rem 0; }
.stats-row { display: flex; gap: 1.5rem; flex-wrap: wrap; margin: 1.5rem 0; }
.stat-box { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; padding: 1rem 1.25rem; flex: 1; min-width: 140px; text-align: center; }
.stat-number { font-family: var(--font-mono); font-size: 1.8rem; font-weight: 700; color: var(--accent); }
.stat-label { font-size: 0.8rem; color: var(--text-dim); margin-top: 0.25rem; }
.cat-filters { display: flex; gap: 0.5rem; flex-wrap: wrap; margin: 1.5rem 0; }
.cat-btn { background: var(--bg-card); border: 1px solid var(--border); color: var(--text); padding: 0.4rem 0.8rem; border-radius: 4px; cursor: pointer; font-size: 0.85rem; transition: all 0.2s; }
.cat-btn:hover { border-color: var(--accent); }
.cat-btn.active { background: var(--accent); color: var(--bg); border-color: var(--accent); }
.term-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; padding: 1.25rem; margin-bottom: 0.75rem; }
.term-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; }
.term-name { font-family: var(--font-mono); color: var(--accent); font-size: 1.05rem; font-weight: 600; }
.term-pills { display: flex; gap: 0.35rem; }
.pill { font-size: 0.7rem; padding: 0.15rem 0.45rem; border-radius: 3px; font-family: var(--font-mono); }
.pill-full { background: rgba(61,220,132,0.15); color: var(--green); }
.pill-partial { background: rgba(255,170,51,0.15); color: var(--orange); }
.pill-none { background: rgba(150,150,150,0.1); color: var(--text-dim); }
.term-notes { font-size: 0.9rem; color: var(--text-dim); margin-top: 0.5rem; line-height: 1.6; }
.term-etymology { font-size: 0.8rem; color: var(--accent); margin-top: 0.35rem; font-style: italic; }
.term-tags { display: flex; gap: 0.25rem; flex-wrap: wrap; margin-top: 0.5rem; }
.tag { font-size: 0.65rem; padding: 0.1rem 0.35rem; border-radius: 3px; background: rgba(150,150,150,0.08); color: var(--text-dim); }
.category-section { margin-top: 2rem; }
.category-section h2 { font-size: 1.2rem; margin-bottom: 0.25rem; }
.category-desc { color: var(--text-dim); font-size: 0.9rem; margin-bottom: 1rem; }
.analysis-card { background: var(--bg-card); border-left: 3px solid var(--accent); border-radius: 0 8px 8px 0; padding: 1.25rem; margin: 1.5rem 0; }
.analysis-card h3 { color: var(--accent); margin-bottom: 0.5rem; font-size: 1rem; }
.full-spec-list { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0.75rem 0; }
.full-spec-tag { font-family: var(--font-mono); font-size: 0.8rem; padding: 0.2rem 0.5rem; background: rgba(61,220,132,0.1); color: var(--green); border-radius: 3px; }
@media (max-width: 600px) {
    .stats-row { flex-direction: column; }
    .term-header { flex-direction: column; gap: 0.5rem; }
}