/* ============================================
   c-tag-01 — タグコンポーネント
   用途: お悩みタグ、専門分野タグ、キーワード等
   ============================================ */

.c-tag-01 {
    display: inline-block;
    padding: var(--space-3-xs) var(--space-xs);
    background-color: var(--color-bg-sub);
    color: var(--color-text-light);
    border-radius: var(--radius-sm);
    font-size: var(--font-size-2-xs);
    line-height: var(--line-height-none);
    white-space: nowrap;
}

/* ボーダー付き */
.c-tag-01--outline {
    background-color: transparent;
    border: 1px solid var(--color-border);
    color: var(--color-text-light);
}

/* グレー背景（リスト内 specialty 等） */
.c-tag-01--subtle {
    background-color: var(--color-bg);
    border: 1px solid var(--color-gray-lighter);
    color: var(--color-text-light);
    font-size: var(--font-size-3-xs);
}

/* タググループ */
.c-tag-01__group {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2-xs);
}