Кому нечем заняться и хочется подумать.

Как, согласно современному HTML5 должна быть разобрана семантика следующего кода:

<body>
  <h1>Черешня</h1>
  <p>Черешня бывает разная</p>
  
  <section>
    <h1>Красная</h1>
    <p>Черешня красного цвета</p>
  </section>
  
  <section>
    <h1>Желтая</h1>
    <p>Черешня желтого цвета</p>
  </section>
  
  <p>Еще бывает гнилая<p/>
</body>

Краткая справка:
В июле 2022 года, алгоритм о котором идет речь был изменен.

До июля 2022 года,
заявленный выше код,
был бы однозначным образом,
разобран как:

Черешня: 
  бывая разная
    Красная: 
        красного цвета
    Желтая: 
        желтого цвета
  и еще бывает гнилая

С июля 2022 года, алгоритм был изменен.
Как сейчас разбираются связи этого кода?
Какой текст и как связан друг с другом при сохранении той же верстки.

Все желающие могут задать это вопрос любому ИИ.