Tweaks to achieve desktop responsive navigation design

pendant/style.css

@@ -188,3 +188,13 @@ body > .is-root-container > .wp-block-template-part > .wp-block-cover,
 	font-size: var(--wp--preset--font-size--x-small);
 	letter-spacing: 0.1em;
 }
+
+/* Desktop responsive navigation layout */
+.wp-block-navigation.is-responsive .is-menu-open.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
+    margin: 0 auto;
+    max-width: 820px;
+}
+
+.wp-block-navigation:where(:not([class*=has-text-decoration])) a {
+	text-decoration-thickness: 1px;
+}

pendant/theme.json

@@ -228,7 +228,8 @@
 			},
 			"core/navigation": {
 				"typography": {
-					"fontSize": "var(--wp--preset--font-size--large)"
+					"fontSize": "clamp(1.5rem, 5vw, 4.25rem)",
+					"lineHeight": "1.5"
 				}
 			},
 			"core/query-pagination": {