From 2acaf8486cec8e62560f040ea3824cad465b7f08 Mon Sep 17 00:00:00 2001
From: Holger Knublauch <holger@topquadrant.com>
Date: Fri, 24 Oct 2025 13:40:30 +1000
Subject: [PATCH] #614: Attempt to work around outdated W3C validator
 complaints

---
 shacl12-common/style.css | 11 +++++++++++
 shacl12-core/index.html  |  6 +++---
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/shacl12-common/style.css b/shacl12-common/style.css
index c46f8e18..b1b9b9e3 100644
--- a/shacl12-common/style.css
+++ b/shacl12-common/style.css
@@ -289,3 +289,14 @@ div.syntaxmenu {
 .ds-selector-tabs .selected {
     display: block;
 }
+
+.ui-form {
+    background: light-dark(#f3f3f3, #2b2b2b);
+    padding: 8px;
+}
+
+.ui-form-header {
+    font-size: 18px;
+    font-weight: bold;
+    color: light-dark(#0000a0, #66aaff);
+}
diff --git a/shacl12-core/index.html b/shacl12-core/index.html
index fbb297f3..05c73879 100644
--- a/shacl12-core/index.html
+++ b/shacl12-core/index.html
@@ -5425,8 +5425,8 @@ <h3>sh:group</h3>
 				<p>
 					A form building application MAY use the information above to display information as follows:
 				</p>
-				<div style="background: light-dark(#f3f3f3, #2b2b2b); padding: 8px">
-					<div style="font-size: 18px; color: light-dark(#0000a0, #66aaff);"><b>Name</b></div>
+				<div class="ui-form">
+					<div class="ui-form-header">Name</div>
 					<table>
 						<tbody><tr>
 							<td style="text-align: right; width: 160px"><b>first name:</b></td>
@@ -5437,7 +5437,7 @@ <h3>sh:group</h3>
 							<td>Doe</td>
 						</tr>
 					</tbody></table>
-					<div style="font-size: 18px; padding-top: 6px; color: light-dark(#0000a0, #66aaff);"><b>Address</b></div>
+					<div class="ui-form-header" style="padding-top: 8px">Address</div>
 					<table>
 						<tbody><tr>
 							<td style="text-align: right; width: 160px"><b>street address:</b></td>