{% comment %}Sekcja wlasna strony glownej, styl nowoczesny. Ta sama cisza co
   w klasycznym, inne rozmieszczenie: naglowek odchodzi do waskiej kolumny
   z boku i na duzym ekranie jedzie razem z trescia, wiec strona czyta sie
   jak dwie kolumny, a nie jak ciag pasow. Numer sekcji zostaje jako cichy
   znacznik miejsca.

   Uklad "na cala szerokosc" (Tresc > Strona glowna) zdejmuje kontener
   i kolumne z boku - inaczej tresc, ktora ma siegac krawedzi okna,
   zostalaby zamknieta w polowie szerokosci.{% endcomment %}
<section class="border-t border-site-border py-16 sm:py-20 dark:border-site-border-dark">
  {% if section.layout == 'full' %}
    {% if section.heading %}
      <div class="mx-auto mb-10 w-full max-w-6xl px-6">
        <p class="text-sm font-semibold text-brand-600 dark:text-brand-400">{{ number|stringformat:"02d" }}</p>
        <h2 class="mt-3 max-w-3xl text-2xl font-bold leading-snug tracking-tight sm:text-3xl">{{ section.heading }}</h2>
      </div>
    {% endif %}
    <div class="w-full">{{ section.body_html }}</div>

  {% else %}
    <div class="mx-auto w-full max-w-6xl px-6">
      {% if section.heading %}
        <div class="grid gap-8 lg:grid-cols-[minmax(0,14rem)_minmax(0,1fr)] lg:gap-16">
          <div class="lg:sticky lg:top-28 lg:self-start">
            <p class="text-sm font-semibold text-brand-600 dark:text-brand-400">{{ number|stringformat:"02d" }}</p>
            <h2 class="mt-3 text-2xl font-bold leading-snug tracking-tight sm:text-3xl">{{ section.heading }}</h2>
          </div>
          <div class="min-w-0">{{ section.body_html }}</div>
        </div>
      {% else %}
        {{ section.body_html }}
      {% endif %}
    </div>
  {% endif %}
</section>