RED-1881: Paligo FAQ styling, fixed links & captions

paligo-styles/manual.scss

@@ -99,15 +99,15 @@ main article {
     margin: 24px 0;
 }
 
-.topic-content > section > .mediaobject {
-    margin-bottom: 10px;
+.mediaobject {
+    margin-top: 20px;
 
     img {
         border-radius: 4px;
         margin: 0;
     }
 
-    + p {
+    .caption > p {
         font-size: 14px;
         text-align: center;
         font-style: italic;
@@ -115,6 +115,10 @@ main article {
     }
 }
 
+.inlinemediaobject {
+    vertical-align: unset;
+}
+
 main ol,
 main ul {
     margin: 0 0 24px;
@@ -131,3 +135,21 @@ main ul {
         margin-bottom: 8px;
     }
 }
+
+// FAQ
+
+.question {
+    font-weight: 600;
+
+    > td > p {
+        margin: 32px 0 18px 0;
+    }
+
+    > td:first-child {
+        padding-right: 4px;
+    }
+}
+
+.fixed-toolbar article.topic :target.question:before {
+    content: none;
+}

paligo-styles/style.scss

@@ -34,4 +34,13 @@ body {
     p {
         @include paragraph;
     }
+
+    a {
+        color: $primary;
+
+        &:hover {
+            text-decoration: underline;
+            color: $primary;
+        }
+    }
 }