[Dúvida] Tag article vs tag section

Eu sei que ambas as tags article e section são semânticas, e talvez isso que dificulte mais o meu entendimento.

Nos exemplos do projeto do curso Layout Responsivo: trabalhando com layouts mobile, o professor na maioria das vezes opta por separar partes distintas da página colocando esses conteúdos dentro da tag section. Eu sei também que essa tag é mais recomendada do que a tag de div, visto que a tag div é muito usada e em codigos grandes pode ser difícil diferenciá-las uma das outras, então a tag section é como uma ruptura dessa confusão.

Talvez similar a como antigamente os blocos de conteúdo header, main, footer eram divs nomeadas como header, main e footer apenas por sua classe, e isso causava bastante confusão.

Mas daí que entra minha dúvida, onde que entra a tag article? Porque eu deveria usá-la ao invés de section, div, etc.

Abaixo está o código de exemplo da aula, onde o professor usou a tag.

<section class="planos container">
            <h2 class="planos__titulo">Planos</h2>
            <ul class="planos__cartoes">
                <li class="cartao cartao--start">
                    <h3 class="cartao__titulo">Start</h3>
                    <article class="cartao__conteudo">
                        <p class="cartao__preco"><em>R$ 500</em></p>
                        <p class="cartao__texto">5 manutenções mensais</p>
                        <p class="cartao__texto">App SEO</p>
                        <p class="cartao__texto">1 sistema operacional</p>
                        <a href="plano.html" class="cartao__botao cartao__botao--start botao">Assinar plano</a>
                    </article>
                </li>
                <li class="cartao cartao--ultra">
                    <h3 class="cartao__titulo">Ultra</h3>
                    <article class="cartao__conteudo">
                        <p class="cartao__preco"><em>R$ 1500</em></p>
                        <p class="cartao__texto">20 manutenções mensais</p>
                        <p class="cartao__texto">App SEO</p>
                        <p class="cartao__texto">4 sistemas operacionais</p>
                        <p class="cartao__texto">24h de atendimento</p>
                        <a href="" class="cartao__botao cartao__botao--ultra botao">Assinar plano</a>
                    </article>
                </li>
                <li class="cartao cartao--mega">
                    <h3 class="cartao__titulo">Mega</h3>
                    <p class="cartao__preco"><em>R$ 1000</em></p>
                    <article class="cartao__conteudo">
                        <p class="cartao__texto">10 manutenções mensais</p>
                        <p class="cartao__texto">App SEO</p>
                        <p class="cartao__texto">2 sistemas operacionais</p>
                        <a href="" class="cartao__botao cartao__botao--mega botao">Assinar plano</a>
                    </article>
                </li>
            </ul>
        </section>