Make links look better

styles.css

@@ -54,7 +54,10 @@ body {
 }
 a {
 	color: var(--ink);
-	text-decoration: underline;
+	text-decoration-line: underline;
+	text-decoration-thickness: 0.08em;
+	text-underline-offset: 0.15em;
+	text-decoration-skip-ink: auto;
 }
 a.external {
 	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' stroke='%23000' d='M1.5 4.518h5.982V10.5H1.5z'/%3E%3Cpath fill='%23000' d='M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z'/%3E%3Cpath fill='%23fff' d='m9.995 2.004.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z'/%3E%3C/svg%3E%0A");
@@ -96,13 +99,15 @@ header {
 	color: #fff;
 	white-space: nowrap;
 	text-decoration: none;
+	border-bottom: none;
 	text-transform: uppercase;
 	font:
 		300 24px/1 "Yanone Kaffeesatz",
 		sans-serif;
 }
 .nav a:hover {
-	text-decoration: underline;
+	text-decoration-line: underline;
+	text-decoration-thickness: 0.08em;
 }
 .nav a.external,
 .footer-links a.external {
@@ -244,6 +249,8 @@ footer {
 }
 footer a {
 	color: #fff;
+	border-bottom: none;
+	text-decoration: none;
 }
 footer p {
 	text-align: center;
@@ -308,6 +315,7 @@ footer p {
 .area-card {
 	position: relative;
 	display: block;
+	border-bottom: none;
 	aspect-ratio: 4 / 3;
 	overflow: hidden;
 	color: #fff;