Generalize documentation helpers

Change-Id: Iaba69a433f25d2160857694b0b434c51c02c0367
diff --git a/dev/scss/base.scss b/dev/scss/base.scss
index 7b32e76..1582513 100644
--- a/dev/scss/base.scss
+++ b/dev/scss/base.scss
@@ -66,14 +66,6 @@
     content: " " + $fa-extlink;
     font-size: 75%;
   }
-
-  // Link to documentation
-  &.doc-link::after {
-    font-family: FontAwesome;
-    white-space: nowrap;
-    content: " " + $fa-tutorial;
-    font-size: 75%;
-  }
 }
 
 // Styles for Mojolicious::Plugin::TagHelpers::MailToChiffre
diff --git a/dev/scss/main/main.scss b/dev/scss/main/main.scss
index 62e93c4..36d668c 100644
--- a/dev/scss/main/main.scss
+++ b/dev/scss/main/main.scss
@@ -32,6 +32,11 @@
     text-align: justify;
     hyphens: auto;
   }
+
+  h2#page-top {
+    margin-top: 0;
+    padding-top: 1em;
+  }
 }
 
 blockquote {
diff --git a/dev/scss/main/tutorial.scss b/dev/scss/main/tutorial.scss
index 0d4e32f..bc95a92 100644
--- a/dev/scss/main/tutorial.scss
+++ b/dev/scss/main/tutorial.scss
@@ -77,6 +77,14 @@
       border-radius: $standard-border-radius;
     }
   }
+
+  // Link to documentation
+  a.embedded-link::after {
+    font-family: FontAwesome;
+    white-space: nowrap;
+    content: " " + $fa-tutorial;
+    font-size: 75%;
+  }
 }
 
 dl {
diff --git a/dev/scss/media.scss b/dev/scss/media.scss
index 5b9310f..2e350da 100644
--- a/dev/scss/media.scss
+++ b/dev/scss/media.scss
@@ -224,7 +224,7 @@
   #kalamar-bg {
     display: none;
   }
-  a.doc-link {
+  a.embedded-link {
     color: black;
     text-decoration: underline;
   }