add changes to sustainabilty page

blocks/accordion/accordion.css

@@ -1,12 +1,3 @@
-.accordion details {
-  border: 1px solid var(--dark-color);
-}
-
-/* stylelint-disable-next-line no-descending-specificity */
-.accordion details + details {
-  margin-top: 16px;
-}
-
 .accordion details summary {
   position: relative;
   padding: 0 16px;
@@ -15,6 +6,7 @@
   list-style: none;
   overflow: auto;
   transition: background-color 0.2s;
+  border-bottom: 1px solid var(--dark-color);
 }
 
 .accordion details[open] summary {
@@ -23,7 +15,7 @@
 
 .accordion details summary:focus,
 .accordion details summary:hover {
-  background-color: var(--dark-color);
+  background-color: var(--light-color);
 }
 
 .accordion details summary::-webkit-details-marker {

blocks/tabs/tabs.css

@@ -8,10 +8,9 @@
 .tabs .tabs-list button {
   flex: 0 0 max-content;
   margin: 0;
-  border: 1px solid var(--dark-color);
   border-radius: 0;
   padding: 8px 16px;
-  background-color: var(--light-color);
+  background-color: var(--background-color);
   color: initial;
   font-size: unset;
   font-weight: bold;
@@ -23,21 +22,16 @@
   transition: background-color 0.2s;
 }
 
-.tabs .tabs-list button[aria-selected="true"] {
-  border-bottom: 1px solid var(--background-color);
-  background-color: var(--background-color);
-  cursor: initial;
-}
-
+.tabs .tabs-list button[aria-selected="true"],
 .tabs .tabs-list button[aria-selected="false"]:hover,
 .tabs .tabs-list button[aria-selected="false"]:focus {
-  background-color: var(--dark-color);
+  border-bottom: 2px solid var(--link-color);
 }
 
+
+
 .tabs .tabs-panel {
-  margin-top: -1px;
-  padding: 0 16px;
-  border: 1px solid var(--dark-color);
+  padding-top: 10px;
   overflow: auto;
 }