diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index 8a63bab..433b832 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -56,41 +56,63 @@ body {
   background-color: var(--md-primary-fg-color);
 }
 
+/* Set colors for collapsible summary component */
+.md-typeset details {
+    border-color: var(--color-lm-url);
+    box-shadow: none !important;
+}
+
+/* icon color */
+.md-typeset summary:before {
+    background-color: var(--color-lm-url);
+}
+
+/* shaded part (title/heading) */
+.md-typeset summary {
+    background-color: var(--color-lm-url-10);
+}
+
 /* 
-Set admonition (Note) colors to stand out better 
+Set admonition (note and info) colors to stand out better 
 Define through LM/DM scheme color variables to change with mode
 */
-.md-typeset .admonition.note, .md-typeset details.note {
+.md-typeset .admonition.note, .md-typeset details.note,
+.md-typeset .admonition.info, .md-typeset details.info {
     border-color: var(--color-lm-url);
     box-shadow: var(--color-lm-url-10);
 }
 
 /* icon color */
-.md-typeset .admonition.note > .admonition-title::before {
+.md-typeset .admonition.note > .admonition-title::before,
+.md-typeset .admonition.info > .admonition-title::before {
     background-color: var(--color-lm-url);
 }
 
 /* shaded part (title/heading) */
-.md-typeset .note>.admonition-title,.md-typeset .note>summary {
+.md-typeset .note>.admonition-title,.md-typeset .note>summary,
+.md-typeset .info>.admonition-title, .md-typeset .info>summary {
     background-color: var(--color-lm-url-10);
 }
 
 /* 
-Set admonition (question) colors 
+Set admonition (question and tip) colors 
 Change with LM/DM (set through scheme color variables)
 */
-.md-typeset .admonition.question, .md-typeset details.question {
+.md-typeset .admonition.question, .md-typeset details.question,
+.md-typeset .admonition.tip, .md-typeset details.tip {
     border-color: var(--md-accent-fg-color);
     box-shadow: var(--md-accent-fg-color-10);
 }
 
 /* icon color */
-.md-typeset .admonition.question > .admonition-title::before {
+.md-typeset .admonition.question > .admonition-title::before,
+.md-typeset .admonition.tip > .admonition-title::before {
     background-color: var(--md-accent-fg-color);
 }
 
 /* shaded part (title/heading) */
-.md-typeset .question>.admonition-title,.md-typeset .question>summary {
+.md-typeset .question>.admonition-title, .md-typeset .question>summary,
+.md-typeset .tip>.admonition-title, .md-typeset .tip>summary {
     background-color: var(--md-accent-fg-color-10);
 }
 
@@ -98,6 +120,7 @@ Change with LM/DM (set through scheme color variables)
 /* Content URLs */
 [data-md-color-scheme="default"] .md-typeset a {
   color: var(--color-lm-url);
+  font-weight: bold;
 }
 
 [data-md-color-scheme="default"] .md-typeset a:hover {
@@ -108,6 +131,7 @@ Change with LM/DM (set through scheme color variables)
   to better distinguish from those that are above */
 [data-md-color-scheme="default"] .md-nav .md-nav__link--active {
   color: var(--color-lm-url);
+  font-weight: bold;
 }
 
 [data-md-color-scheme="default"] .md-nav .md-nav__link--active:hover {
@@ -124,6 +148,7 @@ Change with LM/DM (set through scheme color variables)
 /* Dark mode custom link color */
 [data-md-color-scheme="slate"] .md-typeset a {
   color: var(--color-dm-url);
+  font-weight: bold;
 }
 
 [data-md-color-scheme="slate"] .md-typeset a:hover {
@@ -133,6 +158,7 @@ Change with LM/DM (set through scheme color variables)
 /* Dark mode custom active link color (side panel) */
 [data-md-color-scheme="slate"] .md-nav .md-nav__link--active {
   color: var(--color-dm-url);
+  font-weight: bold;
 }
 
 [data-md-color-scheme="slate"] .md-nav .md-nav__link--active:hover {
@@ -141,9 +167,16 @@ Change with LM/DM (set through scheme color variables)
 
 /* Small screen adjustments */
 @media screen and (max-width: 76.2344em) {
+  .md-nav--primary .md-nav__title {
+    background-color: var(--md-primary-fg-color);
+    /* bg defined by main theme as #fff */
+    color: var(--md-primary-bg-color);
+  }
+
   /* Dark mode custom active parent color (side panel) */
   [data-md-color-scheme="slate"] .md-nav .md-nav__item--active > .md-nav__link {
     color: var(--color-dm-url);
+    font-weight: bold;
   }
   
   /* Dark mode custom active parent hover color (side panel) */