First bits of article detail page

source/_patterns/00-atoms/00-global/05-standard-container.mustache

-<div class="container">
+<div class="container container--default">
   {{ excerpt.long }}
 </div>

source/_patterns/00-atoms/figure/figure.mustache

 <figure class="figure">
   <img src="{{ img.landscape-16x9.src }}" alt="{{ img.landscape-16x9.alt }}" />
   <figcaption>
-    {{ excerpt.short }}
-    Autor: {{ person.first }} {{ person.last }} CC-BY-SA
+    {{ caption }}
+    {{^ caption }}
+      {{ excerpt.short }}
+      Autor: {{ person.first }} {{ person.last }} CC-BY-SA
+    {{/ caption}}
   </figcaption>
 </figure>

source/_patterns/02-organisms/00-global/footer.mustache

 <footer class="footer">
   <section class="footer-section bg-grey-700">
     <div class="top">
-      <div class="container">
+      <div class="container container--default">
         <div class="grid grid-cols-12">
           <div class="md:col-span-3 col-span-12 footer-copy">
             <img
@@ -70,7 +70,7 @@
   </section>
   <hr class="footer-splitter" />
   <section class="footer-section footer-section--dense bg-grey-700">
-    <div class="container">
+    <div class="container container--default">
       <div class="grid grid-cols-12 justify-content-left">
         <div class="md:col-span-3 col-span-12">
           <span class="text-xl uppercase text-white">Otevřenost</span>
@@ -100,7 +100,7 @@
     </div>
   </section>
   <section class="footer-section bg-black">
-    <div class="container">
+    <div class="container container--default">
       <div class="footer-contacts">
         {{> molecules-condensed-badge(classes: "footer-contacts__item") }}
         {{> molecules-condensed-badge(classes: "footer-contacts__item") }}

source/_patterns/02-organisms/00-global/header.mustache

+{{> organisms-navbar }}
+{{> organisms-subnav }}

source/_patterns/03-templates/article-detail.mustache

+{{> organisms-header }}
+
+<article class="container container--default py-8">
+  <h1 class="head-alt-lg max-w-5xl mb-2">Senátor Lukáš Wagenknecht žádá nastavení pravidel proti střetu zájmů</h1>
+  <div class="flex items-center">
+    <div class="inline-flex divide-x flex-grow">
+      <span class="pr-1">{{ dateverbose }}</span>
+      <span class="pl-1">{{ organization.name }}</span>
+    </div>
+    <div class="my-2">
+      {{> atoms-button(classes: "btn--grey-125 btn--condensed", cta: "Kategorie 1") }}
+      {{> atoms-button(classes: "btn--grey-125 btn--condensed", cta: "Kategorie 2") }}
+    </div>
+  </div>
+  {{> atoms-figure(caption: "Popisek fotky") }}
+</article>
+
+{{> organisms-footer }}

source/_patterns/03-templates/elections-main.mustache

-{{> organisms-navbar() }}
-{{> organisms-subnav() }}
+{{> organisms-header }}
 
 <article class="hero hero--image py-7 {{ classes }}" style="--image-url: url({{ img.landscape-16x9-fullhd.src }})">
-  <div class="container grid lg:grid-rows-3 lg:grid-cols-7 gap-1 items-center">
+  <div class="container container--default grid lg:grid-rows-3 lg:grid-cols-7 gap-1 items-center">
     <div class="lg:row-span-2 lg:col-span-3 order-1">
       {{> atoms-basic-flag(font: "bg-green-100 text-white head-alt-base", cta: "Volte č. 2", classes: "mb-3") }}
       <h1 class="head-alt-md md:head-alt-xl">Krajské volby 2020</h1>
@@ -19,7 +18,7 @@
   </div>
 </article>
 
-<div class="container pb-8 pt-8">
+<div class="container container--default pb-8 pt-8">
   <div class="text-center">
     {{> molecules-binary-switch(cta1: "Kandidáti", cta2: "Program") }}
   </div>
@@ -61,4 +60,4 @@
 </div>
 
 
-{{> organisms-footer() }}
+{{> organisms-footer }}

source/css/atoms/container.pcss

+.container--default {
+  @apply max-w-screen-xl;
+}
+
 .container--wide {
   max-width: 1430px;
 }

source/css/atoms/figure.pcss

@@ -18,7 +18,7 @@
   }
 
   figcaption {
-    @apply absolute z-20 bottom-0 left-0 w-full px-2 py-2 text-white text-sm leading-tight;
+    @apply absolute z-20 bottom-0 left-0 w-full max-w-2xl px-2 py-2 text-white text-sm leading-tight;
   }
 
   &:hover,