diff --git a/assets/static/vocabulary/css/library-vars.css b/assets/static/vocabulary/css/library-vars.css
index ff5e39b1..13da8805 100644
--- a/assets/static/vocabulary/css/library-vars.css
+++ b/assets/static/vocabulary/css/library-vars.css
@@ -2,7 +2,7 @@
 
 /* brand typsetting */
 @font-face {
-    font-family:"Roboto Condensed";
+    font-family:'Roboto Condensed';
     font-style: normal;
     font-weight: 400;
     font-display: swap;
@@ -12,7 +12,7 @@
 }
 
 @font-face {
-    font-family:"Roboto Condensed";
+    font-family:'Roboto Condensed';
     font-style: normal;
     font-weight: 700;
     font-display: swap;
@@ -22,41 +22,41 @@
 }
 
 @font-face {
-    font-family: "Source Sans Pro";
+    font-family: 'Source Sans Pro';
     font-style: normal;
     font-weight: 400;
     font-display: swap;
-    src: url(../fonts/SourceSansPro-Regular.woff2) format("woff2"),
-        url(../fonts/SourceSansPro-Regular.woff) format("woff"),
-        url(../fonts/SourceSansPro-Regular.otf) format("opentype");
+    src: url('../fonts/SourceSansPro-Regular.woff2') format('woff2'),
+        url('../fonts/SourceSansPro-Regular.woff') format('woff'),
+        url('../fonts/SourceSansPro-Regular.otf') format('opentype');
  }
 
 @font-face {
-    font-family: "Source Sans Pro";
+    font-family: 'Source Sans Pro';
     font-style: normal;
     font-weight: 600;
     font-display: swap;
-    src: url(../fonts/SourceSansPro-SemiBold.woff2) format("woff2"),
-        url(../fonts/SourceSansPro-SemiBold.woff) format("woff"),
-        url(../fonts/SourceSansPro-SemiBold.otf) format("opentype");
+    src: url('../fonts/SourceSansPro-SemiBold.woff2') format('woff2'),
+        url('../fonts/SourceSansPro-SemiBold.woff') format('woff'),
+        url('../fonts/SourceSansPro-SemiBold.otf') format('opentype');
 }
 
 @font-face {
-    font-family: "Source Sans Pro";
+    font-family: 'Source Sans Pro';
     font-style: normal;
     font-weight: 700;
     font-display: swap;
-    src: url(../fonts/SourceSansPro-Bold.woff2) format("woff2"),
-        url(../fonts/SourceSansPro-Bold.woff) format("woff"),
-            url(../fonts/SourceSansPro-Bold.otf) format("opentype");
+    src: url('../fonts/SourceSansPro-Bold.woff2') format('woff2'),
+        url('../fonts/SourceSansPro-Bold.woff') format('woff'),
+            url('../fonts/SourceSansPro-Bold.otf') format('opentype');
 }
 
 @font-face {
-    font-family: "CC Accidenz Commons";
+    font-family: 'CC Accidenz Commons';
     font-style: normal;
     font-weight: 400;
     font-display: swap;
-    src: url(../fonts/CCAccidenzCommons-medium.otf) format("opentype");
+    src: url('../fonts/CCAccidenzCommons-medium.otf') format('opentype');
 }
 
 
@@ -82,7 +82,7 @@
     --vocabulary-neutral-color-dark-gray: #767676;
 
     /* brand typsetting */
-    --vocabulary-brand-typeset-nav-family: "Roboto Condensed";
+    --vocabulary-brand-typeset-nav-family: 'Roboto Condensed';
     --vocabulary-brand-typeset-nav-weight: bold;
     --vocabulary-brand-typeset-nav-color: #767676;
 
@@ -121,8 +121,9 @@
 
         a:before {
             --icon-sprite: var(--icon-name);
-            --icon-sprite- color: white;
+            --icon-sprite-color: white;
             --icon-sprite-size: .8em;
+        }
 
     */
 
@@ -132,27 +133,28 @@
      --icon-sprite-size: 1em;
 
      /* cc sprite names */
-     --cc-logo: url('./../svg/cc/icons/cc-icons.svg#cc-logo');
-     --cc-heart: url('./../svg/cc/icons/cc-icons.svg#cc-heart');
-     --cc-heart-filled: url('./../svg/cc/icons/cc-icons.svg#cc-heart-filled');
-     --cc-quote: url('./../svg/cc/icons/cc-icons.svg#cc-quote');
+     --cc-logo: url('../svg/cc/icons/cc-icons.svg#cc-logo');
+     --cc-heart: url('../svg/cc/icons/cc-icons.svg#cc-heart');
+     --cc-heart-filled: url('../svg/cc/icons/cc-icons.svg#cc-heart-filled');
+     --cc-quote: url('../svg/cc/icons/cc-icons.svg#cc-quote');
 
      /* font awesome sprite names */
-     --fa-angle-down: url('./../svg/font-awesome/icons/fa-icons.svg#fa-angle-down');
-     --fa-angle-left: url('./../svg/font-awesome/icons/fa-icons.svg#fa-angle-left');
-     --fa-angle-right: url('./../svg/font-awesome/icons/fa-icons.svg#fa-angle-right');
-     --fa-angle-up: url('./../svg/font-awesome/icons/fa-icons.svg#fa-angle-up');
-     --fa-globe: url('./../svg/font-awesome/icons/fa-icons.svg#fa-globe');
-     --fa-heart: url('./../svg/font-awesome/icons/fa-icons.svg#fa-heart');
-     --fa-info: url('./../svg/font-awesome/icons/fa-icons.svg#fa-info');
-     --fa-right-angle: url('./../svg/font-awesome/icons/fa-icons.svg#fa-right-angle');
-     --fa-search: url('./../svg/font-awesome/icons/fa-icons.svg#fa-search');
-
-     --fa-instagram: url('./../svg/font-awesome/icons/fa-icons.svg#fa-instagram');
-     --fa-twitter: url('./../svg/font-awesome/icons/fa-icons.svg#fa-twitter');
-     --fa-facebook: url('./../svg/font-awesome/icons/fa-icons.svg#fa-facebook');
-     --fa-linkedin: url('./../svg/font-awesome/icons/fa-icons.svg#fa-linkedin');
-     --fa-mastodon: url('./../svg/font-awesome/icons/fa-icons.svg#fa-mastodon');
+     --fa-angle-down: url('../svg/font-awesome/icons/fa-icons.svg#fa-angle-down');
+     --fa-angle-left: url('../svg/font-awesome/icons/fa-icons.svg#fa-angle-left');
+     --fa-angle-right: url('../svg/font-awesome/icons/fa-icons.svg#fa-angle-right');
+     --fa-angle-up: url('../svg/font-awesome/icons/fa-icons.svg#fa-angle-up');
+     --fa-globe: url('../svg/font-awesome/icons/fa-icons.svg#fa-globe');
+     --fa-heart: url('../svg/font-awesome/icons/fa-icons.svg#fa-heart');
+     --fa-info: url('../svg/font-awesome/icons/fa-icons.svg#fa-info');
+     --fa-right-angle: url('../svg/font-awesome/icons/fa-icons.svg#fa-right-angle');
+     --fa-search: url('../svg/font-awesome/icons/fa-icons.svg#fa-search');
+     --fa-close: url('../svg/font-awesome/icons/fa-icons.svg#fa-close');
+
+     --fa-bluesky: url('../svg/font-awesome/icons/fa-icons.svg#fa-bluesky');
+     --fa-facebook: url('../svg/font-awesome/icons/fa-icons.svg#fa-facebook');
+     --fa-instagram: url('../svg/font-awesome/icons/fa-icons.svg#fa-instagram');
+     --fa-linkedin: url('../svg/font-awesome/icons/fa-icons.svg#fa-linkedin');
+     --fa-mastodon: url('../svg/font-awesome/icons/fa-icons.svg#fa-mastodon');
 
 }
 
@@ -201,7 +203,7 @@ leaving room for semantic and accessible implementation choices  */
     --icon-sprite: var(--fa-angle-left);
 }
 
-.icon.fa-angle-right, .icon-attach.fa-angle-rignt:before {
+.icon.fa-angle-right, .icon-attach.fa-angle-right:before {
     --icon-sprite: var(--fa-angle-right);
 }
 
@@ -221,26 +223,30 @@ leaving room for semantic and accessible implementation choices  */
     --icon-sprite: var(--fa-info);
 }
 
-.icon.fa-right-angle, .icon-attach.fa-righ-angle:before {
-    --icon-sprite: var(--fa-heart);
+.icon.fa-right-angle, .icon-attach.fa-right-angle:before {
+    --icon-sprite: var(--fa-right-angle);
 }
 
 .icon.fa-search, .icon-attach.fa-search:before {
     --icon-sprite: var(--fa-search);
 }
 
-.icon-replace.fa-instagram {
-    --icon-sprite: var(--fa-instagram);
+.icon.fa-close, .icon-attach.fa-close:before {
+    --icon-sprite: var(--fa-close);
 }
 
-.icon-replace.fa-twitter {
-    --icon-sprite: var(--fa-twitter);
+.icon-replace.fa-bluesky {
+    --icon-sprite: var(--fa-bluesky);
 }
 
 .icon-replace.fa-facebook {
     --icon-sprite: var(--fa-facebook);
 }
 
+.icon-replace.fa-instagram {
+    --icon-sprite: var(--fa-instagram);
+}
+
 .icon-replace.fa-linkedin {
     --icon-sprite: var(--fa-linkedin);
 }
@@ -249,6 +255,10 @@ leaving room for semantic and accessible implementation choices  */
     --icon-sprite: var(--fa-mastodon);
 }
 
+.icon-replace.fa-close {
+    --icon-sprite: var(--fa-close);
+}
+
 
 /* attach an icon to an existing element with a :before */
 .icon-attach:before {
diff --git a/assets/static/vocabulary/css/vocabulary.css b/assets/static/vocabulary/css/vocabulary.css
index 678fe3b6..160ec184 100644
--- a/assets/static/vocabulary/css/vocabulary.css
+++ b/assets/static/vocabulary/css/vocabulary.css
@@ -202,14 +202,9 @@ a.more {
 
 /* .posts .related variant context */
 
-.posts.related {
-    
-}
-
 /* <main> level context */
 
 main {
-    
     display: grid;
     grid-template-columns: subgrid;
     width: 100%;
@@ -245,7 +240,7 @@ main > header:before {
     left: -33.333%;
     top: 0;
     z-index: -1;
-    content: "";
+    content: '';
 
     background: #F5F5F5;
 }
@@ -339,8 +334,8 @@ main > aside.sidebar nav.filter-menu ul li.current a {
 main > aside.sidebar nav ul {
     margin: 0;
     padding: 0;
+    
     text-indent: none;
-
     list-style: none;
     font-size: 1rem;
     font-weight: 700;
@@ -543,12 +538,12 @@ main aside.closing {
     width: 100%;
 
     background: var(--vocabulary-brand-color-soft-turquoise);
-  }
+}
 
 main aside.closing a {
     --underline-background-color: var(--vocabulary-brand-color-soft-turquoise);
     color: var(--vocabulary-brand-color-dark-tomato);
-  }
+}
 
 main aside.closing p {
     margin :0;
@@ -558,7 +553,7 @@ main aside.closing p {
     font-style: normal;
     font-weight: 400;
     line-height: 150%;
-  }
+}
 
 main .pub-date {
     display: inline-block;
@@ -590,8 +585,9 @@ main article.tags ul li {
 
 
 main article.tags ul li:after {
-    content: ',';
     margin-left: .1em;
+
+    content: ',';
 }
 
 main article.tags ul li:last-child:after {
@@ -624,8 +620,6 @@ main article.posts.related ul {
     list-style: none;
 
     font-size: initial;
-
-    
 }
 
 main article.posts.related ul li {
@@ -669,8 +663,8 @@ main nav.pagination ol {
     width: 100%;
     margin: 0;
     padding: 0;
+    
     text-indent: none;
-
     font-size: 1em;
     list-style: none;
 }
@@ -719,12 +713,12 @@ main .attribution-list button.expand-attribution {
     position: absolute;
     top: 4.5em;
     right: 4em;
+    padding: .5em;
 
     cursor: pointer;
     border: 1px solid black;
     border-radius: 3px;
-    padding: .5em;
-    font-family: "Source Sans Pro";
+    font-family: 'Source Sans Pro';
 }
 
 main .attribution-list button.expand-attribution.selected {
@@ -792,7 +786,6 @@ body > header .masthead {
     flex-wrap: wrap;
     align-items: baseline;
     position: relative;
-
     width: 100%;
     /* padding-top: 3%; */
     padding-top: 40px;
@@ -821,14 +814,14 @@ body > header .masthead .identity-logo {
 
     /* allows for color manipulation of svg */
     background-color: black;
-    -webkit-mask-image: url('./../svg/cc/logos/cc/logomark.svg');
-    mask-image: url('./../svg/cc/logos/cc/logomark.svg');
+    -webkit-mask-image: url('../svg/cc/logos/cc/logomark.svg');
+    mask-image: url('../svg/cc/logos/cc/logomark.svg');
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     cursor: pointer;
 
     /* standard pattern for setting logo in lieu of background color manipulation */
-    /* background: url('../../svg/cc/logos/cc/logomark.svg') left top no-repeat; */
+    /* background: url('../svg/cc/logos/cc/logomark.svg') left top no-repeat; */
 }
 
 body > header .masthead .identity-logo:hover {
@@ -859,12 +852,12 @@ body > header .masthead .identity-logo:hover {
 body > header .masthead .identity-logo.product {
     width: initial;
     position: relative;
-    text-indent: 42px;
     padding-top: 7px;
     box-sizing: border-box;
 
     text-decoration: none;
-    font-family: "CC Accidenz Commons";
+    text-indent: 42px;
+    font-family: 'CC Accidenz Commons';
     font-weight: normal;
     text-transform: lowercase;
     letter-spacing: -1px;
@@ -885,8 +878,8 @@ body > header .masthead .identity-logo.product:before {
     top: .176em;
 
     background-color: black;
-    -webkit-mask-image: url('./../svg/cc/logos/cc/lettermark.svg');
-    mask-image: url('./../svg/cc/logos/cc/lettermark.svg');
+    -webkit-mask-image: url('../svg/cc/logos/cc/lettermark.svg');
+    mask-image: url('../svg/cc/logos/cc/lettermark.svg');
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     cursor: pointer;
@@ -942,20 +935,20 @@ body > header button.expand-menu {
     display: none;
 }
 
-body > header .ancilliary-menu {
+body > header .ancillary-menu {
     position: absolute;
     top: 0;
     /* right: var(--vocabulary-page-edges-space); */
     right: 0;
 
-    font-family: "Source Sans Pro";
+    font-family: 'Source Sans Pro';
     font-style: normal;
     font-weight: 600;
     font-size: .8em;
     /* font-size: 1em; */
 }
 
-body > header .ancilliary-menu ul {
+body > header .ancillary-menu ul {
     display: flex;
     margin: 0;
     padding: 0;
@@ -963,35 +956,34 @@ body > header .ancilliary-menu ul {
     list-style: none;
 }
 
-body > header .ancilliary-menu ul li {
+body > header .ancillary-menu ul li {
     margin-left: 10px;
 }
-body > header .ancilliary-menu ul li a {
+body > header .ancillary-menu ul li a {
     /* generalize this */
     display: inline-block;
 }
 
-body > header .ancilliary-menu ul li a,
-.ancilliary-menu ul li button {
+body > header .ancillary-menu ul li a,
+.ancillary-menu ul li button {
     margin-top: 10px;
 }
 
-body > header .ancilliary-menu ul li button:hover {
+body > header .ancillary-menu ul li button:hover {
     cursor: pointer;
 }
 
-body > header .ancilliary-menu button.locale {
+body > header .ancillary-menu button.locale {
     display: inline-flex;
     align-items: center;
     padding: 6px 10px;
 
-
     background:  var(--vocabulary-neutral-color-lighter-gray);
     border: none;
     border-radius: 3px;
 }
 
-body > header .ancilliary-menu button.locale.icon-attach:before {
+body > header .ancillary-menu button.locale.icon-attach:before {
     --icon-sprite: var(--fa-globe);
     --icon-sprite-size: .8em;
 
@@ -1000,7 +992,7 @@ body > header .ancilliary-menu button.locale.icon-attach:before {
     opacity: .3;
 }
 
-body > header .ancilliary-menu a.donate {
+body > header .ancillary-menu a.donate {
     display: inline-flex;
     align-items: center;
     padding: 6px 10px;
@@ -1011,7 +1003,7 @@ body > header .ancilliary-menu a.donate {
     border-radius: 3px;
 }
 
-.ancilliary-menu a.donate.icon-attach:before {
+.ancillary-menu a.donate.icon-attach:before {
     --icon-sprite: var(--fa-heart);
     --icon-sprite-color: var(--vocabulary-brand-color-dark-tomato);
      --icon-sprite-size: .8em;
@@ -1019,7 +1011,7 @@ body > header .ancilliary-menu a.donate {
     margin-right: .8em;
 }
 
-body > header .ancilliary-menu a.search {
+body > header .ancillary-menu a.search {
     display: inline-flex;
     align-items: center;
     padding: 6px 10px;
@@ -1032,14 +1024,14 @@ body > header .ancilliary-menu a.search {
     border-radius: 3px;
 }
 
-body > header .ancilliary-menu a.search.icon-attach:before {
+body > header .ancillary-menu a.search.icon-attach:before {
     --icon-sprite: var(--fa-search);
      --icon-sprite-size: .8em;
 
     margin-right: .8em;
 }
 
-body > header .ancilliary-menu button.explore {
+body > header .ancillary-menu button.explore {
     margin-top: 0;
     padding-top: 16px;
     padding-bottom: 6px;
@@ -1067,6 +1059,7 @@ body > header .explore-panel {
 
 .explore-panel.expand {
     display: inherit;
+
     transition: display 2s ease-in-out;
 }
 
@@ -1076,7 +1069,6 @@ body > header .explore-panel aside {
 
 body > header .explore-panel aside .identity-logo {
     display: inline-block;
-    text-indent: -1000px;
     vertical-align: bottom;
     height: 50px;
     width: 191px;
@@ -1084,22 +1076,21 @@ body > header .explore-panel aside .identity-logo {
 
     /* allows for color manipulation of svg */
     background-color: white;
-    -webkit-mask-image: url('./../svg/cc/logos/cc/logomark.svg');
-    mask-image: url('./../svg/cc/logos/cc/logomark.svg');
+    -webkit-mask-image: url('../svg/cc/logos/cc/logomark.svg');
+    mask-image: url('../svg/cc/logos/cc/logomark.svg');
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     cursor: pointer;
+    text-indent: -1000px;
 
     /* standard pattern for setting logo in lieu of background color manipulation */
-    /* background: url('../../svg/cc/logos/cc/logomark.svg') left top no-repeat; */
-
+    /* background: url('../svg/cc/logos/cc/logomark.svg') left top no-repeat; */
 }
 
 body > header .explore-panel aside h2 {
     font-family: 'Roboto Condensed';
     font-style: normal;
     font-weight: 700;
-
 }
 
 body > header .explore-panel aside p {
@@ -1114,19 +1105,16 @@ body > header .explore-panel .explore-menu {
     font-family: 'Source Sans Pro';
     font-style: normal;
     font-weight: 400;
-
 }
 
 body > header .explore-panel .explore-menu ul {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 20px;
-
     margin: 0;
     padding: 0;
 
     list-style: none;
-
 }
 
 body > header .explore-panel nav ul li a {
@@ -1226,9 +1214,9 @@ body > footer {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr 1fr;
     grid-template-areas:
-    "logo nav nav nav"
-    "contact subscribe subscribe donate"
-    "contact license license donate";
+    'logo nav nav nav'
+    'contact subscribe subscribe donate'
+    'contact license license donate';
     gap: 40px;
     padding: 40px var(--vocabulary-page-edges-space);
 
@@ -1287,14 +1275,14 @@ body > footer .identity-logo {
 
     /* allows for color manipulation of svg */
     background-color: white;
-    -webkit-mask-image: url('./../svg/cc/logos/cc/logomark.svg');
-    mask-image: url('./../svg/cc/logos/cc/logomark.svg');
+    -webkit-mask-image: url('../svg/cc/logos/cc/logomark.svg');
+    mask-image: url('../svg/cc/logos/cc/logomark.svg');
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     cursor: pointer;
 
     /* standard pattern for setting logo in lieu of background color manipulation */
-    /* background: url('../../svg/cc/logos/cc/logomark.svg') left top no-repeat; */
+    /* background: url('../svg/cc/logos/cc/logomark.svg') left top no-repeat; */
 }
 
 body > footer .identity-logo:hover {
@@ -1320,7 +1308,6 @@ body > footer .footer-menu ul {
 body > footer .footer-menu ul li a {
     text-decoration: none;
     color: var(--vocabulary-brand-color-turquoise);
-
 }
 
 body > footer .contact {
@@ -1334,7 +1321,6 @@ body > footer .contact .social-menu ul {
     margin-top: 3em;
 
     list-style: none;
-
 }
 
 body > footer .contact .social-menu ul li {
@@ -1367,14 +1353,13 @@ body > footer .subscribe form input {
     -webkit-appearance: none;
     background-color: transparent;
     color: rgb(118, 118, 118);
-    font-family: "Source Sans Pro", sans-serif;
+    font-family: 'Source Sans Pro', sans-serif;
     font-size: 1em;
     font-weight: 600;
     line-height: 1.3;
     border: 2px solid rgb(118, 118, 118);;
     /* border-radius: 4px; */
     box-shadow: none;
-
 }
 
 body > footer .subscribe form input.input {
@@ -1393,7 +1378,7 @@ body > footer .subscribe form input.button {
     padding: 1.1em;
 
     cursor: pointer;
-    font-family: "Roboto Condensed", sans-serif;
+    font-family: 'Roboto Condensed', sans-serif;
     font-size: 1.125rem;
     text-align: center;
     text-transform: uppercase;
@@ -1430,7 +1415,6 @@ body > footer .donate a.donate {
 
 body > footer .donate a.donate:hover {
     cursor: pointer;
-
     background-color: rgb(248, 204, 44);
 }
 
@@ -1459,12 +1443,7 @@ body > footer .license svg {
     margin-right: .3em;
 }
 
-
 /* archive-page context */
-.archive-page main {
-
-    
-}
 
 /* blog-index context */
 
@@ -1585,7 +1564,6 @@ body > footer .license svg {
     font-style: normal;
     font-weight: 700;
     font-size: 1em;
-
 }
 
 .search-index .search-form form input {
@@ -1598,7 +1576,6 @@ body > footer .license svg {
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
     border: 2px solid black;
-
 }
 
 .search-index .search-form form button {
@@ -1736,9 +1713,7 @@ body > footer .license svg {
 
 .person-page main > header h1 {
     grid-column-start: 2;
-
     margin-bottom: .1em;
-
 }
 
 .person-page main > header .title {
@@ -1754,6 +1729,7 @@ body > footer .license svg {
 .person-page main > header .pronouns {
     grid-column-start: 2;
     margin-bottom: 1em;
+
     font-family: 'Source Sans Pro';
     font-style: normal;
     font-weight: 700;
@@ -1765,7 +1741,6 @@ body > footer .license svg {
     position: absolute;
     margin: 0;
     padding:0;
-
     top: 3.4em;
     left: 0;
     width: 30%;
@@ -1773,8 +1748,8 @@ body > footer .license svg {
 
 .person-page main > header figure img {
     box-sizing: border-box;
-
     width: 100%;
+    max-height: 21.8rem;
 
     border: 16px solid white;
 }
@@ -1783,7 +1758,6 @@ body > footer .license svg {
     grid-column-start: 2;
 
     font-size: .9em;
-
 }
 
 .person-page main > header p {
@@ -1856,6 +1830,10 @@ body > footer .license svg {
         display: flex;
         flex-wrap: wrap;
     }
+
+    main article.posts.related ul {
+        grid-template-columns: 1fr 1fr;
+    }
 }
 
 @media (max-width: 705px) {
@@ -1870,7 +1848,7 @@ body > footer .license svg {
         top: 4.5em;
         right: 0;
         display: inline-block;
-        padding: .3em .5em;
+        padding: .5rem 1rem;
         border: none;
         border-radius: 5px;
         background: #F5F5F5;
@@ -1879,7 +1857,6 @@ body > footer .license svg {
         font-style: normal;
         font-weight: 700;
         font-size: 1em;
-        padding: .5rem 1rem;
     }
 
     body > header .primary-menu {
@@ -1902,6 +1879,7 @@ body > footer .license svg {
     body > header .primary-menu.expand ul li {
         margin: 0;
         padding: 1em 0;
+
         border-top: 1px solid rgba(1,1,1,.1);
     }
 
@@ -1972,6 +1950,10 @@ body > footer .license svg {
         left: 0;
     }
 
+    main .content {
+        padding: var(--vocabulary-page-edges-space);
+    }
+
     .posts article figure {
         width: 100%;
         flex: initial;
@@ -2023,6 +2005,10 @@ body > footer .license svg {
     body > footer .footer-menu ul {
         display: block;
     }
+
+    main article.posts.related ul {
+        grid-template-columns: 1fr;
+    }
 }
 
 @media (max-width: 425px) {
@@ -2054,7 +2040,7 @@ body > footer .license svg {
 }
 
 @media (max-width:340px) {
-    body > header .ancilliary-menu button:before, body > header .ancilliary-menu a:before {
+    body > header .ancillary-menu button:before, body > header .ancillary-menu a:before {
         display: none;
     }
 }
diff --git a/assets/static/vocabulary/js/vocabulary.js b/assets/static/vocabulary/js/vocabulary.js
index fe2885e4..5d2f5d32 100644
--- a/assets/static/vocabulary/js/vocabulary.js
+++ b/assets/static/vocabulary/js/vocabulary.js
@@ -2,27 +2,27 @@ const exploreButton = document.querySelector('button.explore');
 const explorePanel = document.querySelector('.explore-panel');
 
 // explorePanel.classList.add('hide');
-
-exploreButton.addEventListener('click', (event) => {
-    explorePanel.classList.toggle('expand');
-    // explorePanel.classList.toggle('hide');
-});
-
+if(exploreButton!==null && explorePanel!==null) {
+    exploreButton.addEventListener('click', (event) => {
+        explorePanel.classList.toggle('expand');
+        // explorePanel.classList.toggle('hide');
+    });
+}
 
 const menuButton = document.querySelector('button.expand-menu');
 const menuPanel = document.querySelector('.primary-menu');
 
-menuButton.addEventListener('click', (event) => {
-    menuPanel.classList.toggle('expand');
-    // explorePanel.classList.toggle('hide');
-});
-
+if(menuButton !== null && menuPanel !== null) {
+    menuButton.addEventListener('click', (event) => {
+        menuPanel.classList.toggle('expand');
+        // explorePanel.classList.toggle('hide');
+    });
+}
 
 const attributionButton = document.querySelector('button.expand-attribution');
 const attributionPanel = document.querySelector('.attribution-panel');
 
 if (attributionButton !== null && attributionPanel !== null ) {
-
     attributionButton.addEventListener('click', (event) => {
         attributionButton.classList.toggle('selected');
         attributionPanel.classList.toggle('expand');
diff --git a/assets/static/vocabulary/svg/font-awesome/icons/fa-icons.svg b/assets/static/vocabulary/svg/font-awesome/icons/fa-icons.svg
index 62f43c30..57a680ac 100644
--- a/assets/static/vocabulary/svg/font-awesome/icons/fa-icons.svg
+++ b/assets/static/vocabulary/svg/font-awesome/icons/fa-icons.svg
@@ -56,9 +56,19 @@
     <path d="M29.59 25.94l-5.842-5.842a1.405 1.405 0 00-.996-.41h-.955a12.128 12.128 0 002.578-7.5C24.375 5.455 18.92 0 12.187 0 5.455 0 0 5.455 0 12.188c0 6.732 5.455 12.187 12.188 12.187 2.83 0 5.431-.96 7.5-2.578v.955c0 .375.146.732.41.996l5.841 5.842a1.4 1.4 0 001.987 0l1.658-1.658c.55-.551.55-1.442.006-1.992zm-17.402-6.253a7.496 7.496 0 01-7.5-7.5c0-4.142 3.351-7.5 7.5-7.5 4.142 0 7.5 3.352 7.5 7.5 0 4.143-3.352 7.5-7.5 7.5z" fill="currentColor"/>
 </g>
 
+<g id="fa-close">
+    <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+    <path d="M4.3 4.3c.4-.4 1-.4 1.4 0L15 13.6l9.3-9.3c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4L16.4 15l9.3 9.3c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0L15 16.4l-9.3 9.3c-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4L13.6 15 4.3 5.7c-.4-.4-.4-1 0-1.4z" fill="currentColor"/>
+</g>
+
 
 <!-- social media -->
 
+<g id="fa-bluesky">
+        <!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
+    <path d="M21.2396 17.3501C21.0677 17.3293 20.8906 17.3084 20.7187 17.2824C20.8958 17.3032 21.0677 17.3293 21.2396 17.3501ZM15 13.8293C13.6406 11.1886 9.94271 6.26677 6.50521 3.83969C3.20833 1.51156 1.95312 1.9126 1.125 2.2876C0.171875 2.7199 0 4.18344 0 5.04281C0 5.90219 0.473958 12.1053 0.78125 13.1418C1.79687 16.5636 5.42187 17.7199 8.76042 17.3449C8.93229 17.3189 9.10417 17.298 9.28125 17.272C9.10937 17.298 8.9375 17.3241 8.76042 17.3449C3.86979 18.0741 -0.473958 19.8553 5.22396 26.1939C11.4896 32.6834 13.8073 24.8032 15 20.8084C16.1927 24.8032 17.5625 32.397 24.6667 26.1939C30 20.8084 26.1302 18.0689 21.2396 17.3449C21.0677 17.3241 20.8906 17.3032 20.7187 17.2772C20.8958 17.298 21.0677 17.3241 21.2396 17.3449C24.5781 17.7147 28.1979 16.5584 29.2187 13.1418C29.526 12.1053 30 5.9074 30 5.04281C30 4.17823 29.8281 2.71469 28.875 2.2876C28.0521 1.91781 26.7917 1.51156 23.5 3.83969C20.0573 6.26677 16.3594 11.1886 15 13.8293Z" fill="black"/>
+</g>
+
 <g id="fa-facebook">
     <!--! Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
    <path d="M30 15C30 6.71371 23.2863 0 15 0C6.71371 0 0 6.71371 0 15C0 22.4867 5.48528 28.6923 12.6562 29.8185V19.3361H8.84577V15H12.6562V11.6952C12.6562 7.93609 14.8942 5.85968 18.3218 5.85968C19.9633 5.85968 21.6798 6.15242 21.6798 6.15242V9.84194H19.7879C17.925 9.84194 17.3437 10.9984 17.3437 12.1845V15H21.5038L20.8385 19.3361H17.3437V29.8185C24.5147 28.6923 30 22.4867 30 15Z" fill="currentColor"/>
@@ -79,10 +89,4 @@
     <path d="M27.0695 10.5188C27.0695 4.22781 22.9461 2.38324 22.9461 2.38324C18.8997 0.525725 8.15328 0.545142 4.14571 2.38324C4.14571 2.38324 0.0216376 4.22781 0.0216376 10.5188C0.0216376 18.0071 -0.405526 27.3076 6.8582 29.2298C9.48008 29.9224 11.733 30.0712 13.5459 29.9677C16.8344 29.7864 18.6796 28.7962 18.6796 28.7962L18.5696 26.408C18.5696 26.408 16.2196 27.1458 13.5783 27.0617C10.9629 26.971 8.20635 26.7769 7.77725 23.5667C7.73746 23.2685 7.718 22.9679 7.719 22.667C13.2611 24.0197 17.9871 23.256 19.288 23.1007C22.9202 22.667 26.0838 20.4277 26.487 18.3825C27.1213 15.1593 27.0695 10.5188 27.0695 10.5188ZM22.2076 18.6219H19.1896V11.2307C19.1896 8.01404 15.0474 7.89106 15.0474 11.6773V15.7224H12.0489V11.6766C12.0489 7.89042 7.90669 8.01339 7.90669 11.2301V18.6213H4.88224C4.88224 10.7188 4.54569 9.04894 6.07377 7.29498C7.75006 5.42452 11.2399 5.30155 12.7938 7.68978L13.5446 8.95185L14.2954 7.68978C15.8558 5.2886 19.3514 5.43746 21.0154 7.29498C22.55 9.06188 22.2063 10.7252 22.2063 18.6213L22.2076 18.6219Z" fill="currentColor"/>
 </g>
 
-<g id="fa-twitter">
-    <!--! Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
-    <path d="M26.9162 8.88963C26.9353 9.15611 26.9353 9.42265 26.9353 9.68914C26.9353 17.8173 20.7487 27.1828 9.44162 27.1828C5.95811 27.1828 2.72209 26.1738 0 24.4227C0.494941 24.4797 0.970781 24.4988 1.48477 24.4988C4.35908 24.4988 7.00506 23.528 9.11801 21.8719C6.41496 21.8148 4.14973 20.0445 3.36926 17.6079C3.75 17.665 4.13068 17.7031 4.53047 17.7031C5.08248 17.7031 5.63455 17.6269 6.14848 17.4937C3.33123 16.9226 1.21822 14.448 1.21822 11.4594V11.3833C2.03672 11.8402 2.98857 12.1257 3.99738 12.1637C2.34129 11.0596 1.25631 9.17515 1.25631 7.04316C1.25631 5.90105 1.56082 4.8541 2.09385 3.94039C5.12051 7.67135 9.67002 10.1078 14.7715 10.3744C14.6763 9.91754 14.6192 9.4417 14.6192 8.9658C14.6192 5.57744 17.3603 2.81732 20.7677 2.81732C22.538 2.81732 24.1369 3.5597 25.2601 4.75894C26.6496 4.49246 27.9821 3.97847 29.1623 3.27418C28.7054 4.70187 27.7346 5.90111 26.4593 6.66248C27.6966 6.52929 28.8959 6.18658 29.9999 5.71074C29.1625 6.92896 28.1154 8.01394 26.9162 8.88963Z" fill="currentColor"/>
-</g>
-
-
 </svg>