add resources section

assets/css/src/collapsable-section.css

@@ -1,11 +1,24 @@
 .collapsable-sections {
   background-color: var(--color-yellow);
+  --row-padding: var(--padding-vertical) var(--space-m);
+  padding: 0 !important;
+}
+
+.collapsable > * {
+  padding: var(--row-padding);
+  box-sizing: border-box;
+  width: 100%;
+  border-bottom: var(--border);
 }
 
 .collapsable button.toggle {
-  width: 100%;
   display: flex;
   justify-content: space-between;
+  align-items: center;
+}
+
+.collapsable button.toggle.open svg {
+  transform: rotate(180deg);
 }
 
 .collapsable__content {
@@ -17,3 +30,22 @@
   max-height: 100%;
   overflow: hidden;
 }
+
+.collapsable__content {
+  font-size: var(--font-size-s);
+}
+.collapsable__content .production p:not(:last-child) {
+  margin-bottom: 2rem;
+}
+
+.collapsable .resource > * {
+  display: inline-block;
+}
+
+.collapsable .resource > p {
+  margin-right: 2rem;
+}
+
+.collapsable .resource > a {
+  font-weight: bold;
+}