Redo borders around FAQ

sass/style.scss

@@ -755,24 +755,18 @@ body.noscroll {
 		transition: all .5s ease;
 
 		// Hide bottom border.
-		// It is -2px to avoid float rounding errors
-		// which cause the border to appear in some widths.
-		margin-bottom: -2px;
+		margin-bottom: -1px;
 
-		&:before,
-		&:last-child:after {
-			content: "";
-			position: absolute;
-			left: 10%;
-			width: 80%;
-			border-width: 1px 0 0 0;
-			border-style: solid;
-			border-color: $col-secondary;
+		border-width: 1px 0 0 0;
+		border-style: solid;
+		border-color: rgba(200,200,200,0.1);
+
+		&:last-child {
+			border-width: 1px 0;
 		}
-		&:before { top: 0 }
-		&:last-child:after { bottom: 0 }
 
 		&.active {
+			border-width: 0;
 			background-color: $col-accent;
 			z-index: 1;
 
@@ -968,14 +962,6 @@ footer {
 		}
 	}
 
-	.faq-list .faq {
-		&:before,
-		&:last-child:after {
-			width: 100%;
-			left: 0;
-		}
-	}
-
 	.checklist {
 		justify-content: center;
 	}