<header>: шапка сайта и header внутри article

banner landmark не один на весь дом.

Глобальный `<header>` в layout — banner landmark с логотипом и nav. Локальный `<header>` внутри `<article>` — заголовок и мета поста блога, не дублирующий site header.

Несколько header на странице допустимы — скринридер различает по контексту.

<header> — MDN — Вводной контент секции.

Стили

Класс `.card__header` не требует тега header — используйте семантику, когда блок вводный для карточки.