From d8e3bd4a6fd77cca974a2b9248a8ae8171a84a02 Mon Sep 17 00:00:00 2001
From: David Aronchick <aronchick@gmail.com>
Date: Sat, 1 Aug 2026 12:42:58 -0700
Subject: [PATCH] docs: connect Gloss to the ACID test lineage

---
 README.md       | 4 ++++
 site/index.html | 1 +
 site/site.css   | 4 +++-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index d882b3f..48b8914 100644
--- a/README.md
+++ b/README.md
@@ -32,6 +32,10 @@ Gloss brings that **ACID-test philosophy** to generated presentations:
 - fail closed when required evidence or rendering stages are missing;
 - invite the community to add cases and make the grader stricter.
 
+> **Remember [Acid1](https://www.w3.org/Style/CSS/Test/CSS1/current/sec53.htm) and
+> [Acid2](https://www.webstandards.org/action/acid2/)? Gloss is ACID for AI-made
+> presentation decks.**
+
 Here, **ACID refers to the public browser conformance-test tradition, not database
 transactions**.
 
diff --git a/site/index.html b/site/index.html
index 0e7da5e..4b1c00a 100644
--- a/site/index.html
+++ b/site/index.html
@@ -187,6 +187,7 @@ <h2 id="film-title">The native gap, in 21 seconds.</h2>
           <p class="eyebrow">One file. Two truths.</p>
           <h2 id="method-title">Visual fidelity is necessary. Native structure is non-negotiable.</h2>
           <p>A generated deck can match the reference image and still collapse the moment someone edits a chart, applies a layout, changes a theme, or reads the file with another tool. Gloss grades both layers.</p>
+          <p class="acid-origin"><strong>Remember <a href="https://www.w3.org/Style/CSS/Test/CSS1/current/sec53.htm">Acid1</a> and <a href="https://www.webstandards.org/action/acid2/">Acid2</a>?</strong> Gloss is ACID for AI-made presentation decks.</p>
           <a class="text-link" href="https://github.com/aronchick/gloss/blob/main/GLOSS_OPENSPEC.md">Read the open scoring contract <span aria-hidden="true">→</span></a>
         </div>
         <div class="method-list" aria-label="Candidate checks by verification method">
diff --git a/site/site.css b/site/site.css
index dd7c0f8..33f29b4 100644
--- a/site/site.css
+++ b/site/site.css
@@ -212,7 +212,7 @@ h1 span { display: inline-block; color: var(--orange); }
   font-weight: 760;
   line-height: .92;
 }
-.section-heading > p:last-child, .method-copy > p:not(.eyebrow), .status-intro > p:last-child { max-width: 43rem; color: #59616e; font-size: 1.08rem; }
+.section-heading > p:last-child, .method-copy > p:not(.eyebrow):not(.acid-origin), .status-intro > p:last-child { max-width: 43rem; color: #59616e; font-size: 1.08rem; }
 
 .comparison { padding: clamp(7rem, 11vw, 11rem) 0 0; }
 .comparison-intro {
@@ -295,6 +295,8 @@ h1 span { display: inline-block; color: var(--orange); }
 
 .method { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(4rem, 9vw, 10rem); align-items: start; padding: 2rem 0 clamp(8rem, 13vw, 14rem); }
 .method h2 { font-size: clamp(3.2rem, 5.4vw, 6rem); }
+.acid-origin { max-width: 36rem; margin: 2rem 0 0; padding-top: 1.25rem; border-top: 1px solid var(--rule); color: var(--ink); font: 650 1.15rem/1.35 var(--display); }
+.acid-origin a { color: var(--package); text-decoration-thickness: 1px; text-underline-offset: .2em; }
 .text-link { display: inline-flex; gap: .5rem; margin-top: 1rem; color: var(--package); font: 700 .75rem var(--mono); text-underline-offset: .25rem; }
 .method-list { padding-top: .8rem; }
 .method-row { display: grid; grid-template-columns: 10rem 1fr 2.6rem; gap: 1rem; align-items: center; min-height: 3.5rem; border-bottom: 1px solid var(--rule); font: .72rem var(--mono); }