Lead paragraphs across the docs take the design system's own primitive

106 p.lede become p.ldh-body-lg in 57 documents, and docs.css drops the
.docs-main p.lede rule that carried them.

The class was documentation-local: it resolved only under the static site's
.docs-main wrapper, so the same rdf:XMLLiteral bodies rendered a lead paragraph
on the generated site and plain body text inside LinkedDataHub, which links no
docs.css and has no delivery path for one. .ldh-body-lg is defined in
colors_and_type.css, which both contexts link, so one class now serves both.

It also corrects a size drift. docs.css set the lead to --fs-lg, which the
scale's own role map reserves for headings; --fs-md is the size that map
assigns to lead paragraphs, and the m3 skin maps .ldh-body-lg to Material
Body Large 16/24.

The hero's .lede stays as it is: app.css scopes that rule to .ldh-hero, where
linkeddatahub.com's homepage nests it correctly.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01BSRUJBNKKjdgJeP3qRZTPd

Author: namedgraph

docs/about.ttl

@@ -10,7 +10,7 @@
 
 <#content> a ldh:XHTML ;
     rdf:value """<div xmlns="http://www.w3.org/1999/xhtml">
-    <p class="lede">LinkedDataHub is a Knowledge Graph application platform by
+    <p class="ldh-body-lg">LinkedDataHub is a Knowledge Graph application platform by
         <a href="https://atomgraph.com" target="_blank">AtomGraph</a> that fully exploits the federated features of RDF and SPARQL.
         It can also be used as an RDF-native content management platform.</p>
     <p>LinkedDataHub is an open source project that has its roots in Linked Data publishing. Over time the focus has shifted to Linked Data consumption —
@@ -60,5 +60,5 @@
             using <a href="https://github.com/AtomGraph/Processor" target="_blank">Processor</a>.</p>
         <p>See the <a href="https://github.com/AtomGraph/LinkedDataHub/blob/master/CHANGELOG.md" target="_blank">CHANGELOG</a> for release notes.</p>
     </div>
-    <p class="lede">Follow the <a href="../tutorial/">tutorial</a> to build your first app, then see the <a href="../extending/build-apps/">application building</a> guide for the customization and extension options.</p>
+    <p class="ldh-body-lg">Follow the <a href="../tutorial/">tutorial</a> to build your first app, then see the <a href="../extending/build-apps/">application building</a> guide for the customization and extension options.</p>
 </div>"""^^rdf:XMLLiteral .

docs/docs.css

@@ -40,7 +40,6 @@
 .docs-main h3 { font-size: var(--fs-xl); font-weight: var(--fw-semibold); margin: var(--sp-8) 0 var(--sp-3); }
 .docs-main h4 { font-size: var(--fs-lg); font-weight: var(--fw-semibold); margin: var(--sp-6) 0 var(--sp-2); }
 .docs-main p, .docs-main li { line-height: var(--lh-relaxed); }
-.docs-main p.lede { font-size: var(--fs-lg); color: var(--fg-2); line-height: var(--lh-base); }
 .docs-main .page-header { border-bottom: 1px solid var(--border-default); margin-bottom: var(--sp-6); padding-bottom: var(--sp-4); }
 .docs-main dfn { font-style: italic; font-weight: var(--fw-medium); }
 

docs/extending.ttl

@@ -11,7 +11,7 @@
 
 <#content> a ldh:XHTML ;
     rdf:value """<div xmlns="http://www.w3.org/1999/xhtml">
-    <p class="lede">Extending LinkedDataHub with your own code: XSLT stylesheets, Java endpoints, Docker images</p>
+    <p class="ldh-body-lg">Extending LinkedDataHub with your own code: XSLT stylesheets, Java endpoints, Docker images</p>
     <p>Everything in the <a href="../tutorial/">tutorial</a> and the <a href="../user-guide/">user guide</a> happens through the UI, the CLI and RDF files. The pages in this section pick up where low-code ends: they show how to override the rendering with your own <a href="change-layout/">XSLT stylesheet</a> and how to <a href="build-apps/">package an app</a> with custom Java endpoints and a dedicated Docker image.</p>
 </div>"""^^rdf:XMLLiteral .
 

docs/extending/build-apps.ttl

@@ -10,7 +10,7 @@
 
 <#content> a ldh:XHTML ;
     rdf:value """<div xmlns="http://www.w3.org/1999/xhtml">
-    <p class="lede">Extend LinkedDataHub with custom Docker images, Java endpoints and XSLT stylesheets</p>
+    <p class="ldh-body-lg">Extend LinkedDataHub with custom Docker images, Java endpoints and XSLT stylesheets</p>
     <p>Every component in LinkedDataHub is data-driven and was designed with extensibility in mind. You can override behavior (e.g. Java method or XSLT template) without having to modify LinkedDataHub's
         codebase, and more importantly, without having to write the same logic from scratch.</p>
     <p>If you are building your first app, start with the <a href="../../tutorial/">tutorial</a> — this guide covers the layers beyond it.</p>
@@ -109,5 +109,5 @@ COPY files/style.css  /usr/local/tomcat/webapps/ROOT/static/com/example/myapp/cs
     <p>You can also modify or extend the <a href="../../reference/dataset/#default-datasets">default RDF datasets</a> used by LinkedDataHub. However, a better practice is to use the
         <a href="../../reference/command-line-interface/">CLI</a> to create documents and to <a href="../../reference/imports/">import CSV and RDF data</a>.</p>
     <p><a href="https://github.com/AtomGraph/LinkedDataHub-Apps" target="_blank">See the LinkedDataHub app repository for more examples.</a></p>
-    <p class="lede">Continue with the <a href="../change-layout/">Change layout</a> guide or see how these layers fit together in the <a href="../../tutorial/beyond-low-code/">Beyond low-code</a> tutorial.</p>
+    <p class="ldh-body-lg">Continue with the <a href="../change-layout/">Change layout</a> guide or see how these layers fit together in the <a href="../../tutorial/beyond-low-code/">Beyond low-code</a> tutorial.</p>
 </div>"""^^rdf:XMLLiteral .

docs/extending/change-layout.ttl

@@ -10,7 +10,7 @@
 
 <#content> a ldh:XHTML ;
     rdf:value """<div xmlns="http://www.w3.org/1999/xhtml">
-    <p class="lede">How to customize an application's layout and the way its resources are rendered</p>
+    <p class="ldh-body-lg">How to customize an application's layout and the way its resources are rendered</p>
     <p>LinkedDataHub's user interface is simply a rendering of the underlying Linked Data resource descriptions, which are exposed via the <a href="../../reference/http-api/" target="_blank">HTTP API</a>.</p>
     <p>LinkedDataHub provides <a href="../../reference/stylesheets/" target="_blank">XSLT stylesheets</a> that render a default UI layout. When building an application, however, you may want a custom
         layout. The recommended approach is a new stylesheet that imports the system stylesheet and overrides only the templates you need, reusing the rest of the layout.</p>
@@ -99,5 +99,5 @@ exclude-result-prefixes="#all"&gt;
             <p>Screenshot: the order page after suppression — order description and total only, line items hidden</p>
         </div>
     </div>
-    <p class="lede">Read more about the <a href="../../reference/stylesheets/">XSLT stylesheets</a> or continue with the <a href="../build-apps/">Build apps</a> guide.</p>
+    <p class="ldh-body-lg">Read more about the <a href="../../reference/stylesheets/">XSLT stylesheets</a> or continue with the <a href="../build-apps/">Build apps</a> guide.</p>
 </div>"""^^rdf:XMLLiteral .

docs/get-started.ttl

@@ -11,27 +11,27 @@
 
 <#content> a ldh:XHTML ;
     rdf:value """<div xmlns="http://www.w3.org/1999/xhtml">
-    <p class="lede">Install LinkedDataHub, log in with a WebID, and request access to a dataspace</p>
+    <p class="ldh-body-lg">Install LinkedDataHub, log in with a WebID, and request access to a dataspace</p>
     <p>If you are wondering what LinkedDataHub is and what it can do, start with <a href="../about/">About LinkedDataHub</a>. The running example
         throughout the documentation is the <a href="https://github.com/AtomGraph/LinkedDataHub-Apps/tree/master/demo/northwind-traders" target="_blank">Northwind Traders demo app</a> — the iconic sample database as an RDF Knowledge Graph, running live at
         <a href="https://northwind-traders.demo.linkeddatahub.com/" target="_blank">northwind-traders.demo.linkeddatahub.com</a>.</p>
     <div>
         <h2 id="setup">Setup</h2>
         <p>Setup is only required if you plan to run your own instance of LinkedDataHub. It takes a few steps: create a configuration file and run a
             <code>make</code> command.</p>
-        <p class="lede"><a href="setup/">Read setup instructions.</a></p>
+        <p class="ldh-body-lg"><a href="setup/">Read setup instructions.</a></p>
         <p>If you want to use an existing instance of LinkedDataHub, proceed to the next step.</p>
     </div>
     <div>
         <h2 id="get-an-account">Get an account</h2>
         <p>With LinkedDataHub, you obtain a WebID and use its client certificate for authentication. You can obtain the WebID either by setting up your own instance or signing up on
             an existing instance. Alternatively, you can authenticate using your Google or ORCID login.</p>
-        <p class="lede"><a href="get-an-account/">Read instructions on getting an account.</a></p>
+        <p class="ldh-body-lg"><a href="get-an-account/">Read instructions on getting an account.</a></p>
     </div>
     <div>
         <h2 id="request-access">Request access</h2>
         <p>After you log in to (authenticate with) a LinkedDataHub instance, the next step is getting an authorization from its owners that allows you to view and possibly append or edit documents. That is done by issuing an access request.</p>
-        <p class="lede"><a href="request-access/">Read instructions on requesting access.</a></p>
+        <p class="ldh-body-lg"><a href="request-access/">Read instructions on requesting access.</a></p>
     </div>
     <div>
         <h2 id="where-to-next">Where to next</h2>

docs/get-started/get-an-account.ttl

@@ -10,7 +10,7 @@
 
 <#content> a ldh:XHTML ;
     rdf:value """<div xmlns="http://www.w3.org/1999/xhtml">
-    <p class="lede">How to get an account and log in to LinkedDataHub</p>
+    <p class="ldh-body-lg">How to get an account and log in to LinkedDataHub</p>
     <div>
         <div class="ac-alert va-informative" role="status">
             <span class="ac-alert-ic"><span aria-hidden="true" class="msi outline">info</span></span>
@@ -110,5 +110,5 @@
              </div>
         </div>
     </div>
-    <p class="lede">Signed in? Next, <a href="../request-access/">request access</a> to the documents you need.</p>
+    <p class="ldh-body-lg">Signed in? Next, <a href="../request-access/">request access</a> to the documents you need.</p>
 </div>"""^^rdf:XMLLiteral .

docs/get-started/request-access.ttl

@@ -10,7 +10,7 @@
 
 <#content> a ldh:XHTML ;
     rdf:value """<div xmlns="http://www.w3.org/1999/xhtml">
-    <p class="lede">How to get access to an application</p>
+    <p class="ldh-body-lg">How to get access to an application</p>
     <div>
         <p>After you have logged in to LinkedDataHub, by default you do not have access rights to view or edit the documents in the dataspace. The owner of the dataspace has to create
             an explicit authorization to allow access for you.</p>
@@ -23,5 +23,5 @@
         <p>The submitted request is itself an RDF resource in the admin application; the owner accepts it by creating the matching
             <a href="../../reference/administration/acl/#authorizations">authorization</a>. The <a href="../../reference/administration/acl/#auth-requests">ACL reference</a> shows its shape.</p>
     </div>
-    <p class="lede">Once the owner accepts your request, continue with the <a href="../../tutorial/">tutorial</a> or the <a href="../../user-guide/">user guide</a>.</p>
+    <p class="ldh-body-lg">Once the owner accepts your request, continue with the <a href="../../tutorial/">tutorial</a> or the <a href="../../user-guide/">user guide</a>.</p>
 </div>"""^^rdf:XMLLiteral .

docs/get-started/setup.ttl

@@ -10,7 +10,7 @@
 
 <#content> a ldh:XHTML ;
     rdf:value """<div xmlns="http://www.w3.org/1999/xhtml">
-    <p class="lede">Set up LinkedDataHub on your local machine with Docker</p>
+    <p class="ldh-body-lg">Set up LinkedDataHub on your local machine with Docker</p>
     <div class="screenshot-placeholder">
         <span aria-hidden="true" class="msi">play_circle</span>
         <p>Screen recording: setting up LinkedDataHub with Docker</p>
@@ -124,5 +124,5 @@ OWNER_COUNTRY_NAME=DK</pre>
             </div>
         </div>
     </div>
-    <p class="lede">Is LinkedDataHub running? Proceed to <a href="../get-an-account/">get an account</a>.</p>
+    <p class="ldh-body-lg">Is LinkedDataHub running? Proceed to <a href="../get-an-account/">get an account</a>.</p>
 </div>"""^^rdf:XMLLiteral .

docs/reference.ttl

@@ -11,7 +11,7 @@
 
 <#content> a ldh:XHTML ;
     rdf:value """<div xmlns="http://www.w3.org/1999/xhtml">
-    <p class="lede">Feature-by-feature reference for the LinkedDataHub platform, its data model, HTTP API and administration</p>
+    <p class="ldh-body-lg">Feature-by-feature reference for the LinkedDataHub platform, its data model, HTTP API and administration</p>
     <p>The concept pages describe the <a href="dataspace/">dataspace</a>, its <a href="dataset/">dataset</a> and the <a href="data-model/">data model</a>.
         The interface pages cover the <a href="user-interface/">user interface</a>, the <a href="http-api/">HTTP API</a> and the <a href="command-line-interface/">command line interface</a>.
         Customization is covered by the <a href="stylesheets/">stylesheets</a> and <a href="imports/">imports</a> pages,