Update heading styles

src/back/jdd-components/tekst/tekst.css

@@ -24,4 +24,14 @@
 		background-color: var(--color-brand-text-bg);
 		color: var(--color-brand-text-accent2);
 	}
+
+	h1 {
+		line-height: 32px;
+		hyphens: none;
+
+		@container (max-width: 400px) {
+			hyphens: auto;
+			font-size:;
+		}
+	}
 }

src/main.css

@@ -66,3 +66,35 @@ h6 {
 	text-wrap: pretty;
 	text-wrap: balance;
 }
+
+h1 {
+	font-size: 2em;
+
+	@container (max-width: 450px) {
+		font-size: 1.6em;
+	}
+}
+
+h2 {
+	font-size: 1.5em;
+
+	@container (max-width: 450px) {
+		font-size: 1.3em;
+	}
+}
+
+h3 {
+	font-size: 1.17em;
+
+	@container (max-width: 450px) {
+		font-size: 1.1em;
+	}
+}
+
+h4 {
+	font-size: 1.17em;
+
+	@container (max-width: 450px) {
+		font-size: 1.05em;
+	}
+}

src/tables.css

@@ -25,7 +25,7 @@ thead th {
 }
 
 tr:hover {
-	background-color: var(--color-brand-text-bg-07) !important;
+	background-color: var(--color-brand-text-bg-09) !important;
 }
 
 td {