nice-metropole: add details summary for FAQ (#89436)

static/nice-metropole/_custom.scss

@@ -165,6 +165,52 @@
 	}
 }
 
+//
+// Detail / summary / for FAQ
+//
+
+details {
+	background-color: $gray-xlight;
+	padding: 1em;
+	padding-left: 3em;
+	border: 1px solid transparent;
+}
+summary {
+	display: block;
+	color: $blue;
+	font-weight: 500;
+	font-size: $fz-3;
+	list-style-position: outside;
+	position: relative;
+
+	&:hover {
+		cursor: pointer;
+	}
+
+	&::before {
+		content: "+";
+		font-size: $fz-2;
+		position: absolute;
+		top: 0;
+		bottom: 0;
+		right: calc(100% + .33em);
+		font-weight: 600;
+		margin: auto;
+		line-height: 1;
+		height: 1em;
+	}
+}
+
+details[open] {
+		border-color: $blue;
+		summary::before {
+			content: "-";
+		}
+}
+
+details + details {
+	margin-top: 0.5em;
+}
 
 //
 //	LAYOUT