dropdown backgrounds

_tabs/Assessment.md

@@ -1,8 +1,12 @@
 ---
-# title: Assessment
+title: Assessment
 layout: page
 order: 3
 ---
+<!-- page header -->
+<div class="page-header">
+    <h3>Join us as we assess Solutions to solve the satellite needs of the scientific community!</h3>
+</div>
 
 <!-- Container 1: Timeline -->
 <div class="content-section">
@@ -521,7 +525,6 @@ function toggleCard(button) {
 }
 
 .card {
-    background-color: #f8fafc;
     padding: 1.5rem;
     border-radius: 0.75rem;
     border: 1px solid #e5e7eb;
@@ -542,6 +545,7 @@ function toggleCard(button) {
     font-size: 1.125rem;
     cursor: pointer;
     user-select: none;
+    background: content-box
 }
 
 .chevron {
@@ -949,7 +953,7 @@ body {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
-    background: white;
+    background: content-box;
     border-bottom: 1px solid transparent;
     transition: all 0.2s ease;
 }

_tabs/Implementation.md

@@ -8,6 +8,7 @@ order: 4
 The Implementation phase is where SNWG solutions move from planning to reality. This critical stage involves coordinated effort between implementation teams, stakeholders, and the Management Office to ensure successful delivery of solutions that meet agency needs.
 
 ## Project Lifecycle and Reviews
+<div class="header-line"></div>
 
 <!--Timeline-->
 <div class="timeline">
@@ -73,6 +74,7 @@ The Implementation phase is where SNWG solutions move from planning to reality.
 </div>
 
 ## Decision Gates
+<div class="header-line"></div>
 
 SNWG projects progress through several key decision gates that ensure proper development, documentation, and readiness for each phase.
 
@@ -457,6 +459,8 @@ SNWG projects progress through several key decision gates that ensure proper dev
 
 <div class="documentation-container">
   <h2 class="doc-title">Project Documentation</h2>
+  <div class="header-line"></div>
+  <br>
 
   <div class="doc-section">
     <div class="doc-category">
@@ -627,6 +631,14 @@ SNWG projects progress through several key decision gates that ensure proper dev
     padding: 0.75rem;
   }
 }
+
+.header-line {
+    height: 3px;
+    background: linear-gradient(to right, #3498db, #2ecc71);
+    margin-top: 0.5rem;
+    border-radius: 2px;
+    width: 100px;
+}
 </style>
 
 <script>
@@ -635,4 +647,5 @@ function toggleSection(button) {
   const content = button.nextElementSibling;
   content.classList.toggle('show');
 }
-</script>
+</script>
+

_tabs/index.md

@@ -1198,7 +1198,6 @@ body {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
-    background: white;
     border-bottom: 1px solid transparent;
     transition: all 0.2s ease;
 }