/* ========================================
 * Comment Count Badge
 * 記事一覧カード（.p-postList__item）のメタ情報にコメント数を表示
 * 切り出し元: functions.php wp_footer priority 99 のインラインstyle
 * 色は currentColor を使うため、ライト/ダークモード両対応（追加CSS不要）
 * ======================================== */

.p-postList__comments {
    display: inline-flex;
    align-items: center;
    gap: .15em;
    padding: 4px 0;
}

.p-postList__comments-icon::after {
    content: "";
    display: inline-block;
    transform: translateY(1.5px);
    margin-left: -2px;
    width: .9em;
    height: .9em;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
}