Move sidebar styles to localized style.css to prevent upstream conflicts

Author: TechGenie-awake

assets/static/css/style.css

@@ -278,6 +278,23 @@ main a:has(span.gh-label) {
   color: #000000;
 }
 
+/* Sidebar Visual Distinction */
+main:has( > aside.sidebar) > aside.sidebar {
+    background-color: var(--vocabulary-brand-color-soft-gold);
+    margin-left: 4.1rem;
+    padding: 1em 1em 1em 4.1em;
+    height: fit-content;
+}
+
+main > aside.sidebar nav.filter-menu ul li.current {
+    background: var(--vocabulary-brand-color-dark-tomato);
+    font-weight: bold;
+}
+
+main > aside.sidebar nav.filter-menu ul li.current a {
+    --underline-background-color: var(--vocabulary-brand-color-dark-tomato);
+}
+
 /* CC Search Feature */
 .steps-list {
   list-style: none;

assets/static/vocabulary/css/vocabulary.css

@@ -302,10 +302,7 @@ main:has( > aside.sidebar) > article {
 main:has( > aside.sidebar) > aside.sidebar {
     grid-column: 7 / span 4;
     grid-row-start: 2;
-    background-color: var(--vocabulary-brand-color-soft-gold);
-    margin-left: 4.1rem;
-    padding: 1em 1em 1em 4.1em;
-    height: fit-content;
+    padding-left: 4.1em;
 }
 
 main > aside.sidebar h2 {
@@ -325,13 +322,13 @@ main > aside.sidebar nav.filter-menu ul li {
 }
 
 main > aside.sidebar nav.filter-menu ul li.current {
-    background: var(--vocabulary-brand-color-dark-tomato);
+    background: var(--vocabulary-brand-color-soft-tomato);
     /* padding: 1em; */
     font-weight: bold;
 }
 
 main > aside.sidebar nav.filter-menu ul li.current a {
-    --underline-background-color: var(--vocabulary-brand-color-dark-tomato);
+    --underline-background-color: var(--vocabulary-brand-color-soft-tomato);
 }
 
 main > aside.sidebar nav ul {
@@ -437,7 +434,7 @@ main aside.opening p {
 main a {
      /* better hyperlink underline typesetting inspired by Tufte CSS */
      --underline-color: var(--vocabulary-brand-color-dark-tomato);
-     /* --underline-background-color: white; */
+     --underline-background-color: white;
      color: var(--vocabulary-brand-color-dark-tomato);
      text-decoration: none;