adjust style

sass/_statements.scss

@@ -0,0 +1,60 @@
+.statement-container {
+	margin: 1rem 0;
+	box-shadow: var(--edge-highlight);
+	border-radius: var(--rounded-corner);
+	padding: 1rem;
+
+	:last-child {
+		margin-block-end: 0;
+	}
+
+	& > :nth-child(2) {
+		margin-block-start: 0.5rem;
+	}
+
+	li::marker {
+		color: inherit;
+	}
+
+	a {
+		color: inherit;
+	}
+
+	.title {
+		color: inherit;
+
+		.icon {
+			margin-inline-end: 0.375rem;
+		}
+	}
+
+	&.archive {
+		background-color: var(--purple-bg);
+		color: var(--purple-fg);
+
+		.icon {
+			-webkit-mask-image: var(--icon-archive);
+			mask-image: var(--icon-archive);
+		}
+	}
+
+	&.disclaimer {
+		background-color: var(--red-bg);
+		color: var(--red-fg);
+
+		.icon {
+			-webkit-mask-image: var(--icon-warning);
+			mask-image: var(--icon-warning);
+		}
+	}
+
+	&.trigger {
+		background-color: var(--yellow-bg);
+		color: var(--yellow-fg);
+
+		.icon {
+			-webkit-mask-image: var(--icon-warning);
+			mask-image: var(--icon-warning);
+		}
+	}
+}