/* ========================================
   種別バッジ（components.type-badge）
   フィードカードの .feed-card__badge（feed-card.css）と同じ見た目。
   各詳細ページの左上（ユーザーアイコンの上）に置く。
   ======================================== */
.type-badge {
    display: inline-block;
    border-radius: 4px;
    padding: 4px 6px;
    background-color: #fff;
    border: solid 1px var(--maincolor);
    color: var(--maincolor);
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    letter-spacing: .04em;
}

/* STORY のカテゴリ（20260826-01スペック）。配色はフィードカードの
   .feed-card__badge--category（feed-card.css）に合わせ、種別バッジと区別する */
.type-badge--category {
    background-color: #f0eff4;
    border: 1px solid #f0eff4;
    color: inherit;
}

@media (max-width: 480px) {
    .type-badge {
        font-size: 13px;
    }
}