From 173e7df91ba5bcd5311851187cdaea90f600abf3 Mon Sep 17 00:00:00 2001
From: Tab Atkins-Bittner <jackalmage@gmail.com>
Date: Tue, 20 Aug 2024 15:41:43 -0700
Subject: [PATCH] A few more little fixes, and rebase tests

---
 bikeshed/Spec.py                              |    4 +
 bikeshed/doctypes/manager.py                  |    2 +-
 bikeshed/doctypes/utils.py                    |    8 +-
 bikeshed/headings.py                          |    6 +-
 bikeshed/metadata.py                          |    4 +-
 .../readonly/boilerplate/doctypes.kdl         |    8 +-
 .../github/WICG/container-queries/index.html  |    2 +-
 .../WICG/content-index/spec/index.console.txt |    2 +-
 .../github/WICG/cq-usecases/index.console.txt |    2 +-
 .../WICG/css-parser-api/index.console.txt     |    1 +
 .../WICG/keyboard-lock/index.console.txt      |    1 +
 .../lighting-estimation/index.html            |    2 +-
 .../webxrmeshing-1.console.txt                |    2 +-
 .../real-world-geometry/webxrmeshing-1.html   | 1715 +----------------
 .../webvr/spec/1.1/index.console.txt          |    1 +
 .../immersive-web/webvr/spec/1.1/index.html   |    2 +-
 tests/github/w3c/PFE/Overview.html            |    2 +-
 .../index.console.txt                         |    2 -
 .../index.console.txt                         |    2 -
 tests/github/w3c/clipboard-apis/index.html    |    2 +-
 .../box-tree-api/Overview.console.txt         |    2 +-
 .../box-tree-api/Overview.html                | 1554 +--------------
 .../css-parser-api/Overview.console.txt       |    1 +
 .../css-typed-om-2/Overview.console.txt       |    2 +-
 .../css-typed-om-2/Overview.html              | 1558 +--------------
 .../font-metrics-api/Overview.console.txt     |    2 +-
 .../font-metrics-api/Overview.html            | 1546 +--------------
 .../worklets/Overview.console.txt             |    2 -
 .../css-2015/Overview.console.txt             |    1 +
 .../css-2017/Overview.console.txt             |    1 +
 .../css-2018/Overview.console.txt             |    1 +
 .../css-2020/Overview.console.txt             |    3 +-
 .../w3c/csswg-drafts/css-2020/Overview.html   |    4 +-
 .../css-color-adjust-1/Overview.console.txt   |    1 +
 .../css-device-adapt-1/Overview.console.txt   |    1 +
 .../css-env-1/Overview.console.txt            |    1 +
 .../css-extensions-1/Overview.console.txt     |    1 +
 .../css-fonts-3/Overview-wip.console.txt      |    1 +
 .../css-fonts-4/Overview.console.txt          |    1 +
 .../css-fonts-5/Overview.console.txt          |    1 +
 .../css-lists-3/Overview.console.txt          |    1 +
 .../css-multicol-1/Overview.console.txt       |    1 +
 .../css-multicol-2/Overview.console.txt       |    1 +
 .../css-nesting-1/Overview.console.txt        |    1 +
 .../css-overscroll-1/Overview.console.txt     |    1 +
 .../css-rhythm-1/Overview.console.txt         |    1 +
 .../css-scoping-1/Overview.console.txt        |    1 +
 .../css-shadow-parts-1/Overview.console.txt   |    1 +
 .../css-text-decor-3/Overview.console.txt     |    2 +-
 .../css-ui-3/Overview.console.txt             |    2 +-
 .../css-values-3/Overview.console.txt         |    1 +
 .../css-values-4/Overview.console.txt         |    1 +
 .../css-will-change-1/Overview.console.txt    |    1 +
 .../csswg-drafts/cssom-1/Overview.console.txt |    1 +
 .../cssom-view-1/Overview.console.txt         |    1 +
 .../csswg-drafts/indexes/Overview.console.txt |    1 +
 .../resize-observer-1/Overview.console.txt    |    1 +
 .../scroll-animations-1/Overview.console.txt  |    1 +
 .../selectors-4/Overview.console.txt          |    1 +
 .../Overview.console.txt                      |    2 +-
 .../selectors-nonelement-1/Overview.html      |    4 +-
 .../w3c/dpub-pagination/Overview.console.txt  |    7 +-
 .../fill-stroke/Overview.console.txt          |    2 -
 .../w3c/fxtf-drafts/fill-stroke/Overview.html |    4 +-
 .../fxtf-drafts/matrix/Overview.console.txt   |    4 +-
 .../w3c/fxtf-drafts/matrix/Overview.html      |    4 +-
 .../releases/NOTE/NOTE.console.txt            |    3 -
 .../releases/NOTE2/index.console.txt          |    2 -
 .../github/w3c/openscreenprotocol/index.html  |    2 +-
 .../releases/FPWD.console.txt                 |    3 +-
 .../w3c/orientation-sensor/releases/FPWD.html |    4 +-
 tests/github/w3c/sensors/usecases.console.txt |    2 -
 .../svgwg/specs/svg-native/index.console.txt  |    1 +
 .../w3c/wcag-act/act-fr-reqs.console.txt      |    1 +
 .../github/w3c/wcag-act/act-rules-format.html |    2 +-
 .../change-password-url.console.txt           |    1 +
 .../response-code-reliability.console.txt     |    1 +
 .../webappsec-csp/cookies/index.console.txt   |    2 -
 .../webappsec-csp/pinning/index.console.txt   |    2 -
 .../index.console.txt                         |    2 -
 .../index.console.txt                         |    1 +
 .../index.console.txt                         |    1 +
 .../webappsec-uisecurity/index.console.txt    |    3 +-
 .../index.console.txt                         |    1 +
 tests/github/w3c/webtransport/index.html      |    2 +-
 .../client-certificates/index.console.txt     |    5 +-
 .../w3ctag/evergreen-web/index.console.txt    |    2 +
 tests/github/w3ctag/evergreen-web/index.html  | 1659 +---------------
 tests/github/w3ctag/promises-guide/index.html | 1675 +---------------
 tests/github/w3ctag/url/url.console.txt       |    2 -
 90 files changed, 376 insertions(+), 9505 deletions(-)

diff --git a/bikeshed/Spec.py b/bikeshed/Spec.py
index 74e798cb26..7ce609e39f 100644
--- a/bikeshed/Spec.py
+++ b/bikeshed/Spec.py
@@ -146,6 +146,7 @@ def initMetadata(self, inputContent: InputSource.InputContent) -> None:
         # Combine the data so far, and compute the doctype
         # (the other md sources need the doctype in order to be found)
         self.md = metadata.join(self.mdBaseline, self.mdDocument, self.mdCommandLine)
+        rawDoctype = (self.md.rawOrg, self.md.rawGroup, self.md.rawStatus)
         self.doctype = self.doctypes.getDoctype(self.md.rawOrg, self.md.rawGroup, self.md.rawStatus)
 
         self.mdDefaults = metadata.fromJson(
@@ -153,6 +154,9 @@ def initMetadata(self, inputContent: InputSource.InputContent) -> None:
             source="defaults",
         )
         self.md = metadata.join(self.mdBaseline, self.mdDefaults, self.mdDocument, self.mdCommandLine)
+        if rawDoctype != (self.md.rawOrg, self.md.rawGroup, self.md.rawStatus):
+            # recompute doctype
+            self.doctype = self.doctypes.getDoctype(self.md.rawOrg, self.md.rawGroup, self.md.rawStatus)
 
         # Using all of that, load up the text macros so I can sub them into the computed-metadata file.
         self.md.fillTextMacros(self.macros, doc=self)
diff --git a/bikeshed/doctypes/manager.py b/bikeshed/doctypes/manager.py
index f9ecc73d59..1c7d522362 100644
--- a/bikeshed/doctypes/manager.py
+++ b/bikeshed/doctypes/manager.py
@@ -166,7 +166,7 @@ def looselyMatch(self, rawStatus: str) -> bool:
         orgName, statusName = utils.splitOrg(rawStatus)
         if statusName and self.name.upper() != statusName.upper():
             return False
-        if orgName and self.org.name != orgName.lower():
+        if orgName and self.org.name != orgName.upper():
             return False
         return True
 
diff --git a/bikeshed/doctypes/utils.py b/bikeshed/doctypes/utils.py
index a02f2f06d4..00e40b0d4f 100644
--- a/bikeshed/doctypes/utils.py
+++ b/bikeshed/doctypes/utils.py
@@ -102,7 +102,7 @@ def canonicalize(
             f"Your Group ({group.name}) is in the '{group.org.name}' Org, but your Status ({status.name}) is only usable in the '{status.org.name}' Org. Allowed Status values for '{group.org.name}' are {config.englishFromList(sorted(possibleStatusNames))}",
         )
 
-    if group and group.type is not None and status and  status.groupTypes and group.type not in status.groupTypes:
+    if group and group.type is not None and status and status.groupTypes and group.type not in status.groupTypes:
         allowedStatuses = [s.name for s in group.org.statuses.values() if group.type in s.groupTypes]
         if allowedStatuses:
             m.warn(
@@ -115,7 +115,7 @@ def canonicalize(
 
     if group and status and group.org.name == "W3C":
         # Apply the special w3c rules
-        validateW3CStatus(group, status)
+        validateW3CStatus(status)
 
     # Reconciliation done, return everything if Status exists.
     if status:
@@ -200,7 +200,7 @@ def reconcileOrgs(fromRaw: str | None, fromStatus: str | None, fromGroup: str |
     return orgName
 
 
-def validateW3CStatus(group: Group, status: Status) -> None:
+def validateW3CStatus(status: Status) -> None:
     if status.name == "DREAM":
         m.warn("You used Status:DREAM for a W3C document. Consider Status:UD instead.")
 
@@ -208,5 +208,3 @@ def validateW3CStatus(group: Group, status: Status) -> None:
         m.die(
             f"Under Process2021, {status.name} is no longer a valid status. Use NOTE (or one of its variants NOTE-ED, NOTE-FPWD, NOTE-WD) instead.",
         )
-
-
diff --git a/bikeshed/headings.py b/bikeshed/headings.py
index 3e75d4eac9..1cd7f3300b 100644
--- a/bikeshed/headings.py
+++ b/bikeshed/headings.py
@@ -23,7 +23,7 @@ def processHeadings(doc: t.SpecT, scope: str = "doc") -> None:
     for el in headings:
         h.addClass(doc, el, "settled")
     if scope == "all" and doc.doctype.group.privSec:
-        checkPrivacySecurityHeadings(h.findAll(".heading", doc))
+        checkPrivacySecurityHeadings(doc, h.findAll(".heading", doc))
 
 
 def resetHeadings(headings: list[t.ElementT]) -> None:
@@ -56,7 +56,7 @@ def addHeadingIds(doc: t.SpecT, headings: list[t.ElementT]) -> None:
         )
 
 
-def checkPrivacySecurityHeadings(headings: list[t.ElementT]) -> None:
+def checkPrivacySecurityHeadings(doc: t.SpecT, headings: list[t.ElementT]) -> None:
     security = False
     privacy = False
     for header in headings:
@@ -66,7 +66,7 @@ def checkPrivacySecurityHeadings(headings: list[t.ElementT]) -> None:
             security = True
         if "privacy" in text and "considerations" in text:
             privacy = True
-        if "security" in text and "privacy" in text and "considerations" in text:
+        if "security" in text and "privacy" in text and "considerations" in text and doc.doctype.org.name == "W3C":
             m.warn(
                 "W3C policy requires Privacy Considerations and Security Considerations to be separate sections, but you appear to have them combined into one.",
                 el=header,
diff --git a/bikeshed/metadata.py b/bikeshed/metadata.py
index f5da5cbdd2..539eda7621 100644
--- a/bikeshed/metadata.py
+++ b/bikeshed/metadata.py
@@ -279,8 +279,10 @@ def fillTextMacros(self, macros: t.DefaultDict[str, str], doc: t.SpecT) -> None:
         macros["level"] = str(self.level)
         if self.displayVshortname:
             macros["vshortname"] = self.displayVshortname
-        if doc.doctype.status.fullName() == "FINDING" and doc.doctype.group:
+        if doc.doctype.status.name == "FINDING" and doc.doctype.group:
             macros["longstatus"] = f"Finding of the {doc.doctype.group.name}"
+        elif doc.doctype.status.name == "DRAFT-FINDING" and doc.doctype.group:
+            macros["longstatus"] = f"Draft Finding of the {doc.doctype.group.name}"
         elif doc.doctype.status:
             macros["longstatus"] = doc.doctype.status.longName
         else:
diff --git a/bikeshed/spec-data/readonly/boilerplate/doctypes.kdl b/bikeshed/spec-data/readonly/boilerplate/doctypes.kdl
index 3e9f705f72..0b475de73a 100644
--- a/bikeshed/spec-data/readonly/boilerplate/doctypes.kdl
+++ b/bikeshed/spec-data/readonly/boilerplate/doctypes.kdl
@@ -49,9 +49,11 @@ status "LS-COMMIT" "Commit Snapshot"
 status "LS-BRANCH" "Branch Snapshot"
 status "LS-PR" "PR Preview"
 status "LD" "Living Document"
+status "DRAFT-FINDING" "Draft Finding"
+status "FINDING" "Finding"
 
 org "whatwg" {
-    group "whatwg" priv-sec=true
+    group "whatwg" priv-sec=false
     status "RD" "Review Draft" {
         requires "Date"
     }
@@ -126,7 +128,7 @@ org "w3c" {
     group "webml" type="cg"
     group "webmlwg" type="wg"
     group "webperf" type="wg"
-    group "webplatform" type="cg" priv-sec=true
+    group "webplatform" type="wg" priv-sec=true
     group "webrtc" type="wg"
     group "webspecs" type="wg" priv-sec=true
     group "webtransport" type="wg"
@@ -162,7 +164,7 @@ org "w3c" {
         group-types "wg"
     }
     status "CR" "W3C Candidate Recommendation Snapshot" {
-        requires "Level" "ED" "TR" "Issue Tracking" "Date" "Implentation Report"
+        requires "Level" "ED" "TR" "Issue Tracking" "Date" "Implementation Report"
         group-types "wg"
     }
     status "CRD" "W3C Candidate Recommendation Draft" {
diff --git a/tests/github/WICG/container-queries/index.html b/tests/github/WICG/container-queries/index.html
index 0679d356d4..8a6463c850 100644
--- a/tests/github/WICG/container-queries/index.html
+++ b/tests/github/WICG/container-queries/index.html
@@ -3,7 +3,7 @@
   <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
   <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
   <title>Container Queries</title>
-  <meta content="CG-Draft" name="w3c-status">
+  <meta content="CG-DRAFT" name="w3c-status">
   <link href="https://www.w3.org/StyleSheets/TR/2021/cg-draft" rel="stylesheet">
   <link href="https://www.w3.org/2008/site/images/favicon.ico" rel="icon">
   <link href="https://github.com/ResponsiveImagesCG/container-queries" rel="canonical">
diff --git a/tests/github/WICG/content-index/spec/index.console.txt b/tests/github/WICG/content-index/spec/index.console.txt
index 7433e54ac9..1e4817e6cb 100644
--- a/tests/github/WICG/content-index/spec/index.console.txt
+++ b/tests/github/WICG/content-index/spec/index.console.txt
@@ -1,4 +1,4 @@
-WARNING: You used Status: ED, but W3C Community and Business Groups are limited to these statuses: CG-DRAFT, CG-FINAL, UD.
+WARNING: You used Status ED, but your Group (WICG) is limited to the statuses CG-DRAFT, CG-FINAL, or UD.
 LINE ~76: Multiple possible 'service worker' dfn refs.
 Arbitrarily chose https://w3c.github.io/ServiceWorker/#dfn-service-worker
 To auto-select one of the following refs, insert one of these lines into a <pre class=link-defaults> block:
diff --git a/tests/github/WICG/cq-usecases/index.console.txt b/tests/github/WICG/cq-usecases/index.console.txt
index 3c54f5b598..062190474d 100644
--- a/tests/github/WICG/cq-usecases/index.console.txt
+++ b/tests/github/WICG/cq-usecases/index.console.txt
@@ -1,4 +1,4 @@
-WARNING: You used Status: ED, but W3C Community and Business Groups are limited to these statuses: CG-DRAFT, CG-FINAL, UD.
+WARNING: You used Status ED, but your Group (WICG) is limited to the statuses CG-DRAFT, CG-FINAL, or UD.
 LINT: Your document appears to use spaces to indent, but line 48 starts with tabs.
 LINT: Your document appears to use spaces to indent, but line 49 starts with tabs.
 LINT: Your document appears to use spaces to indent, but line 55 starts with tabs.
diff --git a/tests/github/WICG/css-parser-api/index.console.txt b/tests/github/WICG/css-parser-api/index.console.txt
index e69de29bb2..8d40d41fcb 100644
--- a/tests/github/WICG/css-parser-api/index.console.txt
+++ b/tests/github/WICG/css-parser-api/index.console.txt
@@ -0,0 +1 @@
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/WICG/keyboard-lock/index.console.txt b/tests/github/WICG/keyboard-lock/index.console.txt
index 7243b6c61a..4e767c3a9a 100644
--- a/tests/github/WICG/keyboard-lock/index.console.txt
+++ b/tests/github/WICG/keyboard-lock/index.console.txt
@@ -1,3 +1,4 @@
+WARNING: You used Status CG-DRAFT, but your Group (WEBPLATFORM) is limited to the statuses CR, CRD, CRY, CRYD, DRAFT-FINDING, DRY, ED, FINDING, FPWD, LCWD, LS, MO, NOTE, NOTE-ED, NOTE-FPWD, NOTE-WD, PER, PR, REC, RY, UD, WD, or WG-NOTE.
 LINT: Your document appears to use tabs to indent, but line 40 starts with spaces.
 LINT: Your document appears to use tabs to indent, but line 41 starts with spaces.
 LINT: Your document appears to use tabs to indent, but line 54 starts with spaces.
diff --git a/tests/github/immersive-web/lighting-estimation/index.html b/tests/github/immersive-web/lighting-estimation/index.html
index ae2fa228b0..846ef48f4c 100644
--- a/tests/github/immersive-web/lighting-estimation/index.html
+++ b/tests/github/immersive-web/lighting-estimation/index.html
@@ -3,7 +3,7 @@
   <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
   <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
   <title>WebXR Lighting Estimation API Level 1</title>
-  <meta content="w3c/ED" name="w3c-status">
+  <meta content="ED" name="w3c-status">
   <link href="https://www.w3.org/StyleSheets/TR/2021/W3C-ED" rel="stylesheet">
   <link href="https://www.w3.org/2008/site/images/favicon.ico" rel="icon">
   <meta content="dark light" name="color-scheme">
diff --git a/tests/github/immersive-web/real-world-geometry/webxrmeshing-1.console.txt b/tests/github/immersive-web/real-world-geometry/webxrmeshing-1.console.txt
index 3da4c40d78..9b80b249e0 100644
--- a/tests/github/immersive-web/real-world-geometry/webxrmeshing-1.console.txt
+++ b/tests/github/immersive-web/real-world-geometry/webxrmeshing-1.console.txt
@@ -1,4 +1,4 @@
-WARNING: You used Status: DREAM for a W3C document. Consider UD instead.
+WARNING: You used Status:DREAM for a W3C document. Consider Status:UD instead.
 LINE 259: Multiple elements have the same ID 'dom-xrframe-metadata'.
 Deduping, but this ID may not be stable across revisions.
 LINK ERROR: No 'idl-name' refs found for 'XRFeatureInit'.
diff --git a/tests/github/immersive-web/real-world-geometry/webxrmeshing-1.html b/tests/github/immersive-web/real-world-geometry/webxrmeshing-1.html
index e219298687..c56e3d9c5c 100644
--- a/tests/github/immersive-web/real-world-geometry/webxrmeshing-1.html
+++ b/tests/github/immersive-web/real-world-geometry/webxrmeshing-1.html
@@ -1,1493 +1,13 @@
 <!doctype html><html lang="en">
  <head>
   <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
-  <title>WebXR Meshing API Level 1</title>
   <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
-<style data-fill-with="stylesheet">/******************************************************************************
- *                   Style sheet for the W3C specifications                   *
- *
- * Special classes handled by this style sheet include:
- *
- * Indices
- *   - .toc for the Table of Contents (<ol class="toc">)
- *     + <span class="secno"> for the section numbers
- *   - #toc for the Table of Contents (<nav id="toc">)
- *   - ul.index for Indices (<a href="#ref">term</a><span>, in § N.M</span>)
- *   - table.index for Index Tables (e.g. for properties or elements)
- *
- * Structural Markup
- *   - table.data for general data tables
- *     -> use 'scope' attribute, <colgroup>, <thead>, and <tbody> for best results !
- *     -> use <table class='complex data'> for extra-complex tables
- *     -> use <td class='long'> for paragraph-length cell content
- *     -> use <td class='pre'> when manual line breaks/indentation would help readability
- *   - dl.switch for switch statements
- *   - ol.algorithm for algorithms (helps to visualize nesting)
- *   - .figure and .caption (HTML4) and figure and figcaption (HTML5)
- *     -> .sidefigure for right-floated figures
- *   - ins/del
- *     -> ins/del.c### for candidate and proposed changes (amendments)
- *
- * Code
- *   - pre and code
- *
- * Special Sections
- *   - .note       for informative notes             (div, p, span, aside, details)
- *   - .example    for informative examples          (div, p, pre, span)
- *   - .issue      for issues                        (div, p, span)
- *   - .advisement for loud normative statements     (div, p, strong)
- *   - .annoying-warning for spec obsoletion notices (div, aside, details)
- *   - .correction for "candidate corrections"       (div, aside, details, section)
- *   - .addition   for "candidate additions"         (div, aside, details, section)
- *   - .correction.proposed for "proposed corrections" (div, aside, details, section)
- *   - .addition.proposed   for "proposed additions"   (div, aside, details, section)
- *
- * Definition Boxes
- *   - pre.def   for WebIDL definitions
- *   - table.def for tables that define other entities (e.g. CSS properties)
- *   - dl.def    for definition lists that define other entitles (e.g. HTML elements)
- *
- * Numbering
- *   - .secno for section numbers in .toc and headings (<span class='secno'>3.2</span>)
- *   - .marker for source-inserted example/figure/issue numbers (<span class='marker'>Issue 4</span>)
- *   - ::before styled for CSS-generated issue/example/figure numbers:
- *     -> Documents wishing to use this only need to add
- *        figcaption::before,
- *        .caption::before { content: "Figure "  counter(figure) " ";  }
- *        .example::before { content: "Example " counter(example) " "; }
- *        .issue::before   { content: "Issue "   counter(issue) " ";   }
- *
- * Header Stuff (ignore, just don't conflict with these classes)
- *   - .head for the header
- *   - .copyright for the copyright
- *
- * Outdated warning for old specs
- *
- * Miscellaneous
- *   - .overlarge for things that should be as wide as possible, even if
- *     that overflows the body text area. This can be used on an item or
- *     on its container, depending on the effect desired.
- *     Note that this styling basically doesn't help at all when printing,
- *     since A4 paper isn't much wider than the max-width here.
- *     It's better to design things to fit into a narrower measure if possible.
- *
- *   - js-added ToC jump links (see fixup.js)
- *
- ******************************************************************************/
-
-/* color variables included separately for reliability */
-
-/******************************************************************************/
-/*                                    Body                                    */
-/******************************************************************************/
-
-	html {
-	}
-
-	body {
-		counter-reset: example figure issue;
-
-		/* Layout */
-		max-width: 50em;			  /* limit line length to 50em for readability   */
-		margin: 0 auto;				/* center text within page                    */
-		padding: 1.6em 1.5em 2em 50px; /* assume 16px font size for downlevel clients */
-		padding: 1.6em 1.5em 2em calc(26px + 1.5em); /* leave space for status flag    */
-
-		/* Typography */
-		line-height: 1.5;
-		font-family: sans-serif;
-		widows: 2;
-		orphans: 2;
-		word-wrap: break-word;
-		overflow-wrap: break-word;
-		hyphens: auto;
-
-		color: black;
-		color: var(--text);
-		background: white top left fixed no-repeat;
-		background: var(--bg) top left fixed no-repeat;
-		background-size: 25px auto;
-	}
-
-
-/******************************************************************************/
-/*                         Front Matter & Navigation                          */
-/******************************************************************************/
-
-/** Header ********************************************************************/
-
-	div.head { margin-bottom: 1em; }
-	div.head hr { border-style: solid; }
-
-	div.head h1 {
-		font-weight: bold;
-		margin: 0 0 .1em;
-		font-size: 220%;
-	}
-
-	div.head h2 { margin-bottom: 1.5em;}
-
-/** W3C Logo ******************************************************************/
-
-	.head .logo {
-		float: right;
-		margin: 0.4rem 0 0.2rem .4rem;
-	}
-
-	.head img[src*="logos/W3C"] {
-		display: block;
-		border: solid #1a5e9a;
-		border: solid var(--logo-bg);
-		border-width: .65rem .7rem .6rem;
-		border-radius: .4rem;
-		background: #1a5e9a;
-		background: var(--logo-bg);
-		color: white;
-		color: var(--logo-text);
-		font-weight: bold;
-	}
-
-	.head a:hover > img[src*="logos/W3C"],
-	.head a:focus > img[src*="logos/W3C"] {
-		opacity: .8;
-	}
-
-	.head a:active > img[src*="logos/W3C"] {
-		background: #c00;
-		background: var(--logo-active-bg);
-		border-color: #c00;
-		border-color: var(--logo-active-bg);
-	}
-
-	/* see also additional rules in Link Styling section */
-
-/** Copyright *****************************************************************/
-
-	p.copyright,
-	p.copyright small { font-size: small; }
-
-/** Back to Top / ToC Toggle **************************************************/
-
-	@media print {
-		#toc-nav {
-			display: none;
-		}
-	}
-	@media not print {
-		#toc-nav {
-			position: fixed;
-			z-index: 3;
-			bottom: 0; left: 0;
-			margin: 0;
-			min-width: 1.33em;
-			border-top-right-radius: 2rem;
-			box-shadow: 0 0 2px;
-			font-size: 1.5em;
-		}
-		#toc-nav > a {
-			display: block;
-			white-space: nowrap;
-
-			height: 1.33em;
-			padding: .1em 0.3em;
-			margin: 0;
-
-			box-shadow: 0 0 2px;
-			border: none;
-			border-top-right-radius: 1.33em;
-
-			color: #707070;
-			color: var(--tocnav-normal-text);
-			background: white;
-			background: var(--tocnav-normal-bg);
-		}
-		#toc-nav > a:hover,
-		#toc-nav > a:focus {
-			color: black;
-			color: var(--tocnav-hover-text);
-			background: #f8f8f8;
-			background: var(--tocnav-hover-bg);
-		}
-		#toc-nav > a:active {
-			color: #c00;
-			color: var(--tocnav-active-text);
-			background: white;
-			background: var(--tocnav-active-bg);
-		}
-
-		#toc-nav > #toc-jump {
-			padding-bottom: 2em;
-			margin-bottom: -1.9em;
-		}
-
-		/* statusbar gets in the way on keyboard focus; remove once browsers fix */
-		#toc-nav > a[href="#toc"]:not(:hover):focus:last-child {
-			padding-bottom: 1.5rem;
-		}
-
-		#toc-nav:not(:hover) > a:not(:focus) > span + span {
-			/* Ideally this uses :focus-within on #toc-nav */
-			display: none;
-		}
-		#toc-nav > a > span + span {
-			padding-right: 0.2em;
-		}
-	}
-
-/** ToC Sidebar ***************************************************************/
-
-	/* Floating sidebar */
-	@media screen {
-		body.toc-sidebar #toc {
-			position: fixed;
-			top: 0; bottom: 0;
-			left: 0;
-			width: 23.5em;
-			max-width: 80%;
-			max-width: calc(100% - 2em - 26px);
-			overflow: auto;
-			padding: 0 1em;
-			padding-left: 42px;
-			padding-left: calc(1em + 26px);
-			color: black;
-			color: var(--tocsidebar-text);
-			background: inherit;
-			background-color: #f7f8f9;
-			background-color: var(--tocsidebar-bg);
-			z-index: 1;
-			box-shadow: -.1em 0 .25em rgba(0,0,0,.1) inset;
-			box-shadow: -.1em 0 .25em var(--tocsidebar-shadow) inset;
-		}
-		body.toc-sidebar #toc h2 {
-			margin-top: .8rem;
-			font-variant: small-caps;
-			font-variant: all-small-caps;
-			text-transform: lowercase;
-			font-weight: bold;
-			color: gray;
-			color: hsla(203,20%,40%,.7);
-			color: var(--tocsidebar-heading-text);
-		}
-		body.toc-sidebar #toc-jump:not(:focus) {
-			width: 0;
-			height: 0;
-			padding: 0;
-			position: absolute;
-			overflow: hidden;
-		}
-	}
-	/* Hide main scroller when only the ToC is visible anyway */
-	@media screen and (max-width: 28em) {
-		body.toc-sidebar {
-			overflow: hidden;
-		}
-	}
-
-	/* Sidebar with its own space */
-	@media screen and (min-width: 78em) {
-		body:not(.toc-inline) #toc {
-			position: fixed;
-			top: 0; bottom: 0;
-			left: 0;
-			width: 23.5em;
-			overflow: auto;
-			padding: 0 1em;
-			padding-left: 42px;
-			padding-left: calc(1em + 26px);
-			color: black;
-			color: var(--tocsidebar-text);
-			background: inherit;
-			background-color: #f7f8f9;
-			background-color: var(--tocsidebar-bg);
-			z-index: 1;
-			box-shadow: -.1em 0 .25em rgba(0,0,0,.1) inset;
-			box-shadow: -.1em 0 .25em var(--tocsidebar-shadow) inset;
-		}
-		body:not(.toc-inline) #toc h2 {
-			margin-top: .8rem;
-			font-variant: small-caps;
-			font-variant: all-small-caps;
-			text-transform: lowercase;
-			font-weight: bold;
-			color: gray;
-			color: hsla(203,20%,40%,.7);
-			color: var(--tocsidebar-heading-text);
-		}
-
-		body:not(.toc-inline) {
-			padding-left: 29em;
-		}
-		/* See also Overflow section at the bottom */
-
-		body:not(.toc-inline) #toc-jump:not(:focus) {
-			width: 0;
-			height: 0;
-			padding: 0;
-			position: absolute;
-			overflow: hidden;
-		}
-	}
-	@media screen and (min-width: 90em) {
-		body:not(.toc-inline) {
-			margin: 0 4em;
-		}
-	}
-
-/******************************************************************************/
-/*                                Sectioning                                  */
-/******************************************************************************/
-
-/** Headings ******************************************************************/
-
-	h1, h2, h3, h4, h5, h6, dt {
-		page-break-after: avoid;
-		page-break-inside: avoid;
-		font: 100% sans-serif;   /* Reset all font styling to clear out UA styles */
-		font-family: inherit;	/* Inherit the font family. */
-		line-height: 1.2;		/* Keep wrapped headings compact */
-		hyphens: manual;		/* Hyphenated headings look weird */
-	}
-
-	h2, h3, h4, h5, h6 {
-		margin-top: 3rem;
-	}
-
-	h1, h2, h3 {
-		color: #005A9C;
-		color: var(--heading-text);
-	}
-
-	h1 { font-size: 170%; }
-	h2 { font-size: 140%; }
-	h3 { font-size: 120%; }
-	h4 { font-weight: bold; }
-	h5 { font-style: italic; }
-	h6 { font-variant: small-caps; }
-	dt { font-weight: bold; }
-
-/** Subheadings ***************************************************************/
-
-	h1 + h2,
-	#profile-and-date {
-		/* #profile-and-date is a subtitle in an H2 under the H1 */
-		margin-top: 0;
-	}
-	h2 + h3,
-	h3 + h4,
-	h4 + h5,
-	h5 + h6 {
-		margin-top: 1.2em; /* = 1 x line-height */
-	}
-
-/** Section divider ***********************************************************/
-
-	:not(.head) > :not(.head) + hr {
-		font-size: 1.5em;
-		text-align: center;
-		margin: 1em auto;
-		height: auto;
-		color: black;
-		color: var(--hr-text);
-		border: transparent solid 0;
-		background: transparent;
-	}
-	:not(.head) > hr::before {
-		content: "\2727\2003\2003\2727\2003\2003\2727";
-	}
-
-/******************************************************************************/
-/*                            Paragraphs and Lists                            */
-/******************************************************************************/
-
-	p {
-		margin: 1em 0;
-	}
-
-	dd > p:first-child,
-	li > p:first-child {
-		margin-top: 0;
-	}
-
-	ul, ol {
-		margin-left: 0;
-		padding-left: 2em;
-	}
-
-	li {
-		margin: 0.25em 0 0.5em;
-		padding: 0;
-	}
-
-	dl dd {
-		margin: 0 0 .5em 2em;
-	}
-
-	.head dd + dd { /* compact for header */
-		margin-top: -.5em;
-	}
-
-	/* Style for algorithms */
-	ol.algorithm ol:not(.algorithm),
-	.algorithm > ol ol:not(.algorithm) {
-	border-left: 0.5em solid #DEF;
-	border-left: 0.5em solid var(--algo-border);
-	}
-
-	/* Put nice boxes around each algorithm. */
-	[data-algorithm]:not(.heading) {
-	 padding: .5em;
-	 border: thin solid #ddd;
-	 border: thin solid var(--algo-border);
-	 border-radius: .5em;
-	 margin: .5em calc(-0.5em - 1px);
-	}
-	[data-algorithm]:not(.heading) > :first-child {
-	 margin-top: 0;
-	}
-	[data-algorithm]:not(.heading) > :last-child {
-	 margin-bottom: 0;
-	}
-
-	/* Style for switch/case <dl>s */
-	dl.switch > dd > ol.only,
-	dl.switch > dd > .only > ol {
-	margin-left: 0;
-	}
-	dl.switch > dd > ol.algorithm,
-	dl.switch > dd > .algorithm > ol {
-	margin-left: -2em;
-	}
-	dl.switch {
-	padding-left: 2em;
-	}
-	dl.switch > dt {
-	text-indent: -1.5em;
-	margin-top: 1em;
-	}
-	dl.switch > dt + dt {
-	margin-top: 0;
-	}
-	dl.switch > dt::before {
-	content: '\21AA';
-	padding: 0 0.5em 0 0;
-	display: inline-block;
-	width: 1em;
-	text-align: right;
-	line-height: 0.5em;
-	}
-
-/** Terminology Markup ********************************************************/
-
-
-/******************************************************************************/
-/*                                 Inline Markup                              */
-/******************************************************************************/
-
-/** Terminology Markup ********************************************************/
-	dfn   { /* Defining instance */
-		font-weight: bolder;
-	}
-	a > i { /* Instance of term */
-		font-style: normal;
-	}
-	dt dfn code, code.idl {
-		font-size: inherit;
-	}
-	dfn var {
-		font-style: normal;
-	}
-
-/** Change Marking ************************************************************/
-
-	del {
-		color: #aa0000;
-		color: var(--del-text);
-		background: transparent;
-		background: var(--del-bg);
-		text-decoration: line-through;
-	}
-	ins {
-		color: #006100;
-		color: var(--ins-text);
-		background: transparent;
-		background: var(--ins-bg);
-		text-decoration: underline;
-	}
-
-	/* for amendments (candidate/proposed changes) */
-
-	.amendment ins, .correction ins, .addition ins,
-	ins[class^=c] {
-		text-decoration-style: dotted;
-	}
-	.amendment del, .correction del, .addition del,
-	del[class^=c] {
-		text-decoration-style: dotted;
-	}
-	.amendment.proposed ins, .correction.proposed ins, .addition.proposed ins,
-	ins[class^=c].proposed {
-		text-decoration-style: double;
-	}
-	.amendment.proposed del, .correction.proposed del, .addition.proposed del,
-	del[class^=c].proposed {
-		text-decoration-style: double;
-	}
-
-/** Miscellaneous improvements to inline formatting ***************************/
-
-	sup {
-		vertical-align: super;
-		font-size: 80%
-	}
-
-/******************************************************************************/
-/*                                    Code                                    */
-/******************************************************************************/
-
-/** General monospace/pre rules ***********************************************/
-
-	pre, code, samp {
-		font-family: Menlo, Consolas, "DejaVu Sans Mono", Monaco, monospace;
-		font-size: .9em;
-		hyphens: none;
-		text-transform: none;
-		text-align: left;
-		text-align: start;
-		font-variant: normal;
-		orphans: 3;
-		widows: 3;
-		page-break-before: avoid;
-	}
-	pre code,
-	code code {
-		font-size: 100%;
-	}
-
-	pre {
-		margin-top: 1em;
-		margin-bottom: 1em;
-		overflow: auto;
-	}
-
-/** Inline Code fragments *****************************************************/
-
-	/* Do something nice. */
-
-/******************************************************************************/
-/*                                    Links                                   */
-/******************************************************************************/
-
-/** General Hyperlinks ********************************************************/
-
-	/* We hyperlink a lot, so make it less intrusive */
-	a[href] {
-		color: #034575;
-		color: var(--a-normal-text);
-		text-decoration: underline #707070;
-		text-decoration: underline var(--a-normal-underline);
-		text-decoration-skip-ink: none;
-	}
-	a:visited {
-		color: #034575;
-		color: var(--a-visited-text);
-		text-decoration-color: #bbb;
-		text-decoration-color: var(--a-visited-underline);
-	}
-
-	/* Indicate interaction with the link */
-	a[href]:focus,
-	a[href]:hover {
-		text-decoration-thickness: 2px;
-	}
-	a[href]:active {
-		color: #c00;
-		color: var(--a-active-text);
-		text-decoration-color: #c00;
-		text-decoration-color: var(--a-active-underline);
-	}
-
-	/* Backout above styling for W3C logo */
-	.head .logo,
-	.head .logo a {
-		border: none;
-		text-decoration: none;
-		background: transparent;
-	}
-
-/******************************************************************************/
-/*                                    Images                                  */
-/******************************************************************************/
-
-	img {
-		border-style: none;
-	}
-
-	img, svg {
-		/* Intentionally not color-scheme aware. */
-		background: white;
-	}
-
-	/* For autogen numbers, add
-	  .caption::before, figcaption::before { content: "Figure " counter(figure) ". "; }
-	*/
-
-	figure, .figure, .sidefigure {
-		page-break-inside: avoid;
-		text-align: center;
-		margin: 2.5em 0;
-	}
-	.figure img,	.sidefigure img,	figure img,
-	.figure object, .sidefigure object, figure object {
-		max-width: 100%;
-		margin: auto;
-		height: auto;
-	}
-	.figure pre, .sidefigure pre, figure pre {
-		text-align: left;
-		display: table;
-		margin: 1em auto;
-	}
-	.figure table, figure table {
-		margin: auto;
-	}
-	@media screen and (min-width: 20em) {
-		.sidefigure {
-			float: right;
-			width: 50%;
-			margin: 0 0 0.5em 0.5em;
-		}
-	}
-	.caption, figcaption, caption {
-		font-style: italic;
-		font-size: 90%;
-	}
-	.caption::before, figcaption::before, figcaption > .marker {
-		font-weight: bold;
-	}
-	.caption, figcaption {
-		counter-increment: figure;
-	}
-
-	/* DL list is indented 2em, but figure inside it is not */
-	dd > .figure, dd > figure { margin-left: -2em; }
-
-/******************************************************************************/
-/*                             Colored Boxes                                  */
-/******************************************************************************/
-
-	.issue, .note, .example, .assertion, .advisement, blockquote,
-	.amendment, .correction, .addition {
-		margin: 1em auto;
-		padding: .5em;
-		border: .5em;
-		border-left-style: solid;
-		page-break-inside: avoid;
-	}
-	span.issue, span.note {
-		padding: .1em .5em .15em;
-		border-right-style: solid;
-	}
-
-	blockquote > :first-child,
-	.note  > p:first-child,
-	.issue > p:first-child,
-	.amendment > p:first-child,
-	.correction > p:first-child,
-	.addition > p:first-child {
-		margin-top: 0;
-	}
-	blockquote > :last-child,
-	.note  > p:last-child,
-	.issue > p:last-child,
-	.amendment > p:last-child,
-	.correction > p:last-child,
-	.addition > p:last-child {
-		margin-bottom: 0;
-	}
-
-
-	.issue::before, .issue > .marker,
-	.example::before, .example > .marker,
-	.note::before, .note > .marker,
-	details.note > summary > .marker,
-	.amendment::before, .amendment > .marker,
-	details.amendment > summary > .marker,
-	.addition::before, .addition > .marker,
-	addition.amendment > summary > .marker,
-	.correction::before, .correction > .marker,
-	correction.amendment > summary > .marker
-	{
-		text-transform: uppercase;
-		padding-right: 1em;
-	}
-
-	.example::before, .example > .marker {
-		display: block;
-		padding-right: 0em;
-	}
-
-/** Blockquotes ***************************************************************/
-
-	blockquote {
-		border-color: silver;
-		border-color: var(--blockquote-border);
-		background: transparent;
-		background: var(--blockquote-bg);
-		color: currentcolor;
-		color: var(--blockquote-text);
-	}
-
-/** Open issue ****************************************************************/
-
-	.issue {
-		border-color: #e05252;
-		border-color: var(--issue-border);
-		background: #fbe9e9;
-		background: var(--issue-bg);
-		color: black;
-		color: var(--issue-text);
-		counter-increment: issue;
-		overflow: auto;
-	}
-	.issue::before, .issue > .marker {
-		color: #831616;
-		color: var(--issueheading-text);
-	}
-	/* Add .issue::before { content: "Issue " counter(issue) " "; } for autogen numbers,
-	  or use class="marker" to mark up the issue number in source. */
-
-/** Example *******************************************************************/
-
-	.example {
-		border-color: #e0cb52;
-		border-color: var(--example-border);
-		background: #fcfaee;
-		background: var(--example-bg);
-		color: black;
-		color: var(--example-text);
-		counter-increment: example;
-		overflow: auto;
-		clear: both;
-	}
-	.example::before, .example > .marker {
-		color: #574b0f;
-		color: var(--exampleheading-text);
-	}
-	/* Add .example::before { content: "Example " counter(example) " "; } for autogen numbers,
-	  or use class="marker" to mark up the example number in source. */
-
-/** Non-normative Note ********************************************************/
-
-	.note {
-		border-color: #52e052;
-		border-color: var(--note-border);
-		background: #e9fbe9;
-		background: var(--note-bg);
-		color: black;
-		color: var(--note-text);
-		overflow: auto;
-	}
-
-	.note::before, .note > .marker,
-	details.note > summary {
-		color: hsl(120, 70%, 30%);
-		color: var(--noteheading-text);
-	}
-	/* Add .note::before { content: "Note "; } for autogen label,
-	  or use class="marker" to mark up the label in source. */
-
-	details.note[open] > summary {
-		border-bottom: 1px silver solid;
-		border-bottom: 1px var(--notesummary-underline) solid;
-	}
-
-/** Assertion Box *************************************************************/
-	/*  for assertions in algorithms */
-
-	.assertion {
-		border-color: #AAA;
-		border-color: var(--assertion-border);
-		background: #EEE;
-		background: var(--assertion-bg);
-		color: black;
-		color: var(--assertion-text);
-	}
-
-/** Advisement Box ************************************************************/
-	/*  for attention-grabbing normative statements */
-
-	.advisement {
-		border-color: orange;
-		border-color: var(--advisement-border);
-		border-style: none solid;
-		background: #fec;
-		background: var(--advisement-bg);
-		color: black;
-		color: var(--advisement-text);
-	}
-	strong.advisement {
-		display: block;
-		text-align: center;
-	}
-	.advisement::before, .advisement > .marker {
-		color: #b35f00;
-		color: var(--advisementheading-text);
-	}
-
-/** Amendment Box *************************************************************/
-
-	.amendment, .correction, .addition {
-		border-color: #330099;
-		border-color: var(--amendment-border);
-		background: #F5F0FF;
-		background: var(--amendment-bg);
-		color: black;
-		color: var(--amendment-text);
-	}
-	.amendment.proposed, .correction.proposed, .addition.proposed {
-		border-style: solid;
-		border-block-width: 0.25em;
-	}
-	.amendment::before, .amendment > .marker,
-	details.amendment > summary::before, details.amendment > summary > .marker,
-	.correction::before, .correction > .marker,
-	details.correction > summary::before, details.correction > summary > .marker,
-	.addition::before, .addition > .marker,
-	details.addition > summary::before, details.addition > summary > .marker {
-		color: #220066;
-		color: var(--amendmentheading-text);
-	}
-	.amendment.proposed::before, .amendment.proposed > .marker,
-	details.amendment.proposed > summary::before, details.amendment.proposed > summary > .marker,
-	.correction.proposed::before, .correction.proposed > .marker,
-	details.correction.proposed > summary::before, details.correction.proposed > summary > .marker,
-	.addition.proposed::before, .addition.proposed > .marker,
-	details.addition.proposed > summary::before, details.addition.proposed > summary > .marker {
-		font-weight: bold;
-	}
-
-/** Spec Obsoletion Notice ****************************************************/
-	/* obnoxious obsoletion notice for older/abandoned specs. */
-
-	details {
-		display: block;
-	}
-	summary {
-		font-weight: bolder;
-	}
-
-	.annoying-warning:not(details),
-	details.annoying-warning:not([open]) > summary,
-	details.annoying-warning[open] {
-		background: hsla(40,100%,50%,0.95);
-		background: var(--warning-bg);
-		color: black;
-		color: var(--warning-text);
-		padding: .75em 1em;
-		border: red;
-		border: var(--warning-border);
-		border-style: solid none;
-		box-shadow: 0 2px 8px black;
-		text-align: center;
-	}
-	.annoying-warning :last-child {
-		margin-bottom: 0;
-	}
-
-@media not print {
-	details.annoying-warning[open] {
-		position: fixed;
-		left: 0;
-		right: 0;
-		bottom: 2em;
-		z-index: 1000;
-	}
-}
-
-	details.annoying-warning:not([open]) > summary {
-		text-align: center;
-	}
-
-/** Entity Definition Boxes ***************************************************/
-
-	.def {
-		padding: .5em 1em;
-		background: #def;
-		background: var(--def-bg);
-		margin: 1.2em 0;
-		border-left: 0.5em solid #8ccbf2;
-		border-left: 0.5em solid var(--def-border);
-		color: black;
-		color: var(--def-text);
-	}
-
-/******************************************************************************/
-/*                                    Tables                                  */
-/******************************************************************************/
-
-	th, td {
-		text-align: left;
-		text-align: start;
-	}
-
-/** Property/Descriptor Definition Tables *************************************/
-
-	table.def {
-		/* inherits .def box styling, see above */
-		width: 100%;
-		border-spacing: 0;
-	}
-
-	table.def td,
-	table.def th {
-		padding: 0.5em;
-		vertical-align: baseline;
-		border-bottom: 1px solid #bbd7e9;
-		border-bottom: 1px solid var(--defrow-border);
-	}
-
-	table.def > tbody > tr:last-child th,
-	table.def > tbody > tr:last-child td {
-		border-bottom: 0;
-	}
-
-	table.def th {
-		font-style: italic;
-		font-weight: normal;
-		padding-left: 1em;
-		width: 3em;
-	}
-
-	/* For when values are extra-complex and need formatting for readability */
-	table td.pre {
-		white-space: pre-wrap;
-	}
-
-	/* A footnote at the bottom of a def table */
-	table.def td.footnote {
-		padding-top: 0.6em;
-	}
-	table.def td.footnote::before {
-		content: " ";
-		display: block;
-		height: 0.6em;
-		width: 4em;
-		border-top: thin solid;
-	}
-
-/** Data tables (and properly marked-up index tables) *************************/
-	/*
-		<table class="data"> highlights structural relationships in a table
-		when correct markup is used (e.g. thead/tbody, th vs. td, scope attribute)
-
-		Use class="complex data" for particularly complicated tables --
-		(This will draw more lines: busier, but clearer.)
-
-		Use class="long" on table cells with paragraph-like contents
-		(This will adjust text alignment accordingly.)
-		Alternately use class="longlastcol" on tables, to have the last column assume "long".
-	*/
-
-	table {
-		word-wrap: normal;
-		overflow-wrap: normal;
-		hyphens: manual;
-	}
-
-	table.data,
-	table.index {
-		margin: 1em auto;
-		border-collapse: collapse;
-		border: hidden;
-		width: 100%;
-	}
-	table.data caption,
-	table.index caption {
-		max-width: 50em;
-		margin: 0 auto 1em;
-	}
-
-	table.data td,  table.data th,
-	table.index td, table.index th {
-		padding: 0.5em 1em;
-		border-width: 1px;
-		border-color: silver;
-		border-color: var(--datacell-border);
-		border-top-style: solid;
-	}
-
-	table.data thead td:empty {
-		padding: 0;
-		border: 0;
-	}
-
-	table.data  thead,
-	table.index thead,
-	table.data  tbody,
-	table.index tbody {
-		border-bottom: 2px solid;
-	}
-
-	table.data colgroup,
-	table.index colgroup {
-		border-left: 2px solid;
-	}
-
-	table.data  tbody th:first-child,
-	table.index tbody th:first-child  {
-		border-right: 2px solid;
-		border-top: 1px solid silver;
-		border-top: 1px solid var(--datacell-border);
-		padding-right: 1em;
-	}
-
-	table.data th[colspan],
-	table.data td[colspan] {
-		text-align: center;
-	}
-
-	table.complex.data th,
-	table.complex.data td {
-		border: 1px solid silver;
-		border: 1px solid var(--datacell-border);
-		text-align: center;
-	}
-
-	table.data.longlastcol td:last-child,
-	table.data td.long {
-		vertical-align: baseline;
-		text-align: left;
-	}
-
-	table.data img {
-		vertical-align: middle;
-	}
-
-
-/*
-Alternate table alignment rules
-
-	table.data,
-	table.index {
-		text-align: center;
-	}
-
-	table.data  thead th[scope="row"],
-	table.index thead th[scope="row"] {
-		text-align: right;
-	}
-
-	table.data  tbody th:first-child,
-	table.index tbody th:first-child  {
-		text-align: right;
-	}
-
-Possible extra rowspan handling
-
-	table.data  tbody th[rowspan]:not([rowspan='1']),
-	table.index tbody th[rowspan]:not([rowspan='1']),
-	table.data  tbody td[rowspan]:not([rowspan='1']),
-	table.index tbody td[rowspan]:not([rowspan='1']) {
-		border-left: 1px solid silver;
-	}
-
-	table.data  tbody th[rowspan]:first-child,
-	table.index tbody th[rowspan]:first-child,
-	table.data  tbody td[rowspan]:first-child,
-	table.index tbody td[rowspan]:first-child{
-		border-left: 0;
-		border-right: 1px solid silver;
-	}
-*/
-
-/******************************************************************************/
-/*                                  Indices                                   */
-/******************************************************************************/
-
-
-/** Table of Contents *********************************************************/
-
-	.toc a {
-		/* More spacing; use padding to make it part of the click target. */
-		padding: 0.1rem 1px 0;
-		/* Larger, more consistently-sized click target */
-		display: block;
-		/* Switch to using border-bottom for underlines */
-		text-decoration: none;
-		border-bottom: 1px solid;
-		/* Reverse color scheme */
-		color: black;
-		color: var(--toclink-text);
-		border-color: #3980b5;
-		border-color: var(--toclink-underline);
-	}
-	.toc a:visited {
-		color: black;
-		color: var(--toclink-visited-text);
-		border-color: #054572;
-		border-color: var(--toclink-visited-underline);
-	}
-	.toc a:focus,
-	.toc a:hover {
-		background: rgba(75%, 75%, 75%, .25);
-		background: var(--a-hover-bg);
-		border-bottom-width: 3px;
-		margin-bottom: -2px;
-	}
-	.toc a:not(:focus):not(:hover) {
-		/* Allow colors to cascade through from link styling */
-		border-bottom-color: transparent;
-	}
-
-	.toc, .toc ol, .toc ul, .toc li {
-		list-style: none; /* Numbers must be inlined into source */
-		/* because generated content isn't search/selectable and markers can't do multilevel yet */
-		margin:  0;
-		padding: 0;
-	}
-	.toc {
-		line-height: 1.1em;
-	}
-
-	/* ToC not indented until third level, but font style & margins show hierarchy */
-	.toc > li			{ font-weight: bold;   }
-	.toc > li li		 { font-weight: normal; }
-	.toc > li li li	  { font-size:   95%;	}
-	.toc > li li li li	{ font-size:   90%;	}
-	.toc > li li li li li { font-size:   85%;	}
-
-	/* @supports not (display:grid) { */
-		.toc > li			{ margin: 1.5rem 0;	}
-		.toc > li li		 { margin: 0.3rem 0;	}
-		.toc > li li li	  { margin-left: 2rem;   }
-
-		/* Section numbers in a column of their own */
-		.toc .secno {
-			float: left;
-			width: 4rem;
-			white-space: nowrap;
-		}
-		.toc > li li li li .secno { font-size: 85%; }
-		.toc > li li li li li .secno { font-size: 100%; }
-
-		.toc li {
-			clear: both;
-		}
-
-		:not(li) > .toc			 { margin-left:  5rem; }
-		.toc .secno				 { margin-left: -5rem; }
-		.toc > li li li .secno	  { margin-left: -7rem; }
-		.toc > li li li li .secno	{ margin-left: -9rem; }
-		.toc > li li li li li .secno { margin-left: -11rem; }
-
-		/* Tighten up indentation in narrow ToCs */
-		@media (max-width: 30em) {
-			:not(li) > .toc			 { margin-left:  4rem; }
-			.toc .secno				 { margin-left: -4rem; }
-			.toc > li li li			 { margin-left:  1rem; }
-			.toc > li li li .secno	  { margin-left: -5rem; }
-			.toc > li li li li .secno	{ margin-left: -6rem; }
-			.toc > li li li li li .secno { margin-left: -7rem; }
-		}
-		/* Loosen it on wide screens */
-		@media screen and (min-width: 78em) {
-			body:not(.toc-inline) :not(li) > .toc			 { margin-left:  4rem; }
-			body:not(.toc-inline) .toc .secno				 { margin-left: -4rem; }
-			body:not(.toc-inline) .toc > li li li			 { margin-left:  1rem; }
-			body:not(.toc-inline) .toc > li li li .secno	  { margin-left: -5rem; }
-			body:not(.toc-inline) .toc > li li li li .secno	{ margin-left: -6rem; }
-			body:not(.toc-inline) .toc > li li li li li .secno { margin-left: -7rem; }
-	}
-	/* } */
-
-	@supports (display:grid) and (display:contents) {
-		/* Use #toc over .toc to override non-@supports rules. */
-		#toc {
-			display: grid;
-			align-content: start;
-			grid-template-columns: auto 1fr;
-			grid-column-gap: 1rem;
-			column-gap: 1rem;
-			grid-row-gap: .6rem;
-			row-gap: .6rem;
-		}
-		#toc h2 {
-			grid-column: 1 / -1;
-			margin-bottom: 0;
-		}
-		#toc ol,
-		#toc li,
-		#toc a {
-			display: contents;
-			/* Switch <a> to subgrid when supported */
-		}
-		#toc span {
-			margin: 0;
-		}
-		#toc > .toc > li > a > span {
-			/* The spans of the top-level list,
-			  comprising the first items of each top-level section. */
-			margin-top: 1.1rem;
-		}
-		#toc#toc .secno { /* Ugh, need more specificity to override base.css */
-			grid-column: 1;
-			width: auto;
-			margin-left: 0;
-		}
-		#toc .content {
-			grid-column: 2;
-			width: auto;
-			margin-right: 1rem;
-		}
-		#toc .content:hover,
-		#toc .content:focus {
-			background: rgba(75%, 75%, 75%, .25);
-			background: var(--a-hover-bg);
-			border-bottom: 3px solid #054572;
-			border-bottom: 3px solid var(--toclink-underline);
-			margin-bottom: -3px;
-		}
-		#toc li li li .content {
-			margin-left: 1rem;
-		}
-		#toc li li li li .content {
-			margin-left: 2rem;
-		}
-	}
-
-
-/** Index *********************************************************************/
-
-	/* Index Lists: Layout */
-	ul.index	  { margin-left: 0; columns: 15em; text-indent: 1em hanging; }
-	ul.index li	{ margin-left: 0; list-style: none; break-inside: avoid; }
-	ul.index li li { margin-left: 1em; }
-	ul.index dl	{ margin-top: 0; }
-	ul.index dt	{ margin: .2em 0 .2em 20px;}
-	ul.index dd	{ margin: .2em 0 .2em 40px;}
-	/* Index Lists: Typography */
-	ul.index ul,
-	ul.index dl { font-size: smaller; }
-	@media not print {
-		ul.index li a + span {
-			white-space: nowrap;
-			color: transparent; }
-		ul.index li a:hover + span,
-		ul.index li a:focus + span {
-			color: #707070;
-			color: var(--indexinfo-text);
-		}
-	}
-
-/** Index Tables *****************************************************/
-	/* See also the data table styling section, which this effectively subclasses */
-
-	table.index {
-		font-size: small;
-		border-collapse: collapse;
-		border-spacing: 0;
-		text-align: left;
-		margin: 1em 0;
-	}
-
-	table.index td,
-	table.index th {
-		padding: 0.4em;
-	}
-
-	table.index tr:hover td:not([rowspan]),
-	table.index tr:hover th:not([rowspan]) {
-		color: black;
-		color: var(--indextable-hover-text);
-		background: #f7f8f9;
-		background: var(--indextable-hover-bg);
-	}
-
-	/* The link in the first column in the property table (formerly a TD) */
-	table.index th:first-child a {
-		font-weight: bold;
-	}
-
-/** Outdated warning **********************************************************/
-
-.outdated-spec {
-	color: black;
-	color: var(--outdatedspec-text);
-	background-color: rgba(0,0,0,0.5);
-	background-color: var(--outdatedspec-bg);
-}
-
-.outdated-warning {
-	position: fixed;
-	bottom: 50%;
-	left: 0;
-	right: 0;
-	margin: 0 auto;
-	width: 50%;
-	background: maroon;
-	background: var(--outdated-bg);
-	color: white;
-	color: var(--outdated-text);
-	border-radius: 1em;
-	box-shadow: 0 0 1em red;
-	box-shadow: 0 0 1em var(--outdated-shadow);
-	padding: 2em;
-	text-align: center;
-	z-index: 2;
-}
-
-.outdated-warning a {
-	color: currentcolor;
-	background: transparent;
-}
-
-.edited-rec-warning {
-	background: darkorange;
-	background: var(--editedrec-bg);
-	box-shadow: 0 0 1em;
-}
-
-.outdated-warning button {
-	color: var(--outdated-text);
-	border-radius: 1em;
-	box-shadow: 0 0 1em red;
-	box-shadow: 0 0 1em var(--outdated-shadow);
-	padding: 2em;
-	text-align: center;
-	z-index: 2;
-}
-
-.outdated-warning a {
-	color: currentcolor;
-	background: transparent;
-}
-
-.edited-rec-warning {
-	background: darkorange;
-	background: var(--editedrec-bg);
-	box-shadow: 0 0 1em;
-}
-
-.outdated-warning button {
-	position: absolute;
-	top: 0;
-	right:0;
-	margin: 0;
-	border: 0;
-	padding: 0.25em 0.5em;
-	background: transparent;
-	color: white;
-	color: var(--outdated-text);
-	font:1em sans-serif;
-	text-align:center;
-}
-
-.outdated-warning span {
-	display: block;
-}
-
-.outdated-collapsed {
-	bottom: 0;
-	border-radius: 0;
-	width: 100%;
-	padding: 0;
-}
-
-/******************************************************************************/
-/*                                    Print                                   */
-/******************************************************************************/
-
-	@media print {
-		/* Pages have their own margins. */
-		html {
-			margin: 0;
-		}
-		/* Serif for print. */
-		body {
-			font-family: serif;
-		}
-
-		.outdated-warning {
-			position: absolute;
-			border-style: solid;
-			border-color: red;
-		}
-
-		.outdated-warning input {
-			display: none;
-		}
-	}
-	@page {
-		margin: 1.5cm 1.1cm;
-	}
-
-
-
-/******************************************************************************/
-/*                             Overflow Control                               */
-/******************************************************************************/
-
-	.figure .caption, .sidefigure .caption, figcaption {
-		/* in case figure is overlarge, limit caption to 50em */
-		max-width: 50rem;
-		margin-left: auto;
-		margin-right: auto;
-	}
-	.overlarge {
-		/* Magic to create good item positioning:
-		  "content column" is 50ems wide at max; less on smaller screens.
-		  Extra space (after ToC + content) is empty on the right.
-
-		  1. When item < content column, centers item in column.
-		  2. When content < item < available, left-aligns.
-		  3. When item > available, fills available + scroll bar.
-		*/
-		display: grid;
-		grid-template-columns: minmax(0, 50em);
-	}
-	.overlarge > table {
-		/* limit preferred width of table */
-		max-width: 50em;
-		margin-left: auto;
-		margin-right: auto;
-	}
-
-	@media (min-width: 55em) {
-		.overlarge {
-			margin-right: calc(13px + 26.5rem - 50vw);
-			max-width: none;
-		}
-	}
-	@media screen and (min-width: 78em) {
-		body:not(.toc-inline) .overlarge {
-			/* 30.5em body padding 50em content area */
-			margin-right: calc(40em - 50vw) !important;
-		}
-	}
-	@media screen and (min-width: 90em) {
-		body:not(.toc-inline) .overlarge {
-			/* 4em html margin 30.5em body padding 50em content area */
-			margin-right: calc(84.5em - 100vw) !important;
-		}
-	}
-
-	@media not print {
-		.overlarge {
-			overflow-x: auto;
-			/* See Lea Verou's explanation background-attachment:
-			* http://lea.verou.me/2012/04/background-attachment-local/
-			*
-			background: top left  / 4em 100% linear-gradient(to right,  #ffffff, rgba(255, 255, 255, 0)) local,
-						top right / 4em 100% linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0)) local,
-						top left  / 1em 100% linear-gradient(to right,  #c3c3c5, rgba(195, 195, 197, 0)) scroll,
-						top right / 1em 100% linear-gradient(to left, #c3c3c5, rgba(195, 195, 197, 0)) scroll,
-						white;
-			background-repeat: no-repeat;
-			*/
-		}
-	}
-</style>
+  <title>WebXR Meshing API Level 1</title>
+  <meta content="DREAM" name="w3c-status">
+  <link href="https://www.w3.org/StyleSheets/TR/2021/W3C-DREAM" rel="stylesheet">
+  <link href="https://www.w3.org/2008/site/images/favicon.ico" rel="icon">
   <meta content="dark light" name="color-scheme">
+  <link href="https://www.w3.org/StyleSheets/TR/2021/dark.css" media="(prefers-color-scheme: dark)" rel="stylesheet" type="text/css">
   <link href="favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
   <link href="favicon-96x96.png" rel="icon" sizes="96x96" type="image/png">
 <style>
@@ -2227,30 +747,32 @@
 </style>
  <body class="h-entry">
   <div class="head">
-   <p data-fill-with="logo"></p>
+   <p data-fill-with="logo"><a class="logo" href="https://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/StyleSheets/TR/2021/logos/W3C" width="72"> </a> </p>
    <h1 class="p-name no-ref" id="title">WebXR Meshing API Level 1</h1>
-   <h2 class="no-num no-toc no-ref heading settled" id="profile-and-date"><span class="content">A Collection of Interesting Ideas, <time class="dt-updated" datetime="1970-01-01">1 January 1970</time></span></h2>
-   <div data-fill-with="spec-metadata">
-    <dl>
-     <dt>Previous Versions:
-     <dd><a href rel="prev"></a>
-     <dt class="editor">Editor:
-     <dd class="editor p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:rcabanier@magicleap.com">Rik Cabanier</a> (<a class="p-org org" href="https://magicleap.com">Magic Leap</a>)
-    </dl>
-   </div>
+   <p id="w3c-state"><a href="https://www.w3.org/standards/types#DREAM">A Collection of Interesting Ideas</a>, <time class="dt-updated" datetime="1970-01-01">1 January 1970</time></p>
+   <details open>
+    <summary>More details about this document</summary>
+    <div data-fill-with="spec-metadata">
+     <dl>
+      <dt>Previous Versions:
+      <dd><a href rel="prev"></a>
+      <dt class="editor">Editor:
+      <dd class="editor p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:rcabanier@magicleap.com">Rik Cabanier</a> (<a class="p-org org" href="https://magicleap.com">Magic Leap</a>)
+     </dl>
+    </div>
+   </details>
    <div data-fill-with="warning"></div>
-   <p class="copyright" data-fill-with="copyright"><a href="http://creativecommons.org/publicdomain/zero/1.0/" rel="license"><img alt="CC0" height="15" src="https://licensebuttons.net/p/zero/1.0/80x15.png" width="80"></a> To the extent possible under law, the editors have waived all copyright
-and related or neighboring rights to this work.
-In addition, as of 1 January 1970,
-the editors have made this specification available under the <a href="http://www.openwebfoundation.org/legal/the-owf-1-0-agreements/owfa-1-0" rel="license">Open Web Foundation Agreement Version 1.0</a>,
-which is available at http://www.openwebfoundation.org/legal/the-owf-1-0-agreements/owfa-1-0.
-Parts of this work may be from another specification document.  If so, those parts are instead covered by the license of that specification document. </p>
+   <p class="copyright" data-fill-with="copyright"><a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 1970 <a href="https://www.w3.org/">World Wide Web Consortium</a>. <abbr title="World Wide Web Consortium">W3C</abbr><sup>®</sup> <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document" rel="license">permissive document license</a> rules apply. </p>
    <hr title="Separator for header">
   </div>
   <div class="p-summary" data-fill-with="abstract">
    <h2 class="no-num no-toc no-ref heading settled" id="abstract"><span class="content">Abstract</span></h2>
    <p>This specification describes support for accessing the geometry of real world objects during a WebXR session.</p>
   </div>
+  <h2 class="no-num no-toc no-ref heading settled" id="sotd"><span class="content">Status of this document</span></h2>
+  <div data-fill-with="status">
+   <p></p>
+  </div>
   <div data-fill-with="at-risk"></div>
   <nav data-fill-with="table-of-contents" id="toc">
    <h2 class="no-num no-toc no-ref" id="contents">Table of Contents</h2>
@@ -2275,7 +797,12 @@ <h2 class="no-num no-toc no-ref" id="contents">Table of Contents</h2>
       <li><a href="#xrframe-interface"><span class="secno">3.2</span> <span class="content">XRFrame</span></a>
      </ol>
     <li><a href="#security"><span class="secno">4</span> <span class="content">Security and Privacy Considerations</span></a>
-    <li><a href="#conformance"><span class="secno"></span> <span class="content"> Conformance</span></a>
+    <li>
+     <a href="#w3c-conformance"><span class="secno"></span> <span class="content">Conformance</span></a>
+     <ol class="toc">
+      <li><a href="#w3c-conventions"><span class="secno"></span> <span class="content">Document conventions</span></a>
+      <li><a href="#w3c-conformant-algorithms"><span class="secno"></span> <span class="content">Conformant Algorithms</span></a>
+     </ol>
     <li>
      <a href="#index"><span class="secno"></span> <span class="content">Index</span></a>
      <ol class="toc">
@@ -2422,151 +949,47 @@ <h2 class="heading settled" data-level="4" id="security"><span class="secno">4.
    <p class="issue" id="issue-22eb3e63"><a class="self-link" href="#issue-22eb3e63"></a> clarify this section</p>
   </main>
   <div data-fill-with="conformance">
-   <h2 class="no-ref no-num heading settled" id="conformance"><span class="content"> Conformance</span><a class="self-link" href="#conformance"></a></h2>
-   <p> Conformance requirements are expressed with a combination of descriptive assertions and RFC 2119 terminology.
-            The key words “MUST”, “MUST NOT”, “REQUIRED”, “SHALL”, “SHALL NOT”, “SHOULD”, “SHOULD NOT”, “RECOMMENDED”, “MAY”, and “OPTIONAL”
-            in the normative parts of this document
-            are to be interpreted as described in RFC 2119.
-            However, for readability,
-            these words do not appear in all uppercase letters in this specification. </p>
-   <p> All of the text of this specification is normative
-            except sections explicitly marked as non-normative, examples, and notes. <a data-link-type="biblio" href="#biblio-rfc2119" title="Key words for use in RFCs to Indicate Requirement Levels">[RFC2119]</a> </p>
-   <p> Examples in this specification are introduced with the words “for example”
-            or are set apart from the normative text with <code>class="example"</code>, like this: </p>
-   <div class="example" id="example-example"><a class="self-link" href="#example-example"></a> This is an example of an informative example. </div>
-   <p> Informative notes begin with the word “Note”
-            and are set apart from the normative text with <code>class="note"</code>, like this: </p>
-   <p class="note" role="note"> Note, this is an informative note.</p>
+   <h2 class="no-ref no-num heading settled" id="w3c-conformance"><span class="content">Conformance</span><a class="self-link" href="#w3c-conformance"></a></h2>
+   <h3 class="no-ref no-num heading settled" id="w3c-conventions"><span class="content">Document conventions</span><a class="self-link" href="#w3c-conventions"></a></h3>
+   <p>Conformance requirements are expressed
+    with a combination of descriptive assertions
+    and RFC 2119 terminology.
+    The key words “MUST”, “MUST NOT”, “REQUIRED”, “SHALL”, “SHALL NOT”, “SHOULD”, “SHOULD NOT”, “RECOMMENDED”, “MAY”, and “OPTIONAL”
+    in the normative parts of this document
+    are to be interpreted as described in RFC 2119.
+    However, for readability,
+    these words do not appear in all uppercase letters in this specification. </p>
+   <p>All of the text of this specification is normative
+    except sections explicitly marked as non-normative, examples, and notes. <a data-link-type="biblio" href="#biblio-rfc2119" title="Key words for use in RFCs to Indicate Requirement Levels">[RFC2119]</a> </p>
+   <p>Examples in this specification are introduced with the words “for example”
+    or are set apart from the normative text
+    with <code>class="example"</code>,
+    like this: </p>
+   <div class="example" id="w3c-example">
+    <a class="self-link" href="#w3c-example"></a> 
+    <p>This is an example of an informative example. </p>
+   </div>
+   <p>Informative notes begin with the word “Note”
+    and are set apart from the normative text
+    with <code>class="note"</code>,
+    like this: </p>
+   <p class="note" role="note">Note, this is an informative note.</p>
+   <h3 class="no-ref no-num heading settled" id="w3c-conformant-algorithms"><span class="content">Conformant Algorithms</span><a class="self-link" href="#w3c-conformant-algorithms"></a></h3>
+   <p>Requirements phrased in the imperative as part of algorithms
+    (such as "strip any leading space characters"
+    or "return false and abort these steps")
+    are to be interpreted with the meaning of the key word
+    ("must", "should", "may", etc)
+    used in introducing the algorithm. </p>
+   <p>Conformance requirements phrased as algorithms or specific steps
+    can be implemented in any manner,
+    so long as the end result is equivalent.
+    In particular, the algorithms defined in this specification
+    are intended to be easy to understand
+    and are not intended to be performant.
+    Implementers are encouraged to optimize. </p>
   </div>
-<script>
-(function() {
-  "use strict";
-  var collapseSidebarText = '<span aria-hidden="true">←</span> '
-                          + '<span>Collapse Sidebar</span>';
-  var expandSidebarText   = '<span aria-hidden="true">→</span> '
-                          + '<span>Pop Out Sidebar</span>';
-  var tocJumpText         = '<span aria-hidden="true">↑</span> '
-                          + '<span>Jump to Table of Contents</span>';
-
-  var sidebarMedia = window.matchMedia('screen and (min-width: 78em)');
-  var autoToggle   = function(e){ toggleSidebar(e.matches) };
-  if(sidebarMedia.addListener) {
-    sidebarMedia.addListener(autoToggle);
-  }
-
-  function toggleSidebar(on) {
-    if (on == undefined) {
-      on = !document.body.classList.contains('toc-sidebar');
-    }
-
-    /* Don't scroll to compensate for the ToC if we're above it already. */
-    var headY = 0;
-    var head = document.querySelector('.head');
-    if (head) {
-      // terrible approx of "top of ToC"
-      headY += head.offsetTop + head.offsetHeight;
-    }
-    var skipScroll = window.scrollY < headY;
-
-    var toggle = document.getElementById('toc-toggle');
-    var tocNav = document.getElementById('toc');
-    if (on) {
-      var tocHeight = tocNav.offsetHeight;
-      document.body.classList.add('toc-sidebar');
-      document.body.classList.remove('toc-inline');
-      toggle.innerHTML = collapseSidebarText;
-      if (!skipScroll) {
-        window.scrollBy(0, 0 - tocHeight);
-      }
-      tocNav.focus();
-      sidebarMedia.addListener(autoToggle); // auto-collapse when out of room
-    }
-    else {
-      document.body.classList.add('toc-inline');
-      document.body.classList.remove('toc-sidebar');
-      toggle.innerHTML = expandSidebarText;
-      if (!skipScroll) {
-        window.scrollBy(0, tocNav.offsetHeight);
-      }
-      if (toggle.matches(':hover')) {
-        /* Unfocus button when not using keyboard navigation,
-           because I don't know where else to send the focus. */
-        toggle.blur();
-      }
-    }
-  }
-
-  function createSidebarToggle() {
-    /* Create the sidebar toggle in JS; it shouldn't exist when JS is off. */
-    var toggle = document.createElement('a');
-      /* This should probably be a button, but appearance isn't standards-track.*/
-    toggle.id = 'toc-toggle';
-    toggle.class = 'toc-toggle';
-    toggle.href = '#toc';
-    toggle.innerHTML = collapseSidebarText;
-
-    sidebarMedia.addListener(autoToggle);
-    var toggler = function(e) {
-      e.preventDefault();
-      sidebarMedia.removeListener(autoToggle); // persist explicit off states
-      toggleSidebar();
-      return false;
-    }
-    toggle.addEventListener('click', toggler, false);
-
-
-    /* Get <nav id=toc-nav>, or make it if we don't have one. */
-    var tocNav = document.getElementById('toc-nav');
-    if (!tocNav) {
-      tocNav = document.createElement('p');
-      tocNav.id = 'toc-nav';
-      /* Prepend for better keyboard navigation */
-      document.body.insertBefore(tocNav, document.body.firstChild);
-    }
-    /* While we're at it, make sure we have a Jump to Toc link. */
-    var tocJump = document.getElementById('toc-jump');
-    if (!tocJump) {
-      tocJump = document.createElement('a');
-      tocJump.id = 'toc-jump';
-      tocJump.href = '#toc';
-      tocJump.innerHTML = tocJumpText;
-      tocNav.appendChild(tocJump);
-    }
-
-    tocNav.appendChild(toggle);
-  }
-
-  var toc = document.getElementById('toc');
-  if (toc) {
-    createSidebarToggle();
-    toggleSidebar(sidebarMedia.matches);
-
-    /* If the sidebar has been manually opened and is currently overlaying the text
-       (window too small for the MQ to add the margin to body),
-       then auto-close the sidebar once you click on something in there. */
-    toc.addEventListener('click', function(e) {
-      if(e.target.tagName.toLowerCase() == "a" && document.body.classList.contains('toc-sidebar') && !sidebarMedia.matches) {
-        toggleSidebar(false);
-      }
-    }, false);
-  }
-  else {
-    console.warn("Can't find Table of Contents. Please use <nav id='toc'> around the ToC.");
-  }
-
-  /* Wrap tables in case they overflow */
-  var tables = document.querySelectorAll(':not(.overlarge) > table.data, :not(.overlarge) > table.index');
-  var numTables = tables.length;
-  for (var i = 0; i < numTables; i++) {
-    var table = tables[i];
-    var wrapper = document.createElement('div');
-    wrapper.className = 'overlarge';
-    table.parentNode.insertBefore(wrapper, table);
-    wrapper.appendChild(table);
-  }
-
-})();
-</script>
+  <script src="https://www.w3.org/scripts/TR/2021/fixup.js"></script>
   <h2 class="no-num no-ref heading settled" id="index"><span class="content">Index</span><a class="self-link" href="#index"></a></h2>
   <h3 class="no-num no-ref heading settled" id="index-defined-here"><span class="content">Terms defined by this specification</span><a class="self-link" href="#index-defined-here"></a></h3>
   <ul class="index">
diff --git a/tests/github/immersive-web/webvr/spec/1.1/index.console.txt b/tests/github/immersive-web/webvr/spec/1.1/index.console.txt
index ca04b68fd3..8346970c4f 100644
--- a/tests/github/immersive-web/webvr/spec/1.1/index.console.txt
+++ b/tests/github/immersive-web/webvr/spec/1.1/index.console.txt
@@ -1,3 +1,4 @@
+FATAL ERROR: Unknown Group 'immersiveweb'. See docs for recognized Group values.
 FATAL ERROR: The [Constructor] extended attribute (on VRFrameData) is deprecated, please switch to a constructor() method.
 FATAL ERROR: The [Constructor] extended attribute (on VRDisplayEvent) is deprecated, please switch to a constructor() method.
 LINE 193: Multiple elements have the same ID 'dom-vrdisplay-geteyeparameters'.
diff --git a/tests/github/immersive-web/webvr/spec/1.1/index.html b/tests/github/immersive-web/webvr/spec/1.1/index.html
index 819fd87974..9eae8dd45b 100644
--- a/tests/github/immersive-web/webvr/spec/1.1/index.html
+++ b/tests/github/immersive-web/webvr/spec/1.1/index.html
@@ -3,7 +3,7 @@
   <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
   <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
   <title>WebVR</title>
-  <meta content="w3c/ED" name="w3c-status">
+  <meta content="ED" name="w3c-status">
   <link href="https://www.w3.org/StyleSheets/TR/2021/W3C-ED" rel="stylesheet">
   <link href="https://www.w3.org/2008/site/images/favicon.ico" rel="icon">
   <link href="https://immersive-web.github.io/webvr/" rel="canonical">
diff --git a/tests/github/w3c/PFE/Overview.html b/tests/github/w3c/PFE/Overview.html
index 8ebdacc5c4..b1c7bc82a1 100644
--- a/tests/github/w3c/PFE/Overview.html
+++ b/tests/github/w3c/PFE/Overview.html
@@ -3,7 +3,7 @@
   <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
   <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
   <title>Incremental Font Transfer</title>
-  <meta content="w3c/ED" name="w3c-status">
+  <meta content="ED" name="w3c-status">
   <link href="https://www.w3.org/StyleSheets/TR/2021/W3C-ED" rel="stylesheet">
   <link href="https://www.w3.org/TR/example/" rel="canonical">
   <meta content="dark light" name="color-scheme">
diff --git a/tests/github/w3c/ServiceWorker/publish/service_worker/WD-service-workers-20160830/index.console.txt b/tests/github/w3c/ServiceWorker/publish/service_worker/WD-service-workers-20160830/index.console.txt
index cfe27c6243..ec6786fb83 100644
--- a/tests/github/w3c/ServiceWorker/publish/service_worker/WD-service-workers-20160830/index.console.txt
+++ b/tests/github/w3c/ServiceWorker/publish/service_worker/WD-service-workers-20160830/index.console.txt
@@ -1,5 +1,3 @@
-FATAL ERROR: Not all required metadata was provided:
-    Must provide at least one 'Issue Tracking' entry.
 LINE 633: The var 'client' (in algorithm 'service-worker-registration-update') is only used once.
 If this is not a typo, please add an ignore='' attribute to the <var>.
 LINE 649: The var 'client' (in algorithm 'navigator-service-worker-unregister') is only used once.
diff --git a/tests/github/w3c/ServiceWorker/publish/service_worker_1/WD-service-workers-1-20161011/index.console.txt b/tests/github/w3c/ServiceWorker/publish/service_worker_1/WD-service-workers-1-20161011/index.console.txt
index e2ec57aabc..bffddce557 100644
--- a/tests/github/w3c/ServiceWorker/publish/service_worker_1/WD-service-workers-1-20161011/index.console.txt
+++ b/tests/github/w3c/ServiceWorker/publish/service_worker_1/WD-service-workers-1-20161011/index.console.txt
@@ -1,5 +1,3 @@
-FATAL ERROR: Not all required metadata was provided:
-    Must provide at least one 'Issue Tracking' entry.
 LINE 610: The var 'client' (in algorithm 'service-worker-registration-update') is only used once.
 If this is not a typo, please add an ignore='' attribute to the <var>.
 LINE 626: The var 'client' (in algorithm 'navigator-service-worker-unregister') is only used once.
diff --git a/tests/github/w3c/clipboard-apis/index.html b/tests/github/w3c/clipboard-apis/index.html
index 04562b08a2..9b9ba7cab4 100644
--- a/tests/github/w3c/clipboard-apis/index.html
+++ b/tests/github/w3c/clipboard-apis/index.html
@@ -3,7 +3,7 @@
   <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
   <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
   <title>Clipboard API and events</title>
-  <meta content="w3c/ED" name="w3c-status">
+  <meta content="ED" name="w3c-status">
   <link href="https://www.w3.org/StyleSheets/TR/2021/W3C-ED" rel="stylesheet">
   <link href="https://www.w3.org/2008/site/images/favicon.ico" rel="icon">
   <link href="https://www.w3.org/TR/clipboard-apis/" rel="canonical">
diff --git a/tests/github/w3c/css-houdini-drafts/box-tree-api/Overview.console.txt b/tests/github/w3c/css-houdini-drafts/box-tree-api/Overview.console.txt
index 3796fe9414..51ef18da9e 100644
--- a/tests/github/w3c/css-houdini-drafts/box-tree-api/Overview.console.txt
+++ b/tests/github/w3c/css-houdini-drafts/box-tree-api/Overview.console.txt
@@ -1,4 +1,4 @@
-WARNING: You used Status: DREAM for a W3C document. Consider UD instead.
+WARNING: You used Status:DREAM for a W3C document. Consider Status:UD instead.
 LINK ERROR: No 'idl-name' refs found for 'void'.
 <a data-link-type="idl-name" data-lt="void">void</a>
 WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/w3c/css-houdini-drafts/box-tree-api/Overview.html b/tests/github/w3c/css-houdini-drafts/box-tree-api/Overview.html
index cf6590b57b..8892db7284 100644
--- a/tests/github/w3c/css-houdini-drafts/box-tree-api/Overview.html
+++ b/tests/github/w3c/css-houdini-drafts/box-tree-api/Overview.html
@@ -1,1494 +1,14 @@
 <!doctype html><html lang="en">
  <head>
   <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
-  <title>Box Tree API Level 1</title>
   <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
-<style data-fill-with="stylesheet">/******************************************************************************
- *                   Style sheet for the W3C specifications                   *
- *
- * Special classes handled by this style sheet include:
- *
- * Indices
- *   - .toc for the Table of Contents (<ol class="toc">)
- *     + <span class="secno"> for the section numbers
- *   - #toc for the Table of Contents (<nav id="toc">)
- *   - ul.index for Indices (<a href="#ref">term</a><span>, in § N.M</span>)
- *   - table.index for Index Tables (e.g. for properties or elements)
- *
- * Structural Markup
- *   - table.data for general data tables
- *     -> use 'scope' attribute, <colgroup>, <thead>, and <tbody> for best results !
- *     -> use <table class='complex data'> for extra-complex tables
- *     -> use <td class='long'> for paragraph-length cell content
- *     -> use <td class='pre'> when manual line breaks/indentation would help readability
- *   - dl.switch for switch statements
- *   - ol.algorithm for algorithms (helps to visualize nesting)
- *   - .figure and .caption (HTML4) and figure and figcaption (HTML5)
- *     -> .sidefigure for right-floated figures
- *   - ins/del
- *     -> ins/del.c### for candidate and proposed changes (amendments)
- *
- * Code
- *   - pre and code
- *
- * Special Sections
- *   - .note       for informative notes             (div, p, span, aside, details)
- *   - .example    for informative examples          (div, p, pre, span)
- *   - .issue      for issues                        (div, p, span)
- *   - .advisement for loud normative statements     (div, p, strong)
- *   - .annoying-warning for spec obsoletion notices (div, aside, details)
- *   - .correction for "candidate corrections"       (div, aside, details, section)
- *   - .addition   for "candidate additions"         (div, aside, details, section)
- *   - .correction.proposed for "proposed corrections" (div, aside, details, section)
- *   - .addition.proposed   for "proposed additions"   (div, aside, details, section)
- *
- * Definition Boxes
- *   - pre.def   for WebIDL definitions
- *   - table.def for tables that define other entities (e.g. CSS properties)
- *   - dl.def    for definition lists that define other entitles (e.g. HTML elements)
- *
- * Numbering
- *   - .secno for section numbers in .toc and headings (<span class='secno'>3.2</span>)
- *   - .marker for source-inserted example/figure/issue numbers (<span class='marker'>Issue 4</span>)
- *   - ::before styled for CSS-generated issue/example/figure numbers:
- *     -> Documents wishing to use this only need to add
- *        figcaption::before,
- *        .caption::before { content: "Figure "  counter(figure) " ";  }
- *        .example::before { content: "Example " counter(example) " "; }
- *        .issue::before   { content: "Issue "   counter(issue) " ";   }
- *
- * Header Stuff (ignore, just don't conflict with these classes)
- *   - .head for the header
- *   - .copyright for the copyright
- *
- * Outdated warning for old specs
- *
- * Miscellaneous
- *   - .overlarge for things that should be as wide as possible, even if
- *     that overflows the body text area. This can be used on an item or
- *     on its container, depending on the effect desired.
- *     Note that this styling basically doesn't help at all when printing,
- *     since A4 paper isn't much wider than the max-width here.
- *     It's better to design things to fit into a narrower measure if possible.
- *
- *   - js-added ToC jump links (see fixup.js)
- *
- ******************************************************************************/
-
-/* color variables included separately for reliability */
-
-/******************************************************************************/
-/*                                    Body                                    */
-/******************************************************************************/
-
-	html {
-	}
-
-	body {
-		counter-reset: example figure issue;
-
-		/* Layout */
-		max-width: 50em;			  /* limit line length to 50em for readability   */
-		margin: 0 auto;				/* center text within page                    */
-		padding: 1.6em 1.5em 2em 50px; /* assume 16px font size for downlevel clients */
-		padding: 1.6em 1.5em 2em calc(26px + 1.5em); /* leave space for status flag    */
-
-		/* Typography */
-		line-height: 1.5;
-		font-family: sans-serif;
-		widows: 2;
-		orphans: 2;
-		word-wrap: break-word;
-		overflow-wrap: break-word;
-		hyphens: auto;
-
-		color: black;
-		color: var(--text);
-		background: white top left fixed no-repeat;
-		background: var(--bg) top left fixed no-repeat;
-		background-size: 25px auto;
-	}
-
-
-/******************************************************************************/
-/*                         Front Matter & Navigation                          */
-/******************************************************************************/
-
-/** Header ********************************************************************/
-
-	div.head { margin-bottom: 1em; }
-	div.head hr { border-style: solid; }
-
-	div.head h1 {
-		font-weight: bold;
-		margin: 0 0 .1em;
-		font-size: 220%;
-	}
-
-	div.head h2 { margin-bottom: 1.5em;}
-
-/** W3C Logo ******************************************************************/
-
-	.head .logo {
-		float: right;
-		margin: 0.4rem 0 0.2rem .4rem;
-	}
-
-	.head img[src*="logos/W3C"] {
-		display: block;
-		border: solid #1a5e9a;
-		border: solid var(--logo-bg);
-		border-width: .65rem .7rem .6rem;
-		border-radius: .4rem;
-		background: #1a5e9a;
-		background: var(--logo-bg);
-		color: white;
-		color: var(--logo-text);
-		font-weight: bold;
-	}
-
-	.head a:hover > img[src*="logos/W3C"],
-	.head a:focus > img[src*="logos/W3C"] {
-		opacity: .8;
-	}
-
-	.head a:active > img[src*="logos/W3C"] {
-		background: #c00;
-		background: var(--logo-active-bg);
-		border-color: #c00;
-		border-color: var(--logo-active-bg);
-	}
-
-	/* see also additional rules in Link Styling section */
-
-/** Copyright *****************************************************************/
-
-	p.copyright,
-	p.copyright small { font-size: small; }
-
-/** Back to Top / ToC Toggle **************************************************/
-
-	@media print {
-		#toc-nav {
-			display: none;
-		}
-	}
-	@media not print {
-		#toc-nav {
-			position: fixed;
-			z-index: 3;
-			bottom: 0; left: 0;
-			margin: 0;
-			min-width: 1.33em;
-			border-top-right-radius: 2rem;
-			box-shadow: 0 0 2px;
-			font-size: 1.5em;
-		}
-		#toc-nav > a {
-			display: block;
-			white-space: nowrap;
-
-			height: 1.33em;
-			padding: .1em 0.3em;
-			margin: 0;
-
-			box-shadow: 0 0 2px;
-			border: none;
-			border-top-right-radius: 1.33em;
-
-			color: #707070;
-			color: var(--tocnav-normal-text);
-			background: white;
-			background: var(--tocnav-normal-bg);
-		}
-		#toc-nav > a:hover,
-		#toc-nav > a:focus {
-			color: black;
-			color: var(--tocnav-hover-text);
-			background: #f8f8f8;
-			background: var(--tocnav-hover-bg);
-		}
-		#toc-nav > a:active {
-			color: #c00;
-			color: var(--tocnav-active-text);
-			background: white;
-			background: var(--tocnav-active-bg);
-		}
-
-		#toc-nav > #toc-jump {
-			padding-bottom: 2em;
-			margin-bottom: -1.9em;
-		}
-
-		/* statusbar gets in the way on keyboard focus; remove once browsers fix */
-		#toc-nav > a[href="#toc"]:not(:hover):focus:last-child {
-			padding-bottom: 1.5rem;
-		}
-
-		#toc-nav:not(:hover) > a:not(:focus) > span + span {
-			/* Ideally this uses :focus-within on #toc-nav */
-			display: none;
-		}
-		#toc-nav > a > span + span {
-			padding-right: 0.2em;
-		}
-	}
-
-/** ToC Sidebar ***************************************************************/
-
-	/* Floating sidebar */
-	@media screen {
-		body.toc-sidebar #toc {
-			position: fixed;
-			top: 0; bottom: 0;
-			left: 0;
-			width: 23.5em;
-			max-width: 80%;
-			max-width: calc(100% - 2em - 26px);
-			overflow: auto;
-			padding: 0 1em;
-			padding-left: 42px;
-			padding-left: calc(1em + 26px);
-			color: black;
-			color: var(--tocsidebar-text);
-			background: inherit;
-			background-color: #f7f8f9;
-			background-color: var(--tocsidebar-bg);
-			z-index: 1;
-			box-shadow: -.1em 0 .25em rgba(0,0,0,.1) inset;
-			box-shadow: -.1em 0 .25em var(--tocsidebar-shadow) inset;
-		}
-		body.toc-sidebar #toc h2 {
-			margin-top: .8rem;
-			font-variant: small-caps;
-			font-variant: all-small-caps;
-			text-transform: lowercase;
-			font-weight: bold;
-			color: gray;
-			color: hsla(203,20%,40%,.7);
-			color: var(--tocsidebar-heading-text);
-		}
-		body.toc-sidebar #toc-jump:not(:focus) {
-			width: 0;
-			height: 0;
-			padding: 0;
-			position: absolute;
-			overflow: hidden;
-		}
-	}
-	/* Hide main scroller when only the ToC is visible anyway */
-	@media screen and (max-width: 28em) {
-		body.toc-sidebar {
-			overflow: hidden;
-		}
-	}
-
-	/* Sidebar with its own space */
-	@media screen and (min-width: 78em) {
-		body:not(.toc-inline) #toc {
-			position: fixed;
-			top: 0; bottom: 0;
-			left: 0;
-			width: 23.5em;
-			overflow: auto;
-			padding: 0 1em;
-			padding-left: 42px;
-			padding-left: calc(1em + 26px);
-			color: black;
-			color: var(--tocsidebar-text);
-			background: inherit;
-			background-color: #f7f8f9;
-			background-color: var(--tocsidebar-bg);
-			z-index: 1;
-			box-shadow: -.1em 0 .25em rgba(0,0,0,.1) inset;
-			box-shadow: -.1em 0 .25em var(--tocsidebar-shadow) inset;
-		}
-		body:not(.toc-inline) #toc h2 {
-			margin-top: .8rem;
-			font-variant: small-caps;
-			font-variant: all-small-caps;
-			text-transform: lowercase;
-			font-weight: bold;
-			color: gray;
-			color: hsla(203,20%,40%,.7);
-			color: var(--tocsidebar-heading-text);
-		}
-
-		body:not(.toc-inline) {
-			padding-left: 29em;
-		}
-		/* See also Overflow section at the bottom */
-
-		body:not(.toc-inline) #toc-jump:not(:focus) {
-			width: 0;
-			height: 0;
-			padding: 0;
-			position: absolute;
-			overflow: hidden;
-		}
-	}
-	@media screen and (min-width: 90em) {
-		body:not(.toc-inline) {
-			margin: 0 4em;
-		}
-	}
-
-/******************************************************************************/
-/*                                Sectioning                                  */
-/******************************************************************************/
-
-/** Headings ******************************************************************/
-
-	h1, h2, h3, h4, h5, h6, dt {
-		page-break-after: avoid;
-		page-break-inside: avoid;
-		font: 100% sans-serif;   /* Reset all font styling to clear out UA styles */
-		font-family: inherit;	/* Inherit the font family. */
-		line-height: 1.2;		/* Keep wrapped headings compact */
-		hyphens: manual;		/* Hyphenated headings look weird */
-	}
-
-	h2, h3, h4, h5, h6 {
-		margin-top: 3rem;
-	}
-
-	h1, h2, h3 {
-		color: #005A9C;
-		color: var(--heading-text);
-	}
-
-	h1 { font-size: 170%; }
-	h2 { font-size: 140%; }
-	h3 { font-size: 120%; }
-	h4 { font-weight: bold; }
-	h5 { font-style: italic; }
-	h6 { font-variant: small-caps; }
-	dt { font-weight: bold; }
-
-/** Subheadings ***************************************************************/
-
-	h1 + h2,
-	#profile-and-date {
-		/* #profile-and-date is a subtitle in an H2 under the H1 */
-		margin-top: 0;
-	}
-	h2 + h3,
-	h3 + h4,
-	h4 + h5,
-	h5 + h6 {
-		margin-top: 1.2em; /* = 1 x line-height */
-	}
-
-/** Section divider ***********************************************************/
-
-	:not(.head) > :not(.head) + hr {
-		font-size: 1.5em;
-		text-align: center;
-		margin: 1em auto;
-		height: auto;
-		color: black;
-		color: var(--hr-text);
-		border: transparent solid 0;
-		background: transparent;
-	}
-	:not(.head) > hr::before {
-		content: "\2727\2003\2003\2727\2003\2003\2727";
-	}
-
-/******************************************************************************/
-/*                            Paragraphs and Lists                            */
-/******************************************************************************/
-
-	p {
-		margin: 1em 0;
-	}
-
-	dd > p:first-child,
-	li > p:first-child {
-		margin-top: 0;
-	}
-
-	ul, ol {
-		margin-left: 0;
-		padding-left: 2em;
-	}
-
-	li {
-		margin: 0.25em 0 0.5em;
-		padding: 0;
-	}
-
-	dl dd {
-		margin: 0 0 .5em 2em;
-	}
-
-	.head dd + dd { /* compact for header */
-		margin-top: -.5em;
-	}
-
-	/* Style for algorithms */
-	ol.algorithm ol:not(.algorithm),
-	.algorithm > ol ol:not(.algorithm) {
-	border-left: 0.5em solid #DEF;
-	border-left: 0.5em solid var(--algo-border);
-	}
-
-	/* Put nice boxes around each algorithm. */
-	[data-algorithm]:not(.heading) {
-	 padding: .5em;
-	 border: thin solid #ddd;
-	 border: thin solid var(--algo-border);
-	 border-radius: .5em;
-	 margin: .5em calc(-0.5em - 1px);
-	}
-	[data-algorithm]:not(.heading) > :first-child {
-	 margin-top: 0;
-	}
-	[data-algorithm]:not(.heading) > :last-child {
-	 margin-bottom: 0;
-	}
-
-	/* Style for switch/case <dl>s */
-	dl.switch > dd > ol.only,
-	dl.switch > dd > .only > ol {
-	margin-left: 0;
-	}
-	dl.switch > dd > ol.algorithm,
-	dl.switch > dd > .algorithm > ol {
-	margin-left: -2em;
-	}
-	dl.switch {
-	padding-left: 2em;
-	}
-	dl.switch > dt {
-	text-indent: -1.5em;
-	margin-top: 1em;
-	}
-	dl.switch > dt + dt {
-	margin-top: 0;
-	}
-	dl.switch > dt::before {
-	content: '\21AA';
-	padding: 0 0.5em 0 0;
-	display: inline-block;
-	width: 1em;
-	text-align: right;
-	line-height: 0.5em;
-	}
-
-/** Terminology Markup ********************************************************/
-
-
-/******************************************************************************/
-/*                                 Inline Markup                              */
-/******************************************************************************/
-
-/** Terminology Markup ********************************************************/
-	dfn   { /* Defining instance */
-		font-weight: bolder;
-	}
-	a > i { /* Instance of term */
-		font-style: normal;
-	}
-	dt dfn code, code.idl {
-		font-size: inherit;
-	}
-	dfn var {
-		font-style: normal;
-	}
-
-/** Change Marking ************************************************************/
-
-	del {
-		color: #aa0000;
-		color: var(--del-text);
-		background: transparent;
-		background: var(--del-bg);
-		text-decoration: line-through;
-	}
-	ins {
-		color: #006100;
-		color: var(--ins-text);
-		background: transparent;
-		background: var(--ins-bg);
-		text-decoration: underline;
-	}
-
-	/* for amendments (candidate/proposed changes) */
-
-	.amendment ins, .correction ins, .addition ins,
-	ins[class^=c] {
-		text-decoration-style: dotted;
-	}
-	.amendment del, .correction del, .addition del,
-	del[class^=c] {
-		text-decoration-style: dotted;
-	}
-	.amendment.proposed ins, .correction.proposed ins, .addition.proposed ins,
-	ins[class^=c].proposed {
-		text-decoration-style: double;
-	}
-	.amendment.proposed del, .correction.proposed del, .addition.proposed del,
-	del[class^=c].proposed {
-		text-decoration-style: double;
-	}
-
-/** Miscellaneous improvements to inline formatting ***************************/
-
-	sup {
-		vertical-align: super;
-		font-size: 80%
-	}
-
-/******************************************************************************/
-/*                                    Code                                    */
-/******************************************************************************/
-
-/** General monospace/pre rules ***********************************************/
-
-	pre, code, samp {
-		font-family: Menlo, Consolas, "DejaVu Sans Mono", Monaco, monospace;
-		font-size: .9em;
-		hyphens: none;
-		text-transform: none;
-		text-align: left;
-		text-align: start;
-		font-variant: normal;
-		orphans: 3;
-		widows: 3;
-		page-break-before: avoid;
-	}
-	pre code,
-	code code {
-		font-size: 100%;
-	}
-
-	pre {
-		margin-top: 1em;
-		margin-bottom: 1em;
-		overflow: auto;
-	}
-
-/** Inline Code fragments *****************************************************/
-
-	/* Do something nice. */
-
-/******************************************************************************/
-/*                                    Links                                   */
-/******************************************************************************/
-
-/** General Hyperlinks ********************************************************/
-
-	/* We hyperlink a lot, so make it less intrusive */
-	a[href] {
-		color: #034575;
-		color: var(--a-normal-text);
-		text-decoration: underline #707070;
-		text-decoration: underline var(--a-normal-underline);
-		text-decoration-skip-ink: none;
-	}
-	a:visited {
-		color: #034575;
-		color: var(--a-visited-text);
-		text-decoration-color: #bbb;
-		text-decoration-color: var(--a-visited-underline);
-	}
-
-	/* Indicate interaction with the link */
-	a[href]:focus,
-	a[href]:hover {
-		text-decoration-thickness: 2px;
-	}
-	a[href]:active {
-		color: #c00;
-		color: var(--a-active-text);
-		text-decoration-color: #c00;
-		text-decoration-color: var(--a-active-underline);
-	}
-
-	/* Backout above styling for W3C logo */
-	.head .logo,
-	.head .logo a {
-		border: none;
-		text-decoration: none;
-		background: transparent;
-	}
-
-/******************************************************************************/
-/*                                    Images                                  */
-/******************************************************************************/
-
-	img {
-		border-style: none;
-	}
-
-	img, svg {
-		/* Intentionally not color-scheme aware. */
-		background: white;
-	}
-
-	/* For autogen numbers, add
-	  .caption::before, figcaption::before { content: "Figure " counter(figure) ". "; }
-	*/
-
-	figure, .figure, .sidefigure {
-		page-break-inside: avoid;
-		text-align: center;
-		margin: 2.5em 0;
-	}
-	.figure img,	.sidefigure img,	figure img,
-	.figure object, .sidefigure object, figure object {
-		max-width: 100%;
-		margin: auto;
-		height: auto;
-	}
-	.figure pre, .sidefigure pre, figure pre {
-		text-align: left;
-		display: table;
-		margin: 1em auto;
-	}
-	.figure table, figure table {
-		margin: auto;
-	}
-	@media screen and (min-width: 20em) {
-		.sidefigure {
-			float: right;
-			width: 50%;
-			margin: 0 0 0.5em 0.5em;
-		}
-	}
-	.caption, figcaption, caption {
-		font-style: italic;
-		font-size: 90%;
-	}
-	.caption::before, figcaption::before, figcaption > .marker {
-		font-weight: bold;
-	}
-	.caption, figcaption {
-		counter-increment: figure;
-	}
-
-	/* DL list is indented 2em, but figure inside it is not */
-	dd > .figure, dd > figure { margin-left: -2em; }
-
-/******************************************************************************/
-/*                             Colored Boxes                                  */
-/******************************************************************************/
-
-	.issue, .note, .example, .assertion, .advisement, blockquote,
-	.amendment, .correction, .addition {
-		margin: 1em auto;
-		padding: .5em;
-		border: .5em;
-		border-left-style: solid;
-		page-break-inside: avoid;
-	}
-	span.issue, span.note {
-		padding: .1em .5em .15em;
-		border-right-style: solid;
-	}
-
-	blockquote > :first-child,
-	.note  > p:first-child,
-	.issue > p:first-child,
-	.amendment > p:first-child,
-	.correction > p:first-child,
-	.addition > p:first-child {
-		margin-top: 0;
-	}
-	blockquote > :last-child,
-	.note  > p:last-child,
-	.issue > p:last-child,
-	.amendment > p:last-child,
-	.correction > p:last-child,
-	.addition > p:last-child {
-		margin-bottom: 0;
-	}
-
-
-	.issue::before, .issue > .marker,
-	.example::before, .example > .marker,
-	.note::before, .note > .marker,
-	details.note > summary > .marker,
-	.amendment::before, .amendment > .marker,
-	details.amendment > summary > .marker,
-	.addition::before, .addition > .marker,
-	addition.amendment > summary > .marker,
-	.correction::before, .correction > .marker,
-	correction.amendment > summary > .marker
-	{
-		text-transform: uppercase;
-		padding-right: 1em;
-	}
-
-	.example::before, .example > .marker {
-		display: block;
-		padding-right: 0em;
-	}
-
-/** Blockquotes ***************************************************************/
-
-	blockquote {
-		border-color: silver;
-		border-color: var(--blockquote-border);
-		background: transparent;
-		background: var(--blockquote-bg);
-		color: currentcolor;
-		color: var(--blockquote-text);
-	}
-
-/** Open issue ****************************************************************/
-
-	.issue {
-		border-color: #e05252;
-		border-color: var(--issue-border);
-		background: #fbe9e9;
-		background: var(--issue-bg);
-		color: black;
-		color: var(--issue-text);
-		counter-increment: issue;
-		overflow: auto;
-	}
-	.issue::before, .issue > .marker {
-		color: #831616;
-		color: var(--issueheading-text);
-	}
-	/* Add .issue::before { content: "Issue " counter(issue) " "; } for autogen numbers,
-	  or use class="marker" to mark up the issue number in source. */
-
-/** Example *******************************************************************/
-
-	.example {
-		border-color: #e0cb52;
-		border-color: var(--example-border);
-		background: #fcfaee;
-		background: var(--example-bg);
-		color: black;
-		color: var(--example-text);
-		counter-increment: example;
-		overflow: auto;
-		clear: both;
-	}
-	.example::before, .example > .marker {
-		color: #574b0f;
-		color: var(--exampleheading-text);
-	}
-	/* Add .example::before { content: "Example " counter(example) " "; } for autogen numbers,
-	  or use class="marker" to mark up the example number in source. */
-
-/** Non-normative Note ********************************************************/
-
-	.note {
-		border-color: #52e052;
-		border-color: var(--note-border);
-		background: #e9fbe9;
-		background: var(--note-bg);
-		color: black;
-		color: var(--note-text);
-		overflow: auto;
-	}
-
-	.note::before, .note > .marker,
-	details.note > summary {
-		color: hsl(120, 70%, 30%);
-		color: var(--noteheading-text);
-	}
-	/* Add .note::before { content: "Note "; } for autogen label,
-	  or use class="marker" to mark up the label in source. */
-
-	details.note[open] > summary {
-		border-bottom: 1px silver solid;
-		border-bottom: 1px var(--notesummary-underline) solid;
-	}
-
-/** Assertion Box *************************************************************/
-	/*  for assertions in algorithms */
-
-	.assertion {
-		border-color: #AAA;
-		border-color: var(--assertion-border);
-		background: #EEE;
-		background: var(--assertion-bg);
-		color: black;
-		color: var(--assertion-text);
-	}
-
-/** Advisement Box ************************************************************/
-	/*  for attention-grabbing normative statements */
-
-	.advisement {
-		border-color: orange;
-		border-color: var(--advisement-border);
-		border-style: none solid;
-		background: #fec;
-		background: var(--advisement-bg);
-		color: black;
-		color: var(--advisement-text);
-	}
-	strong.advisement {
-		display: block;
-		text-align: center;
-	}
-	.advisement::before, .advisement > .marker {
-		color: #b35f00;
-		color: var(--advisementheading-text);
-	}
-
-/** Amendment Box *************************************************************/
-
-	.amendment, .correction, .addition {
-		border-color: #330099;
-		border-color: var(--amendment-border);
-		background: #F5F0FF;
-		background: var(--amendment-bg);
-		color: black;
-		color: var(--amendment-text);
-	}
-	.amendment.proposed, .correction.proposed, .addition.proposed {
-		border-style: solid;
-		border-block-width: 0.25em;
-	}
-	.amendment::before, .amendment > .marker,
-	details.amendment > summary::before, details.amendment > summary > .marker,
-	.correction::before, .correction > .marker,
-	details.correction > summary::before, details.correction > summary > .marker,
-	.addition::before, .addition > .marker,
-	details.addition > summary::before, details.addition > summary > .marker {
-		color: #220066;
-		color: var(--amendmentheading-text);
-	}
-	.amendment.proposed::before, .amendment.proposed > .marker,
-	details.amendment.proposed > summary::before, details.amendment.proposed > summary > .marker,
-	.correction.proposed::before, .correction.proposed > .marker,
-	details.correction.proposed > summary::before, details.correction.proposed > summary > .marker,
-	.addition.proposed::before, .addition.proposed > .marker,
-	details.addition.proposed > summary::before, details.addition.proposed > summary > .marker {
-		font-weight: bold;
-	}
-
-/** Spec Obsoletion Notice ****************************************************/
-	/* obnoxious obsoletion notice for older/abandoned specs. */
-
-	details {
-		display: block;
-	}
-	summary {
-		font-weight: bolder;
-	}
-
-	.annoying-warning:not(details),
-	details.annoying-warning:not([open]) > summary,
-	details.annoying-warning[open] {
-		background: hsla(40,100%,50%,0.95);
-		background: var(--warning-bg);
-		color: black;
-		color: var(--warning-text);
-		padding: .75em 1em;
-		border: red;
-		border: var(--warning-border);
-		border-style: solid none;
-		box-shadow: 0 2px 8px black;
-		text-align: center;
-	}
-	.annoying-warning :last-child {
-		margin-bottom: 0;
-	}
-
-@media not print {
-	details.annoying-warning[open] {
-		position: fixed;
-		left: 0;
-		right: 0;
-		bottom: 2em;
-		z-index: 1000;
-	}
-}
-
-	details.annoying-warning:not([open]) > summary {
-		text-align: center;
-	}
-
-/** Entity Definition Boxes ***************************************************/
-
-	.def {
-		padding: .5em 1em;
-		background: #def;
-		background: var(--def-bg);
-		margin: 1.2em 0;
-		border-left: 0.5em solid #8ccbf2;
-		border-left: 0.5em solid var(--def-border);
-		color: black;
-		color: var(--def-text);
-	}
-
-/******************************************************************************/
-/*                                    Tables                                  */
-/******************************************************************************/
-
-	th, td {
-		text-align: left;
-		text-align: start;
-	}
-
-/** Property/Descriptor Definition Tables *************************************/
-
-	table.def {
-		/* inherits .def box styling, see above */
-		width: 100%;
-		border-spacing: 0;
-	}
-
-	table.def td,
-	table.def th {
-		padding: 0.5em;
-		vertical-align: baseline;
-		border-bottom: 1px solid #bbd7e9;
-		border-bottom: 1px solid var(--defrow-border);
-	}
-
-	table.def > tbody > tr:last-child th,
-	table.def > tbody > tr:last-child td {
-		border-bottom: 0;
-	}
-
-	table.def th {
-		font-style: italic;
-		font-weight: normal;
-		padding-left: 1em;
-		width: 3em;
-	}
-
-	/* For when values are extra-complex and need formatting for readability */
-	table td.pre {
-		white-space: pre-wrap;
-	}
-
-	/* A footnote at the bottom of a def table */
-	table.def td.footnote {
-		padding-top: 0.6em;
-	}
-	table.def td.footnote::before {
-		content: " ";
-		display: block;
-		height: 0.6em;
-		width: 4em;
-		border-top: thin solid;
-	}
-
-/** Data tables (and properly marked-up index tables) *************************/
-	/*
-		<table class="data"> highlights structural relationships in a table
-		when correct markup is used (e.g. thead/tbody, th vs. td, scope attribute)
-
-		Use class="complex data" for particularly complicated tables --
-		(This will draw more lines: busier, but clearer.)
-
-		Use class="long" on table cells with paragraph-like contents
-		(This will adjust text alignment accordingly.)
-		Alternately use class="longlastcol" on tables, to have the last column assume "long".
-	*/
-
-	table {
-		word-wrap: normal;
-		overflow-wrap: normal;
-		hyphens: manual;
-	}
-
-	table.data,
-	table.index {
-		margin: 1em auto;
-		border-collapse: collapse;
-		border: hidden;
-		width: 100%;
-	}
-	table.data caption,
-	table.index caption {
-		max-width: 50em;
-		margin: 0 auto 1em;
-	}
-
-	table.data td,  table.data th,
-	table.index td, table.index th {
-		padding: 0.5em 1em;
-		border-width: 1px;
-		border-color: silver;
-		border-color: var(--datacell-border);
-		border-top-style: solid;
-	}
-
-	table.data thead td:empty {
-		padding: 0;
-		border: 0;
-	}
-
-	table.data  thead,
-	table.index thead,
-	table.data  tbody,
-	table.index tbody {
-		border-bottom: 2px solid;
-	}
-
-	table.data colgroup,
-	table.index colgroup {
-		border-left: 2px solid;
-	}
-
-	table.data  tbody th:first-child,
-	table.index tbody th:first-child  {
-		border-right: 2px solid;
-		border-top: 1px solid silver;
-		border-top: 1px solid var(--datacell-border);
-		padding-right: 1em;
-	}
-
-	table.data th[colspan],
-	table.data td[colspan] {
-		text-align: center;
-	}
-
-	table.complex.data th,
-	table.complex.data td {
-		border: 1px solid silver;
-		border: 1px solid var(--datacell-border);
-		text-align: center;
-	}
-
-	table.data.longlastcol td:last-child,
-	table.data td.long {
-		vertical-align: baseline;
-		text-align: left;
-	}
-
-	table.data img {
-		vertical-align: middle;
-	}
-
-
-/*
-Alternate table alignment rules
-
-	table.data,
-	table.index {
-		text-align: center;
-	}
-
-	table.data  thead th[scope="row"],
-	table.index thead th[scope="row"] {
-		text-align: right;
-	}
-
-	table.data  tbody th:first-child,
-	table.index tbody th:first-child  {
-		text-align: right;
-	}
-
-Possible extra rowspan handling
-
-	table.data  tbody th[rowspan]:not([rowspan='1']),
-	table.index tbody th[rowspan]:not([rowspan='1']),
-	table.data  tbody td[rowspan]:not([rowspan='1']),
-	table.index tbody td[rowspan]:not([rowspan='1']) {
-		border-left: 1px solid silver;
-	}
-
-	table.data  tbody th[rowspan]:first-child,
-	table.index tbody th[rowspan]:first-child,
-	table.data  tbody td[rowspan]:first-child,
-	table.index tbody td[rowspan]:first-child{
-		border-left: 0;
-		border-right: 1px solid silver;
-	}
-*/
-
-/******************************************************************************/
-/*                                  Indices                                   */
-/******************************************************************************/
-
-
-/** Table of Contents *********************************************************/
-
-	.toc a {
-		/* More spacing; use padding to make it part of the click target. */
-		padding: 0.1rem 1px 0;
-		/* Larger, more consistently-sized click target */
-		display: block;
-		/* Switch to using border-bottom for underlines */
-		text-decoration: none;
-		border-bottom: 1px solid;
-		/* Reverse color scheme */
-		color: black;
-		color: var(--toclink-text);
-		border-color: #3980b5;
-		border-color: var(--toclink-underline);
-	}
-	.toc a:visited {
-		color: black;
-		color: var(--toclink-visited-text);
-		border-color: #054572;
-		border-color: var(--toclink-visited-underline);
-	}
-	.toc a:focus,
-	.toc a:hover {
-		background: rgba(75%, 75%, 75%, .25);
-		background: var(--a-hover-bg);
-		border-bottom-width: 3px;
-		margin-bottom: -2px;
-	}
-	.toc a:not(:focus):not(:hover) {
-		/* Allow colors to cascade through from link styling */
-		border-bottom-color: transparent;
-	}
-
-	.toc, .toc ol, .toc ul, .toc li {
-		list-style: none; /* Numbers must be inlined into source */
-		/* because generated content isn't search/selectable and markers can't do multilevel yet */
-		margin:  0;
-		padding: 0;
-	}
-	.toc {
-		line-height: 1.1em;
-	}
-
-	/* ToC not indented until third level, but font style & margins show hierarchy */
-	.toc > li			{ font-weight: bold;   }
-	.toc > li li		 { font-weight: normal; }
-	.toc > li li li	  { font-size:   95%;	}
-	.toc > li li li li	{ font-size:   90%;	}
-	.toc > li li li li li { font-size:   85%;	}
-
-	/* @supports not (display:grid) { */
-		.toc > li			{ margin: 1.5rem 0;	}
-		.toc > li li		 { margin: 0.3rem 0;	}
-		.toc > li li li	  { margin-left: 2rem;   }
-
-		/* Section numbers in a column of their own */
-		.toc .secno {
-			float: left;
-			width: 4rem;
-			white-space: nowrap;
-		}
-		.toc > li li li li .secno { font-size: 85%; }
-		.toc > li li li li li .secno { font-size: 100%; }
-
-		.toc li {
-			clear: both;
-		}
-
-		:not(li) > .toc			 { margin-left:  5rem; }
-		.toc .secno				 { margin-left: -5rem; }
-		.toc > li li li .secno	  { margin-left: -7rem; }
-		.toc > li li li li .secno	{ margin-left: -9rem; }
-		.toc > li li li li li .secno { margin-left: -11rem; }
-
-		/* Tighten up indentation in narrow ToCs */
-		@media (max-width: 30em) {
-			:not(li) > .toc			 { margin-left:  4rem; }
-			.toc .secno				 { margin-left: -4rem; }
-			.toc > li li li			 { margin-left:  1rem; }
-			.toc > li li li .secno	  { margin-left: -5rem; }
-			.toc > li li li li .secno	{ margin-left: -6rem; }
-			.toc > li li li li li .secno { margin-left: -7rem; }
-		}
-		/* Loosen it on wide screens */
-		@media screen and (min-width: 78em) {
-			body:not(.toc-inline) :not(li) > .toc			 { margin-left:  4rem; }
-			body:not(.toc-inline) .toc .secno				 { margin-left: -4rem; }
-			body:not(.toc-inline) .toc > li li li			 { margin-left:  1rem; }
-			body:not(.toc-inline) .toc > li li li .secno	  { margin-left: -5rem; }
-			body:not(.toc-inline) .toc > li li li li .secno	{ margin-left: -6rem; }
-			body:not(.toc-inline) .toc > li li li li li .secno { margin-left: -7rem; }
-	}
-	/* } */
-
-	@supports (display:grid) and (display:contents) {
-		/* Use #toc over .toc to override non-@supports rules. */
-		#toc {
-			display: grid;
-			align-content: start;
-			grid-template-columns: auto 1fr;
-			grid-column-gap: 1rem;
-			column-gap: 1rem;
-			grid-row-gap: .6rem;
-			row-gap: .6rem;
-		}
-		#toc h2 {
-			grid-column: 1 / -1;
-			margin-bottom: 0;
-		}
-		#toc ol,
-		#toc li,
-		#toc a {
-			display: contents;
-			/* Switch <a> to subgrid when supported */
-		}
-		#toc span {
-			margin: 0;
-		}
-		#toc > .toc > li > a > span {
-			/* The spans of the top-level list,
-			  comprising the first items of each top-level section. */
-			margin-top: 1.1rem;
-		}
-		#toc#toc .secno { /* Ugh, need more specificity to override base.css */
-			grid-column: 1;
-			width: auto;
-			margin-left: 0;
-		}
-		#toc .content {
-			grid-column: 2;
-			width: auto;
-			margin-right: 1rem;
-		}
-		#toc .content:hover,
-		#toc .content:focus {
-			background: rgba(75%, 75%, 75%, .25);
-			background: var(--a-hover-bg);
-			border-bottom: 3px solid #054572;
-			border-bottom: 3px solid var(--toclink-underline);
-			margin-bottom: -3px;
-		}
-		#toc li li li .content {
-			margin-left: 1rem;
-		}
-		#toc li li li li .content {
-			margin-left: 2rem;
-		}
-	}
-
-
-/** Index *********************************************************************/
-
-	/* Index Lists: Layout */
-	ul.index	  { margin-left: 0; columns: 15em; text-indent: 1em hanging; }
-	ul.index li	{ margin-left: 0; list-style: none; break-inside: avoid; }
-	ul.index li li { margin-left: 1em; }
-	ul.index dl	{ margin-top: 0; }
-	ul.index dt	{ margin: .2em 0 .2em 20px;}
-	ul.index dd	{ margin: .2em 0 .2em 40px;}
-	/* Index Lists: Typography */
-	ul.index ul,
-	ul.index dl { font-size: smaller; }
-	@media not print {
-		ul.index li a + span {
-			white-space: nowrap;
-			color: transparent; }
-		ul.index li a:hover + span,
-		ul.index li a:focus + span {
-			color: #707070;
-			color: var(--indexinfo-text);
-		}
-	}
-
-/** Index Tables *****************************************************/
-	/* See also the data table styling section, which this effectively subclasses */
-
-	table.index {
-		font-size: small;
-		border-collapse: collapse;
-		border-spacing: 0;
-		text-align: left;
-		margin: 1em 0;
-	}
-
-	table.index td,
-	table.index th {
-		padding: 0.4em;
-	}
-
-	table.index tr:hover td:not([rowspan]),
-	table.index tr:hover th:not([rowspan]) {
-		color: black;
-		color: var(--indextable-hover-text);
-		background: #f7f8f9;
-		background: var(--indextable-hover-bg);
-	}
-
-	/* The link in the first column in the property table (formerly a TD) */
-	table.index th:first-child a {
-		font-weight: bold;
-	}
-
-/** Outdated warning **********************************************************/
-
-.outdated-spec {
-	color: black;
-	color: var(--outdatedspec-text);
-	background-color: rgba(0,0,0,0.5);
-	background-color: var(--outdatedspec-bg);
-}
-
-.outdated-warning {
-	position: fixed;
-	bottom: 50%;
-	left: 0;
-	right: 0;
-	margin: 0 auto;
-	width: 50%;
-	background: maroon;
-	background: var(--outdated-bg);
-	color: white;
-	color: var(--outdated-text);
-	border-radius: 1em;
-	box-shadow: 0 0 1em red;
-	box-shadow: 0 0 1em var(--outdated-shadow);
-	padding: 2em;
-	text-align: center;
-	z-index: 2;
-}
-
-.outdated-warning a {
-	color: currentcolor;
-	background: transparent;
-}
-
-.edited-rec-warning {
-	background: darkorange;
-	background: var(--editedrec-bg);
-	box-shadow: 0 0 1em;
-}
-
-.outdated-warning button {
-	color: var(--outdated-text);
-	border-radius: 1em;
-	box-shadow: 0 0 1em red;
-	box-shadow: 0 0 1em var(--outdated-shadow);
-	padding: 2em;
-	text-align: center;
-	z-index: 2;
-}
-
-.outdated-warning a {
-	color: currentcolor;
-	background: transparent;
-}
-
-.edited-rec-warning {
-	background: darkorange;
-	background: var(--editedrec-bg);
-	box-shadow: 0 0 1em;
-}
-
-.outdated-warning button {
-	position: absolute;
-	top: 0;
-	right:0;
-	margin: 0;
-	border: 0;
-	padding: 0.25em 0.5em;
-	background: transparent;
-	color: white;
-	color: var(--outdated-text);
-	font:1em sans-serif;
-	text-align:center;
-}
-
-.outdated-warning span {
-	display: block;
-}
-
-.outdated-collapsed {
-	bottom: 0;
-	border-radius: 0;
-	width: 100%;
-	padding: 0;
-}
-
-/******************************************************************************/
-/*                                    Print                                   */
-/******************************************************************************/
-
-	@media print {
-		/* Pages have their own margins. */
-		html {
-			margin: 0;
-		}
-		/* Serif for print. */
-		body {
-			font-family: serif;
-		}
-
-		.outdated-warning {
-			position: absolute;
-			border-style: solid;
-			border-color: red;
-		}
-
-		.outdated-warning input {
-			display: none;
-		}
-	}
-	@page {
-		margin: 1.5cm 1.1cm;
-	}
-
-
-
-/******************************************************************************/
-/*                             Overflow Control                               */
-/******************************************************************************/
-
-	.figure .caption, .sidefigure .caption, figcaption {
-		/* in case figure is overlarge, limit caption to 50em */
-		max-width: 50rem;
-		margin-left: auto;
-		margin-right: auto;
-	}
-	.overlarge {
-		/* Magic to create good item positioning:
-		  "content column" is 50ems wide at max; less on smaller screens.
-		  Extra space (after ToC + content) is empty on the right.
-
-		  1. When item < content column, centers item in column.
-		  2. When content < item < available, left-aligns.
-		  3. When item > available, fills available + scroll bar.
-		*/
-		display: grid;
-		grid-template-columns: minmax(0, 50em);
-	}
-	.overlarge > table {
-		/* limit preferred width of table */
-		max-width: 50em;
-		margin-left: auto;
-		margin-right: auto;
-	}
-
-	@media (min-width: 55em) {
-		.overlarge {
-			margin-right: calc(13px + 26.5rem - 50vw);
-			max-width: none;
-		}
-	}
-	@media screen and (min-width: 78em) {
-		body:not(.toc-inline) .overlarge {
-			/* 30.5em body padding 50em content area */
-			margin-right: calc(40em - 50vw) !important;
-		}
-	}
-	@media screen and (min-width: 90em) {
-		body:not(.toc-inline) .overlarge {
-			/* 4em html margin 30.5em body padding 50em content area */
-			margin-right: calc(84.5em - 100vw) !important;
-		}
-	}
-
-	@media not print {
-		.overlarge {
-			overflow-x: auto;
-			/* See Lea Verou's explanation background-attachment:
-			* http://lea.verou.me/2012/04/background-attachment-local/
-			*
-			background: top left  / 4em 100% linear-gradient(to right,  #ffffff, rgba(255, 255, 255, 0)) local,
-						top right / 4em 100% linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0)) local,
-						top left  / 1em 100% linear-gradient(to right,  #c3c3c5, rgba(195, 195, 197, 0)) scroll,
-						top right / 1em 100% linear-gradient(to left, #c3c3c5, rgba(195, 195, 197, 0)) scroll,
-						white;
-			background-repeat: no-repeat;
-			*/
-		}
-	}
-</style>
+  <title>Box Tree API Level 1</title>
+  <meta content="DREAM" name="w3c-status">
+  <link href="https://www.w3.org/StyleSheets/TR/2021/W3C-DREAM" rel="stylesheet">
+  <link href="https://www.w3.org/2008/site/images/favicon.ico" rel="icon">
   <link href="https://drafts.css-houdini.org/box-tree-api-1/" rel="canonical">
   <meta content="dark light" name="color-scheme">
+  <link href="https://www.w3.org/StyleSheets/TR/2021/dark.css" media="(prefers-color-scheme: dark)" rel="stylesheet" type="text/css">
 <style>/* Boilerplate: style-autolinks */
 .css.css, .property.property, .descriptor.descriptor {
     color: var(--a-normal-text);
@@ -2172,37 +692,55 @@
 </style>
  <body class="h-entry">
   <div class="head">
-   <p data-fill-with="logo"></p>
+   <p data-fill-with="logo"><a class="logo" href="https://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/StyleSheets/TR/2021/logos/W3C" width="72"> </a> </p>
    <h1 class="p-name no-ref" id="title">Box Tree API Level 1</h1>
-   <h2 class="no-num no-toc no-ref heading settled" id="profile-and-date"><span class="content">A Collection of Interesting Ideas, <time class="dt-updated" datetime="1970-01-01">1 January 1970</time></span></h2>
-   <div data-fill-with="spec-metadata">
-    <dl>
-     <dt>This version:
-     <dd><a class="u-url" href="https://drafts.css-houdini.org/box-tree-api-1/">https://drafts.css-houdini.org/box-tree-api-1/</a>
-     <dt>Feedback:
-     <dd><span><a href="mailto:public-houdini@w3.org?subject=%5Bbox-tree-api%5D%20YOUR%20TOPIC%20HERE">public-houdini@w3.org</a> with subject line “<kbd>[box-tree-api] <i data-lt>… message topic …</i></kbd>” (<a href="http://lists.w3.org/Archives/Public/public-houdini/" rel="discussion">archives</a>)</span>
-     <dt class="editor">Editors:
-     <dd class="editor p-author h-card vcard" data-editor-id="42199"><a class="p-name fn u-url url" href="http://xanthir.com/contact/">Tab Atkins-Bittner</a> (<span class="p-org org">Google</span>)
-     <dd class="editor p-author h-card vcard" data-editor-id="4200"><a class="p-name fn u-email email" href="mailto:peter.linss@hp.com">Peter Linss</a>
-     <dd class="editor p-author h-card vcard" data-editor-id="73001"><a class="p-name fn u-email email" href="mailto:ikilpatrick@chromium.org">Ian Kilpatrick</a>
-     <dd class="editor p-author h-card vcard" data-editor-id="49885"><a class="p-name fn u-email email" href="mailto:rossen.atanassov@microsoft.com">Rossen Atanassov</a>
-     <dt class="editor">Former Editor:
-     <dd class="editor p-author h-card vcard" data-editor-id="47691"><a class="p-name fn u-email email" href="mailto:shanestephens@google.com">Shane Stephens</a>
-    </dl>
-   </div>
+   <p id="w3c-state"><a href="https://www.w3.org/standards/types#DREAM">A Collection of Interesting Ideas</a>, <time class="dt-updated" datetime="1970-01-01">1 January 1970</time></p>
+   <details open>
+    <summary>More details about this document</summary>
+    <div data-fill-with="spec-metadata">
+     <dl>
+      <dt>This version:
+      <dd><a class="u-url" href="https://drafts.css-houdini.org/box-tree-api-1/">https://drafts.css-houdini.org/box-tree-api-1/</a>
+      <dt>Feedback:
+      <dd><span><a href="mailto:public-houdini@w3.org?subject=%5Bbox-tree-api%5D%20YOUR%20TOPIC%20HERE">public-houdini@w3.org</a> with subject line “<kbd>[box-tree-api] <i data-lt>… message topic …</i></kbd>” (<a href="http://lists.w3.org/Archives/Public/public-houdini/" rel="discussion">archives</a>)</span>
+      <dt class="editor">Editors:
+      <dd class="editor p-author h-card vcard" data-editor-id="42199"><a class="p-name fn u-url url" href="http://xanthir.com/contact/">Tab Atkins-Bittner</a> (<span class="p-org org">Google</span>)
+      <dd class="editor p-author h-card vcard" data-editor-id="4200"><a class="p-name fn u-email email" href="mailto:peter.linss@hp.com">Peter Linss</a>
+      <dd class="editor p-author h-card vcard" data-editor-id="73001"><a class="p-name fn u-email email" href="mailto:ikilpatrick@chromium.org">Ian Kilpatrick</a>
+      <dd class="editor p-author h-card vcard" data-editor-id="49885"><a class="p-name fn u-email email" href="mailto:rossen.atanassov@microsoft.com">Rossen Atanassov</a>
+      <dt class="editor">Former Editor:
+      <dd class="editor p-author h-card vcard" data-editor-id="47691"><a class="p-name fn u-email email" href="mailto:shanestephens@google.com">Shane Stephens</a>
+     </dl>
+    </div>
+   </details>
    <div data-fill-with="warning"></div>
-   <p class="copyright" data-fill-with="copyright"><a href="http://creativecommons.org/publicdomain/zero/1.0/" rel="license"><img alt="CC0" height="15" src="https://licensebuttons.net/p/zero/1.0/80x15.png" width="80"></a> To the extent possible under law, the editors have waived all copyright
-and related or neighboring rights to this work.
-In addition, as of 1 January 1970,
-the editors have made this specification available under the <a href="http://www.openwebfoundation.org/legal/the-owf-1-0-agreements/owfa-1-0" rel="license">Open Web Foundation Agreement Version 1.0</a>,
-which is available at http://www.openwebfoundation.org/legal/the-owf-1-0-agreements/owfa-1-0.
-Parts of this work may be from another specification document.  If so, those parts are instead covered by the license of that specification document. </p>
+   <p class="copyright" data-fill-with="copyright"><a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 1970 <a href="https://www.w3.org/">World Wide Web Consortium</a>. <abbr title="World Wide Web Consortium">W3C</abbr><sup>®</sup> <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document" rel="license">permissive document license</a> rules apply. </p>
    <hr title="Separator for header">
   </div>
   <div class="p-summary" data-fill-with="abstract">
    <h2 class="no-num no-toc no-ref heading settled" id="abstract"><span class="content">Abstract</span></h2>
    <p>Layout as described by CSS produces boxes that control how content is displayed and positioned. This specification describes an API for accessing information about these boxes.</p>
   </div>
+  <h2 class="no-num no-toc no-ref heading settled" id="sotd"><span class="content">Status of this document</span></h2>
+  <div data-fill-with="status">
+   <p><em>This section describes the status of this document at the time of its publication.
+	A list of current W3C publications
+	and the latest revision of this technical report
+	can be found in the <a href="https://www.w3.org/TR/">W3C technical reports index at https://www.w3.org/TR/.</a></em> </p>
+   <p>Please send feedback
+	by <a href="https://github.com/w3c/css-houdini-drafts/issues">filing issues in GitHub</a> (preferred),
+	including the spec code “box-tree-api” in the title, like this:
+	“[box-tree-api] <i>…summary of comment…</i>”.
+	All issues and comments are <a href="https://lists.w3.org/Archives/Public/public-houdini-archive/">archived</a>.
+	Alternately, feedback can be sent to the (<a href="https://lists.w3.org/Archives/Public/www-style/">archived</a>) public mailing list <a href="mailto:www-style@w3.org?Subject=%5Bbox-tree-api%5D%20PUT%20SUBJECT%20HERE">www-style@w3.org</a>. </p>
+   <p>This document is governed by the <a href="https://www.w3.org/2021/Process-20211102/" id="w3c_process_revision">2 November 2021 W3C Process Document</a>. </p>
+   <p>This document was produced by a group operating under the <a href="https://www.w3.org/Consortium/Patent-Policy-20200915/">W3C Patent Policy</a>.
+	W3C maintains a <a href="https://www.w3.org/groups/wg/css/ipr" rel="disclosure">public list of any patent disclosures</a> made in connection with the deliverables of the group;
+	that page also includes instructions for disclosing a patent.
+	An individual who has actual knowledge of a patent which the individual believes
+	contains <a href="https://www.w3.org/Consortium/Patent-Policy-20200915/#def-essential">Essential Claim(s)</a> must disclose the information in accordance with <a href="https://www.w3.org/Consortium/Patent-Policy-20200915/#sec-Disclosure">section 6 of the W3C Patent Policy</a>. </p>
+   <p></p>
+  </div>
   <div data-fill-with="at-risk"></div>
   <nav data-fill-with="table-of-contents" id="toc">
    <h2 class="no-num no-toc no-ref" id="contents">Table of Contents</h2>
diff --git a/tests/github/w3c/css-houdini-drafts/css-parser-api/Overview.console.txt b/tests/github/w3c/css-houdini-drafts/css-parser-api/Overview.console.txt
index e69de29bb2..8d40d41fcb 100644
--- a/tests/github/w3c/css-houdini-drafts/css-parser-api/Overview.console.txt
+++ b/tests/github/w3c/css-houdini-drafts/css-parser-api/Overview.console.txt
@@ -0,0 +1 @@
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/w3c/css-houdini-drafts/css-typed-om-2/Overview.console.txt b/tests/github/w3c/css-houdini-drafts/css-typed-om-2/Overview.console.txt
index b1b2b5fffa..c113dc2f61 100644
--- a/tests/github/w3c/css-houdini-drafts/css-typed-om-2/Overview.console.txt
+++ b/tests/github/w3c/css-houdini-drafts/css-typed-om-2/Overview.console.txt
@@ -1,4 +1,4 @@
-WARNING: You used Status: DREAM for a W3C document. Consider UD instead.
+WARNING: You used Status:DREAM for a W3C document. Consider Status:UD instead.
 WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
 WARNING: No 'imagevalue-objects' ID found, skipping MDN features that would target it.
 WARNING: No 'dom-csskeywordvalue-csskeywordvalue' ID found, skipping MDN features that would target it.
diff --git a/tests/github/w3c/css-houdini-drafts/css-typed-om-2/Overview.html b/tests/github/w3c/css-houdini-drafts/css-typed-om-2/Overview.html
index 228ed619c2..76a8173136 100644
--- a/tests/github/w3c/css-houdini-drafts/css-typed-om-2/Overview.html
+++ b/tests/github/w3c/css-houdini-drafts/css-typed-om-2/Overview.html
@@ -1,1494 +1,14 @@
 <!doctype html><html lang="en">
  <head>
   <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
-  <title>CSS Typed OM Level 2</title>
   <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
-<style data-fill-with="stylesheet">/******************************************************************************
- *                   Style sheet for the W3C specifications                   *
- *
- * Special classes handled by this style sheet include:
- *
- * Indices
- *   - .toc for the Table of Contents (<ol class="toc">)
- *     + <span class="secno"> for the section numbers
- *   - #toc for the Table of Contents (<nav id="toc">)
- *   - ul.index for Indices (<a href="#ref">term</a><span>, in § N.M</span>)
- *   - table.index for Index Tables (e.g. for properties or elements)
- *
- * Structural Markup
- *   - table.data for general data tables
- *     -> use 'scope' attribute, <colgroup>, <thead>, and <tbody> for best results !
- *     -> use <table class='complex data'> for extra-complex tables
- *     -> use <td class='long'> for paragraph-length cell content
- *     -> use <td class='pre'> when manual line breaks/indentation would help readability
- *   - dl.switch for switch statements
- *   - ol.algorithm for algorithms (helps to visualize nesting)
- *   - .figure and .caption (HTML4) and figure and figcaption (HTML5)
- *     -> .sidefigure for right-floated figures
- *   - ins/del
- *     -> ins/del.c### for candidate and proposed changes (amendments)
- *
- * Code
- *   - pre and code
- *
- * Special Sections
- *   - .note       for informative notes             (div, p, span, aside, details)
- *   - .example    for informative examples          (div, p, pre, span)
- *   - .issue      for issues                        (div, p, span)
- *   - .advisement for loud normative statements     (div, p, strong)
- *   - .annoying-warning for spec obsoletion notices (div, aside, details)
- *   - .correction for "candidate corrections"       (div, aside, details, section)
- *   - .addition   for "candidate additions"         (div, aside, details, section)
- *   - .correction.proposed for "proposed corrections" (div, aside, details, section)
- *   - .addition.proposed   for "proposed additions"   (div, aside, details, section)
- *
- * Definition Boxes
- *   - pre.def   for WebIDL definitions
- *   - table.def for tables that define other entities (e.g. CSS properties)
- *   - dl.def    for definition lists that define other entitles (e.g. HTML elements)
- *
- * Numbering
- *   - .secno for section numbers in .toc and headings (<span class='secno'>3.2</span>)
- *   - .marker for source-inserted example/figure/issue numbers (<span class='marker'>Issue 4</span>)
- *   - ::before styled for CSS-generated issue/example/figure numbers:
- *     -> Documents wishing to use this only need to add
- *        figcaption::before,
- *        .caption::before { content: "Figure "  counter(figure) " ";  }
- *        .example::before { content: "Example " counter(example) " "; }
- *        .issue::before   { content: "Issue "   counter(issue) " ";   }
- *
- * Header Stuff (ignore, just don't conflict with these classes)
- *   - .head for the header
- *   - .copyright for the copyright
- *
- * Outdated warning for old specs
- *
- * Miscellaneous
- *   - .overlarge for things that should be as wide as possible, even if
- *     that overflows the body text area. This can be used on an item or
- *     on its container, depending on the effect desired.
- *     Note that this styling basically doesn't help at all when printing,
- *     since A4 paper isn't much wider than the max-width here.
- *     It's better to design things to fit into a narrower measure if possible.
- *
- *   - js-added ToC jump links (see fixup.js)
- *
- ******************************************************************************/
-
-/* color variables included separately for reliability */
-
-/******************************************************************************/
-/*                                    Body                                    */
-/******************************************************************************/
-
-	html {
-	}
-
-	body {
-		counter-reset: example figure issue;
-
-		/* Layout */
-		max-width: 50em;			  /* limit line length to 50em for readability   */
-		margin: 0 auto;				/* center text within page                    */
-		padding: 1.6em 1.5em 2em 50px; /* assume 16px font size for downlevel clients */
-		padding: 1.6em 1.5em 2em calc(26px + 1.5em); /* leave space for status flag    */
-
-		/* Typography */
-		line-height: 1.5;
-		font-family: sans-serif;
-		widows: 2;
-		orphans: 2;
-		word-wrap: break-word;
-		overflow-wrap: break-word;
-		hyphens: auto;
-
-		color: black;
-		color: var(--text);
-		background: white top left fixed no-repeat;
-		background: var(--bg) top left fixed no-repeat;
-		background-size: 25px auto;
-	}
-
-
-/******************************************************************************/
-/*                         Front Matter & Navigation                          */
-/******************************************************************************/
-
-/** Header ********************************************************************/
-
-	div.head { margin-bottom: 1em; }
-	div.head hr { border-style: solid; }
-
-	div.head h1 {
-		font-weight: bold;
-		margin: 0 0 .1em;
-		font-size: 220%;
-	}
-
-	div.head h2 { margin-bottom: 1.5em;}
-
-/** W3C Logo ******************************************************************/
-
-	.head .logo {
-		float: right;
-		margin: 0.4rem 0 0.2rem .4rem;
-	}
-
-	.head img[src*="logos/W3C"] {
-		display: block;
-		border: solid #1a5e9a;
-		border: solid var(--logo-bg);
-		border-width: .65rem .7rem .6rem;
-		border-radius: .4rem;
-		background: #1a5e9a;
-		background: var(--logo-bg);
-		color: white;
-		color: var(--logo-text);
-		font-weight: bold;
-	}
-
-	.head a:hover > img[src*="logos/W3C"],
-	.head a:focus > img[src*="logos/W3C"] {
-		opacity: .8;
-	}
-
-	.head a:active > img[src*="logos/W3C"] {
-		background: #c00;
-		background: var(--logo-active-bg);
-		border-color: #c00;
-		border-color: var(--logo-active-bg);
-	}
-
-	/* see also additional rules in Link Styling section */
-
-/** Copyright *****************************************************************/
-
-	p.copyright,
-	p.copyright small { font-size: small; }
-
-/** Back to Top / ToC Toggle **************************************************/
-
-	@media print {
-		#toc-nav {
-			display: none;
-		}
-	}
-	@media not print {
-		#toc-nav {
-			position: fixed;
-			z-index: 3;
-			bottom: 0; left: 0;
-			margin: 0;
-			min-width: 1.33em;
-			border-top-right-radius: 2rem;
-			box-shadow: 0 0 2px;
-			font-size: 1.5em;
-		}
-		#toc-nav > a {
-			display: block;
-			white-space: nowrap;
-
-			height: 1.33em;
-			padding: .1em 0.3em;
-			margin: 0;
-
-			box-shadow: 0 0 2px;
-			border: none;
-			border-top-right-radius: 1.33em;
-
-			color: #707070;
-			color: var(--tocnav-normal-text);
-			background: white;
-			background: var(--tocnav-normal-bg);
-		}
-		#toc-nav > a:hover,
-		#toc-nav > a:focus {
-			color: black;
-			color: var(--tocnav-hover-text);
-			background: #f8f8f8;
-			background: var(--tocnav-hover-bg);
-		}
-		#toc-nav > a:active {
-			color: #c00;
-			color: var(--tocnav-active-text);
-			background: white;
-			background: var(--tocnav-active-bg);
-		}
-
-		#toc-nav > #toc-jump {
-			padding-bottom: 2em;
-			margin-bottom: -1.9em;
-		}
-
-		/* statusbar gets in the way on keyboard focus; remove once browsers fix */
-		#toc-nav > a[href="#toc"]:not(:hover):focus:last-child {
-			padding-bottom: 1.5rem;
-		}
-
-		#toc-nav:not(:hover) > a:not(:focus) > span + span {
-			/* Ideally this uses :focus-within on #toc-nav */
-			display: none;
-		}
-		#toc-nav > a > span + span {
-			padding-right: 0.2em;
-		}
-	}
-
-/** ToC Sidebar ***************************************************************/
-
-	/* Floating sidebar */
-	@media screen {
-		body.toc-sidebar #toc {
-			position: fixed;
-			top: 0; bottom: 0;
-			left: 0;
-			width: 23.5em;
-			max-width: 80%;
-			max-width: calc(100% - 2em - 26px);
-			overflow: auto;
-			padding: 0 1em;
-			padding-left: 42px;
-			padding-left: calc(1em + 26px);
-			color: black;
-			color: var(--tocsidebar-text);
-			background: inherit;
-			background-color: #f7f8f9;
-			background-color: var(--tocsidebar-bg);
-			z-index: 1;
-			box-shadow: -.1em 0 .25em rgba(0,0,0,.1) inset;
-			box-shadow: -.1em 0 .25em var(--tocsidebar-shadow) inset;
-		}
-		body.toc-sidebar #toc h2 {
-			margin-top: .8rem;
-			font-variant: small-caps;
-			font-variant: all-small-caps;
-			text-transform: lowercase;
-			font-weight: bold;
-			color: gray;
-			color: hsla(203,20%,40%,.7);
-			color: var(--tocsidebar-heading-text);
-		}
-		body.toc-sidebar #toc-jump:not(:focus) {
-			width: 0;
-			height: 0;
-			padding: 0;
-			position: absolute;
-			overflow: hidden;
-		}
-	}
-	/* Hide main scroller when only the ToC is visible anyway */
-	@media screen and (max-width: 28em) {
-		body.toc-sidebar {
-			overflow: hidden;
-		}
-	}
-
-	/* Sidebar with its own space */
-	@media screen and (min-width: 78em) {
-		body:not(.toc-inline) #toc {
-			position: fixed;
-			top: 0; bottom: 0;
-			left: 0;
-			width: 23.5em;
-			overflow: auto;
-			padding: 0 1em;
-			padding-left: 42px;
-			padding-left: calc(1em + 26px);
-			color: black;
-			color: var(--tocsidebar-text);
-			background: inherit;
-			background-color: #f7f8f9;
-			background-color: var(--tocsidebar-bg);
-			z-index: 1;
-			box-shadow: -.1em 0 .25em rgba(0,0,0,.1) inset;
-			box-shadow: -.1em 0 .25em var(--tocsidebar-shadow) inset;
-		}
-		body:not(.toc-inline) #toc h2 {
-			margin-top: .8rem;
-			font-variant: small-caps;
-			font-variant: all-small-caps;
-			text-transform: lowercase;
-			font-weight: bold;
-			color: gray;
-			color: hsla(203,20%,40%,.7);
-			color: var(--tocsidebar-heading-text);
-		}
-
-		body:not(.toc-inline) {
-			padding-left: 29em;
-		}
-		/* See also Overflow section at the bottom */
-
-		body:not(.toc-inline) #toc-jump:not(:focus) {
-			width: 0;
-			height: 0;
-			padding: 0;
-			position: absolute;
-			overflow: hidden;
-		}
-	}
-	@media screen and (min-width: 90em) {
-		body:not(.toc-inline) {
-			margin: 0 4em;
-		}
-	}
-
-/******************************************************************************/
-/*                                Sectioning                                  */
-/******************************************************************************/
-
-/** Headings ******************************************************************/
-
-	h1, h2, h3, h4, h5, h6, dt {
-		page-break-after: avoid;
-		page-break-inside: avoid;
-		font: 100% sans-serif;   /* Reset all font styling to clear out UA styles */
-		font-family: inherit;	/* Inherit the font family. */
-		line-height: 1.2;		/* Keep wrapped headings compact */
-		hyphens: manual;		/* Hyphenated headings look weird */
-	}
-
-	h2, h3, h4, h5, h6 {
-		margin-top: 3rem;
-	}
-
-	h1, h2, h3 {
-		color: #005A9C;
-		color: var(--heading-text);
-	}
-
-	h1 { font-size: 170%; }
-	h2 { font-size: 140%; }
-	h3 { font-size: 120%; }
-	h4 { font-weight: bold; }
-	h5 { font-style: italic; }
-	h6 { font-variant: small-caps; }
-	dt { font-weight: bold; }
-
-/** Subheadings ***************************************************************/
-
-	h1 + h2,
-	#profile-and-date {
-		/* #profile-and-date is a subtitle in an H2 under the H1 */
-		margin-top: 0;
-	}
-	h2 + h3,
-	h3 + h4,
-	h4 + h5,
-	h5 + h6 {
-		margin-top: 1.2em; /* = 1 x line-height */
-	}
-
-/** Section divider ***********************************************************/
-
-	:not(.head) > :not(.head) + hr {
-		font-size: 1.5em;
-		text-align: center;
-		margin: 1em auto;
-		height: auto;
-		color: black;
-		color: var(--hr-text);
-		border: transparent solid 0;
-		background: transparent;
-	}
-	:not(.head) > hr::before {
-		content: "\2727\2003\2003\2727\2003\2003\2727";
-	}
-
-/******************************************************************************/
-/*                            Paragraphs and Lists                            */
-/******************************************************************************/
-
-	p {
-		margin: 1em 0;
-	}
-
-	dd > p:first-child,
-	li > p:first-child {
-		margin-top: 0;
-	}
-
-	ul, ol {
-		margin-left: 0;
-		padding-left: 2em;
-	}
-
-	li {
-		margin: 0.25em 0 0.5em;
-		padding: 0;
-	}
-
-	dl dd {
-		margin: 0 0 .5em 2em;
-	}
-
-	.head dd + dd { /* compact for header */
-		margin-top: -.5em;
-	}
-
-	/* Style for algorithms */
-	ol.algorithm ol:not(.algorithm),
-	.algorithm > ol ol:not(.algorithm) {
-	border-left: 0.5em solid #DEF;
-	border-left: 0.5em solid var(--algo-border);
-	}
-
-	/* Put nice boxes around each algorithm. */
-	[data-algorithm]:not(.heading) {
-	 padding: .5em;
-	 border: thin solid #ddd;
-	 border: thin solid var(--algo-border);
-	 border-radius: .5em;
-	 margin: .5em calc(-0.5em - 1px);
-	}
-	[data-algorithm]:not(.heading) > :first-child {
-	 margin-top: 0;
-	}
-	[data-algorithm]:not(.heading) > :last-child {
-	 margin-bottom: 0;
-	}
-
-	/* Style for switch/case <dl>s */
-	dl.switch > dd > ol.only,
-	dl.switch > dd > .only > ol {
-	margin-left: 0;
-	}
-	dl.switch > dd > ol.algorithm,
-	dl.switch > dd > .algorithm > ol {
-	margin-left: -2em;
-	}
-	dl.switch {
-	padding-left: 2em;
-	}
-	dl.switch > dt {
-	text-indent: -1.5em;
-	margin-top: 1em;
-	}
-	dl.switch > dt + dt {
-	margin-top: 0;
-	}
-	dl.switch > dt::before {
-	content: '\21AA';
-	padding: 0 0.5em 0 0;
-	display: inline-block;
-	width: 1em;
-	text-align: right;
-	line-height: 0.5em;
-	}
-
-/** Terminology Markup ********************************************************/
-
-
-/******************************************************************************/
-/*                                 Inline Markup                              */
-/******************************************************************************/
-
-/** Terminology Markup ********************************************************/
-	dfn   { /* Defining instance */
-		font-weight: bolder;
-	}
-	a > i { /* Instance of term */
-		font-style: normal;
-	}
-	dt dfn code, code.idl {
-		font-size: inherit;
-	}
-	dfn var {
-		font-style: normal;
-	}
-
-/** Change Marking ************************************************************/
-
-	del {
-		color: #aa0000;
-		color: var(--del-text);
-		background: transparent;
-		background: var(--del-bg);
-		text-decoration: line-through;
-	}
-	ins {
-		color: #006100;
-		color: var(--ins-text);
-		background: transparent;
-		background: var(--ins-bg);
-		text-decoration: underline;
-	}
-
-	/* for amendments (candidate/proposed changes) */
-
-	.amendment ins, .correction ins, .addition ins,
-	ins[class^=c] {
-		text-decoration-style: dotted;
-	}
-	.amendment del, .correction del, .addition del,
-	del[class^=c] {
-		text-decoration-style: dotted;
-	}
-	.amendment.proposed ins, .correction.proposed ins, .addition.proposed ins,
-	ins[class^=c].proposed {
-		text-decoration-style: double;
-	}
-	.amendment.proposed del, .correction.proposed del, .addition.proposed del,
-	del[class^=c].proposed {
-		text-decoration-style: double;
-	}
-
-/** Miscellaneous improvements to inline formatting ***************************/
-
-	sup {
-		vertical-align: super;
-		font-size: 80%
-	}
-
-/******************************************************************************/
-/*                                    Code                                    */
-/******************************************************************************/
-
-/** General monospace/pre rules ***********************************************/
-
-	pre, code, samp {
-		font-family: Menlo, Consolas, "DejaVu Sans Mono", Monaco, monospace;
-		font-size: .9em;
-		hyphens: none;
-		text-transform: none;
-		text-align: left;
-		text-align: start;
-		font-variant: normal;
-		orphans: 3;
-		widows: 3;
-		page-break-before: avoid;
-	}
-	pre code,
-	code code {
-		font-size: 100%;
-	}
-
-	pre {
-		margin-top: 1em;
-		margin-bottom: 1em;
-		overflow: auto;
-	}
-
-/** Inline Code fragments *****************************************************/
-
-	/* Do something nice. */
-
-/******************************************************************************/
-/*                                    Links                                   */
-/******************************************************************************/
-
-/** General Hyperlinks ********************************************************/
-
-	/* We hyperlink a lot, so make it less intrusive */
-	a[href] {
-		color: #034575;
-		color: var(--a-normal-text);
-		text-decoration: underline #707070;
-		text-decoration: underline var(--a-normal-underline);
-		text-decoration-skip-ink: none;
-	}
-	a:visited {
-		color: #034575;
-		color: var(--a-visited-text);
-		text-decoration-color: #bbb;
-		text-decoration-color: var(--a-visited-underline);
-	}
-
-	/* Indicate interaction with the link */
-	a[href]:focus,
-	a[href]:hover {
-		text-decoration-thickness: 2px;
-	}
-	a[href]:active {
-		color: #c00;
-		color: var(--a-active-text);
-		text-decoration-color: #c00;
-		text-decoration-color: var(--a-active-underline);
-	}
-
-	/* Backout above styling for W3C logo */
-	.head .logo,
-	.head .logo a {
-		border: none;
-		text-decoration: none;
-		background: transparent;
-	}
-
-/******************************************************************************/
-/*                                    Images                                  */
-/******************************************************************************/
-
-	img {
-		border-style: none;
-	}
-
-	img, svg {
-		/* Intentionally not color-scheme aware. */
-		background: white;
-	}
-
-	/* For autogen numbers, add
-	  .caption::before, figcaption::before { content: "Figure " counter(figure) ". "; }
-	*/
-
-	figure, .figure, .sidefigure {
-		page-break-inside: avoid;
-		text-align: center;
-		margin: 2.5em 0;
-	}
-	.figure img,	.sidefigure img,	figure img,
-	.figure object, .sidefigure object, figure object {
-		max-width: 100%;
-		margin: auto;
-		height: auto;
-	}
-	.figure pre, .sidefigure pre, figure pre {
-		text-align: left;
-		display: table;
-		margin: 1em auto;
-	}
-	.figure table, figure table {
-		margin: auto;
-	}
-	@media screen and (min-width: 20em) {
-		.sidefigure {
-			float: right;
-			width: 50%;
-			margin: 0 0 0.5em 0.5em;
-		}
-	}
-	.caption, figcaption, caption {
-		font-style: italic;
-		font-size: 90%;
-	}
-	.caption::before, figcaption::before, figcaption > .marker {
-		font-weight: bold;
-	}
-	.caption, figcaption {
-		counter-increment: figure;
-	}
-
-	/* DL list is indented 2em, but figure inside it is not */
-	dd > .figure, dd > figure { margin-left: -2em; }
-
-/******************************************************************************/
-/*                             Colored Boxes                                  */
-/******************************************************************************/
-
-	.issue, .note, .example, .assertion, .advisement, blockquote,
-	.amendment, .correction, .addition {
-		margin: 1em auto;
-		padding: .5em;
-		border: .5em;
-		border-left-style: solid;
-		page-break-inside: avoid;
-	}
-	span.issue, span.note {
-		padding: .1em .5em .15em;
-		border-right-style: solid;
-	}
-
-	blockquote > :first-child,
-	.note  > p:first-child,
-	.issue > p:first-child,
-	.amendment > p:first-child,
-	.correction > p:first-child,
-	.addition > p:first-child {
-		margin-top: 0;
-	}
-	blockquote > :last-child,
-	.note  > p:last-child,
-	.issue > p:last-child,
-	.amendment > p:last-child,
-	.correction > p:last-child,
-	.addition > p:last-child {
-		margin-bottom: 0;
-	}
-
-
-	.issue::before, .issue > .marker,
-	.example::before, .example > .marker,
-	.note::before, .note > .marker,
-	details.note > summary > .marker,
-	.amendment::before, .amendment > .marker,
-	details.amendment > summary > .marker,
-	.addition::before, .addition > .marker,
-	addition.amendment > summary > .marker,
-	.correction::before, .correction > .marker,
-	correction.amendment > summary > .marker
-	{
-		text-transform: uppercase;
-		padding-right: 1em;
-	}
-
-	.example::before, .example > .marker {
-		display: block;
-		padding-right: 0em;
-	}
-
-/** Blockquotes ***************************************************************/
-
-	blockquote {
-		border-color: silver;
-		border-color: var(--blockquote-border);
-		background: transparent;
-		background: var(--blockquote-bg);
-		color: currentcolor;
-		color: var(--blockquote-text);
-	}
-
-/** Open issue ****************************************************************/
-
-	.issue {
-		border-color: #e05252;
-		border-color: var(--issue-border);
-		background: #fbe9e9;
-		background: var(--issue-bg);
-		color: black;
-		color: var(--issue-text);
-		counter-increment: issue;
-		overflow: auto;
-	}
-	.issue::before, .issue > .marker {
-		color: #831616;
-		color: var(--issueheading-text);
-	}
-	/* Add .issue::before { content: "Issue " counter(issue) " "; } for autogen numbers,
-	  or use class="marker" to mark up the issue number in source. */
-
-/** Example *******************************************************************/
-
-	.example {
-		border-color: #e0cb52;
-		border-color: var(--example-border);
-		background: #fcfaee;
-		background: var(--example-bg);
-		color: black;
-		color: var(--example-text);
-		counter-increment: example;
-		overflow: auto;
-		clear: both;
-	}
-	.example::before, .example > .marker {
-		color: #574b0f;
-		color: var(--exampleheading-text);
-	}
-	/* Add .example::before { content: "Example " counter(example) " "; } for autogen numbers,
-	  or use class="marker" to mark up the example number in source. */
-
-/** Non-normative Note ********************************************************/
-
-	.note {
-		border-color: #52e052;
-		border-color: var(--note-border);
-		background: #e9fbe9;
-		background: var(--note-bg);
-		color: black;
-		color: var(--note-text);
-		overflow: auto;
-	}
-
-	.note::before, .note > .marker,
-	details.note > summary {
-		color: hsl(120, 70%, 30%);
-		color: var(--noteheading-text);
-	}
-	/* Add .note::before { content: "Note "; } for autogen label,
-	  or use class="marker" to mark up the label in source. */
-
-	details.note[open] > summary {
-		border-bottom: 1px silver solid;
-		border-bottom: 1px var(--notesummary-underline) solid;
-	}
-
-/** Assertion Box *************************************************************/
-	/*  for assertions in algorithms */
-
-	.assertion {
-		border-color: #AAA;
-		border-color: var(--assertion-border);
-		background: #EEE;
-		background: var(--assertion-bg);
-		color: black;
-		color: var(--assertion-text);
-	}
-
-/** Advisement Box ************************************************************/
-	/*  for attention-grabbing normative statements */
-
-	.advisement {
-		border-color: orange;
-		border-color: var(--advisement-border);
-		border-style: none solid;
-		background: #fec;
-		background: var(--advisement-bg);
-		color: black;
-		color: var(--advisement-text);
-	}
-	strong.advisement {
-		display: block;
-		text-align: center;
-	}
-	.advisement::before, .advisement > .marker {
-		color: #b35f00;
-		color: var(--advisementheading-text);
-	}
-
-/** Amendment Box *************************************************************/
-
-	.amendment, .correction, .addition {
-		border-color: #330099;
-		border-color: var(--amendment-border);
-		background: #F5F0FF;
-		background: var(--amendment-bg);
-		color: black;
-		color: var(--amendment-text);
-	}
-	.amendment.proposed, .correction.proposed, .addition.proposed {
-		border-style: solid;
-		border-block-width: 0.25em;
-	}
-	.amendment::before, .amendment > .marker,
-	details.amendment > summary::before, details.amendment > summary > .marker,
-	.correction::before, .correction > .marker,
-	details.correction > summary::before, details.correction > summary > .marker,
-	.addition::before, .addition > .marker,
-	details.addition > summary::before, details.addition > summary > .marker {
-		color: #220066;
-		color: var(--amendmentheading-text);
-	}
-	.amendment.proposed::before, .amendment.proposed > .marker,
-	details.amendment.proposed > summary::before, details.amendment.proposed > summary > .marker,
-	.correction.proposed::before, .correction.proposed > .marker,
-	details.correction.proposed > summary::before, details.correction.proposed > summary > .marker,
-	.addition.proposed::before, .addition.proposed > .marker,
-	details.addition.proposed > summary::before, details.addition.proposed > summary > .marker {
-		font-weight: bold;
-	}
-
-/** Spec Obsoletion Notice ****************************************************/
-	/* obnoxious obsoletion notice for older/abandoned specs. */
-
-	details {
-		display: block;
-	}
-	summary {
-		font-weight: bolder;
-	}
-
-	.annoying-warning:not(details),
-	details.annoying-warning:not([open]) > summary,
-	details.annoying-warning[open] {
-		background: hsla(40,100%,50%,0.95);
-		background: var(--warning-bg);
-		color: black;
-		color: var(--warning-text);
-		padding: .75em 1em;
-		border: red;
-		border: var(--warning-border);
-		border-style: solid none;
-		box-shadow: 0 2px 8px black;
-		text-align: center;
-	}
-	.annoying-warning :last-child {
-		margin-bottom: 0;
-	}
-
-@media not print {
-	details.annoying-warning[open] {
-		position: fixed;
-		left: 0;
-		right: 0;
-		bottom: 2em;
-		z-index: 1000;
-	}
-}
-
-	details.annoying-warning:not([open]) > summary {
-		text-align: center;
-	}
-
-/** Entity Definition Boxes ***************************************************/
-
-	.def {
-		padding: .5em 1em;
-		background: #def;
-		background: var(--def-bg);
-		margin: 1.2em 0;
-		border-left: 0.5em solid #8ccbf2;
-		border-left: 0.5em solid var(--def-border);
-		color: black;
-		color: var(--def-text);
-	}
-
-/******************************************************************************/
-/*                                    Tables                                  */
-/******************************************************************************/
-
-	th, td {
-		text-align: left;
-		text-align: start;
-	}
-
-/** Property/Descriptor Definition Tables *************************************/
-
-	table.def {
-		/* inherits .def box styling, see above */
-		width: 100%;
-		border-spacing: 0;
-	}
-
-	table.def td,
-	table.def th {
-		padding: 0.5em;
-		vertical-align: baseline;
-		border-bottom: 1px solid #bbd7e9;
-		border-bottom: 1px solid var(--defrow-border);
-	}
-
-	table.def > tbody > tr:last-child th,
-	table.def > tbody > tr:last-child td {
-		border-bottom: 0;
-	}
-
-	table.def th {
-		font-style: italic;
-		font-weight: normal;
-		padding-left: 1em;
-		width: 3em;
-	}
-
-	/* For when values are extra-complex and need formatting for readability */
-	table td.pre {
-		white-space: pre-wrap;
-	}
-
-	/* A footnote at the bottom of a def table */
-	table.def td.footnote {
-		padding-top: 0.6em;
-	}
-	table.def td.footnote::before {
-		content: " ";
-		display: block;
-		height: 0.6em;
-		width: 4em;
-		border-top: thin solid;
-	}
-
-/** Data tables (and properly marked-up index tables) *************************/
-	/*
-		<table class="data"> highlights structural relationships in a table
-		when correct markup is used (e.g. thead/tbody, th vs. td, scope attribute)
-
-		Use class="complex data" for particularly complicated tables --
-		(This will draw more lines: busier, but clearer.)
-
-		Use class="long" on table cells with paragraph-like contents
-		(This will adjust text alignment accordingly.)
-		Alternately use class="longlastcol" on tables, to have the last column assume "long".
-	*/
-
-	table {
-		word-wrap: normal;
-		overflow-wrap: normal;
-		hyphens: manual;
-	}
-
-	table.data,
-	table.index {
-		margin: 1em auto;
-		border-collapse: collapse;
-		border: hidden;
-		width: 100%;
-	}
-	table.data caption,
-	table.index caption {
-		max-width: 50em;
-		margin: 0 auto 1em;
-	}
-
-	table.data td,  table.data th,
-	table.index td, table.index th {
-		padding: 0.5em 1em;
-		border-width: 1px;
-		border-color: silver;
-		border-color: var(--datacell-border);
-		border-top-style: solid;
-	}
-
-	table.data thead td:empty {
-		padding: 0;
-		border: 0;
-	}
-
-	table.data  thead,
-	table.index thead,
-	table.data  tbody,
-	table.index tbody {
-		border-bottom: 2px solid;
-	}
-
-	table.data colgroup,
-	table.index colgroup {
-		border-left: 2px solid;
-	}
-
-	table.data  tbody th:first-child,
-	table.index tbody th:first-child  {
-		border-right: 2px solid;
-		border-top: 1px solid silver;
-		border-top: 1px solid var(--datacell-border);
-		padding-right: 1em;
-	}
-
-	table.data th[colspan],
-	table.data td[colspan] {
-		text-align: center;
-	}
-
-	table.complex.data th,
-	table.complex.data td {
-		border: 1px solid silver;
-		border: 1px solid var(--datacell-border);
-		text-align: center;
-	}
-
-	table.data.longlastcol td:last-child,
-	table.data td.long {
-		vertical-align: baseline;
-		text-align: left;
-	}
-
-	table.data img {
-		vertical-align: middle;
-	}
-
-
-/*
-Alternate table alignment rules
-
-	table.data,
-	table.index {
-		text-align: center;
-	}
-
-	table.data  thead th[scope="row"],
-	table.index thead th[scope="row"] {
-		text-align: right;
-	}
-
-	table.data  tbody th:first-child,
-	table.index tbody th:first-child  {
-		text-align: right;
-	}
-
-Possible extra rowspan handling
-
-	table.data  tbody th[rowspan]:not([rowspan='1']),
-	table.index tbody th[rowspan]:not([rowspan='1']),
-	table.data  tbody td[rowspan]:not([rowspan='1']),
-	table.index tbody td[rowspan]:not([rowspan='1']) {
-		border-left: 1px solid silver;
-	}
-
-	table.data  tbody th[rowspan]:first-child,
-	table.index tbody th[rowspan]:first-child,
-	table.data  tbody td[rowspan]:first-child,
-	table.index tbody td[rowspan]:first-child{
-		border-left: 0;
-		border-right: 1px solid silver;
-	}
-*/
-
-/******************************************************************************/
-/*                                  Indices                                   */
-/******************************************************************************/
-
-
-/** Table of Contents *********************************************************/
-
-	.toc a {
-		/* More spacing; use padding to make it part of the click target. */
-		padding: 0.1rem 1px 0;
-		/* Larger, more consistently-sized click target */
-		display: block;
-		/* Switch to using border-bottom for underlines */
-		text-decoration: none;
-		border-bottom: 1px solid;
-		/* Reverse color scheme */
-		color: black;
-		color: var(--toclink-text);
-		border-color: #3980b5;
-		border-color: var(--toclink-underline);
-	}
-	.toc a:visited {
-		color: black;
-		color: var(--toclink-visited-text);
-		border-color: #054572;
-		border-color: var(--toclink-visited-underline);
-	}
-	.toc a:focus,
-	.toc a:hover {
-		background: rgba(75%, 75%, 75%, .25);
-		background: var(--a-hover-bg);
-		border-bottom-width: 3px;
-		margin-bottom: -2px;
-	}
-	.toc a:not(:focus):not(:hover) {
-		/* Allow colors to cascade through from link styling */
-		border-bottom-color: transparent;
-	}
-
-	.toc, .toc ol, .toc ul, .toc li {
-		list-style: none; /* Numbers must be inlined into source */
-		/* because generated content isn't search/selectable and markers can't do multilevel yet */
-		margin:  0;
-		padding: 0;
-	}
-	.toc {
-		line-height: 1.1em;
-	}
-
-	/* ToC not indented until third level, but font style & margins show hierarchy */
-	.toc > li			{ font-weight: bold;   }
-	.toc > li li		 { font-weight: normal; }
-	.toc > li li li	  { font-size:   95%;	}
-	.toc > li li li li	{ font-size:   90%;	}
-	.toc > li li li li li { font-size:   85%;	}
-
-	/* @supports not (display:grid) { */
-		.toc > li			{ margin: 1.5rem 0;	}
-		.toc > li li		 { margin: 0.3rem 0;	}
-		.toc > li li li	  { margin-left: 2rem;   }
-
-		/* Section numbers in a column of their own */
-		.toc .secno {
-			float: left;
-			width: 4rem;
-			white-space: nowrap;
-		}
-		.toc > li li li li .secno { font-size: 85%; }
-		.toc > li li li li li .secno { font-size: 100%; }
-
-		.toc li {
-			clear: both;
-		}
-
-		:not(li) > .toc			 { margin-left:  5rem; }
-		.toc .secno				 { margin-left: -5rem; }
-		.toc > li li li .secno	  { margin-left: -7rem; }
-		.toc > li li li li .secno	{ margin-left: -9rem; }
-		.toc > li li li li li .secno { margin-left: -11rem; }
-
-		/* Tighten up indentation in narrow ToCs */
-		@media (max-width: 30em) {
-			:not(li) > .toc			 { margin-left:  4rem; }
-			.toc .secno				 { margin-left: -4rem; }
-			.toc > li li li			 { margin-left:  1rem; }
-			.toc > li li li .secno	  { margin-left: -5rem; }
-			.toc > li li li li .secno	{ margin-left: -6rem; }
-			.toc > li li li li li .secno { margin-left: -7rem; }
-		}
-		/* Loosen it on wide screens */
-		@media screen and (min-width: 78em) {
-			body:not(.toc-inline) :not(li) > .toc			 { margin-left:  4rem; }
-			body:not(.toc-inline) .toc .secno				 { margin-left: -4rem; }
-			body:not(.toc-inline) .toc > li li li			 { margin-left:  1rem; }
-			body:not(.toc-inline) .toc > li li li .secno	  { margin-left: -5rem; }
-			body:not(.toc-inline) .toc > li li li li .secno	{ margin-left: -6rem; }
-			body:not(.toc-inline) .toc > li li li li li .secno { margin-left: -7rem; }
-	}
-	/* } */
-
-	@supports (display:grid) and (display:contents) {
-		/* Use #toc over .toc to override non-@supports rules. */
-		#toc {
-			display: grid;
-			align-content: start;
-			grid-template-columns: auto 1fr;
-			grid-column-gap: 1rem;
-			column-gap: 1rem;
-			grid-row-gap: .6rem;
-			row-gap: .6rem;
-		}
-		#toc h2 {
-			grid-column: 1 / -1;
-			margin-bottom: 0;
-		}
-		#toc ol,
-		#toc li,
-		#toc a {
-			display: contents;
-			/* Switch <a> to subgrid when supported */
-		}
-		#toc span {
-			margin: 0;
-		}
-		#toc > .toc > li > a > span {
-			/* The spans of the top-level list,
-			  comprising the first items of each top-level section. */
-			margin-top: 1.1rem;
-		}
-		#toc#toc .secno { /* Ugh, need more specificity to override base.css */
-			grid-column: 1;
-			width: auto;
-			margin-left: 0;
-		}
-		#toc .content {
-			grid-column: 2;
-			width: auto;
-			margin-right: 1rem;
-		}
-		#toc .content:hover,
-		#toc .content:focus {
-			background: rgba(75%, 75%, 75%, .25);
-			background: var(--a-hover-bg);
-			border-bottom: 3px solid #054572;
-			border-bottom: 3px solid var(--toclink-underline);
-			margin-bottom: -3px;
-		}
-		#toc li li li .content {
-			margin-left: 1rem;
-		}
-		#toc li li li li .content {
-			margin-left: 2rem;
-		}
-	}
-
-
-/** Index *********************************************************************/
-
-	/* Index Lists: Layout */
-	ul.index	  { margin-left: 0; columns: 15em; text-indent: 1em hanging; }
-	ul.index li	{ margin-left: 0; list-style: none; break-inside: avoid; }
-	ul.index li li { margin-left: 1em; }
-	ul.index dl	{ margin-top: 0; }
-	ul.index dt	{ margin: .2em 0 .2em 20px;}
-	ul.index dd	{ margin: .2em 0 .2em 40px;}
-	/* Index Lists: Typography */
-	ul.index ul,
-	ul.index dl { font-size: smaller; }
-	@media not print {
-		ul.index li a + span {
-			white-space: nowrap;
-			color: transparent; }
-		ul.index li a:hover + span,
-		ul.index li a:focus + span {
-			color: #707070;
-			color: var(--indexinfo-text);
-		}
-	}
-
-/** Index Tables *****************************************************/
-	/* See also the data table styling section, which this effectively subclasses */
-
-	table.index {
-		font-size: small;
-		border-collapse: collapse;
-		border-spacing: 0;
-		text-align: left;
-		margin: 1em 0;
-	}
-
-	table.index td,
-	table.index th {
-		padding: 0.4em;
-	}
-
-	table.index tr:hover td:not([rowspan]),
-	table.index tr:hover th:not([rowspan]) {
-		color: black;
-		color: var(--indextable-hover-text);
-		background: #f7f8f9;
-		background: var(--indextable-hover-bg);
-	}
-
-	/* The link in the first column in the property table (formerly a TD) */
-	table.index th:first-child a {
-		font-weight: bold;
-	}
-
-/** Outdated warning **********************************************************/
-
-.outdated-spec {
-	color: black;
-	color: var(--outdatedspec-text);
-	background-color: rgba(0,0,0,0.5);
-	background-color: var(--outdatedspec-bg);
-}
-
-.outdated-warning {
-	position: fixed;
-	bottom: 50%;
-	left: 0;
-	right: 0;
-	margin: 0 auto;
-	width: 50%;
-	background: maroon;
-	background: var(--outdated-bg);
-	color: white;
-	color: var(--outdated-text);
-	border-radius: 1em;
-	box-shadow: 0 0 1em red;
-	box-shadow: 0 0 1em var(--outdated-shadow);
-	padding: 2em;
-	text-align: center;
-	z-index: 2;
-}
-
-.outdated-warning a {
-	color: currentcolor;
-	background: transparent;
-}
-
-.edited-rec-warning {
-	background: darkorange;
-	background: var(--editedrec-bg);
-	box-shadow: 0 0 1em;
-}
-
-.outdated-warning button {
-	color: var(--outdated-text);
-	border-radius: 1em;
-	box-shadow: 0 0 1em red;
-	box-shadow: 0 0 1em var(--outdated-shadow);
-	padding: 2em;
-	text-align: center;
-	z-index: 2;
-}
-
-.outdated-warning a {
-	color: currentcolor;
-	background: transparent;
-}
-
-.edited-rec-warning {
-	background: darkorange;
-	background: var(--editedrec-bg);
-	box-shadow: 0 0 1em;
-}
-
-.outdated-warning button {
-	position: absolute;
-	top: 0;
-	right:0;
-	margin: 0;
-	border: 0;
-	padding: 0.25em 0.5em;
-	background: transparent;
-	color: white;
-	color: var(--outdated-text);
-	font:1em sans-serif;
-	text-align:center;
-}
-
-.outdated-warning span {
-	display: block;
-}
-
-.outdated-collapsed {
-	bottom: 0;
-	border-radius: 0;
-	width: 100%;
-	padding: 0;
-}
-
-/******************************************************************************/
-/*                                    Print                                   */
-/******************************************************************************/
-
-	@media print {
-		/* Pages have their own margins. */
-		html {
-			margin: 0;
-		}
-		/* Serif for print. */
-		body {
-			font-family: serif;
-		}
-
-		.outdated-warning {
-			position: absolute;
-			border-style: solid;
-			border-color: red;
-		}
-
-		.outdated-warning input {
-			display: none;
-		}
-	}
-	@page {
-		margin: 1.5cm 1.1cm;
-	}
-
-
-
-/******************************************************************************/
-/*                             Overflow Control                               */
-/******************************************************************************/
-
-	.figure .caption, .sidefigure .caption, figcaption {
-		/* in case figure is overlarge, limit caption to 50em */
-		max-width: 50rem;
-		margin-left: auto;
-		margin-right: auto;
-	}
-	.overlarge {
-		/* Magic to create good item positioning:
-		  "content column" is 50ems wide at max; less on smaller screens.
-		  Extra space (after ToC + content) is empty on the right.
-
-		  1. When item < content column, centers item in column.
-		  2. When content < item < available, left-aligns.
-		  3. When item > available, fills available + scroll bar.
-		*/
-		display: grid;
-		grid-template-columns: minmax(0, 50em);
-	}
-	.overlarge > table {
-		/* limit preferred width of table */
-		max-width: 50em;
-		margin-left: auto;
-		margin-right: auto;
-	}
-
-	@media (min-width: 55em) {
-		.overlarge {
-			margin-right: calc(13px + 26.5rem - 50vw);
-			max-width: none;
-		}
-	}
-	@media screen and (min-width: 78em) {
-		body:not(.toc-inline) .overlarge {
-			/* 30.5em body padding 50em content area */
-			margin-right: calc(40em - 50vw) !important;
-		}
-	}
-	@media screen and (min-width: 90em) {
-		body:not(.toc-inline) .overlarge {
-			/* 4em html margin 30.5em body padding 50em content area */
-			margin-right: calc(84.5em - 100vw) !important;
-		}
-	}
-
-	@media not print {
-		.overlarge {
-			overflow-x: auto;
-			/* See Lea Verou's explanation background-attachment:
-			* http://lea.verou.me/2012/04/background-attachment-local/
-			*
-			background: top left  / 4em 100% linear-gradient(to right,  #ffffff, rgba(255, 255, 255, 0)) local,
-						top right / 4em 100% linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0)) local,
-						top left  / 1em 100% linear-gradient(to right,  #c3c3c5, rgba(195, 195, 197, 0)) scroll,
-						top right / 1em 100% linear-gradient(to left, #c3c3c5, rgba(195, 195, 197, 0)) scroll,
-						white;
-			background-repeat: no-repeat;
-			*/
-		}
-	}
-</style>
+  <title>CSS Typed OM Level 2</title>
+  <meta content="DREAM" name="w3c-status">
+  <link href="https://www.w3.org/StyleSheets/TR/2021/W3C-DREAM" rel="stylesheet">
+  <link href="https://www.w3.org/2008/site/images/favicon.ico" rel="icon">
   <link href="https://drafts.css-houdini.org/css-typed-om-1/" rel="canonical">
   <meta content="dark light" name="color-scheme">
+  <link href="https://www.w3.org/StyleSheets/TR/2021/dark.css" media="(prefers-color-scheme: dark)" rel="stylesheet" type="text/css">
 <style>/* Boilerplate: style-autolinks */
 .css.css, .property.property, .descriptor.descriptor {
     color: var(--a-normal-text);
@@ -2046,33 +566,51 @@
 </style>
  <body class="h-entry">
   <div class="head">
-   <p data-fill-with="logo"></p>
+   <p data-fill-with="logo"><a class="logo" href="https://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/StyleSheets/TR/2021/logos/W3C" width="72"> </a> </p>
    <h1 class="p-name no-ref" id="title">CSS Typed OM Level 2</h1>
-   <h2 class="no-num no-toc no-ref heading settled" id="profile-and-date"><span class="content">A Collection of Interesting Ideas, <time class="dt-updated" datetime="1970-01-01">1 January 1970</time></span></h2>
-   <div data-fill-with="spec-metadata">
-    <dl>
-     <dt>This version:
-     <dd><a class="u-url" href="https://drafts.css-houdini.org/css-typed-om-1/">https://drafts.css-houdini.org/css-typed-om-1/</a>
-     <dt>Feedback:
-     <dd><span><a href="mailto:public-houdini@w3.org?subject=%5Bcss-typed-om%5D%20YOUR%20TOPIC%20HERE">public-houdini@w3.org</a> with subject line “<kbd>[css-typed-om] <i data-lt>… message topic …</i></kbd>” (<a href="http://lists.w3.org/Archives/Public/public-houdini/" rel="discussion">archives</a>)</span>
-     <dt class="editor">Editor:
-     <dd class="editor p-author h-card vcard" data-editor-id="42199"><a class="p-name fn u-url url" href="http://xanthir.com/contact/">Tab Atkins-Bittner</a> (<span class="p-org org">Google</span>)
-     <dt class="editor">Former Editor:
-     <dd class="editor p-author h-card vcard" data-editor-id="47691"><a class="p-name fn u-email email" href="mailto:shanestephens@google.com">Shane Stephens</a>
-    </dl>
-   </div>
+   <p id="w3c-state"><a href="https://www.w3.org/standards/types#DREAM">A Collection of Interesting Ideas</a>, <time class="dt-updated" datetime="1970-01-01">1 January 1970</time></p>
+   <details open>
+    <summary>More details about this document</summary>
+    <div data-fill-with="spec-metadata">
+     <dl>
+      <dt>This version:
+      <dd><a class="u-url" href="https://drafts.css-houdini.org/css-typed-om-1/">https://drafts.css-houdini.org/css-typed-om-1/</a>
+      <dt>Feedback:
+      <dd><span><a href="mailto:public-houdini@w3.org?subject=%5Bcss-typed-om%5D%20YOUR%20TOPIC%20HERE">public-houdini@w3.org</a> with subject line “<kbd>[css-typed-om] <i data-lt>… message topic …</i></kbd>” (<a href="http://lists.w3.org/Archives/Public/public-houdini/" rel="discussion">archives</a>)</span>
+      <dt class="editor">Editor:
+      <dd class="editor p-author h-card vcard" data-editor-id="42199"><a class="p-name fn u-url url" href="http://xanthir.com/contact/">Tab Atkins-Bittner</a> (<span class="p-org org">Google</span>)
+      <dt class="editor">Former Editor:
+      <dd class="editor p-author h-card vcard" data-editor-id="47691"><a class="p-name fn u-email email" href="mailto:shanestephens@google.com">Shane Stephens</a>
+     </dl>
+    </div>
+   </details>
    <div data-fill-with="warning"></div>
-   <p class="copyright" data-fill-with="copyright"><a href="http://creativecommons.org/publicdomain/zero/1.0/" rel="license"><img alt="CC0" height="15" src="https://licensebuttons.net/p/zero/1.0/80x15.png" width="80"></a> To the extent possible under law, the editors have waived all copyright
-and related or neighboring rights to this work.
-In addition, as of 1 January 1970,
-the editors have made this specification available under the <a href="http://www.openwebfoundation.org/legal/the-owf-1-0-agreements/owfa-1-0" rel="license">Open Web Foundation Agreement Version 1.0</a>,
-which is available at http://www.openwebfoundation.org/legal/the-owf-1-0-agreements/owfa-1-0.
-Parts of this work may be from another specification document.  If so, those parts are instead covered by the license of that specification document. </p>
+   <p class="copyright" data-fill-with="copyright"><a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 1970 <a href="https://www.w3.org/">World Wide Web Consortium</a>. <abbr title="World Wide Web Consortium">W3C</abbr><sup>®</sup> <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document" rel="license">permissive document license</a> rules apply. </p>
    <hr title="Separator for header">
   </div>
   <div class="p-summary" data-fill-with="abstract">
    <h2 class="no-num no-toc no-ref heading settled" id="abstract"><span class="content">Abstract</span></h2>
   </div>
+  <h2 class="no-num no-toc no-ref heading settled" id="sotd"><span class="content">Status of this document</span></h2>
+  <div data-fill-with="status">
+   <p><em>This section describes the status of this document at the time of its publication.
+	A list of current W3C publications
+	and the latest revision of this technical report
+	can be found in the <a href="https://www.w3.org/TR/">W3C technical reports index at https://www.w3.org/TR/.</a></em> </p>
+   <p>Please send feedback
+	by <a href="https://github.com/w3c/css-houdini-drafts/issues">filing issues in GitHub</a> (preferred),
+	including the spec code “css-typed-om” in the title, like this:
+	“[css-typed-om] <i>…summary of comment…</i>”.
+	All issues and comments are <a href="https://lists.w3.org/Archives/Public/public-houdini-archive/">archived</a>.
+	Alternately, feedback can be sent to the (<a href="https://lists.w3.org/Archives/Public/www-style/">archived</a>) public mailing list <a href="mailto:www-style@w3.org?Subject=%5Bcss-typed-om%5D%20PUT%20SUBJECT%20HERE">www-style@w3.org</a>. </p>
+   <p>This document is governed by the <a href="https://www.w3.org/2021/Process-20211102/" id="w3c_process_revision">2 November 2021 W3C Process Document</a>. </p>
+   <p>This document was produced by a group operating under the <a href="https://www.w3.org/Consortium/Patent-Policy-20200915/">W3C Patent Policy</a>.
+	W3C maintains a <a href="https://www.w3.org/groups/wg/css/ipr" rel="disclosure">public list of any patent disclosures</a> made in connection with the deliverables of the group;
+	that page also includes instructions for disclosing a patent.
+	An individual who has actual knowledge of a patent which the individual believes
+	contains <a href="https://www.w3.org/Consortium/Patent-Policy-20200915/#def-essential">Essential Claim(s)</a> must disclose the information in accordance with <a href="https://www.w3.org/Consortium/Patent-Policy-20200915/#sec-Disclosure">section 6 of the W3C Patent Policy</a>. </p>
+   <p></p>
+  </div>
   <div data-fill-with="at-risk"></div>
   <nav data-fill-with="table-of-contents" id="toc">
    <h2 class="no-num no-toc no-ref" id="contents">Table of Contents</h2>
@@ -2441,11 +979,11 @@ <h2 class="no-num no-ref heading settled" id="issues-index"><span class="content
 "use strict";
 {
 let dfnPanelData = {
-"15f5b381": {"dfnID":"15f5b381","dfnText":"<percentage>","external":true,"refSections":[{"refs":[{"id":"ref-for-percentage-value"}],"title":"Unnamed section"}],"url":"https://drafts.csswg.org/css-values-4/#percentage-value"},
-"16310992": {"dfnID":"16310992","dfnText":"<number>","external":true,"refSections":[{"refs":[{"id":"ref-for-number-value"}],"title":"Unnamed section"}],"url":"https://drafts.csswg.org/css-values-4/#number-value"},
-"977d3003": {"dfnID":"977d3003","dfnText":"<string>","external":true,"refSections":[{"refs":[{"id":"ref-for-string-value"},{"id":"ref-for-string-value\u2460"}],"title":"Unnamed section"}],"url":"https://drafts.csswg.org/css-values-4/#string-value"},
-"d6a1ad1b": {"dfnID":"d6a1ad1b","dfnText":"<uri>","external":true,"refSections":[{"refs":[{"id":"ref-for-value-def-uri"}],"title":"Unnamed section"}],"url":"https://drafts.csswg.org/css2/#value-def-uri"},
-"fe1e6dc9": {"dfnID":"fe1e6dc9","dfnText":"<identifier>","external":true,"refSections":[{"refs":[{"id":"ref-for-value-def-identifier"}],"title":"Unnamed section"}],"url":"https://drafts.csswg.org/css2/#value-def-identifier"},
+"15f5b381": {"dfnID":"15f5b381","dfnText":"<percentage>","external":true,"refSections":[{"refs":[{"id":"ref-for-percentage-value"}],"title":"Unnumbered Section"}],"url":"https://drafts.csswg.org/css-values-4/#percentage-value"},
+"16310992": {"dfnID":"16310992","dfnText":"<number>","external":true,"refSections":[{"refs":[{"id":"ref-for-number-value"}],"title":"Unnumbered Section"}],"url":"https://drafts.csswg.org/css-values-4/#number-value"},
+"977d3003": {"dfnID":"977d3003","dfnText":"<string>","external":true,"refSections":[{"refs":[{"id":"ref-for-string-value"},{"id":"ref-for-string-value\u2460"}],"title":"Unnumbered Section"}],"url":"https://drafts.csswg.org/css-values-4/#string-value"},
+"d6a1ad1b": {"dfnID":"d6a1ad1b","dfnText":"<uri>","external":true,"refSections":[{"refs":[{"id":"ref-for-value-def-uri"}],"title":"Unnumbered Section"}],"url":"https://drafts.csswg.org/css2/#value-def-uri"},
+"fe1e6dc9": {"dfnID":"fe1e6dc9","dfnText":"<identifier>","external":true,"refSections":[{"refs":[{"id":"ref-for-value-def-identifier"}],"title":"Unnumbered Section"}],"url":"https://drafts.csswg.org/css2/#value-def-identifier"},
 };
 
 document.addEventListener("DOMContentLoaded", ()=>{
diff --git a/tests/github/w3c/css-houdini-drafts/font-metrics-api/Overview.console.txt b/tests/github/w3c/css-houdini-drafts/font-metrics-api/Overview.console.txt
index c9dd680bf2..72c388642b 100644
--- a/tests/github/w3c/css-houdini-drafts/font-metrics-api/Overview.console.txt
+++ b/tests/github/w3c/css-houdini-drafts/font-metrics-api/Overview.console.txt
@@ -1,2 +1,2 @@
-WARNING: You used Status: DREAM for a W3C document. Consider UD instead.
+WARNING: You used Status:DREAM for a W3C document. Consider Status:UD instead.
 WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/w3c/css-houdini-drafts/font-metrics-api/Overview.html b/tests/github/w3c/css-houdini-drafts/font-metrics-api/Overview.html
index 53a3c1af6d..8521fb9c3f 100644
--- a/tests/github/w3c/css-houdini-drafts/font-metrics-api/Overview.html
+++ b/tests/github/w3c/css-houdini-drafts/font-metrics-api/Overview.html
@@ -1,1494 +1,14 @@
 <!doctype html><html lang="en">
  <head>
   <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
-  <title>Font Metrics API Level 1</title>
   <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
-<style data-fill-with="stylesheet">/******************************************************************************
- *                   Style sheet for the W3C specifications                   *
- *
- * Special classes handled by this style sheet include:
- *
- * Indices
- *   - .toc for the Table of Contents (<ol class="toc">)
- *     + <span class="secno"> for the section numbers
- *   - #toc for the Table of Contents (<nav id="toc">)
- *   - ul.index for Indices (<a href="#ref">term</a><span>, in § N.M</span>)
- *   - table.index for Index Tables (e.g. for properties or elements)
- *
- * Structural Markup
- *   - table.data for general data tables
- *     -> use 'scope' attribute, <colgroup>, <thead>, and <tbody> for best results !
- *     -> use <table class='complex data'> for extra-complex tables
- *     -> use <td class='long'> for paragraph-length cell content
- *     -> use <td class='pre'> when manual line breaks/indentation would help readability
- *   - dl.switch for switch statements
- *   - ol.algorithm for algorithms (helps to visualize nesting)
- *   - .figure and .caption (HTML4) and figure and figcaption (HTML5)
- *     -> .sidefigure for right-floated figures
- *   - ins/del
- *     -> ins/del.c### for candidate and proposed changes (amendments)
- *
- * Code
- *   - pre and code
- *
- * Special Sections
- *   - .note       for informative notes             (div, p, span, aside, details)
- *   - .example    for informative examples          (div, p, pre, span)
- *   - .issue      for issues                        (div, p, span)
- *   - .advisement for loud normative statements     (div, p, strong)
- *   - .annoying-warning for spec obsoletion notices (div, aside, details)
- *   - .correction for "candidate corrections"       (div, aside, details, section)
- *   - .addition   for "candidate additions"         (div, aside, details, section)
- *   - .correction.proposed for "proposed corrections" (div, aside, details, section)
- *   - .addition.proposed   for "proposed additions"   (div, aside, details, section)
- *
- * Definition Boxes
- *   - pre.def   for WebIDL definitions
- *   - table.def for tables that define other entities (e.g. CSS properties)
- *   - dl.def    for definition lists that define other entitles (e.g. HTML elements)
- *
- * Numbering
- *   - .secno for section numbers in .toc and headings (<span class='secno'>3.2</span>)
- *   - .marker for source-inserted example/figure/issue numbers (<span class='marker'>Issue 4</span>)
- *   - ::before styled for CSS-generated issue/example/figure numbers:
- *     -> Documents wishing to use this only need to add
- *        figcaption::before,
- *        .caption::before { content: "Figure "  counter(figure) " ";  }
- *        .example::before { content: "Example " counter(example) " "; }
- *        .issue::before   { content: "Issue "   counter(issue) " ";   }
- *
- * Header Stuff (ignore, just don't conflict with these classes)
- *   - .head for the header
- *   - .copyright for the copyright
- *
- * Outdated warning for old specs
- *
- * Miscellaneous
- *   - .overlarge for things that should be as wide as possible, even if
- *     that overflows the body text area. This can be used on an item or
- *     on its container, depending on the effect desired.
- *     Note that this styling basically doesn't help at all when printing,
- *     since A4 paper isn't much wider than the max-width here.
- *     It's better to design things to fit into a narrower measure if possible.
- *
- *   - js-added ToC jump links (see fixup.js)
- *
- ******************************************************************************/
-
-/* color variables included separately for reliability */
-
-/******************************************************************************/
-/*                                    Body                                    */
-/******************************************************************************/
-
-	html {
-	}
-
-	body {
-		counter-reset: example figure issue;
-
-		/* Layout */
-		max-width: 50em;			  /* limit line length to 50em for readability   */
-		margin: 0 auto;				/* center text within page                    */
-		padding: 1.6em 1.5em 2em 50px; /* assume 16px font size for downlevel clients */
-		padding: 1.6em 1.5em 2em calc(26px + 1.5em); /* leave space for status flag    */
-
-		/* Typography */
-		line-height: 1.5;
-		font-family: sans-serif;
-		widows: 2;
-		orphans: 2;
-		word-wrap: break-word;
-		overflow-wrap: break-word;
-		hyphens: auto;
-
-		color: black;
-		color: var(--text);
-		background: white top left fixed no-repeat;
-		background: var(--bg) top left fixed no-repeat;
-		background-size: 25px auto;
-	}
-
-
-/******************************************************************************/
-/*                         Front Matter & Navigation                          */
-/******************************************************************************/
-
-/** Header ********************************************************************/
-
-	div.head { margin-bottom: 1em; }
-	div.head hr { border-style: solid; }
-
-	div.head h1 {
-		font-weight: bold;
-		margin: 0 0 .1em;
-		font-size: 220%;
-	}
-
-	div.head h2 { margin-bottom: 1.5em;}
-
-/** W3C Logo ******************************************************************/
-
-	.head .logo {
-		float: right;
-		margin: 0.4rem 0 0.2rem .4rem;
-	}
-
-	.head img[src*="logos/W3C"] {
-		display: block;
-		border: solid #1a5e9a;
-		border: solid var(--logo-bg);
-		border-width: .65rem .7rem .6rem;
-		border-radius: .4rem;
-		background: #1a5e9a;
-		background: var(--logo-bg);
-		color: white;
-		color: var(--logo-text);
-		font-weight: bold;
-	}
-
-	.head a:hover > img[src*="logos/W3C"],
-	.head a:focus > img[src*="logos/W3C"] {
-		opacity: .8;
-	}
-
-	.head a:active > img[src*="logos/W3C"] {
-		background: #c00;
-		background: var(--logo-active-bg);
-		border-color: #c00;
-		border-color: var(--logo-active-bg);
-	}
-
-	/* see also additional rules in Link Styling section */
-
-/** Copyright *****************************************************************/
-
-	p.copyright,
-	p.copyright small { font-size: small; }
-
-/** Back to Top / ToC Toggle **************************************************/
-
-	@media print {
-		#toc-nav {
-			display: none;
-		}
-	}
-	@media not print {
-		#toc-nav {
-			position: fixed;
-			z-index: 3;
-			bottom: 0; left: 0;
-			margin: 0;
-			min-width: 1.33em;
-			border-top-right-radius: 2rem;
-			box-shadow: 0 0 2px;
-			font-size: 1.5em;
-		}
-		#toc-nav > a {
-			display: block;
-			white-space: nowrap;
-
-			height: 1.33em;
-			padding: .1em 0.3em;
-			margin: 0;
-
-			box-shadow: 0 0 2px;
-			border: none;
-			border-top-right-radius: 1.33em;
-
-			color: #707070;
-			color: var(--tocnav-normal-text);
-			background: white;
-			background: var(--tocnav-normal-bg);
-		}
-		#toc-nav > a:hover,
-		#toc-nav > a:focus {
-			color: black;
-			color: var(--tocnav-hover-text);
-			background: #f8f8f8;
-			background: var(--tocnav-hover-bg);
-		}
-		#toc-nav > a:active {
-			color: #c00;
-			color: var(--tocnav-active-text);
-			background: white;
-			background: var(--tocnav-active-bg);
-		}
-
-		#toc-nav > #toc-jump {
-			padding-bottom: 2em;
-			margin-bottom: -1.9em;
-		}
-
-		/* statusbar gets in the way on keyboard focus; remove once browsers fix */
-		#toc-nav > a[href="#toc"]:not(:hover):focus:last-child {
-			padding-bottom: 1.5rem;
-		}
-
-		#toc-nav:not(:hover) > a:not(:focus) > span + span {
-			/* Ideally this uses :focus-within on #toc-nav */
-			display: none;
-		}
-		#toc-nav > a > span + span {
-			padding-right: 0.2em;
-		}
-	}
-
-/** ToC Sidebar ***************************************************************/
-
-	/* Floating sidebar */
-	@media screen {
-		body.toc-sidebar #toc {
-			position: fixed;
-			top: 0; bottom: 0;
-			left: 0;
-			width: 23.5em;
-			max-width: 80%;
-			max-width: calc(100% - 2em - 26px);
-			overflow: auto;
-			padding: 0 1em;
-			padding-left: 42px;
-			padding-left: calc(1em + 26px);
-			color: black;
-			color: var(--tocsidebar-text);
-			background: inherit;
-			background-color: #f7f8f9;
-			background-color: var(--tocsidebar-bg);
-			z-index: 1;
-			box-shadow: -.1em 0 .25em rgba(0,0,0,.1) inset;
-			box-shadow: -.1em 0 .25em var(--tocsidebar-shadow) inset;
-		}
-		body.toc-sidebar #toc h2 {
-			margin-top: .8rem;
-			font-variant: small-caps;
-			font-variant: all-small-caps;
-			text-transform: lowercase;
-			font-weight: bold;
-			color: gray;
-			color: hsla(203,20%,40%,.7);
-			color: var(--tocsidebar-heading-text);
-		}
-		body.toc-sidebar #toc-jump:not(:focus) {
-			width: 0;
-			height: 0;
-			padding: 0;
-			position: absolute;
-			overflow: hidden;
-		}
-	}
-	/* Hide main scroller when only the ToC is visible anyway */
-	@media screen and (max-width: 28em) {
-		body.toc-sidebar {
-			overflow: hidden;
-		}
-	}
-
-	/* Sidebar with its own space */
-	@media screen and (min-width: 78em) {
-		body:not(.toc-inline) #toc {
-			position: fixed;
-			top: 0; bottom: 0;
-			left: 0;
-			width: 23.5em;
-			overflow: auto;
-			padding: 0 1em;
-			padding-left: 42px;
-			padding-left: calc(1em + 26px);
-			color: black;
-			color: var(--tocsidebar-text);
-			background: inherit;
-			background-color: #f7f8f9;
-			background-color: var(--tocsidebar-bg);
-			z-index: 1;
-			box-shadow: -.1em 0 .25em rgba(0,0,0,.1) inset;
-			box-shadow: -.1em 0 .25em var(--tocsidebar-shadow) inset;
-		}
-		body:not(.toc-inline) #toc h2 {
-			margin-top: .8rem;
-			font-variant: small-caps;
-			font-variant: all-small-caps;
-			text-transform: lowercase;
-			font-weight: bold;
-			color: gray;
-			color: hsla(203,20%,40%,.7);
-			color: var(--tocsidebar-heading-text);
-		}
-
-		body:not(.toc-inline) {
-			padding-left: 29em;
-		}
-		/* See also Overflow section at the bottom */
-
-		body:not(.toc-inline) #toc-jump:not(:focus) {
-			width: 0;
-			height: 0;
-			padding: 0;
-			position: absolute;
-			overflow: hidden;
-		}
-	}
-	@media screen and (min-width: 90em) {
-		body:not(.toc-inline) {
-			margin: 0 4em;
-		}
-	}
-
-/******************************************************************************/
-/*                                Sectioning                                  */
-/******************************************************************************/
-
-/** Headings ******************************************************************/
-
-	h1, h2, h3, h4, h5, h6, dt {
-		page-break-after: avoid;
-		page-break-inside: avoid;
-		font: 100% sans-serif;   /* Reset all font styling to clear out UA styles */
-		font-family: inherit;	/* Inherit the font family. */
-		line-height: 1.2;		/* Keep wrapped headings compact */
-		hyphens: manual;		/* Hyphenated headings look weird */
-	}
-
-	h2, h3, h4, h5, h6 {
-		margin-top: 3rem;
-	}
-
-	h1, h2, h3 {
-		color: #005A9C;
-		color: var(--heading-text);
-	}
-
-	h1 { font-size: 170%; }
-	h2 { font-size: 140%; }
-	h3 { font-size: 120%; }
-	h4 { font-weight: bold; }
-	h5 { font-style: italic; }
-	h6 { font-variant: small-caps; }
-	dt { font-weight: bold; }
-
-/** Subheadings ***************************************************************/
-
-	h1 + h2,
-	#profile-and-date {
-		/* #profile-and-date is a subtitle in an H2 under the H1 */
-		margin-top: 0;
-	}
-	h2 + h3,
-	h3 + h4,
-	h4 + h5,
-	h5 + h6 {
-		margin-top: 1.2em; /* = 1 x line-height */
-	}
-
-/** Section divider ***********************************************************/
-
-	:not(.head) > :not(.head) + hr {
-		font-size: 1.5em;
-		text-align: center;
-		margin: 1em auto;
-		height: auto;
-		color: black;
-		color: var(--hr-text);
-		border: transparent solid 0;
-		background: transparent;
-	}
-	:not(.head) > hr::before {
-		content: "\2727\2003\2003\2727\2003\2003\2727";
-	}
-
-/******************************************************************************/
-/*                            Paragraphs and Lists                            */
-/******************************************************************************/
-
-	p {
-		margin: 1em 0;
-	}
-
-	dd > p:first-child,
-	li > p:first-child {
-		margin-top: 0;
-	}
-
-	ul, ol {
-		margin-left: 0;
-		padding-left: 2em;
-	}
-
-	li {
-		margin: 0.25em 0 0.5em;
-		padding: 0;
-	}
-
-	dl dd {
-		margin: 0 0 .5em 2em;
-	}
-
-	.head dd + dd { /* compact for header */
-		margin-top: -.5em;
-	}
-
-	/* Style for algorithms */
-	ol.algorithm ol:not(.algorithm),
-	.algorithm > ol ol:not(.algorithm) {
-	border-left: 0.5em solid #DEF;
-	border-left: 0.5em solid var(--algo-border);
-	}
-
-	/* Put nice boxes around each algorithm. */
-	[data-algorithm]:not(.heading) {
-	 padding: .5em;
-	 border: thin solid #ddd;
-	 border: thin solid var(--algo-border);
-	 border-radius: .5em;
-	 margin: .5em calc(-0.5em - 1px);
-	}
-	[data-algorithm]:not(.heading) > :first-child {
-	 margin-top: 0;
-	}
-	[data-algorithm]:not(.heading) > :last-child {
-	 margin-bottom: 0;
-	}
-
-	/* Style for switch/case <dl>s */
-	dl.switch > dd > ol.only,
-	dl.switch > dd > .only > ol {
-	margin-left: 0;
-	}
-	dl.switch > dd > ol.algorithm,
-	dl.switch > dd > .algorithm > ol {
-	margin-left: -2em;
-	}
-	dl.switch {
-	padding-left: 2em;
-	}
-	dl.switch > dt {
-	text-indent: -1.5em;
-	margin-top: 1em;
-	}
-	dl.switch > dt + dt {
-	margin-top: 0;
-	}
-	dl.switch > dt::before {
-	content: '\21AA';
-	padding: 0 0.5em 0 0;
-	display: inline-block;
-	width: 1em;
-	text-align: right;
-	line-height: 0.5em;
-	}
-
-/** Terminology Markup ********************************************************/
-
-
-/******************************************************************************/
-/*                                 Inline Markup                              */
-/******************************************************************************/
-
-/** Terminology Markup ********************************************************/
-	dfn   { /* Defining instance */
-		font-weight: bolder;
-	}
-	a > i { /* Instance of term */
-		font-style: normal;
-	}
-	dt dfn code, code.idl {
-		font-size: inherit;
-	}
-	dfn var {
-		font-style: normal;
-	}
-
-/** Change Marking ************************************************************/
-
-	del {
-		color: #aa0000;
-		color: var(--del-text);
-		background: transparent;
-		background: var(--del-bg);
-		text-decoration: line-through;
-	}
-	ins {
-		color: #006100;
-		color: var(--ins-text);
-		background: transparent;
-		background: var(--ins-bg);
-		text-decoration: underline;
-	}
-
-	/* for amendments (candidate/proposed changes) */
-
-	.amendment ins, .correction ins, .addition ins,
-	ins[class^=c] {
-		text-decoration-style: dotted;
-	}
-	.amendment del, .correction del, .addition del,
-	del[class^=c] {
-		text-decoration-style: dotted;
-	}
-	.amendment.proposed ins, .correction.proposed ins, .addition.proposed ins,
-	ins[class^=c].proposed {
-		text-decoration-style: double;
-	}
-	.amendment.proposed del, .correction.proposed del, .addition.proposed del,
-	del[class^=c].proposed {
-		text-decoration-style: double;
-	}
-
-/** Miscellaneous improvements to inline formatting ***************************/
-
-	sup {
-		vertical-align: super;
-		font-size: 80%
-	}
-
-/******************************************************************************/
-/*                                    Code                                    */
-/******************************************************************************/
-
-/** General monospace/pre rules ***********************************************/
-
-	pre, code, samp {
-		font-family: Menlo, Consolas, "DejaVu Sans Mono", Monaco, monospace;
-		font-size: .9em;
-		hyphens: none;
-		text-transform: none;
-		text-align: left;
-		text-align: start;
-		font-variant: normal;
-		orphans: 3;
-		widows: 3;
-		page-break-before: avoid;
-	}
-	pre code,
-	code code {
-		font-size: 100%;
-	}
-
-	pre {
-		margin-top: 1em;
-		margin-bottom: 1em;
-		overflow: auto;
-	}
-
-/** Inline Code fragments *****************************************************/
-
-	/* Do something nice. */
-
-/******************************************************************************/
-/*                                    Links                                   */
-/******************************************************************************/
-
-/** General Hyperlinks ********************************************************/
-
-	/* We hyperlink a lot, so make it less intrusive */
-	a[href] {
-		color: #034575;
-		color: var(--a-normal-text);
-		text-decoration: underline #707070;
-		text-decoration: underline var(--a-normal-underline);
-		text-decoration-skip-ink: none;
-	}
-	a:visited {
-		color: #034575;
-		color: var(--a-visited-text);
-		text-decoration-color: #bbb;
-		text-decoration-color: var(--a-visited-underline);
-	}
-
-	/* Indicate interaction with the link */
-	a[href]:focus,
-	a[href]:hover {
-		text-decoration-thickness: 2px;
-	}
-	a[href]:active {
-		color: #c00;
-		color: var(--a-active-text);
-		text-decoration-color: #c00;
-		text-decoration-color: var(--a-active-underline);
-	}
-
-	/* Backout above styling for W3C logo */
-	.head .logo,
-	.head .logo a {
-		border: none;
-		text-decoration: none;
-		background: transparent;
-	}
-
-/******************************************************************************/
-/*                                    Images                                  */
-/******************************************************************************/
-
-	img {
-		border-style: none;
-	}
-
-	img, svg {
-		/* Intentionally not color-scheme aware. */
-		background: white;
-	}
-
-	/* For autogen numbers, add
-	  .caption::before, figcaption::before { content: "Figure " counter(figure) ". "; }
-	*/
-
-	figure, .figure, .sidefigure {
-		page-break-inside: avoid;
-		text-align: center;
-		margin: 2.5em 0;
-	}
-	.figure img,	.sidefigure img,	figure img,
-	.figure object, .sidefigure object, figure object {
-		max-width: 100%;
-		margin: auto;
-		height: auto;
-	}
-	.figure pre, .sidefigure pre, figure pre {
-		text-align: left;
-		display: table;
-		margin: 1em auto;
-	}
-	.figure table, figure table {
-		margin: auto;
-	}
-	@media screen and (min-width: 20em) {
-		.sidefigure {
-			float: right;
-			width: 50%;
-			margin: 0 0 0.5em 0.5em;
-		}
-	}
-	.caption, figcaption, caption {
-		font-style: italic;
-		font-size: 90%;
-	}
-	.caption::before, figcaption::before, figcaption > .marker {
-		font-weight: bold;
-	}
-	.caption, figcaption {
-		counter-increment: figure;
-	}
-
-	/* DL list is indented 2em, but figure inside it is not */
-	dd > .figure, dd > figure { margin-left: -2em; }
-
-/******************************************************************************/
-/*                             Colored Boxes                                  */
-/******************************************************************************/
-
-	.issue, .note, .example, .assertion, .advisement, blockquote,
-	.amendment, .correction, .addition {
-		margin: 1em auto;
-		padding: .5em;
-		border: .5em;
-		border-left-style: solid;
-		page-break-inside: avoid;
-	}
-	span.issue, span.note {
-		padding: .1em .5em .15em;
-		border-right-style: solid;
-	}
-
-	blockquote > :first-child,
-	.note  > p:first-child,
-	.issue > p:first-child,
-	.amendment > p:first-child,
-	.correction > p:first-child,
-	.addition > p:first-child {
-		margin-top: 0;
-	}
-	blockquote > :last-child,
-	.note  > p:last-child,
-	.issue > p:last-child,
-	.amendment > p:last-child,
-	.correction > p:last-child,
-	.addition > p:last-child {
-		margin-bottom: 0;
-	}
-
-
-	.issue::before, .issue > .marker,
-	.example::before, .example > .marker,
-	.note::before, .note > .marker,
-	details.note > summary > .marker,
-	.amendment::before, .amendment > .marker,
-	details.amendment > summary > .marker,
-	.addition::before, .addition > .marker,
-	addition.amendment > summary > .marker,
-	.correction::before, .correction > .marker,
-	correction.amendment > summary > .marker
-	{
-		text-transform: uppercase;
-		padding-right: 1em;
-	}
-
-	.example::before, .example > .marker {
-		display: block;
-		padding-right: 0em;
-	}
-
-/** Blockquotes ***************************************************************/
-
-	blockquote {
-		border-color: silver;
-		border-color: var(--blockquote-border);
-		background: transparent;
-		background: var(--blockquote-bg);
-		color: currentcolor;
-		color: var(--blockquote-text);
-	}
-
-/** Open issue ****************************************************************/
-
-	.issue {
-		border-color: #e05252;
-		border-color: var(--issue-border);
-		background: #fbe9e9;
-		background: var(--issue-bg);
-		color: black;
-		color: var(--issue-text);
-		counter-increment: issue;
-		overflow: auto;
-	}
-	.issue::before, .issue > .marker {
-		color: #831616;
-		color: var(--issueheading-text);
-	}
-	/* Add .issue::before { content: "Issue " counter(issue) " "; } for autogen numbers,
-	  or use class="marker" to mark up the issue number in source. */
-
-/** Example *******************************************************************/
-
-	.example {
-		border-color: #e0cb52;
-		border-color: var(--example-border);
-		background: #fcfaee;
-		background: var(--example-bg);
-		color: black;
-		color: var(--example-text);
-		counter-increment: example;
-		overflow: auto;
-		clear: both;
-	}
-	.example::before, .example > .marker {
-		color: #574b0f;
-		color: var(--exampleheading-text);
-	}
-	/* Add .example::before { content: "Example " counter(example) " "; } for autogen numbers,
-	  or use class="marker" to mark up the example number in source. */
-
-/** Non-normative Note ********************************************************/
-
-	.note {
-		border-color: #52e052;
-		border-color: var(--note-border);
-		background: #e9fbe9;
-		background: var(--note-bg);
-		color: black;
-		color: var(--note-text);
-		overflow: auto;
-	}
-
-	.note::before, .note > .marker,
-	details.note > summary {
-		color: hsl(120, 70%, 30%);
-		color: var(--noteheading-text);
-	}
-	/* Add .note::before { content: "Note "; } for autogen label,
-	  or use class="marker" to mark up the label in source. */
-
-	details.note[open] > summary {
-		border-bottom: 1px silver solid;
-		border-bottom: 1px var(--notesummary-underline) solid;
-	}
-
-/** Assertion Box *************************************************************/
-	/*  for assertions in algorithms */
-
-	.assertion {
-		border-color: #AAA;
-		border-color: var(--assertion-border);
-		background: #EEE;
-		background: var(--assertion-bg);
-		color: black;
-		color: var(--assertion-text);
-	}
-
-/** Advisement Box ************************************************************/
-	/*  for attention-grabbing normative statements */
-
-	.advisement {
-		border-color: orange;
-		border-color: var(--advisement-border);
-		border-style: none solid;
-		background: #fec;
-		background: var(--advisement-bg);
-		color: black;
-		color: var(--advisement-text);
-	}
-	strong.advisement {
-		display: block;
-		text-align: center;
-	}
-	.advisement::before, .advisement > .marker {
-		color: #b35f00;
-		color: var(--advisementheading-text);
-	}
-
-/** Amendment Box *************************************************************/
-
-	.amendment, .correction, .addition {
-		border-color: #330099;
-		border-color: var(--amendment-border);
-		background: #F5F0FF;
-		background: var(--amendment-bg);
-		color: black;
-		color: var(--amendment-text);
-	}
-	.amendment.proposed, .correction.proposed, .addition.proposed {
-		border-style: solid;
-		border-block-width: 0.25em;
-	}
-	.amendment::before, .amendment > .marker,
-	details.amendment > summary::before, details.amendment > summary > .marker,
-	.correction::before, .correction > .marker,
-	details.correction > summary::before, details.correction > summary > .marker,
-	.addition::before, .addition > .marker,
-	details.addition > summary::before, details.addition > summary > .marker {
-		color: #220066;
-		color: var(--amendmentheading-text);
-	}
-	.amendment.proposed::before, .amendment.proposed > .marker,
-	details.amendment.proposed > summary::before, details.amendment.proposed > summary > .marker,
-	.correction.proposed::before, .correction.proposed > .marker,
-	details.correction.proposed > summary::before, details.correction.proposed > summary > .marker,
-	.addition.proposed::before, .addition.proposed > .marker,
-	details.addition.proposed > summary::before, details.addition.proposed > summary > .marker {
-		font-weight: bold;
-	}
-
-/** Spec Obsoletion Notice ****************************************************/
-	/* obnoxious obsoletion notice for older/abandoned specs. */
-
-	details {
-		display: block;
-	}
-	summary {
-		font-weight: bolder;
-	}
-
-	.annoying-warning:not(details),
-	details.annoying-warning:not([open]) > summary,
-	details.annoying-warning[open] {
-		background: hsla(40,100%,50%,0.95);
-		background: var(--warning-bg);
-		color: black;
-		color: var(--warning-text);
-		padding: .75em 1em;
-		border: red;
-		border: var(--warning-border);
-		border-style: solid none;
-		box-shadow: 0 2px 8px black;
-		text-align: center;
-	}
-	.annoying-warning :last-child {
-		margin-bottom: 0;
-	}
-
-@media not print {
-	details.annoying-warning[open] {
-		position: fixed;
-		left: 0;
-		right: 0;
-		bottom: 2em;
-		z-index: 1000;
-	}
-}
-
-	details.annoying-warning:not([open]) > summary {
-		text-align: center;
-	}
-
-/** Entity Definition Boxes ***************************************************/
-
-	.def {
-		padding: .5em 1em;
-		background: #def;
-		background: var(--def-bg);
-		margin: 1.2em 0;
-		border-left: 0.5em solid #8ccbf2;
-		border-left: 0.5em solid var(--def-border);
-		color: black;
-		color: var(--def-text);
-	}
-
-/******************************************************************************/
-/*                                    Tables                                  */
-/******************************************************************************/
-
-	th, td {
-		text-align: left;
-		text-align: start;
-	}
-
-/** Property/Descriptor Definition Tables *************************************/
-
-	table.def {
-		/* inherits .def box styling, see above */
-		width: 100%;
-		border-spacing: 0;
-	}
-
-	table.def td,
-	table.def th {
-		padding: 0.5em;
-		vertical-align: baseline;
-		border-bottom: 1px solid #bbd7e9;
-		border-bottom: 1px solid var(--defrow-border);
-	}
-
-	table.def > tbody > tr:last-child th,
-	table.def > tbody > tr:last-child td {
-		border-bottom: 0;
-	}
-
-	table.def th {
-		font-style: italic;
-		font-weight: normal;
-		padding-left: 1em;
-		width: 3em;
-	}
-
-	/* For when values are extra-complex and need formatting for readability */
-	table td.pre {
-		white-space: pre-wrap;
-	}
-
-	/* A footnote at the bottom of a def table */
-	table.def td.footnote {
-		padding-top: 0.6em;
-	}
-	table.def td.footnote::before {
-		content: " ";
-		display: block;
-		height: 0.6em;
-		width: 4em;
-		border-top: thin solid;
-	}
-
-/** Data tables (and properly marked-up index tables) *************************/
-	/*
-		<table class="data"> highlights structural relationships in a table
-		when correct markup is used (e.g. thead/tbody, th vs. td, scope attribute)
-
-		Use class="complex data" for particularly complicated tables --
-		(This will draw more lines: busier, but clearer.)
-
-		Use class="long" on table cells with paragraph-like contents
-		(This will adjust text alignment accordingly.)
-		Alternately use class="longlastcol" on tables, to have the last column assume "long".
-	*/
-
-	table {
-		word-wrap: normal;
-		overflow-wrap: normal;
-		hyphens: manual;
-	}
-
-	table.data,
-	table.index {
-		margin: 1em auto;
-		border-collapse: collapse;
-		border: hidden;
-		width: 100%;
-	}
-	table.data caption,
-	table.index caption {
-		max-width: 50em;
-		margin: 0 auto 1em;
-	}
-
-	table.data td,  table.data th,
-	table.index td, table.index th {
-		padding: 0.5em 1em;
-		border-width: 1px;
-		border-color: silver;
-		border-color: var(--datacell-border);
-		border-top-style: solid;
-	}
-
-	table.data thead td:empty {
-		padding: 0;
-		border: 0;
-	}
-
-	table.data  thead,
-	table.index thead,
-	table.data  tbody,
-	table.index tbody {
-		border-bottom: 2px solid;
-	}
-
-	table.data colgroup,
-	table.index colgroup {
-		border-left: 2px solid;
-	}
-
-	table.data  tbody th:first-child,
-	table.index tbody th:first-child  {
-		border-right: 2px solid;
-		border-top: 1px solid silver;
-		border-top: 1px solid var(--datacell-border);
-		padding-right: 1em;
-	}
-
-	table.data th[colspan],
-	table.data td[colspan] {
-		text-align: center;
-	}
-
-	table.complex.data th,
-	table.complex.data td {
-		border: 1px solid silver;
-		border: 1px solid var(--datacell-border);
-		text-align: center;
-	}
-
-	table.data.longlastcol td:last-child,
-	table.data td.long {
-		vertical-align: baseline;
-		text-align: left;
-	}
-
-	table.data img {
-		vertical-align: middle;
-	}
-
-
-/*
-Alternate table alignment rules
-
-	table.data,
-	table.index {
-		text-align: center;
-	}
-
-	table.data  thead th[scope="row"],
-	table.index thead th[scope="row"] {
-		text-align: right;
-	}
-
-	table.data  tbody th:first-child,
-	table.index tbody th:first-child  {
-		text-align: right;
-	}
-
-Possible extra rowspan handling
-
-	table.data  tbody th[rowspan]:not([rowspan='1']),
-	table.index tbody th[rowspan]:not([rowspan='1']),
-	table.data  tbody td[rowspan]:not([rowspan='1']),
-	table.index tbody td[rowspan]:not([rowspan='1']) {
-		border-left: 1px solid silver;
-	}
-
-	table.data  tbody th[rowspan]:first-child,
-	table.index tbody th[rowspan]:first-child,
-	table.data  tbody td[rowspan]:first-child,
-	table.index tbody td[rowspan]:first-child{
-		border-left: 0;
-		border-right: 1px solid silver;
-	}
-*/
-
-/******************************************************************************/
-/*                                  Indices                                   */
-/******************************************************************************/
-
-
-/** Table of Contents *********************************************************/
-
-	.toc a {
-		/* More spacing; use padding to make it part of the click target. */
-		padding: 0.1rem 1px 0;
-		/* Larger, more consistently-sized click target */
-		display: block;
-		/* Switch to using border-bottom for underlines */
-		text-decoration: none;
-		border-bottom: 1px solid;
-		/* Reverse color scheme */
-		color: black;
-		color: var(--toclink-text);
-		border-color: #3980b5;
-		border-color: var(--toclink-underline);
-	}
-	.toc a:visited {
-		color: black;
-		color: var(--toclink-visited-text);
-		border-color: #054572;
-		border-color: var(--toclink-visited-underline);
-	}
-	.toc a:focus,
-	.toc a:hover {
-		background: rgba(75%, 75%, 75%, .25);
-		background: var(--a-hover-bg);
-		border-bottom-width: 3px;
-		margin-bottom: -2px;
-	}
-	.toc a:not(:focus):not(:hover) {
-		/* Allow colors to cascade through from link styling */
-		border-bottom-color: transparent;
-	}
-
-	.toc, .toc ol, .toc ul, .toc li {
-		list-style: none; /* Numbers must be inlined into source */
-		/* because generated content isn't search/selectable and markers can't do multilevel yet */
-		margin:  0;
-		padding: 0;
-	}
-	.toc {
-		line-height: 1.1em;
-	}
-
-	/* ToC not indented until third level, but font style & margins show hierarchy */
-	.toc > li			{ font-weight: bold;   }
-	.toc > li li		 { font-weight: normal; }
-	.toc > li li li	  { font-size:   95%;	}
-	.toc > li li li li	{ font-size:   90%;	}
-	.toc > li li li li li { font-size:   85%;	}
-
-	/* @supports not (display:grid) { */
-		.toc > li			{ margin: 1.5rem 0;	}
-		.toc > li li		 { margin: 0.3rem 0;	}
-		.toc > li li li	  { margin-left: 2rem;   }
-
-		/* Section numbers in a column of their own */
-		.toc .secno {
-			float: left;
-			width: 4rem;
-			white-space: nowrap;
-		}
-		.toc > li li li li .secno { font-size: 85%; }
-		.toc > li li li li li .secno { font-size: 100%; }
-
-		.toc li {
-			clear: both;
-		}
-
-		:not(li) > .toc			 { margin-left:  5rem; }
-		.toc .secno				 { margin-left: -5rem; }
-		.toc > li li li .secno	  { margin-left: -7rem; }
-		.toc > li li li li .secno	{ margin-left: -9rem; }
-		.toc > li li li li li .secno { margin-left: -11rem; }
-
-		/* Tighten up indentation in narrow ToCs */
-		@media (max-width: 30em) {
-			:not(li) > .toc			 { margin-left:  4rem; }
-			.toc .secno				 { margin-left: -4rem; }
-			.toc > li li li			 { margin-left:  1rem; }
-			.toc > li li li .secno	  { margin-left: -5rem; }
-			.toc > li li li li .secno	{ margin-left: -6rem; }
-			.toc > li li li li li .secno { margin-left: -7rem; }
-		}
-		/* Loosen it on wide screens */
-		@media screen and (min-width: 78em) {
-			body:not(.toc-inline) :not(li) > .toc			 { margin-left:  4rem; }
-			body:not(.toc-inline) .toc .secno				 { margin-left: -4rem; }
-			body:not(.toc-inline) .toc > li li li			 { margin-left:  1rem; }
-			body:not(.toc-inline) .toc > li li li .secno	  { margin-left: -5rem; }
-			body:not(.toc-inline) .toc > li li li li .secno	{ margin-left: -6rem; }
-			body:not(.toc-inline) .toc > li li li li li .secno { margin-left: -7rem; }
-	}
-	/* } */
-
-	@supports (display:grid) and (display:contents) {
-		/* Use #toc over .toc to override non-@supports rules. */
-		#toc {
-			display: grid;
-			align-content: start;
-			grid-template-columns: auto 1fr;
-			grid-column-gap: 1rem;
-			column-gap: 1rem;
-			grid-row-gap: .6rem;
-			row-gap: .6rem;
-		}
-		#toc h2 {
-			grid-column: 1 / -1;
-			margin-bottom: 0;
-		}
-		#toc ol,
-		#toc li,
-		#toc a {
-			display: contents;
-			/* Switch <a> to subgrid when supported */
-		}
-		#toc span {
-			margin: 0;
-		}
-		#toc > .toc > li > a > span {
-			/* The spans of the top-level list,
-			  comprising the first items of each top-level section. */
-			margin-top: 1.1rem;
-		}
-		#toc#toc .secno { /* Ugh, need more specificity to override base.css */
-			grid-column: 1;
-			width: auto;
-			margin-left: 0;
-		}
-		#toc .content {
-			grid-column: 2;
-			width: auto;
-			margin-right: 1rem;
-		}
-		#toc .content:hover,
-		#toc .content:focus {
-			background: rgba(75%, 75%, 75%, .25);
-			background: var(--a-hover-bg);
-			border-bottom: 3px solid #054572;
-			border-bottom: 3px solid var(--toclink-underline);
-			margin-bottom: -3px;
-		}
-		#toc li li li .content {
-			margin-left: 1rem;
-		}
-		#toc li li li li .content {
-			margin-left: 2rem;
-		}
-	}
-
-
-/** Index *********************************************************************/
-
-	/* Index Lists: Layout */
-	ul.index	  { margin-left: 0; columns: 15em; text-indent: 1em hanging; }
-	ul.index li	{ margin-left: 0; list-style: none; break-inside: avoid; }
-	ul.index li li { margin-left: 1em; }
-	ul.index dl	{ margin-top: 0; }
-	ul.index dt	{ margin: .2em 0 .2em 20px;}
-	ul.index dd	{ margin: .2em 0 .2em 40px;}
-	/* Index Lists: Typography */
-	ul.index ul,
-	ul.index dl { font-size: smaller; }
-	@media not print {
-		ul.index li a + span {
-			white-space: nowrap;
-			color: transparent; }
-		ul.index li a:hover + span,
-		ul.index li a:focus + span {
-			color: #707070;
-			color: var(--indexinfo-text);
-		}
-	}
-
-/** Index Tables *****************************************************/
-	/* See also the data table styling section, which this effectively subclasses */
-
-	table.index {
-		font-size: small;
-		border-collapse: collapse;
-		border-spacing: 0;
-		text-align: left;
-		margin: 1em 0;
-	}
-
-	table.index td,
-	table.index th {
-		padding: 0.4em;
-	}
-
-	table.index tr:hover td:not([rowspan]),
-	table.index tr:hover th:not([rowspan]) {
-		color: black;
-		color: var(--indextable-hover-text);
-		background: #f7f8f9;
-		background: var(--indextable-hover-bg);
-	}
-
-	/* The link in the first column in the property table (formerly a TD) */
-	table.index th:first-child a {
-		font-weight: bold;
-	}
-
-/** Outdated warning **********************************************************/
-
-.outdated-spec {
-	color: black;
-	color: var(--outdatedspec-text);
-	background-color: rgba(0,0,0,0.5);
-	background-color: var(--outdatedspec-bg);
-}
-
-.outdated-warning {
-	position: fixed;
-	bottom: 50%;
-	left: 0;
-	right: 0;
-	margin: 0 auto;
-	width: 50%;
-	background: maroon;
-	background: var(--outdated-bg);
-	color: white;
-	color: var(--outdated-text);
-	border-radius: 1em;
-	box-shadow: 0 0 1em red;
-	box-shadow: 0 0 1em var(--outdated-shadow);
-	padding: 2em;
-	text-align: center;
-	z-index: 2;
-}
-
-.outdated-warning a {
-	color: currentcolor;
-	background: transparent;
-}
-
-.edited-rec-warning {
-	background: darkorange;
-	background: var(--editedrec-bg);
-	box-shadow: 0 0 1em;
-}
-
-.outdated-warning button {
-	color: var(--outdated-text);
-	border-radius: 1em;
-	box-shadow: 0 0 1em red;
-	box-shadow: 0 0 1em var(--outdated-shadow);
-	padding: 2em;
-	text-align: center;
-	z-index: 2;
-}
-
-.outdated-warning a {
-	color: currentcolor;
-	background: transparent;
-}
-
-.edited-rec-warning {
-	background: darkorange;
-	background: var(--editedrec-bg);
-	box-shadow: 0 0 1em;
-}
-
-.outdated-warning button {
-	position: absolute;
-	top: 0;
-	right:0;
-	margin: 0;
-	border: 0;
-	padding: 0.25em 0.5em;
-	background: transparent;
-	color: white;
-	color: var(--outdated-text);
-	font:1em sans-serif;
-	text-align:center;
-}
-
-.outdated-warning span {
-	display: block;
-}
-
-.outdated-collapsed {
-	bottom: 0;
-	border-radius: 0;
-	width: 100%;
-	padding: 0;
-}
-
-/******************************************************************************/
-/*                                    Print                                   */
-/******************************************************************************/
-
-	@media print {
-		/* Pages have their own margins. */
-		html {
-			margin: 0;
-		}
-		/* Serif for print. */
-		body {
-			font-family: serif;
-		}
-
-		.outdated-warning {
-			position: absolute;
-			border-style: solid;
-			border-color: red;
-		}
-
-		.outdated-warning input {
-			display: none;
-		}
-	}
-	@page {
-		margin: 1.5cm 1.1cm;
-	}
-
-
-
-/******************************************************************************/
-/*                             Overflow Control                               */
-/******************************************************************************/
-
-	.figure .caption, .sidefigure .caption, figcaption {
-		/* in case figure is overlarge, limit caption to 50em */
-		max-width: 50rem;
-		margin-left: auto;
-		margin-right: auto;
-	}
-	.overlarge {
-		/* Magic to create good item positioning:
-		  "content column" is 50ems wide at max; less on smaller screens.
-		  Extra space (after ToC + content) is empty on the right.
-
-		  1. When item < content column, centers item in column.
-		  2. When content < item < available, left-aligns.
-		  3. When item > available, fills available + scroll bar.
-		*/
-		display: grid;
-		grid-template-columns: minmax(0, 50em);
-	}
-	.overlarge > table {
-		/* limit preferred width of table */
-		max-width: 50em;
-		margin-left: auto;
-		margin-right: auto;
-	}
-
-	@media (min-width: 55em) {
-		.overlarge {
-			margin-right: calc(13px + 26.5rem - 50vw);
-			max-width: none;
-		}
-	}
-	@media screen and (min-width: 78em) {
-		body:not(.toc-inline) .overlarge {
-			/* 30.5em body padding 50em content area */
-			margin-right: calc(40em - 50vw) !important;
-		}
-	}
-	@media screen and (min-width: 90em) {
-		body:not(.toc-inline) .overlarge {
-			/* 4em html margin 30.5em body padding 50em content area */
-			margin-right: calc(84.5em - 100vw) !important;
-		}
-	}
-
-	@media not print {
-		.overlarge {
-			overflow-x: auto;
-			/* See Lea Verou's explanation background-attachment:
-			* http://lea.verou.me/2012/04/background-attachment-local/
-			*
-			background: top left  / 4em 100% linear-gradient(to right,  #ffffff, rgba(255, 255, 255, 0)) local,
-						top right / 4em 100% linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0)) local,
-						top left  / 1em 100% linear-gradient(to right,  #c3c3c5, rgba(195, 195, 197, 0)) scroll,
-						top right / 1em 100% linear-gradient(to left, #c3c3c5, rgba(195, 195, 197, 0)) scroll,
-						white;
-			background-repeat: no-repeat;
-			*/
-		}
-	}
-</style>
+  <title>Font Metrics API Level 1</title>
+  <meta content="DREAM" name="w3c-status">
+  <link href="https://www.w3.org/StyleSheets/TR/2021/W3C-DREAM" rel="stylesheet">
+  <link href="https://www.w3.org/2008/site/images/favicon.ico" rel="icon">
   <link href="https://drafts.css-houdini.org/font-metrics-api-1/" rel="canonical">
   <meta content="dark light" name="color-scheme">
+  <link href="https://www.w3.org/StyleSheets/TR/2021/dark.css" media="(prefers-color-scheme: dark)" rel="stylesheet" type="text/css">
 <style>/* Boilerplate: style-autolinks */
 .css.css, .property.property, .descriptor.descriptor {
     color: var(--a-normal-text);
@@ -2172,32 +692,50 @@
 </style>
  <body class="h-entry">
   <div class="head">
-   <p data-fill-with="logo"></p>
+   <p data-fill-with="logo"><a class="logo" href="https://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/StyleSheets/TR/2021/logos/W3C" width="72"> </a> </p>
    <h1 class="p-name no-ref" id="title">Font Metrics API Level 1</h1>
-   <h2 class="no-num no-toc no-ref heading settled" id="profile-and-date"><span class="content">A Collection of Interesting Ideas, <time class="dt-updated" datetime="1970-01-01">1 January 1970</time></span></h2>
-   <div data-fill-with="spec-metadata">
-    <dl>
-     <dt>This version:
-     <dd><a class="u-url" href="https://drafts.css-houdini.org/font-metrics-api-1/">https://drafts.css-houdini.org/font-metrics-api-1/</a>
-     <dt>Feedback:
-     <dd><span><a href="mailto:public-houdini@w3.org?subject=%5Bfont-metrics-api%5D%20YOUR%20TOPIC%20HERE">public-houdini@w3.org</a> with subject line “<kbd>[font-metrics-api] <i data-lt>… message topic …</i></kbd>” (<a href="http://lists.w3.org/Archives/Public/public-houdini/" rel="discussion">archives</a>)</span>
-     <dt class="editor">Editors:
-     <dd class="editor p-author h-card vcard" data-editor-id="93298"><a class="p-name fn u-email email" href="mailto:eae@google.com">Emil A Eklund</a>
-     <dd class="editor p-author h-card vcard" data-editor-id="46659"><a class="p-name fn u-email email" href="mailto:stearns@adobe.com">Alan Stearns</a>
-    </dl>
-   </div>
+   <p id="w3c-state"><a href="https://www.w3.org/standards/types#DREAM">A Collection of Interesting Ideas</a>, <time class="dt-updated" datetime="1970-01-01">1 January 1970</time></p>
+   <details open>
+    <summary>More details about this document</summary>
+    <div data-fill-with="spec-metadata">
+     <dl>
+      <dt>This version:
+      <dd><a class="u-url" href="https://drafts.css-houdini.org/font-metrics-api-1/">https://drafts.css-houdini.org/font-metrics-api-1/</a>
+      <dt>Feedback:
+      <dd><span><a href="mailto:public-houdini@w3.org?subject=%5Bfont-metrics-api%5D%20YOUR%20TOPIC%20HERE">public-houdini@w3.org</a> with subject line “<kbd>[font-metrics-api] <i data-lt>… message topic …</i></kbd>” (<a href="http://lists.w3.org/Archives/Public/public-houdini/" rel="discussion">archives</a>)</span>
+      <dt class="editor">Editors:
+      <dd class="editor p-author h-card vcard" data-editor-id="93298"><a class="p-name fn u-email email" href="mailto:eae@google.com">Emil A Eklund</a>
+      <dd class="editor p-author h-card vcard" data-editor-id="46659"><a class="p-name fn u-email email" href="mailto:stearns@adobe.com">Alan Stearns</a>
+     </dl>
+    </div>
+   </details>
    <div data-fill-with="warning"></div>
-   <p class="copyright" data-fill-with="copyright"><a href="http://creativecommons.org/publicdomain/zero/1.0/" rel="license"><img alt="CC0" height="15" src="https://licensebuttons.net/p/zero/1.0/80x15.png" width="80"></a> To the extent possible under law, the editors have waived all copyright
-and related or neighboring rights to this work.
-In addition, as of 1 January 1970,
-the editors have made this specification available under the <a href="http://www.openwebfoundation.org/legal/the-owf-1-0-agreements/owfa-1-0" rel="license">Open Web Foundation Agreement Version 1.0</a>,
-which is available at http://www.openwebfoundation.org/legal/the-owf-1-0-agreements/owfa-1-0.
-Parts of this work may be from another specification document.  If so, those parts are instead covered by the license of that specification document. </p>
+   <p class="copyright" data-fill-with="copyright"><a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 1970 <a href="https://www.w3.org/">World Wide Web Consortium</a>. <abbr title="World Wide Web Consortium">W3C</abbr><sup>®</sup> <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document" rel="license">permissive document license</a> rules apply. </p>
    <hr title="Separator for header">
   </div>
   <div class="p-summary" data-fill-with="abstract">
    <h2 class="no-num no-toc no-ref heading settled" id="abstract"><span class="content">Abstract</span></h2>
   </div>
+  <h2 class="no-num no-toc no-ref heading settled" id="sotd"><span class="content">Status of this document</span></h2>
+  <div data-fill-with="status">
+   <p><em>This section describes the status of this document at the time of its publication.
+	A list of current W3C publications
+	and the latest revision of this technical report
+	can be found in the <a href="https://www.w3.org/TR/">W3C technical reports index at https://www.w3.org/TR/.</a></em> </p>
+   <p>Please send feedback
+	by <a href="https://github.com/w3c/css-houdini-drafts/issues">filing issues in GitHub</a> (preferred),
+	including the spec code “font-metrics-api” in the title, like this:
+	“[font-metrics-api] <i>…summary of comment…</i>”.
+	All issues and comments are <a href="https://lists.w3.org/Archives/Public/public-houdini-archive/">archived</a>.
+	Alternately, feedback can be sent to the (<a href="https://lists.w3.org/Archives/Public/www-style/">archived</a>) public mailing list <a href="mailto:www-style@w3.org?Subject=%5Bfont-metrics-api%5D%20PUT%20SUBJECT%20HERE">www-style@w3.org</a>. </p>
+   <p>This document is governed by the <a href="https://www.w3.org/2021/Process-20211102/" id="w3c_process_revision">2 November 2021 W3C Process Document</a>. </p>
+   <p>This document was produced by a group operating under the <a href="https://www.w3.org/Consortium/Patent-Policy-20200915/">W3C Patent Policy</a>.
+	W3C maintains a <a href="https://www.w3.org/groups/wg/css/ipr" rel="disclosure">public list of any patent disclosures</a> made in connection with the deliverables of the group;
+	that page also includes instructions for disclosing a patent.
+	An individual who has actual knowledge of a patent which the individual believes
+	contains <a href="https://www.w3.org/Consortium/Patent-Policy-20200915/#def-essential">Essential Claim(s)</a> must disclose the information in accordance with <a href="https://www.w3.org/Consortium/Patent-Policy-20200915/#sec-Disclosure">section 6 of the W3C Patent Policy</a>. </p>
+   <p></p>
+  </div>
   <div data-fill-with="at-risk"></div>
   <nav data-fill-with="table-of-contents" id="toc">
    <h2 class="no-num no-toc no-ref" id="contents">Table of Contents</h2>
diff --git a/tests/github/w3c/css-houdini-drafts/worklets/Overview.console.txt b/tests/github/w3c/css-houdini-drafts/worklets/Overview.console.txt
index ad89219dda..8d40d41fcb 100644
--- a/tests/github/w3c/css-houdini-drafts/worklets/Overview.console.txt
+++ b/tests/github/w3c/css-houdini-drafts/worklets/Overview.console.txt
@@ -1,3 +1 @@
-FATAL ERROR: Not all required metadata was provided:
-    Must provide at least one 'Issue Tracking' entry.
 WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/w3c/csswg-drafts/css-2015/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-2015/Overview.console.txt
index 7dfd635ed2..169dec30bb 100644
--- a/tests/github/w3c/csswg-drafts/css-2015/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-2015/Overview.console.txt
@@ -10,6 +10,7 @@ To auto-select one of the following refs, insert one of these lines into a <pre
 spec:css22; type:selector; text::lang()
 spec:selectors-4; type:selector; text::lang()
 '':lang()''
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
 LINE 128: Unexported dfn that's not referenced locally - did you mean to export it?
 <dfn bs-line-number="128" data-dfn-type="dfn" id="cascading-style-sheets-css" data-lt="Cascading Style Sheets (CSS)" data-noexport="by-default" class="dfn-paneled">Cascading Style Sheets (CSS)</dfn>
 LINE 313: Unexported dfn that's not referenced locally - did you mean to export it?
diff --git a/tests/github/w3c/csswg-drafts/css-2017/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-2017/Overview.console.txt
index e82b7db166..2da1b0ab3e 100644
--- a/tests/github/w3c/csswg-drafts/css-2017/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-2017/Overview.console.txt
@@ -350,6 +350,7 @@ LINE 804: Unknown spec name 'css-style-attr-1' on <index bs-line-number="804" ty
 	css-grid-1,
 	filter-effects-1,
 	css-break-3" data-link-status="TR"></index>
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
 LINE 129: Unexported dfn that's not referenced locally - did you mean to export it?
 <dfn bs-line-number="129" data-dfn-type="dfn" id="cascading-style-sheets-css" data-lt="Cascading Style Sheets (CSS)" data-noexport="by-default" class="dfn-paneled">Cascading Style Sheets (CSS)</dfn>
 LINE 360: Unexported dfn that's not referenced locally - did you mean to export it?
diff --git a/tests/github/w3c/csswg-drafts/css-2018/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-2018/Overview.console.txt
index d7e65825fa..651f35f59a 100644
--- a/tests/github/w3c/csswg-drafts/css-2018/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-2018/Overview.console.txt
@@ -424,3 +424,4 @@ LINE 877: Unknown spec name 'css-style-attr-1' on <index bs-line-number="877" ty
 	css-break-3,
 	css-contain-1,
 	css-scroll-snap-1" data-link-status="TR"></index>
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/w3c/csswg-drafts/css-2020/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-2020/Overview.console.txt
index 0c4cbc0b58..fa29a35ffa 100644
--- a/tests/github/w3c/csswg-drafts/css-2020/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-2020/Overview.console.txt
@@ -1,4 +1,4 @@
-FATAL ERROR: Under Process2021, w3c/WG-NOTE is no longer a valid status. Use NOTE (or one of its variants NOTE-ED, NOTE-FPWD, NOTE-WD) instead.
+FATAL ERROR: Under Process2021, WG-NOTE is no longer a valid status. Use NOTE (or one of its variants NOTE-ED, NOTE-FPWD, NOTE-WD) instead.
 LINT: Your document appears to use tabs to indent, but line 94 starts with spaces.
 LINT: Line 94's indent contains tabs after spaces.
 LINT: Your document appears to use tabs to indent, but line 95 starts with spaces.
@@ -415,3 +415,4 @@ LINE 953: Unknown spec name 'css-style-attr-1' on <index bs-line-number="953" ty
 	css-scroll-snap-1,
 	css-display-3,
 	css-font-loading-3" data-link-status="TR"></index>
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/w3c/csswg-drafts/css-2020/Overview.html b/tests/github/w3c/csswg-drafts/css-2020/Overview.html
index 95f46ca1ed..15eec6cec1 100644
--- a/tests/github/w3c/csswg-drafts/css-2020/Overview.html
+++ b/tests/github/w3c/csswg-drafts/css-2020/Overview.html
@@ -3,7 +3,7 @@
   <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
   <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
   <title>CSS Snapshot 2020</title>
-  <meta content="NOTE" name="w3c-status">
+  <meta content="WG-NOTE" name="w3c-status">
   <link href="https://www.w3.org/TR/css-2020/" rel="canonical">
   <meta content="dark light" name="color-scheme">
 <style>/* Boilerplate: style-autolinks */
@@ -573,7 +573,7 @@ <h1 class="p-name no-ref" id="title">CSS Snapshot 2020</h1>
     <div data-fill-with="spec-metadata">
      <dl>
       <dt>This version:
-      <dd><a class="u-url" href="https://www.w3.org/TR/1970/NOTE-css-2020-19700101/">https://www.w3.org/TR/1970/NOTE-css-2020-19700101/</a>
+      <dd><a class="u-url" href="https://www.w3.org/TR/1970/WG-NOTE-css-2020-19700101/">https://www.w3.org/TR/1970/WG-NOTE-css-2020-19700101/</a>
       <dt>Latest published version:
       <dd><a href="https://www.w3.org/TR/css-2020/">https://www.w3.org/TR/css-2020/</a>
       <dt>Editor's Draft:
diff --git a/tests/github/w3c/csswg-drafts/css-color-adjust-1/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-color-adjust-1/Overview.console.txt
index e9e7abb8c1..6650d7fb42 100644
--- a/tests/github/w3c/csswg-drafts/css-color-adjust-1/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-color-adjust-1/Overview.console.txt
@@ -24,4 +24,5 @@ LINE ~383: No 'dfn' refs found for 'system color' that are marked for export.
 [=system color=]
 LINE ~391: No 'dfn' refs found for 'system color' that are marked for export.
 [=system color=]
+LINE 528: W3C policy requires Privacy Considerations and Security Considerations to be separate sections, but you appear to have them combined into one.
 WARNING: No 'propdef-print-color-adjust' ID found, skipping MDN features that would target it.
diff --git a/tests/github/w3c/csswg-drafts/css-device-adapt-1/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-device-adapt-1/Overview.console.txt
index 8ceaaf1197..fbfd2288bd 100644
--- a/tests/github/w3c/csswg-drafts/css-device-adapt-1/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-device-adapt-1/Overview.console.txt
@@ -54,6 +54,7 @@ LINE ~1425: No 'property' refs found for 'zoom'.
 'zoom'
 LINE ~1435: No 'property' refs found for 'zoom'.
 'zoom'
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
 LINE 153: Unexported dfn that's not referenced locally - did you mean to export it?
 <dfn bs-line-number="153" data-dfn-type="dfn" id="initial-viewport" data-lt="initial viewport" data-noexport="by-default" class="dfn-paneled">initial viewport</dfn>
 LINE 159: Unexported dfn that's not referenced locally - did you mean to export it?
diff --git a/tests/github/w3c/csswg-drafts/css-env-1/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-env-1/Overview.console.txt
index e69de29bb2..8d40d41fcb 100644
--- a/tests/github/w3c/csswg-drafts/css-env-1/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-env-1/Overview.console.txt
@@ -0,0 +1 @@
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/w3c/csswg-drafts/css-extensions-1/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-extensions-1/Overview.console.txt
index da432fe9f8..a8632e40ed 100644
--- a/tests/github/w3c/csswg-drafts/css-extensions-1/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-extensions-1/Overview.console.txt
@@ -23,5 +23,6 @@ To auto-select one of the following refs, insert one of these lines into a <pre
 spec:css-color-5; type:value; for:lab(); text:a
 spec:css-color-5; type:value; for:oklab(); text:a
 ''A''
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
 LINE 49: Unexported dfn that's not referenced locally - did you mean to export it?
 <dfn bs-line-number="49" data-dfn-type="dfn" id="declarative-custom-selector" data-lt="declarative custom selector" data-noexport="by-default" class="dfn-paneled">declarative custom selector</dfn>
diff --git a/tests/github/w3c/csswg-drafts/css-fonts-3/Overview-wip.console.txt b/tests/github/w3c/csswg-drafts/css-fonts-3/Overview-wip.console.txt
index 4e6aeef893..d72a637b71 100644
--- a/tests/github/w3c/csswg-drafts/css-fonts-3/Overview-wip.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-fonts-3/Overview-wip.console.txt
@@ -190,6 +190,7 @@ spec:encrypted-media; type:method; text:get()
 spec:credential-management-1; type:method; text:get()
 spec:cookie-store; type:method; text:get()
 {{get()}}
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
 WARNING: No 'font-metrics-override-desc' ID found, skipping MDN features that would target it.
 WARNING: No 'font-display-desc' ID found, skipping MDN features that would target it.
 WARNING: No 'font-optical-sizing-def' ID found, skipping MDN features that would target it.
diff --git a/tests/github/w3c/csswg-drafts/css-fonts-4/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-fonts-4/Overview.console.txt
index 1f2c4cdb21..bd92c7ce9e 100644
--- a/tests/github/w3c/csswg-drafts/css-fonts-4/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-fonts-4/Overview.console.txt
@@ -1611,6 +1611,7 @@ LINE ~6715: No 'property' refs found for 'normal'.
 'normal'
 LINE ~6743: No 'property' refs found for 'ch'.
 'ch'
+LINE 6435: W3C policy requires Privacy Considerations and Security Considerations to be separate sections, but you appear to have them combined into one.
 LINE 2422: Unexported dfn that's not referenced locally - did you mean to export it?
 <dfn bs-line-number="2422" data-dfn-type="dfn" id="effective-character-map" data-lt="effective character map" data-noexport="by-default" class="dfn-paneled">effective character map</dfn>
 LINE 3124: Unexported dfn that's not referenced locally - did you mean to export it?
diff --git a/tests/github/w3c/csswg-drafts/css-fonts-5/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-fonts-5/Overview.console.txt
index ee894aa443..f733b0afcd 100644
--- a/tests/github/w3c/csswg-drafts/css-fonts-5/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-fonts-5/Overview.console.txt
@@ -58,3 +58,4 @@ LINE ~319: No 'property' refs found for 'superscript-size-override'.
 'superscript-size-override'
 LINE ~319: No 'property' refs found for 'subscript-size-override'.
 'subscript-size-override'
+LINE 374: W3C policy requires Privacy Considerations and Security Considerations to be separate sections, but you appear to have them combined into one.
diff --git a/tests/github/w3c/csswg-drafts/css-lists-3/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-lists-3/Overview.console.txt
index ba8f95d8df..30dc318d1b 100644
--- a/tests/github/w3c/csswg-drafts/css-lists-3/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-lists-3/Overview.console.txt
@@ -4,3 +4,4 @@ To auto-select one of the following refs, insert one of these lines into a <pre
 spec:css-syntax-3; type:dfn; text:invalid
 spec:rdf12-semantics; type:dfn; text:invalid
 [=invalid=]
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/w3c/csswg-drafts/css-multicol-1/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-multicol-1/Overview.console.txt
index 2a6cbde93e..c5a46834bf 100644
--- a/tests/github/w3c/csswg-drafts/css-multicol-1/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-multicol-1/Overview.console.txt
@@ -38,3 +38,4 @@ LINE 1522: Image doesn't exist, so I couldn't determine its width and height: 'i
 LINE 1529: Image doesn't exist, so I couldn't determine its width and height: 'images/pagination-column-break-overflow-page2.svg'
 LINE ~1420: No 'property' refs found for 'max-height' with spec 'css2'.
 'max-height'
+LINE 1614: W3C policy requires Privacy Considerations and Security Considerations to be separate sections, but you appear to have them combined into one.
diff --git a/tests/github/w3c/csswg-drafts/css-multicol-2/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-multicol-2/Overview.console.txt
index e69de29bb2..173ac188fa 100644
--- a/tests/github/w3c/csswg-drafts/css-multicol-2/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-multicol-2/Overview.console.txt
@@ -0,0 +1 @@
+LINE 232: W3C policy requires Privacy Considerations and Security Considerations to be separate sections, but you appear to have them combined into one.
diff --git a/tests/github/w3c/csswg-drafts/css-nesting-1/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-nesting-1/Overview.console.txt
index a9f3b1d697..a35010ea72 100644
--- a/tests/github/w3c/csswg-drafts/css-nesting-1/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-nesting-1/Overview.console.txt
@@ -6,3 +6,4 @@ LINE 597: No 'dfn' refs found for 'nested conditional rules'.
 <a bs-line-number="597" data-link-type="dfn" data-lt="nested conditional rules">nested conditional rules</a>
 LINE 736: No 'dfn' refs found for 'context object' that are marked for export.
 <a bs-line-number="736" data-link-type="dfn" data-lt="context object">context object</a>
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/w3c/csswg-drafts/css-overscroll-1/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-overscroll-1/Overview.console.txt
index e69de29bb2..13b5e57a49 100644
--- a/tests/github/w3c/csswg-drafts/css-overscroll-1/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-overscroll-1/Overview.console.txt
@@ -0,0 +1 @@
+LINE 269: W3C policy requires Privacy Considerations and Security Considerations to be separate sections, but you appear to have them combined into one.
diff --git a/tests/github/w3c/csswg-drafts/css-rhythm-1/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-rhythm-1/Overview.console.txt
index d981ac5bbb..3a88cc64c1 100644
--- a/tests/github/w3c/csswg-drafts/css-rhythm-1/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-rhythm-1/Overview.console.txt
@@ -5,3 +5,4 @@ LINE 55: Image doesn't exist, so I couldn't determine its width and height: 'ima
 LINE 400: Image doesn't exist, so I couldn't determine its width and height: 'images/adjust-line-height.svg'
 WARNING: Multiple elements have the same ID 'biblio-css21'.
 Deduping, but this ID may not be stable across revisions.
+LINE 496: W3C policy requires Privacy Considerations and Security Considerations to be separate sections, but you appear to have them combined into one.
diff --git a/tests/github/w3c/csswg-drafts/css-scoping-1/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-scoping-1/Overview.console.txt
index 5e7d25887b..ca09327922 100644
--- a/tests/github/w3c/csswg-drafts/css-scoping-1/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-scoping-1/Overview.console.txt
@@ -27,3 +27,4 @@ spec:csp3; type:dfn; text:element
 [=element=]
 LINE ~599: No 'dfn' refs found for 'serialized'.
 [=serialized=]
+LINE 696: W3C policy requires Privacy Considerations and Security Considerations to be separate sections, but you appear to have them combined into one.
diff --git a/tests/github/w3c/csswg-drafts/css-shadow-parts-1/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-shadow-parts-1/Overview.console.txt
index b230d7f1a1..02c8d64297 100644
--- a/tests/github/w3c/csswg-drafts/css-shadow-parts-1/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-shadow-parts-1/Overview.console.txt
@@ -33,3 +33,4 @@ LINE ~353: No 'dfn' refs found for 'pair' that are marked for export.
 [=pair=]
 LINE ~369: No 'dfn' refs found for 'pairs'.
 [=pairs=]
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/w3c/csswg-drafts/css-text-decor-3/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-text-decor-3/Overview.console.txt
index f8494754d2..b48d4f5bc6 100644
--- a/tests/github/w3c/csswg-drafts/css-text-decor-3/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-text-decor-3/Overview.console.txt
@@ -1,5 +1,5 @@
 FATAL ERROR: Not all required metadata was provided:
-    Missing a 'Implementation Report' entry.
+    Missing 'Implementation Report'
 LINE 124: Image doesn't exist, so I couldn't determine its width and height: 'images/decoration-skip-ink.png'
 LINE 154: Image doesn't exist, so I couldn't determine its width and height: 'images/skip-ink-wisp.png'
 LINE 214: Image doesn't exist, so I couldn't determine its width and height: 'images/underline-example.png'
diff --git a/tests/github/w3c/csswg-drafts/css-ui-3/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-ui-3/Overview.console.txt
index d8af91e2cd..1f67200bc9 100644
--- a/tests/github/w3c/csswg-drafts/css-ui-3/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-ui-3/Overview.console.txt
@@ -1,5 +1,5 @@
 FATAL ERROR: Not all required metadata was provided:
-    Missing a 'Implementation Report' entry.
+    Missing 'Implementation Report'
 LINT: Your document appears to use spaces to indent, but line 251 starts with tabs.
 LINT: Your document appears to use spaces to indent, but line 252 starts with tabs.
 LINT: Your document appears to use spaces to indent, but line 256 starts with tabs.
diff --git a/tests/github/w3c/csswg-drafts/css-values-3/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-values-3/Overview.console.txt
index 12c74ca82d..602566747e 100644
--- a/tests/github/w3c/csswg-drafts/css-values-3/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-values-3/Overview.console.txt
@@ -49,6 +49,7 @@ To auto-select one of the following refs, insert one of these lines into a <pre
 spec:css-values-5; type:value; text:color
 spec:compositing-2; type:value; text:color
 ''color''
+LINE 2600: W3C policy requires Privacy Considerations and Security Considerations to be separate sections, but you appear to have them combined into one.
 WARNING: No 'sign-funcs' ID found, skipping MDN features that would target it.
 WARNING: No 'trig-funcs' ID found, skipping MDN features that would target it.
 WARNING: No 'calc-constants' ID found, skipping MDN features that would target it.
diff --git a/tests/github/w3c/csswg-drafts/css-values-4/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-values-4/Overview.console.txt
index 5613c36ada..47c70227a7 100644
--- a/tests/github/w3c/csswg-drafts/css-values-4/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-values-4/Overview.console.txt
@@ -13,5 +13,6 @@ spec:css-ui-4; type:value; text:default
 ''default''
 LINE 2430: No 'property' refs found for 'background-position' with spec 'css2'.
 'background-position'
+LINE 4784: W3C policy requires Privacy Considerations and Security Considerations to be separate sections, but you appear to have them combined into one.
 LINE 2435: Couldn't find target anchor status:
 <a bs-line-number="2435" href="#status">provide feedback</a>
diff --git a/tests/github/w3c/csswg-drafts/css-will-change-1/Overview.console.txt b/tests/github/w3c/csswg-drafts/css-will-change-1/Overview.console.txt
index e69de29bb2..8d40d41fcb 100644
--- a/tests/github/w3c/csswg-drafts/css-will-change-1/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/css-will-change-1/Overview.console.txt
@@ -0,0 +1 @@
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/w3c/csswg-drafts/cssom-1/Overview.console.txt b/tests/github/w3c/csswg-drafts/cssom-1/Overview.console.txt
index 7b92bc341e..b64e1362c6 100644
--- a/tests/github/w3c/csswg-drafts/cssom-1/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/cssom-1/Overview.console.txt
@@ -111,6 +111,7 @@ WARNING: Multiple elements have the same ID 'a973e0fe'.
 Deduping, but this ID may not be stable across revisions.
 WARNING: Multiple elements have the same ID 'biblio-dom'.
 Deduping, but this ID may not be stable across revisions.
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
 WARNING: No 'dom-cssstylesheet-cssstylesheet' ID found, skipping MDN features that would target it.
 WARNING: No 'dom-cssstylesheet-replace' ID found, skipping MDN features that would target it.
 WARNING: No 'dom-cssstylesheet-replacesync' ID found, skipping MDN features that would target it.
diff --git a/tests/github/w3c/csswg-drafts/cssom-view-1/Overview.console.txt b/tests/github/w3c/csswg-drafts/cssom-view-1/Overview.console.txt
index 3815ea30cf..9730c58cfe 100644
--- a/tests/github/w3c/csswg-drafts/cssom-view-1/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/cssom-view-1/Overview.console.txt
@@ -32,6 +32,7 @@ spec:html; type:dfn; for:/; text:event loop
 <a bs-line-number="1776" data-link-spec="html" data-link-type="dfn" data-lt="event loop">event loop</a>
 WARNING: Multiple elements have the same ID '06950d36'.
 Deduping, but this ID may not be stable across revisions.
+LINE 1738: W3C policy requires Privacy Considerations and Security Considerations to be separate sections, but you appear to have them combined into one.
 WARNING: No 'dom-visualviewport-height' ID found, skipping MDN features that would target it.
 WARNING: No 'dom-visualviewport-offsetleft' ID found, skipping MDN features that would target it.
 WARNING: No 'dom-visualviewport-offsettop' ID found, skipping MDN features that would target it.
diff --git a/tests/github/w3c/csswg-drafts/indexes/Overview.console.txt b/tests/github/w3c/csswg-drafts/indexes/Overview.console.txt
index 53bf07f276..77d5c22e5b 100644
--- a/tests/github/w3c/csswg-drafts/indexes/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/indexes/Overview.console.txt
@@ -1 +1,2 @@
 WARNING: `Complain About: mixed-indents yes` is active, but I couldn't infer the document's indentation. Be more consistent, or turn this lint off.
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/w3c/csswg-drafts/resize-observer-1/Overview.console.txt b/tests/github/w3c/csswg-drafts/resize-observer-1/Overview.console.txt
index 560f23daf1..bbf7f9699e 100644
--- a/tests/github/w3c/csswg-drafts/resize-observer-1/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/resize-observer-1/Overview.console.txt
@@ -6,3 +6,4 @@ spec:cssom-view-1; type:event; for:VisualViewport; text:resize
 spec:html; type:event; text:resize
 spec:picture-in-picture; type:event; text:resize
 {{resize}}
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/w3c/csswg-drafts/scroll-animations-1/Overview.console.txt b/tests/github/w3c/csswg-drafts/scroll-animations-1/Overview.console.txt
index 83a326068c..052ebdabd4 100644
--- a/tests/github/w3c/csswg-drafts/scroll-animations-1/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/scroll-animations-1/Overview.console.txt
@@ -61,6 +61,7 @@ LINE ~1135: No 'property' refs found for 'time-range'.
 'time-range'
 LINE ~1139: No 'property' refs found for 'time-range'.
 'time-range'
+LINE 1305: W3C policy requires Privacy Considerations and Security Considerations to be separate sections, but you appear to have them combined into one.
 LINE 427: Unexported dfn that's not referenced locally - did you mean to export it?
 <dfn bs-line-number="427" data-dfn-type="dfn" id="set-the-offset-value" data-lt="set the offset value" data-noexport="by-default" class="dfn-paneled">set the offset value</dfn>
 LINE 811: Unexported dfn that's not referenced locally - did you mean to export it?
diff --git a/tests/github/w3c/csswg-drafts/selectors-4/Overview.console.txt b/tests/github/w3c/csswg-drafts/selectors-4/Overview.console.txt
index fc5a5ee464..ed16d0548a 100644
--- a/tests/github/w3c/csswg-drafts/selectors-4/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/selectors-4/Overview.console.txt
@@ -10,5 +10,6 @@ LINE 1259: No 'dfn' refs found for 'identifier' with spec 'css-syntax-3'.
 <a bs-line-number="1259" data-link-type="dfn" data-lt="identifier">identifier</a>
 LINE 3443: No 'dfn' refs found for 'identifier' with spec 'css-syntax-3'.
 <a bs-line-number="3443" data-link-type="dfn" data-lt="identifier">identifier</a>
+LINE 4088: W3C policy requires Privacy Considerations and Security Considerations to be separate sections, but you appear to have them combined into one.
 WARNING: No 'modal-state' ID found, skipping MDN features that would target it.
 WARNING: No 'pip-state' ID found, skipping MDN features that would target it.
diff --git a/tests/github/w3c/csswg-drafts/selectors-nonelement-1/Overview.console.txt b/tests/github/w3c/csswg-drafts/selectors-nonelement-1/Overview.console.txt
index 95944a3473..2550fd2be9 100644
--- a/tests/github/w3c/csswg-drafts/selectors-nonelement-1/Overview.console.txt
+++ b/tests/github/w3c/csswg-drafts/selectors-nonelement-1/Overview.console.txt
@@ -1,3 +1,3 @@
-FATAL ERROR: Under Process2021, w3c/WG-NOTE is no longer a valid status. Use NOTE (or one of its variants NOTE-ED, NOTE-FPWD, NOTE-WD) instead.
+FATAL ERROR: Under Process2021, WG-NOTE is no longer a valid status. Use NOTE (or one of its variants NOTE-ED, NOTE-FPWD, NOTE-WD) instead.
 LINK ERROR: Obsolete biblio ref: [selectors-api] is replaced by [DOM]. Either update the reference, or use [selectors-api obsolete] if this is an intentionally-obsolete reference.
 WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/w3c/csswg-drafts/selectors-nonelement-1/Overview.html b/tests/github/w3c/csswg-drafts/selectors-nonelement-1/Overview.html
index 5e706dd2b1..6974542462 100644
--- a/tests/github/w3c/csswg-drafts/selectors-nonelement-1/Overview.html
+++ b/tests/github/w3c/csswg-drafts/selectors-nonelement-1/Overview.html
@@ -3,7 +3,7 @@
   <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
   <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
   <title>Non-element Selectors Module Level 1</title>
-  <meta content="NOTE" name="w3c-status">
+  <meta content="WG-NOTE" name="w3c-status">
   <link href="https://www.w3.org/StyleSheets/TR/2021/W3C-WG-NOTE" rel="stylesheet">
   <link href="https://www.w3.org/2008/site/images/favicon.ico" rel="icon">
   <link href="https://www.w3.org/TR/selectors-nonelement-1/" rel="canonical">
@@ -574,7 +574,7 @@ <h1 class="p-name no-ref" id="title">Non-element Selectors Module Level 1</h1>
     <div data-fill-with="spec-metadata">
      <dl>
       <dt>This version:
-      <dd><a class="u-url" href="https://www.w3.org/TR/1970/NOTE-selectors-nonelement-1-19700101/">https://www.w3.org/TR/1970/NOTE-selectors-nonelement-1-19700101/</a>
+      <dd><a class="u-url" href="https://www.w3.org/TR/1970/WG-NOTE-selectors-nonelement-1-19700101/">https://www.w3.org/TR/1970/WG-NOTE-selectors-nonelement-1-19700101/</a>
       <dt>Latest published version:
       <dd><a href="https://www.w3.org/TR/selectors-nonelement-1/">https://www.w3.org/TR/selectors-nonelement-1/</a>
       <dt>Editor's Draft:
diff --git a/tests/github/w3c/dpub-pagination/Overview.console.txt b/tests/github/w3c/dpub-pagination/Overview.console.txt
index f44113ca3b..2da165bcfc 100644
--- a/tests/github/w3c/dpub-pagination/Overview.console.txt
+++ b/tests/github/w3c/dpub-pagination/Overview.console.txt
@@ -1,8 +1,5 @@
-FATAL ERROR: You used Status: ED, but that's limited to the 'w3c', 'fido', or 'khronos' orgs, and your group 'dpub' isn't recognized as being in any of those orgs. If this is wrong, please file a Bikeshed issue to categorize your group properly, and/or try:
-Status: w3c/ED
-Status: fido/ED
-Status: khronos/ED
-FATAL ERROR: Unknown Status 'ED' used.
+FATAL ERROR: Unknown Group 'DPUB'. See docs for recognized Group values.
+FATAL ERROR: Your Status 'ED' only exists in the Orgs W3C, FIDO, and KHRONOS. Declare one of those Orgs in your Org metadata.
 LINE 96:27: Spurious / in <img>.
 LINE 120:27: Spurious / in <img>.
 LINE 147:27: Spurious / in <img>.
diff --git a/tests/github/w3c/fxtf-drafts/fill-stroke/Overview.console.txt b/tests/github/w3c/fxtf-drafts/fill-stroke/Overview.console.txt
index 3bbdf07ae0..b1d84d41ea 100644
--- a/tests/github/w3c/fxtf-drafts/fill-stroke/Overview.console.txt
+++ b/tests/github/w3c/fxtf-drafts/fill-stroke/Overview.console.txt
@@ -1,5 +1,3 @@
-FATAL ERROR: Not all required metadata was provided:
-    Must provide at least one 'Issue Tracking' entry.
 LINT: Line 1707's indent contains tabs after spaces.
 LINT: Line 1811's indent contains tabs after spaces.
 LINT: Line 2018's indent contains tabs after spaces.
diff --git a/tests/github/w3c/fxtf-drafts/fill-stroke/Overview.html b/tests/github/w3c/fxtf-drafts/fill-stroke/Overview.html
index 760d135c16..fa0022fd31 100644
--- a/tests/github/w3c/fxtf-drafts/fill-stroke/Overview.html
+++ b/tests/github/w3c/fxtf-drafts/fill-stroke/Overview.html
@@ -4,7 +4,7 @@
   <title>CSS Fill and Stroke Module Level 3</title>
   <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
   <meta content="exploring" name="csswg-work-status">
-  <meta content="WD" name="w3c-status">
+  <meta content="FPWD" name="w3c-status">
   <meta content="[ABSTRACTATTR]" name="abstract">
   <link href="../default.css" rel="stylesheet">
   <link href="../csslogo.ico" rel="shortcut icon" type="image/x-icon">
@@ -866,7 +866,7 @@ <h1 class="p-name no-ref" id="title">CSS Fill and Stroke Module Level 3</h1>
     <div data-fill-with="spec-metadata">
      <dl>
       <dt>This version:
-      <dd><a class="u-url" href="https://www.w3.org/TR/1970/WD-fill-stroke-3-19700101/">https://www.w3.org/TR/1970/WD-fill-stroke-3-19700101/</a>
+      <dd><a class="u-url" href="https://www.w3.org/TR/1970/FPWD-fill-stroke-3-19700101/">https://www.w3.org/TR/1970/FPWD-fill-stroke-3-19700101/</a>
       <dt>Latest published version:
       <dd><a href="https://www.w3.org/TR/fill-stroke-3/">https://www.w3.org/TR/fill-stroke-3/</a>
       <dt>Editor's Draft:
diff --git a/tests/github/w3c/fxtf-drafts/matrix/Overview.console.txt b/tests/github/w3c/fxtf-drafts/matrix/Overview.console.txt
index 4bd8e59590..a02ff03cd3 100644
--- a/tests/github/w3c/fxtf-drafts/matrix/Overview.console.txt
+++ b/tests/github/w3c/fxtf-drafts/matrix/Overview.console.txt
@@ -1,5 +1,3 @@
-FATAL ERROR: Under Process2021, w3c/WG-NOTE is no longer a valid status. Use NOTE (or one of its variants NOTE-ED, NOTE-FPWD, NOTE-WD) instead.
-FATAL ERROR: Not all required metadata was provided:
-    Must provide at least one 'Issue Tracking' entry.
+FATAL ERROR: Under Process2021, WG-NOTE is no longer a valid status. Use NOTE (or one of its variants NOTE-ED, NOTE-FPWD, NOTE-WD) instead.
 LINE 9:49 of header.include: Found unmatched text macro [ABSTRACTATTR] in content='...'. Correct the macro, or escape it by replacing the opening [ with &#91;.
 WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/w3c/fxtf-drafts/matrix/Overview.html b/tests/github/w3c/fxtf-drafts/matrix/Overview.html
index a2ecc3ee82..db4797eb2b 100644
--- a/tests/github/w3c/fxtf-drafts/matrix/Overview.html
+++ b/tests/github/w3c/fxtf-drafts/matrix/Overview.html
@@ -4,7 +4,7 @@
   <title>DOMMatrix interface</title>
   <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
   <meta content="abandoned" name="csswg-work-status">
-  <meta content="NOTE" name="w3c-status">
+  <meta content="WG-NOTE" name="w3c-status">
   <meta content="[ABSTRACTATTR]" name="abstract">
   <link href="../default.css" rel="stylesheet">
   <link href="../csslogo.ico" rel="shortcut icon" type="image/x-icon">
@@ -420,7 +420,7 @@ <h1 class="p-name no-ref" id="title">DOMMatrix interface</h1>
     <div data-fill-with="spec-metadata">
      <dl>
       <dt>This version:
-      <dd><a class="u-url" href="https://www.w3.org/TR/1970/NOTE-matrix-1-19700101/">https://www.w3.org/TR/1970/NOTE-matrix-1-19700101/</a>
+      <dd><a class="u-url" href="https://www.w3.org/TR/1970/WG-NOTE-matrix-1-19700101/">https://www.w3.org/TR/1970/WG-NOTE-matrix-1-19700101/</a>
       <dt>Latest published version:
       <dd><a href="http://www.w3.org/TR/matrix/">http://www.w3.org/TR/matrix/</a>
       <dt>Editor's Draft:
diff --git a/tests/github/w3c/motion-sensors/releases/NOTE/NOTE.console.txt b/tests/github/w3c/motion-sensors/releases/NOTE/NOTE.console.txt
index 0dd721c58f..5f07bafb3e 100644
--- a/tests/github/w3c/motion-sensors/releases/NOTE/NOTE.console.txt
+++ b/tests/github/w3c/motion-sensors/releases/NOTE/NOTE.console.txt
@@ -1,7 +1,4 @@
 LINE 5: Unknown metadata key "#Level". Prefix custom keys with "!".
-FATAL ERROR: Not all required metadata was provided:
-    Missing a 'Level' entry.
-    Must provide at least one 'Issue Tracking' entry.
 LINE 201: Multiple elements have the same ID 'w3c_process_revision'.
 Deduping, but this ID may not be stable across revisions.
 LINE 225: W3C policy requires Privacy Considerations and Security Considerations to be separate sections, but you appear to have them combined into one.
diff --git a/tests/github/w3c/motion-sensors/releases/NOTE2/index.console.txt b/tests/github/w3c/motion-sensors/releases/NOTE2/index.console.txt
index 46456c85dc..87bb876559 100644
--- a/tests/github/w3c/motion-sensors/releases/NOTE2/index.console.txt
+++ b/tests/github/w3c/motion-sensors/releases/NOTE2/index.console.txt
@@ -1,5 +1,3 @@
-FATAL ERROR: Not all required metadata was provided:
-    Must provide at least one 'Issue Tracking' entry.
 LINE 200: W3C policy requires Privacy Considerations and Security Considerations to be separate sections, but you appear to have them combined into one.
 WARNING: The following locally-defined biblio entries are unused and can be removed:
   * QUATERNIONS
diff --git a/tests/github/w3c/openscreenprotocol/index.html b/tests/github/w3c/openscreenprotocol/index.html
index cb193cfae0..23da72ae61 100644
--- a/tests/github/w3c/openscreenprotocol/index.html
+++ b/tests/github/w3c/openscreenprotocol/index.html
@@ -3,7 +3,7 @@
   <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
   <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
   <title>Open Screen Protocol</title>
-  <meta content="w3c/ED" name="w3c-status">
+  <meta content="ED" name="w3c-status">
   <link href="https://www.w3.org/StyleSheets/TR/2021/W3C-ED" rel="stylesheet">
   <link href="https://www.w3.org/2008/site/images/favicon.ico" rel="icon">
   <link href="https://w3c.github.io/openscreenprotocol/" rel="canonical">
diff --git a/tests/github/w3c/orientation-sensor/releases/FPWD.console.txt b/tests/github/w3c/orientation-sensor/releases/FPWD.console.txt
index 84cf81af22..9810bbb924 100644
--- a/tests/github/w3c/orientation-sensor/releases/FPWD.console.txt
+++ b/tests/github/w3c/orientation-sensor/releases/FPWD.console.txt
@@ -1,7 +1,6 @@
 LINE 5: Unknown metadata key "#Level". Prefix custom keys with "!".
 FATAL ERROR: Not all required metadata was provided:
-    Missing a 'Level' entry.
-    Must provide at least one 'Issue Tracking' entry.
+    Missing 'Level'
 FATAL ERROR: The [Constructor] extended attribute (on AbsoluteOrientationSensor) is deprecated, please switch to a constructor() method.
 LINE 270: Image doesn't exist, so I couldn't determine its width and height: 'images/quaternion_to_rotation_matrix.png'
 LINK ERROR: No 'idl-name' refs found for 'void'.
diff --git a/tests/github/w3c/orientation-sensor/releases/FPWD.html b/tests/github/w3c/orientation-sensor/releases/FPWD.html
index acb8d86056..e6daa9c011 100644
--- a/tests/github/w3c/orientation-sensor/releases/FPWD.html
+++ b/tests/github/w3c/orientation-sensor/releases/FPWD.html
@@ -3,7 +3,7 @@
   <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
   <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
   <title>Orientation Sensor</title>
-  <meta content="WD" name="w3c-status">
+  <meta content="FPWD" name="w3c-status">
   <link href="https://www.w3.org/StyleSheets/TR/2021/W3C-WD" rel="stylesheet">
   <link href="https://www.w3.org/2008/site/images/favicon.ico" rel="icon">
   <link href="https://www.w3.org/TR/orientation-sensor/" rel="canonical">
@@ -743,7 +743,7 @@ <h1 class="p-name no-ref" id="title">Orientation Sensor</h1>
     <div data-fill-with="spec-metadata">
      <dl>
       <dt>This version:
-      <dd><a class="u-url" href="https://www.w3.org/TR/1970/WD-orientation-sensor-19700101/">https://www.w3.org/TR/1970/WD-orientation-sensor-19700101/</a>
+      <dd><a class="u-url" href="https://www.w3.org/TR/1970/FPWD-orientation-sensor-19700101/">https://www.w3.org/TR/1970/FPWD-orientation-sensor-19700101/</a>
       <dt>Latest published version:
       <dd><a href="https://www.w3.org/TR/orientation-sensor/">https://www.w3.org/TR/orientation-sensor/</a>
       <dt>Editor's Draft:
diff --git a/tests/github/w3c/sensors/usecases.console.txt b/tests/github/w3c/sensors/usecases.console.txt
index ad89219dda..8d40d41fcb 100644
--- a/tests/github/w3c/sensors/usecases.console.txt
+++ b/tests/github/w3c/sensors/usecases.console.txt
@@ -1,3 +1 @@
-FATAL ERROR: Not all required metadata was provided:
-    Must provide at least one 'Issue Tracking' entry.
 WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/w3c/svgwg/specs/svg-native/index.console.txt b/tests/github/w3c/svgwg/specs/svg-native/index.console.txt
index 2bf353fa37..246877b4cf 100644
--- a/tests/github/w3c/svgwg/specs/svg-native/index.console.txt
+++ b/tests/github/w3c/svgwg/specs/svg-native/index.console.txt
@@ -356,3 +356,4 @@ To auto-select one of the following refs, insert one of these lines into a <pre
 spec:html; type:element; text:a
 spec:svg2; type:element; text:a
 <{a}>
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/w3c/wcag-act/act-fr-reqs.console.txt b/tests/github/w3c/wcag-act/act-fr-reqs.console.txt
index e86460447d..2421bfb79e 100644
--- a/tests/github/w3c/wcag-act/act-fr-reqs.console.txt
+++ b/tests/github/w3c/wcag-act/act-fr-reqs.console.txt
@@ -1,3 +1,4 @@
+FATAL ERROR: Unknown Group 'ACCESSIBILITY CONFORMANCE TESTING TASK FORCE'. See docs for recognized Group values.
 WARNING: `Complain About: mixed-indents yes` is active, but I couldn't infer the document's indentation. Be more consistent, or turn this lint off.
 WARNING: You should manually provide IDs for your headings:
   Rule
diff --git a/tests/github/w3c/wcag-act/act-rules-format.html b/tests/github/w3c/wcag-act/act-rules-format.html
index ea9b72af22..a7d29b449a 100644
--- a/tests/github/w3c/wcag-act/act-rules-format.html
+++ b/tests/github/w3c/wcag-act/act-rules-format.html
@@ -3,7 +3,7 @@
   <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
   <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
   <title>Accessibility Conformance Testing (ACT) Rules Format</title>
-  <meta content="w3c/ED" name="w3c-status">
+  <meta content="ED" name="w3c-status">
   <link href="https://www.w3.org/StyleSheets/TR/2021/W3C-ED" rel="stylesheet">
   <link href="https://www.w3.org/2008/site/images/favicon.ico" rel="icon">
   <link href="https://w3c.github.io/wcag-act/act-rules-format.html" rel="canonical">
diff --git a/tests/github/w3c/webappsec-change-password-url/change-password-url.console.txt b/tests/github/w3c/webappsec-change-password-url/change-password-url.console.txt
index e69de29bb2..8d40d41fcb 100644
--- a/tests/github/w3c/webappsec-change-password-url/change-password-url.console.txt
+++ b/tests/github/w3c/webappsec-change-password-url/change-password-url.console.txt
@@ -0,0 +1 @@
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/w3c/webappsec-change-password-url/response-code-reliability.console.txt b/tests/github/w3c/webappsec-change-password-url/response-code-reliability.console.txt
index 6c5310e7ba..295108933b 100644
--- a/tests/github/w3c/webappsec-change-password-url/response-code-reliability.console.txt
+++ b/tests/github/w3c/webappsec-change-password-url/response-code-reliability.console.txt
@@ -1,2 +1,3 @@
 LINE ~59: No 'dfn' refs found for 'synchronous flag' that are marked for export.
 [=request/synchronous flag=]
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/w3c/webappsec-csp/cookies/index.console.txt b/tests/github/w3c/webappsec-csp/cookies/index.console.txt
index e35bb23beb..344a1b2b26 100644
--- a/tests/github/w3c/webappsec-csp/cookies/index.console.txt
+++ b/tests/github/w3c/webappsec-csp/cookies/index.console.txt
@@ -1,5 +1,3 @@
-FATAL ERROR: Not all required metadata was provided:
-    Must provide at least one 'Issue Tracking' entry.
 LINT: Your document appears to use spaces to indent, but line 88 starts with tabs.
 LINT: Your document appears to use spaces to indent, but line 89 starts with tabs.
 LINT: Your document appears to use spaces to indent, but line 90 starts with tabs.
diff --git a/tests/github/w3c/webappsec-csp/pinning/index.console.txt b/tests/github/w3c/webappsec-csp/pinning/index.console.txt
index 69fa1b27e8..93705f879b 100644
--- a/tests/github/w3c/webappsec-csp/pinning/index.console.txt
+++ b/tests/github/w3c/webappsec-csp/pinning/index.console.txt
@@ -1,5 +1,3 @@
-FATAL ERROR: Not all required metadata was provided:
-    Must provide at least one 'Issue Tracking' entry.
 LINT: Your document appears to use spaces to indent, but line 105 starts with tabs.
 LINT: Your document appears to use spaces to indent, but line 106 starts with tabs.
 LINT: Your document appears to use spaces to indent, but line 107 starts with tabs.
diff --git a/tests/github/w3c/webappsec-fetch-metadata/index.console.txt b/tests/github/w3c/webappsec-fetch-metadata/index.console.txt
index c85f73d7bf..c2010676df 100644
--- a/tests/github/w3c/webappsec-fetch-metadata/index.console.txt
+++ b/tests/github/w3c/webappsec-fetch-metadata/index.console.txt
@@ -1,5 +1,3 @@
-FATAL ERROR: Not all required metadata was provided:
-    Must provide at least one 'Issue Tracking' entry.
 LINK ERROR: Obsolete biblio ref: [rfc7231] is replaced by [rfc9110]. Either update the reference, or use [rfc7231 obsolete] if this is an intentionally-obsolete reference.
 LINE ~237: Multiple possible 'same site' dfn refs.
 Arbitrarily chose https://html.spec.whatwg.org/multipage/browsers.html#concept-site-same-site
diff --git a/tests/github/w3c/webappsec-permissions-policy/index.console.txt b/tests/github/w3c/webappsec-permissions-policy/index.console.txt
index 9552d6a015..4c5df9f747 100644
--- a/tests/github/w3c/webappsec-permissions-policy/index.console.txt
+++ b/tests/github/w3c/webappsec-permissions-policy/index.console.txt
@@ -163,5 +163,6 @@ spec:html; type:dfn; for:/; text:origin
 [=origin=]
 LINE 999: No 'dfn' refs found for 'queue' with for='['reporting']'.
 <a bs-line-number="999" data-lt="queue" data-link-for="reporting" data-link-type="dfn">queue a report</a>
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
 LINE 337: Unexported dfn that's not referenced locally - did you mean to export it?
 <dfn bs-line-number="337" data-dfn-type="dfn" id="serialized-permissions-policy" data-lt="serialized-permissions-policy" data-noexport="by-default" class="dfn-paneled">serialized-permissions-policy</dfn>
diff --git a/tests/github/w3c/webappsec-post-spectre-webdev/index.console.txt b/tests/github/w3c/webappsec-post-spectre-webdev/index.console.txt
index 2ae742fe02..fff44c8257 100644
--- a/tests/github/w3c/webappsec-post-spectre-webdev/index.console.txt
+++ b/tests/github/w3c/webappsec-post-spectre-webdev/index.console.txt
@@ -1 +1,2 @@
 LINT: Your document appears to use spaces to indent, but line 361 starts with tabs.
+WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/w3c/webappsec-uisecurity/index.console.txt b/tests/github/w3c/webappsec-uisecurity/index.console.txt
index b74adf5a2b..e636152beb 100644
--- a/tests/github/w3c/webappsec-uisecurity/index.console.txt
+++ b/tests/github/w3c/webappsec-uisecurity/index.console.txt
@@ -1,6 +1,5 @@
 FATAL ERROR: Not all required metadata was provided:
-    Missing a 'TR' entry.
-    Must provide at least one 'Issue Tracking' entry.
+    Missing 'TR'
 LINT: Your document appears to use tabs to indent, but line 57 starts with spaces.
 LINT: Your document appears to use tabs to indent, but line 59 starts with spaces.
 LINT: Your document appears to use tabs to indent, but line 82 starts with spaces.
diff --git a/tests/github/w3c/webappsec-upgrade-insecure-requests/index.console.txt b/tests/github/w3c/webappsec-upgrade-insecure-requests/index.console.txt
index e69de29bb2..3b4b98b1c1 100644
--- a/tests/github/w3c/webappsec-upgrade-insecure-requests/index.console.txt
+++ b/tests/github/w3c/webappsec-upgrade-insecure-requests/index.console.txt
@@ -0,0 +1 @@
+WARNING: This specification does not have a 'Privacy Considerations' section. Please consider adding one, see https://w3ctag.github.io/security-questionnaire/.
diff --git a/tests/github/w3c/webtransport/index.html b/tests/github/w3c/webtransport/index.html
index 8f2d1cce26..e1ab38afe8 100644
--- a/tests/github/w3c/webtransport/index.html
+++ b/tests/github/w3c/webtransport/index.html
@@ -3,7 +3,7 @@
   <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
   <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
   <title>WebTransport</title>
-  <meta content="w3c/ED" name="w3c-status">
+  <meta content="ED" name="w3c-status">
   <link href="https://www.w3.org/StyleSheets/TR/2021/W3C-ED" rel="stylesheet">
   <link href="https://www.w3.org/2008/site/images/favicon.ico" rel="icon">
   <link href="https://github.com/w3c/webtransport" rel="canonical">
diff --git a/tests/github/w3ctag/client-certificates/index.console.txt b/tests/github/w3ctag/client-certificates/index.console.txt
index 393427a6a9..b1484ddc7a 100644
--- a/tests/github/w3ctag/client-certificates/index.console.txt
+++ b/tests/github/w3ctag/client-certificates/index.console.txt
@@ -1,7 +1,6 @@
-WARNING: You used Status: WD, but the TAG is are limited to these statuses: DRAFT-FINDING, ED, FINDING, NOTE, NOTE-ED, NOTE-FPWD, NOTE-WD, UD, WG-NOTE
+WARNING: You used Status WD, but your Group (TAG) is limited to the statuses DRAFT-FINDING, ED, FINDING, NOTE, NOTE-ED, NOTE-FPWD, NOTE-WD, UD, or WG-NOTE.
 FATAL ERROR: Not all required metadata was provided:
-    Missing a 'TR' entry.
-    Must provide at least one 'Issue Tracking' entry.
+    Missing 'TR'
 LINE 24:1: Spurious / in <img>.
 WARNING: `Complain About: mixed-indents yes` is active, but I couldn't infer the document's indentation. Be more consistent, or turn this lint off.
 WARNING: You should manually provide IDs for your headings:
diff --git a/tests/github/w3ctag/evergreen-web/index.console.txt b/tests/github/w3ctag/evergreen-web/index.console.txt
index aa7693d72f..fa036dc3a7 100644
--- a/tests/github/w3ctag/evergreen-web/index.console.txt
+++ b/tests/github/w3ctag/evergreen-web/index.console.txt
@@ -1,3 +1,5 @@
 LINE 9: Incorrectly formatted metadata line:
 <!-- Group doesn't currently generate correct license info, so use copyright no, temporarily -->
 
+FATAL ERROR: Not all required metadata was provided:
+    Missing 'TR'
diff --git a/tests/github/w3ctag/evergreen-web/index.html b/tests/github/w3ctag/evergreen-web/index.html
index 96cc5077d3..0c62af2471 100644
--- a/tests/github/w3ctag/evergreen-web/index.html
+++ b/tests/github/w3ctag/evergreen-web/index.html
@@ -1,1494 +1,14 @@
 <!doctype html><html lang="en">
  <head>
   <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
-  <title>The evergreen web</title>
   <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
-<style data-fill-with="stylesheet">/******************************************************************************
- *                   Style sheet for the W3C specifications                   *
- *
- * Special classes handled by this style sheet include:
- *
- * Indices
- *   - .toc for the Table of Contents (<ol class="toc">)
- *     + <span class="secno"> for the section numbers
- *   - #toc for the Table of Contents (<nav id="toc">)
- *   - ul.index for Indices (<a href="#ref">term</a><span>, in § N.M</span>)
- *   - table.index for Index Tables (e.g. for properties or elements)
- *
- * Structural Markup
- *   - table.data for general data tables
- *     -> use 'scope' attribute, <colgroup>, <thead>, and <tbody> for best results !
- *     -> use <table class='complex data'> for extra-complex tables
- *     -> use <td class='long'> for paragraph-length cell content
- *     -> use <td class='pre'> when manual line breaks/indentation would help readability
- *   - dl.switch for switch statements
- *   - ol.algorithm for algorithms (helps to visualize nesting)
- *   - .figure and .caption (HTML4) and figure and figcaption (HTML5)
- *     -> .sidefigure for right-floated figures
- *   - ins/del
- *     -> ins/del.c### for candidate and proposed changes (amendments)
- *
- * Code
- *   - pre and code
- *
- * Special Sections
- *   - .note       for informative notes             (div, p, span, aside, details)
- *   - .example    for informative examples          (div, p, pre, span)
- *   - .issue      for issues                        (div, p, span)
- *   - .advisement for loud normative statements     (div, p, strong)
- *   - .annoying-warning for spec obsoletion notices (div, aside, details)
- *   - .correction for "candidate corrections"       (div, aside, details, section)
- *   - .addition   for "candidate additions"         (div, aside, details, section)
- *   - .correction.proposed for "proposed corrections" (div, aside, details, section)
- *   - .addition.proposed   for "proposed additions"   (div, aside, details, section)
- *
- * Definition Boxes
- *   - pre.def   for WebIDL definitions
- *   - table.def for tables that define other entities (e.g. CSS properties)
- *   - dl.def    for definition lists that define other entitles (e.g. HTML elements)
- *
- * Numbering
- *   - .secno for section numbers in .toc and headings (<span class='secno'>3.2</span>)
- *   - .marker for source-inserted example/figure/issue numbers (<span class='marker'>Issue 4</span>)
- *   - ::before styled for CSS-generated issue/example/figure numbers:
- *     -> Documents wishing to use this only need to add
- *        figcaption::before,
- *        .caption::before { content: "Figure "  counter(figure) " ";  }
- *        .example::before { content: "Example " counter(example) " "; }
- *        .issue::before   { content: "Issue "   counter(issue) " ";   }
- *
- * Header Stuff (ignore, just don't conflict with these classes)
- *   - .head for the header
- *   - .copyright for the copyright
- *
- * Outdated warning for old specs
- *
- * Miscellaneous
- *   - .overlarge for things that should be as wide as possible, even if
- *     that overflows the body text area. This can be used on an item or
- *     on its container, depending on the effect desired.
- *     Note that this styling basically doesn't help at all when printing,
- *     since A4 paper isn't much wider than the max-width here.
- *     It's better to design things to fit into a narrower measure if possible.
- *
- *   - js-added ToC jump links (see fixup.js)
- *
- ******************************************************************************/
-
-/* color variables included separately for reliability */
-
-/******************************************************************************/
-/*                                    Body                                    */
-/******************************************************************************/
-
-	html {
-	}
-
-	body {
-		counter-reset: example figure issue;
-
-		/* Layout */
-		max-width: 50em;			  /* limit line length to 50em for readability   */
-		margin: 0 auto;				/* center text within page                    */
-		padding: 1.6em 1.5em 2em 50px; /* assume 16px font size for downlevel clients */
-		padding: 1.6em 1.5em 2em calc(26px + 1.5em); /* leave space for status flag    */
-
-		/* Typography */
-		line-height: 1.5;
-		font-family: sans-serif;
-		widows: 2;
-		orphans: 2;
-		word-wrap: break-word;
-		overflow-wrap: break-word;
-		hyphens: auto;
-
-		color: black;
-		color: var(--text);
-		background: white top left fixed no-repeat;
-		background: var(--bg) top left fixed no-repeat;
-		background-size: 25px auto;
-	}
-
-
-/******************************************************************************/
-/*                         Front Matter & Navigation                          */
-/******************************************************************************/
-
-/** Header ********************************************************************/
-
-	div.head { margin-bottom: 1em; }
-	div.head hr { border-style: solid; }
-
-	div.head h1 {
-		font-weight: bold;
-		margin: 0 0 .1em;
-		font-size: 220%;
-	}
-
-	div.head h2 { margin-bottom: 1.5em;}
-
-/** W3C Logo ******************************************************************/
-
-	.head .logo {
-		float: right;
-		margin: 0.4rem 0 0.2rem .4rem;
-	}
-
-	.head img[src*="logos/W3C"] {
-		display: block;
-		border: solid #1a5e9a;
-		border: solid var(--logo-bg);
-		border-width: .65rem .7rem .6rem;
-		border-radius: .4rem;
-		background: #1a5e9a;
-		background: var(--logo-bg);
-		color: white;
-		color: var(--logo-text);
-		font-weight: bold;
-	}
-
-	.head a:hover > img[src*="logos/W3C"],
-	.head a:focus > img[src*="logos/W3C"] {
-		opacity: .8;
-	}
-
-	.head a:active > img[src*="logos/W3C"] {
-		background: #c00;
-		background: var(--logo-active-bg);
-		border-color: #c00;
-		border-color: var(--logo-active-bg);
-	}
-
-	/* see also additional rules in Link Styling section */
-
-/** Copyright *****************************************************************/
-
-	p.copyright,
-	p.copyright small { font-size: small; }
-
-/** Back to Top / ToC Toggle **************************************************/
-
-	@media print {
-		#toc-nav {
-			display: none;
-		}
-	}
-	@media not print {
-		#toc-nav {
-			position: fixed;
-			z-index: 3;
-			bottom: 0; left: 0;
-			margin: 0;
-			min-width: 1.33em;
-			border-top-right-radius: 2rem;
-			box-shadow: 0 0 2px;
-			font-size: 1.5em;
-		}
-		#toc-nav > a {
-			display: block;
-			white-space: nowrap;
-
-			height: 1.33em;
-			padding: .1em 0.3em;
-			margin: 0;
-
-			box-shadow: 0 0 2px;
-			border: none;
-			border-top-right-radius: 1.33em;
-
-			color: #707070;
-			color: var(--tocnav-normal-text);
-			background: white;
-			background: var(--tocnav-normal-bg);
-		}
-		#toc-nav > a:hover,
-		#toc-nav > a:focus {
-			color: black;
-			color: var(--tocnav-hover-text);
-			background: #f8f8f8;
-			background: var(--tocnav-hover-bg);
-		}
-		#toc-nav > a:active {
-			color: #c00;
-			color: var(--tocnav-active-text);
-			background: white;
-			background: var(--tocnav-active-bg);
-		}
-
-		#toc-nav > #toc-jump {
-			padding-bottom: 2em;
-			margin-bottom: -1.9em;
-		}
-
-		/* statusbar gets in the way on keyboard focus; remove once browsers fix */
-		#toc-nav > a[href="#toc"]:not(:hover):focus:last-child {
-			padding-bottom: 1.5rem;
-		}
-
-		#toc-nav:not(:hover) > a:not(:focus) > span + span {
-			/* Ideally this uses :focus-within on #toc-nav */
-			display: none;
-		}
-		#toc-nav > a > span + span {
-			padding-right: 0.2em;
-		}
-	}
-
-/** ToC Sidebar ***************************************************************/
-
-	/* Floating sidebar */
-	@media screen {
-		body.toc-sidebar #toc {
-			position: fixed;
-			top: 0; bottom: 0;
-			left: 0;
-			width: 23.5em;
-			max-width: 80%;
-			max-width: calc(100% - 2em - 26px);
-			overflow: auto;
-			padding: 0 1em;
-			padding-left: 42px;
-			padding-left: calc(1em + 26px);
-			color: black;
-			color: var(--tocsidebar-text);
-			background: inherit;
-			background-color: #f7f8f9;
-			background-color: var(--tocsidebar-bg);
-			z-index: 1;
-			box-shadow: -.1em 0 .25em rgba(0,0,0,.1) inset;
-			box-shadow: -.1em 0 .25em var(--tocsidebar-shadow) inset;
-		}
-		body.toc-sidebar #toc h2 {
-			margin-top: .8rem;
-			font-variant: small-caps;
-			font-variant: all-small-caps;
-			text-transform: lowercase;
-			font-weight: bold;
-			color: gray;
-			color: hsla(203,20%,40%,.7);
-			color: var(--tocsidebar-heading-text);
-		}
-		body.toc-sidebar #toc-jump:not(:focus) {
-			width: 0;
-			height: 0;
-			padding: 0;
-			position: absolute;
-			overflow: hidden;
-		}
-	}
-	/* Hide main scroller when only the ToC is visible anyway */
-	@media screen and (max-width: 28em) {
-		body.toc-sidebar {
-			overflow: hidden;
-		}
-	}
-
-	/* Sidebar with its own space */
-	@media screen and (min-width: 78em) {
-		body:not(.toc-inline) #toc {
-			position: fixed;
-			top: 0; bottom: 0;
-			left: 0;
-			width: 23.5em;
-			overflow: auto;
-			padding: 0 1em;
-			padding-left: 42px;
-			padding-left: calc(1em + 26px);
-			color: black;
-			color: var(--tocsidebar-text);
-			background: inherit;
-			background-color: #f7f8f9;
-			background-color: var(--tocsidebar-bg);
-			z-index: 1;
-			box-shadow: -.1em 0 .25em rgba(0,0,0,.1) inset;
-			box-shadow: -.1em 0 .25em var(--tocsidebar-shadow) inset;
-		}
-		body:not(.toc-inline) #toc h2 {
-			margin-top: .8rem;
-			font-variant: small-caps;
-			font-variant: all-small-caps;
-			text-transform: lowercase;
-			font-weight: bold;
-			color: gray;
-			color: hsla(203,20%,40%,.7);
-			color: var(--tocsidebar-heading-text);
-		}
-
-		body:not(.toc-inline) {
-			padding-left: 29em;
-		}
-		/* See also Overflow section at the bottom */
-
-		body:not(.toc-inline) #toc-jump:not(:focus) {
-			width: 0;
-			height: 0;
-			padding: 0;
-			position: absolute;
-			overflow: hidden;
-		}
-	}
-	@media screen and (min-width: 90em) {
-		body:not(.toc-inline) {
-			margin: 0 4em;
-		}
-	}
-
-/******************************************************************************/
-/*                                Sectioning                                  */
-/******************************************************************************/
-
-/** Headings ******************************************************************/
-
-	h1, h2, h3, h4, h5, h6, dt {
-		page-break-after: avoid;
-		page-break-inside: avoid;
-		font: 100% sans-serif;   /* Reset all font styling to clear out UA styles */
-		font-family: inherit;	/* Inherit the font family. */
-		line-height: 1.2;		/* Keep wrapped headings compact */
-		hyphens: manual;		/* Hyphenated headings look weird */
-	}
-
-	h2, h3, h4, h5, h6 {
-		margin-top: 3rem;
-	}
-
-	h1, h2, h3 {
-		color: #005A9C;
-		color: var(--heading-text);
-	}
-
-	h1 { font-size: 170%; }
-	h2 { font-size: 140%; }
-	h3 { font-size: 120%; }
-	h4 { font-weight: bold; }
-	h5 { font-style: italic; }
-	h6 { font-variant: small-caps; }
-	dt { font-weight: bold; }
-
-/** Subheadings ***************************************************************/
-
-	h1 + h2,
-	#profile-and-date {
-		/* #profile-and-date is a subtitle in an H2 under the H1 */
-		margin-top: 0;
-	}
-	h2 + h3,
-	h3 + h4,
-	h4 + h5,
-	h5 + h6 {
-		margin-top: 1.2em; /* = 1 x line-height */
-	}
-
-/** Section divider ***********************************************************/
-
-	:not(.head) > :not(.head) + hr {
-		font-size: 1.5em;
-		text-align: center;
-		margin: 1em auto;
-		height: auto;
-		color: black;
-		color: var(--hr-text);
-		border: transparent solid 0;
-		background: transparent;
-	}
-	:not(.head) > hr::before {
-		content: "\2727\2003\2003\2727\2003\2003\2727";
-	}
-
-/******************************************************************************/
-/*                            Paragraphs and Lists                            */
-/******************************************************************************/
-
-	p {
-		margin: 1em 0;
-	}
-
-	dd > p:first-child,
-	li > p:first-child {
-		margin-top: 0;
-	}
-
-	ul, ol {
-		margin-left: 0;
-		padding-left: 2em;
-	}
-
-	li {
-		margin: 0.25em 0 0.5em;
-		padding: 0;
-	}
-
-	dl dd {
-		margin: 0 0 .5em 2em;
-	}
-
-	.head dd + dd { /* compact for header */
-		margin-top: -.5em;
-	}
-
-	/* Style for algorithms */
-	ol.algorithm ol:not(.algorithm),
-	.algorithm > ol ol:not(.algorithm) {
-	border-left: 0.5em solid #DEF;
-	border-left: 0.5em solid var(--algo-border);
-	}
-
-	/* Put nice boxes around each algorithm. */
-	[data-algorithm]:not(.heading) {
-	 padding: .5em;
-	 border: thin solid #ddd;
-	 border: thin solid var(--algo-border);
-	 border-radius: .5em;
-	 margin: .5em calc(-0.5em - 1px);
-	}
-	[data-algorithm]:not(.heading) > :first-child {
-	 margin-top: 0;
-	}
-	[data-algorithm]:not(.heading) > :last-child {
-	 margin-bottom: 0;
-	}
-
-	/* Style for switch/case <dl>s */
-	dl.switch > dd > ol.only,
-	dl.switch > dd > .only > ol {
-	margin-left: 0;
-	}
-	dl.switch > dd > ol.algorithm,
-	dl.switch > dd > .algorithm > ol {
-	margin-left: -2em;
-	}
-	dl.switch {
-	padding-left: 2em;
-	}
-	dl.switch > dt {
-	text-indent: -1.5em;
-	margin-top: 1em;
-	}
-	dl.switch > dt + dt {
-	margin-top: 0;
-	}
-	dl.switch > dt::before {
-	content: '\21AA';
-	padding: 0 0.5em 0 0;
-	display: inline-block;
-	width: 1em;
-	text-align: right;
-	line-height: 0.5em;
-	}
-
-/** Terminology Markup ********************************************************/
-
-
-/******************************************************************************/
-/*                                 Inline Markup                              */
-/******************************************************************************/
-
-/** Terminology Markup ********************************************************/
-	dfn   { /* Defining instance */
-		font-weight: bolder;
-	}
-	a > i { /* Instance of term */
-		font-style: normal;
-	}
-	dt dfn code, code.idl {
-		font-size: inherit;
-	}
-	dfn var {
-		font-style: normal;
-	}
-
-/** Change Marking ************************************************************/
-
-	del {
-		color: #aa0000;
-		color: var(--del-text);
-		background: transparent;
-		background: var(--del-bg);
-		text-decoration: line-through;
-	}
-	ins {
-		color: #006100;
-		color: var(--ins-text);
-		background: transparent;
-		background: var(--ins-bg);
-		text-decoration: underline;
-	}
-
-	/* for amendments (candidate/proposed changes) */
-
-	.amendment ins, .correction ins, .addition ins,
-	ins[class^=c] {
-		text-decoration-style: dotted;
-	}
-	.amendment del, .correction del, .addition del,
-	del[class^=c] {
-		text-decoration-style: dotted;
-	}
-	.amendment.proposed ins, .correction.proposed ins, .addition.proposed ins,
-	ins[class^=c].proposed {
-		text-decoration-style: double;
-	}
-	.amendment.proposed del, .correction.proposed del, .addition.proposed del,
-	del[class^=c].proposed {
-		text-decoration-style: double;
-	}
-
-/** Miscellaneous improvements to inline formatting ***************************/
-
-	sup {
-		vertical-align: super;
-		font-size: 80%
-	}
-
-/******************************************************************************/
-/*                                    Code                                    */
-/******************************************************************************/
-
-/** General monospace/pre rules ***********************************************/
-
-	pre, code, samp {
-		font-family: Menlo, Consolas, "DejaVu Sans Mono", Monaco, monospace;
-		font-size: .9em;
-		hyphens: none;
-		text-transform: none;
-		text-align: left;
-		text-align: start;
-		font-variant: normal;
-		orphans: 3;
-		widows: 3;
-		page-break-before: avoid;
-	}
-	pre code,
-	code code {
-		font-size: 100%;
-	}
-
-	pre {
-		margin-top: 1em;
-		margin-bottom: 1em;
-		overflow: auto;
-	}
-
-/** Inline Code fragments *****************************************************/
-
-	/* Do something nice. */
-
-/******************************************************************************/
-/*                                    Links                                   */
-/******************************************************************************/
-
-/** General Hyperlinks ********************************************************/
-
-	/* We hyperlink a lot, so make it less intrusive */
-	a[href] {
-		color: #034575;
-		color: var(--a-normal-text);
-		text-decoration: underline #707070;
-		text-decoration: underline var(--a-normal-underline);
-		text-decoration-skip-ink: none;
-	}
-	a:visited {
-		color: #034575;
-		color: var(--a-visited-text);
-		text-decoration-color: #bbb;
-		text-decoration-color: var(--a-visited-underline);
-	}
-
-	/* Indicate interaction with the link */
-	a[href]:focus,
-	a[href]:hover {
-		text-decoration-thickness: 2px;
-	}
-	a[href]:active {
-		color: #c00;
-		color: var(--a-active-text);
-		text-decoration-color: #c00;
-		text-decoration-color: var(--a-active-underline);
-	}
-
-	/* Backout above styling for W3C logo */
-	.head .logo,
-	.head .logo a {
-		border: none;
-		text-decoration: none;
-		background: transparent;
-	}
-
-/******************************************************************************/
-/*                                    Images                                  */
-/******************************************************************************/
-
-	img {
-		border-style: none;
-	}
-
-	img, svg {
-		/* Intentionally not color-scheme aware. */
-		background: white;
-	}
-
-	/* For autogen numbers, add
-	  .caption::before, figcaption::before { content: "Figure " counter(figure) ". "; }
-	*/
-
-	figure, .figure, .sidefigure {
-		page-break-inside: avoid;
-		text-align: center;
-		margin: 2.5em 0;
-	}
-	.figure img,	.sidefigure img,	figure img,
-	.figure object, .sidefigure object, figure object {
-		max-width: 100%;
-		margin: auto;
-		height: auto;
-	}
-	.figure pre, .sidefigure pre, figure pre {
-		text-align: left;
-		display: table;
-		margin: 1em auto;
-	}
-	.figure table, figure table {
-		margin: auto;
-	}
-	@media screen and (min-width: 20em) {
-		.sidefigure {
-			float: right;
-			width: 50%;
-			margin: 0 0 0.5em 0.5em;
-		}
-	}
-	.caption, figcaption, caption {
-		font-style: italic;
-		font-size: 90%;
-	}
-	.caption::before, figcaption::before, figcaption > .marker {
-		font-weight: bold;
-	}
-	.caption, figcaption {
-		counter-increment: figure;
-	}
-
-	/* DL list is indented 2em, but figure inside it is not */
-	dd > .figure, dd > figure { margin-left: -2em; }
-
-/******************************************************************************/
-/*                             Colored Boxes                                  */
-/******************************************************************************/
-
-	.issue, .note, .example, .assertion, .advisement, blockquote,
-	.amendment, .correction, .addition {
-		margin: 1em auto;
-		padding: .5em;
-		border: .5em;
-		border-left-style: solid;
-		page-break-inside: avoid;
-	}
-	span.issue, span.note {
-		padding: .1em .5em .15em;
-		border-right-style: solid;
-	}
-
-	blockquote > :first-child,
-	.note  > p:first-child,
-	.issue > p:first-child,
-	.amendment > p:first-child,
-	.correction > p:first-child,
-	.addition > p:first-child {
-		margin-top: 0;
-	}
-	blockquote > :last-child,
-	.note  > p:last-child,
-	.issue > p:last-child,
-	.amendment > p:last-child,
-	.correction > p:last-child,
-	.addition > p:last-child {
-		margin-bottom: 0;
-	}
-
-
-	.issue::before, .issue > .marker,
-	.example::before, .example > .marker,
-	.note::before, .note > .marker,
-	details.note > summary > .marker,
-	.amendment::before, .amendment > .marker,
-	details.amendment > summary > .marker,
-	.addition::before, .addition > .marker,
-	addition.amendment > summary > .marker,
-	.correction::before, .correction > .marker,
-	correction.amendment > summary > .marker
-	{
-		text-transform: uppercase;
-		padding-right: 1em;
-	}
-
-	.example::before, .example > .marker {
-		display: block;
-		padding-right: 0em;
-	}
-
-/** Blockquotes ***************************************************************/
-
-	blockquote {
-		border-color: silver;
-		border-color: var(--blockquote-border);
-		background: transparent;
-		background: var(--blockquote-bg);
-		color: currentcolor;
-		color: var(--blockquote-text);
-	}
-
-/** Open issue ****************************************************************/
-
-	.issue {
-		border-color: #e05252;
-		border-color: var(--issue-border);
-		background: #fbe9e9;
-		background: var(--issue-bg);
-		color: black;
-		color: var(--issue-text);
-		counter-increment: issue;
-		overflow: auto;
-	}
-	.issue::before, .issue > .marker {
-		color: #831616;
-		color: var(--issueheading-text);
-	}
-	/* Add .issue::before { content: "Issue " counter(issue) " "; } for autogen numbers,
-	  or use class="marker" to mark up the issue number in source. */
-
-/** Example *******************************************************************/
-
-	.example {
-		border-color: #e0cb52;
-		border-color: var(--example-border);
-		background: #fcfaee;
-		background: var(--example-bg);
-		color: black;
-		color: var(--example-text);
-		counter-increment: example;
-		overflow: auto;
-		clear: both;
-	}
-	.example::before, .example > .marker {
-		color: #574b0f;
-		color: var(--exampleheading-text);
-	}
-	/* Add .example::before { content: "Example " counter(example) " "; } for autogen numbers,
-	  or use class="marker" to mark up the example number in source. */
-
-/** Non-normative Note ********************************************************/
-
-	.note {
-		border-color: #52e052;
-		border-color: var(--note-border);
-		background: #e9fbe9;
-		background: var(--note-bg);
-		color: black;
-		color: var(--note-text);
-		overflow: auto;
-	}
-
-	.note::before, .note > .marker,
-	details.note > summary {
-		color: hsl(120, 70%, 30%);
-		color: var(--noteheading-text);
-	}
-	/* Add .note::before { content: "Note "; } for autogen label,
-	  or use class="marker" to mark up the label in source. */
-
-	details.note[open] > summary {
-		border-bottom: 1px silver solid;
-		border-bottom: 1px var(--notesummary-underline) solid;
-	}
-
-/** Assertion Box *************************************************************/
-	/*  for assertions in algorithms */
-
-	.assertion {
-		border-color: #AAA;
-		border-color: var(--assertion-border);
-		background: #EEE;
-		background: var(--assertion-bg);
-		color: black;
-		color: var(--assertion-text);
-	}
-
-/** Advisement Box ************************************************************/
-	/*  for attention-grabbing normative statements */
-
-	.advisement {
-		border-color: orange;
-		border-color: var(--advisement-border);
-		border-style: none solid;
-		background: #fec;
-		background: var(--advisement-bg);
-		color: black;
-		color: var(--advisement-text);
-	}
-	strong.advisement {
-		display: block;
-		text-align: center;
-	}
-	.advisement::before, .advisement > .marker {
-		color: #b35f00;
-		color: var(--advisementheading-text);
-	}
-
-/** Amendment Box *************************************************************/
-
-	.amendment, .correction, .addition {
-		border-color: #330099;
-		border-color: var(--amendment-border);
-		background: #F5F0FF;
-		background: var(--amendment-bg);
-		color: black;
-		color: var(--amendment-text);
-	}
-	.amendment.proposed, .correction.proposed, .addition.proposed {
-		border-style: solid;
-		border-block-width: 0.25em;
-	}
-	.amendment::before, .amendment > .marker,
-	details.amendment > summary::before, details.amendment > summary > .marker,
-	.correction::before, .correction > .marker,
-	details.correction > summary::before, details.correction > summary > .marker,
-	.addition::before, .addition > .marker,
-	details.addition > summary::before, details.addition > summary > .marker {
-		color: #220066;
-		color: var(--amendmentheading-text);
-	}
-	.amendment.proposed::before, .amendment.proposed > .marker,
-	details.amendment.proposed > summary::before, details.amendment.proposed > summary > .marker,
-	.correction.proposed::before, .correction.proposed > .marker,
-	details.correction.proposed > summary::before, details.correction.proposed > summary > .marker,
-	.addition.proposed::before, .addition.proposed > .marker,
-	details.addition.proposed > summary::before, details.addition.proposed > summary > .marker {
-		font-weight: bold;
-	}
-
-/** Spec Obsoletion Notice ****************************************************/
-	/* obnoxious obsoletion notice for older/abandoned specs. */
-
-	details {
-		display: block;
-	}
-	summary {
-		font-weight: bolder;
-	}
-
-	.annoying-warning:not(details),
-	details.annoying-warning:not([open]) > summary,
-	details.annoying-warning[open] {
-		background: hsla(40,100%,50%,0.95);
-		background: var(--warning-bg);
-		color: black;
-		color: var(--warning-text);
-		padding: .75em 1em;
-		border: red;
-		border: var(--warning-border);
-		border-style: solid none;
-		box-shadow: 0 2px 8px black;
-		text-align: center;
-	}
-	.annoying-warning :last-child {
-		margin-bottom: 0;
-	}
-
-@media not print {
-	details.annoying-warning[open] {
-		position: fixed;
-		left: 0;
-		right: 0;
-		bottom: 2em;
-		z-index: 1000;
-	}
-}
-
-	details.annoying-warning:not([open]) > summary {
-		text-align: center;
-	}
-
-/** Entity Definition Boxes ***************************************************/
-
-	.def {
-		padding: .5em 1em;
-		background: #def;
-		background: var(--def-bg);
-		margin: 1.2em 0;
-		border-left: 0.5em solid #8ccbf2;
-		border-left: 0.5em solid var(--def-border);
-		color: black;
-		color: var(--def-text);
-	}
-
-/******************************************************************************/
-/*                                    Tables                                  */
-/******************************************************************************/
-
-	th, td {
-		text-align: left;
-		text-align: start;
-	}
-
-/** Property/Descriptor Definition Tables *************************************/
-
-	table.def {
-		/* inherits .def box styling, see above */
-		width: 100%;
-		border-spacing: 0;
-	}
-
-	table.def td,
-	table.def th {
-		padding: 0.5em;
-		vertical-align: baseline;
-		border-bottom: 1px solid #bbd7e9;
-		border-bottom: 1px solid var(--defrow-border);
-	}
-
-	table.def > tbody > tr:last-child th,
-	table.def > tbody > tr:last-child td {
-		border-bottom: 0;
-	}
-
-	table.def th {
-		font-style: italic;
-		font-weight: normal;
-		padding-left: 1em;
-		width: 3em;
-	}
-
-	/* For when values are extra-complex and need formatting for readability */
-	table td.pre {
-		white-space: pre-wrap;
-	}
-
-	/* A footnote at the bottom of a def table */
-	table.def td.footnote {
-		padding-top: 0.6em;
-	}
-	table.def td.footnote::before {
-		content: " ";
-		display: block;
-		height: 0.6em;
-		width: 4em;
-		border-top: thin solid;
-	}
-
-/** Data tables (and properly marked-up index tables) *************************/
-	/*
-		<table class="data"> highlights structural relationships in a table
-		when correct markup is used (e.g. thead/tbody, th vs. td, scope attribute)
-
-		Use class="complex data" for particularly complicated tables --
-		(This will draw more lines: busier, but clearer.)
-
-		Use class="long" on table cells with paragraph-like contents
-		(This will adjust text alignment accordingly.)
-		Alternately use class="longlastcol" on tables, to have the last column assume "long".
-	*/
-
-	table {
-		word-wrap: normal;
-		overflow-wrap: normal;
-		hyphens: manual;
-	}
-
-	table.data,
-	table.index {
-		margin: 1em auto;
-		border-collapse: collapse;
-		border: hidden;
-		width: 100%;
-	}
-	table.data caption,
-	table.index caption {
-		max-width: 50em;
-		margin: 0 auto 1em;
-	}
-
-	table.data td,  table.data th,
-	table.index td, table.index th {
-		padding: 0.5em 1em;
-		border-width: 1px;
-		border-color: silver;
-		border-color: var(--datacell-border);
-		border-top-style: solid;
-	}
-
-	table.data thead td:empty {
-		padding: 0;
-		border: 0;
-	}
-
-	table.data  thead,
-	table.index thead,
-	table.data  tbody,
-	table.index tbody {
-		border-bottom: 2px solid;
-	}
-
-	table.data colgroup,
-	table.index colgroup {
-		border-left: 2px solid;
-	}
-
-	table.data  tbody th:first-child,
-	table.index tbody th:first-child  {
-		border-right: 2px solid;
-		border-top: 1px solid silver;
-		border-top: 1px solid var(--datacell-border);
-		padding-right: 1em;
-	}
-
-	table.data th[colspan],
-	table.data td[colspan] {
-		text-align: center;
-	}
-
-	table.complex.data th,
-	table.complex.data td {
-		border: 1px solid silver;
-		border: 1px solid var(--datacell-border);
-		text-align: center;
-	}
-
-	table.data.longlastcol td:last-child,
-	table.data td.long {
-		vertical-align: baseline;
-		text-align: left;
-	}
-
-	table.data img {
-		vertical-align: middle;
-	}
-
-
-/*
-Alternate table alignment rules
-
-	table.data,
-	table.index {
-		text-align: center;
-	}
-
-	table.data  thead th[scope="row"],
-	table.index thead th[scope="row"] {
-		text-align: right;
-	}
-
-	table.data  tbody th:first-child,
-	table.index tbody th:first-child  {
-		text-align: right;
-	}
-
-Possible extra rowspan handling
-
-	table.data  tbody th[rowspan]:not([rowspan='1']),
-	table.index tbody th[rowspan]:not([rowspan='1']),
-	table.data  tbody td[rowspan]:not([rowspan='1']),
-	table.index tbody td[rowspan]:not([rowspan='1']) {
-		border-left: 1px solid silver;
-	}
-
-	table.data  tbody th[rowspan]:first-child,
-	table.index tbody th[rowspan]:first-child,
-	table.data  tbody td[rowspan]:first-child,
-	table.index tbody td[rowspan]:first-child{
-		border-left: 0;
-		border-right: 1px solid silver;
-	}
-*/
-
-/******************************************************************************/
-/*                                  Indices                                   */
-/******************************************************************************/
-
-
-/** Table of Contents *********************************************************/
-
-	.toc a {
-		/* More spacing; use padding to make it part of the click target. */
-		padding: 0.1rem 1px 0;
-		/* Larger, more consistently-sized click target */
-		display: block;
-		/* Switch to using border-bottom for underlines */
-		text-decoration: none;
-		border-bottom: 1px solid;
-		/* Reverse color scheme */
-		color: black;
-		color: var(--toclink-text);
-		border-color: #3980b5;
-		border-color: var(--toclink-underline);
-	}
-	.toc a:visited {
-		color: black;
-		color: var(--toclink-visited-text);
-		border-color: #054572;
-		border-color: var(--toclink-visited-underline);
-	}
-	.toc a:focus,
-	.toc a:hover {
-		background: rgba(75%, 75%, 75%, .25);
-		background: var(--a-hover-bg);
-		border-bottom-width: 3px;
-		margin-bottom: -2px;
-	}
-	.toc a:not(:focus):not(:hover) {
-		/* Allow colors to cascade through from link styling */
-		border-bottom-color: transparent;
-	}
-
-	.toc, .toc ol, .toc ul, .toc li {
-		list-style: none; /* Numbers must be inlined into source */
-		/* because generated content isn't search/selectable and markers can't do multilevel yet */
-		margin:  0;
-		padding: 0;
-	}
-	.toc {
-		line-height: 1.1em;
-	}
-
-	/* ToC not indented until third level, but font style & margins show hierarchy */
-	.toc > li			{ font-weight: bold;   }
-	.toc > li li		 { font-weight: normal; }
-	.toc > li li li	  { font-size:   95%;	}
-	.toc > li li li li	{ font-size:   90%;	}
-	.toc > li li li li li { font-size:   85%;	}
-
-	/* @supports not (display:grid) { */
-		.toc > li			{ margin: 1.5rem 0;	}
-		.toc > li li		 { margin: 0.3rem 0;	}
-		.toc > li li li	  { margin-left: 2rem;   }
-
-		/* Section numbers in a column of their own */
-		.toc .secno {
-			float: left;
-			width: 4rem;
-			white-space: nowrap;
-		}
-		.toc > li li li li .secno { font-size: 85%; }
-		.toc > li li li li li .secno { font-size: 100%; }
-
-		.toc li {
-			clear: both;
-		}
-
-		:not(li) > .toc			 { margin-left:  5rem; }
-		.toc .secno				 { margin-left: -5rem; }
-		.toc > li li li .secno	  { margin-left: -7rem; }
-		.toc > li li li li .secno	{ margin-left: -9rem; }
-		.toc > li li li li li .secno { margin-left: -11rem; }
-
-		/* Tighten up indentation in narrow ToCs */
-		@media (max-width: 30em) {
-			:not(li) > .toc			 { margin-left:  4rem; }
-			.toc .secno				 { margin-left: -4rem; }
-			.toc > li li li			 { margin-left:  1rem; }
-			.toc > li li li .secno	  { margin-left: -5rem; }
-			.toc > li li li li .secno	{ margin-left: -6rem; }
-			.toc > li li li li li .secno { margin-left: -7rem; }
-		}
-		/* Loosen it on wide screens */
-		@media screen and (min-width: 78em) {
-			body:not(.toc-inline) :not(li) > .toc			 { margin-left:  4rem; }
-			body:not(.toc-inline) .toc .secno				 { margin-left: -4rem; }
-			body:not(.toc-inline) .toc > li li li			 { margin-left:  1rem; }
-			body:not(.toc-inline) .toc > li li li .secno	  { margin-left: -5rem; }
-			body:not(.toc-inline) .toc > li li li li .secno	{ margin-left: -6rem; }
-			body:not(.toc-inline) .toc > li li li li li .secno { margin-left: -7rem; }
-	}
-	/* } */
-
-	@supports (display:grid) and (display:contents) {
-		/* Use #toc over .toc to override non-@supports rules. */
-		#toc {
-			display: grid;
-			align-content: start;
-			grid-template-columns: auto 1fr;
-			grid-column-gap: 1rem;
-			column-gap: 1rem;
-			grid-row-gap: .6rem;
-			row-gap: .6rem;
-		}
-		#toc h2 {
-			grid-column: 1 / -1;
-			margin-bottom: 0;
-		}
-		#toc ol,
-		#toc li,
-		#toc a {
-			display: contents;
-			/* Switch <a> to subgrid when supported */
-		}
-		#toc span {
-			margin: 0;
-		}
-		#toc > .toc > li > a > span {
-			/* The spans of the top-level list,
-			  comprising the first items of each top-level section. */
-			margin-top: 1.1rem;
-		}
-		#toc#toc .secno { /* Ugh, need more specificity to override base.css */
-			grid-column: 1;
-			width: auto;
-			margin-left: 0;
-		}
-		#toc .content {
-			grid-column: 2;
-			width: auto;
-			margin-right: 1rem;
-		}
-		#toc .content:hover,
-		#toc .content:focus {
-			background: rgba(75%, 75%, 75%, .25);
-			background: var(--a-hover-bg);
-			border-bottom: 3px solid #054572;
-			border-bottom: 3px solid var(--toclink-underline);
-			margin-bottom: -3px;
-		}
-		#toc li li li .content {
-			margin-left: 1rem;
-		}
-		#toc li li li li .content {
-			margin-left: 2rem;
-		}
-	}
-
-
-/** Index *********************************************************************/
-
-	/* Index Lists: Layout */
-	ul.index	  { margin-left: 0; columns: 15em; text-indent: 1em hanging; }
-	ul.index li	{ margin-left: 0; list-style: none; break-inside: avoid; }
-	ul.index li li { margin-left: 1em; }
-	ul.index dl	{ margin-top: 0; }
-	ul.index dt	{ margin: .2em 0 .2em 20px;}
-	ul.index dd	{ margin: .2em 0 .2em 40px;}
-	/* Index Lists: Typography */
-	ul.index ul,
-	ul.index dl { font-size: smaller; }
-	@media not print {
-		ul.index li a + span {
-			white-space: nowrap;
-			color: transparent; }
-		ul.index li a:hover + span,
-		ul.index li a:focus + span {
-			color: #707070;
-			color: var(--indexinfo-text);
-		}
-	}
-
-/** Index Tables *****************************************************/
-	/* See also the data table styling section, which this effectively subclasses */
-
-	table.index {
-		font-size: small;
-		border-collapse: collapse;
-		border-spacing: 0;
-		text-align: left;
-		margin: 1em 0;
-	}
-
-	table.index td,
-	table.index th {
-		padding: 0.4em;
-	}
-
-	table.index tr:hover td:not([rowspan]),
-	table.index tr:hover th:not([rowspan]) {
-		color: black;
-		color: var(--indextable-hover-text);
-		background: #f7f8f9;
-		background: var(--indextable-hover-bg);
-	}
-
-	/* The link in the first column in the property table (formerly a TD) */
-	table.index th:first-child a {
-		font-weight: bold;
-	}
-
-/** Outdated warning **********************************************************/
-
-.outdated-spec {
-	color: black;
-	color: var(--outdatedspec-text);
-	background-color: rgba(0,0,0,0.5);
-	background-color: var(--outdatedspec-bg);
-}
-
-.outdated-warning {
-	position: fixed;
-	bottom: 50%;
-	left: 0;
-	right: 0;
-	margin: 0 auto;
-	width: 50%;
-	background: maroon;
-	background: var(--outdated-bg);
-	color: white;
-	color: var(--outdated-text);
-	border-radius: 1em;
-	box-shadow: 0 0 1em red;
-	box-shadow: 0 0 1em var(--outdated-shadow);
-	padding: 2em;
-	text-align: center;
-	z-index: 2;
-}
-
-.outdated-warning a {
-	color: currentcolor;
-	background: transparent;
-}
-
-.edited-rec-warning {
-	background: darkorange;
-	background: var(--editedrec-bg);
-	box-shadow: 0 0 1em;
-}
-
-.outdated-warning button {
-	color: var(--outdated-text);
-	border-radius: 1em;
-	box-shadow: 0 0 1em red;
-	box-shadow: 0 0 1em var(--outdated-shadow);
-	padding: 2em;
-	text-align: center;
-	z-index: 2;
-}
-
-.outdated-warning a {
-	color: currentcolor;
-	background: transparent;
-}
-
-.edited-rec-warning {
-	background: darkorange;
-	background: var(--editedrec-bg);
-	box-shadow: 0 0 1em;
-}
-
-.outdated-warning button {
-	position: absolute;
-	top: 0;
-	right:0;
-	margin: 0;
-	border: 0;
-	padding: 0.25em 0.5em;
-	background: transparent;
-	color: white;
-	color: var(--outdated-text);
-	font:1em sans-serif;
-	text-align:center;
-}
-
-.outdated-warning span {
-	display: block;
-}
-
-.outdated-collapsed {
-	bottom: 0;
-	border-radius: 0;
-	width: 100%;
-	padding: 0;
-}
-
-/******************************************************************************/
-/*                                    Print                                   */
-/******************************************************************************/
-
-	@media print {
-		/* Pages have their own margins. */
-		html {
-			margin: 0;
-		}
-		/* Serif for print. */
-		body {
-			font-family: serif;
-		}
-
-		.outdated-warning {
-			position: absolute;
-			border-style: solid;
-			border-color: red;
-		}
-
-		.outdated-warning input {
-			display: none;
-		}
-	}
-	@page {
-		margin: 1.5cm 1.1cm;
-	}
-
-
-
-/******************************************************************************/
-/*                             Overflow Control                               */
-/******************************************************************************/
-
-	.figure .caption, .sidefigure .caption, figcaption {
-		/* in case figure is overlarge, limit caption to 50em */
-		max-width: 50rem;
-		margin-left: auto;
-		margin-right: auto;
-	}
-	.overlarge {
-		/* Magic to create good item positioning:
-		  "content column" is 50ems wide at max; less on smaller screens.
-		  Extra space (after ToC + content) is empty on the right.
-
-		  1. When item < content column, centers item in column.
-		  2. When content < item < available, left-aligns.
-		  3. When item > available, fills available + scroll bar.
-		*/
-		display: grid;
-		grid-template-columns: minmax(0, 50em);
-	}
-	.overlarge > table {
-		/* limit preferred width of table */
-		max-width: 50em;
-		margin-left: auto;
-		margin-right: auto;
-	}
-
-	@media (min-width: 55em) {
-		.overlarge {
-			margin-right: calc(13px + 26.5rem - 50vw);
-			max-width: none;
-		}
-	}
-	@media screen and (min-width: 78em) {
-		body:not(.toc-inline) .overlarge {
-			/* 30.5em body padding 50em content area */
-			margin-right: calc(40em - 50vw) !important;
-		}
-	}
-	@media screen and (min-width: 90em) {
-		body:not(.toc-inline) .overlarge {
-			/* 4em html margin 30.5em body padding 50em content area */
-			margin-right: calc(84.5em - 100vw) !important;
-		}
-	}
-
-	@media not print {
-		.overlarge {
-			overflow-x: auto;
-			/* See Lea Verou's explanation background-attachment:
-			* http://lea.verou.me/2012/04/background-attachment-local/
-			*
-			background: top left  / 4em 100% linear-gradient(to right,  #ffffff, rgba(255, 255, 255, 0)) local,
-						top right / 4em 100% linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0)) local,
-						top left  / 1em 100% linear-gradient(to right,  #c3c3c5, rgba(195, 195, 197, 0)) scroll,
-						top right / 1em 100% linear-gradient(to left, #c3c3c5, rgba(195, 195, 197, 0)) scroll,
-						white;
-			background-repeat: no-repeat;
-			*/
-		}
-	}
-</style>
+  <title>The evergreen web</title>
+  <meta content="FINDING" name="w3c-status">
+  <link href="https://www.w3.org/StyleSheets/TR/2021/W3C-NOTE" rel="stylesheet">
+  <link href="https://www.w3.org/2008/site/images/favicon.ico" rel="icon">
   <link href="https://w3ctag.github.io/evergreen-web/" rel="canonical">
   <meta content="dark light" name="color-scheme">
+  <link href="https://www.w3.org/StyleSheets/TR/2021/dark.css" media="(prefers-color-scheme: dark)" rel="stylesheet" type="text/css">
 <style>/* Boilerplate: style-autolinks */
 .css.css, .property.property, .descriptor.descriptor {
     color: var(--a-normal-text);
@@ -1889,17 +409,22 @@
 </style>
  <body class="h-entry">
   <div class="head">
-   <p data-fill-with="logo"></p>
+   <p data-fill-with="logo"><a class="logo" href="https://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/StyleSheets/TR/2021/logos/W3C" width="72"> </a> </p>
    <h1>The evergreen web</h1>
-   <h2 class="no-num no-toc no-ref heading settled" id="profile-and-date"><span class="content">Finding of the tag, <time class="dt-updated" datetime="1970-01-01">1 January 1970</time></span></h2>
-   <div data-fill-with="spec-metadata">
-    <dl>
-     <dt>This version:
-     <dd><a class="u-url" href="https://w3ctag.github.io/evergreen-web/">https://w3ctag.github.io/evergreen-web/</a>
-     <dt class="editor">Editor:
-     <dd class="editor p-author h-card vcard"><a class="p-name fn u-url url" href="https://hadleybeeman.com/">Hadley Beeman</a>
-    </dl>
-   </div>
+   <p id="w3c-state"><a href="https://www.w3.org/standards/types#FINDING">Finding of the TAG</a>, <time class="dt-updated" datetime="1970-01-01">1 January 1970</time></p>
+   <details open>
+    <summary>More details about this document</summary>
+    <div data-fill-with="spec-metadata">
+     <dl>
+      <dt>This version:
+      <dd><a class="u-url" href="https://w3ctag.github.io/evergreen-web/">https://w3ctag.github.io/evergreen-web/</a>
+      <dt>Editor's Draft:
+      <dd><a href="https://w3ctag.github.io/evergreen-web/">https://w3ctag.github.io/evergreen-web/</a>
+      <dt class="editor">Editor:
+      <dd class="editor p-author h-card vcard"><a class="p-name fn u-url url" href="https://hadleybeeman.com/">Hadley Beeman</a>
+     </dl>
+    </div>
+   </details>
    <div data-fill-with="warning"></div>
    <hr title="Separator for header">
   </div>
@@ -1908,6 +433,20 @@ <h2 class="no-num no-toc no-ref heading settled" id="abstract"><span class="cont
    <p>Constant evolution is fundamental to the Web’s usefulness. Browsers that do not stay up-to-date place stress on the ecosystem. These products potentially fork the web, isolating their users and developers from the rest of the world.</p>
    <p>Browsers are a part of the web and therefore they must be continually updated.  Vendors that ship browsers hold the power to keep the web moving forwards as a platform, or to hold it back.</p>
   </div>
+  <h2 class="no-num no-toc no-ref heading settled" id="sotd"><span class="content">Status of this document</span></h2>
+  <div data-fill-with="status">
+   <p> <em>This section describes the status of this document at the time of its
+    publication. A list of current <abbr title="World Wide Web Consortium">W3C</abbr> publications and the
+    latest revision of this technical report can be found in the <a href="https://www.w3.org/TR/"><abbr title="World Wide Web
+    Consortium">W3C</abbr> technical reports index</a>.</em> </p>
+   <p> This document was published by the <a href="https://www.w3.org/2001/tag/">W3C Technical Architecture Group
+    (TAG)</a> as a Finding of the TAG.
+    Publication as a Finding of the TAG does not imply endorsement by <abbr title="World Wide Web Consortium">W3C</abbr> and its Members. </p>
+   <p></p>
+   <p> Feedback and comments on this document are welcome. Please <a href="https://github.com/w3ctag/evergreen-web/issues">file an issue</a> in this document’s <a href="https://github.com/w3ctag/evergreen-web/">GitHub repository</a>. </p>
+   <p> This document is governed by the <a href="https://www.w3.org/2019/Process-20190301/" id="w3c_process_revision">1 March 2019 W3C Process
+    Document</a>. </p>
+  </div>
   <div data-fill-with="at-risk"></div>
   <nav data-fill-with="table-of-contents" id="toc">
    <h2 class="no-num no-toc no-ref" id="contents">Table of Contents</h2>
@@ -1946,132 +485,4 @@ <h2 class="heading settled" data-level="3" id="updates"><span class="secno">3. <
    <p>Vendors must decide whether their products can browse the public web. Products that can load arbitrary content are “browsers”. Browsers must be regularly updated, especially to fix security and interoperability bugs — ideally with an automatic, secure update mechanism.</p>
    <p>This responsibility does not limit vendors' freedom to use elements of web technologies or browser-derived runtimes to create closed systems (e.g. digital signage platforms or intranet-specific environments) that do not access the public web.</p>
   </main>
-<script>
-(function() {
-  "use strict";
-  var collapseSidebarText = '<span aria-hidden="true">←</span> '
-                          + '<span>Collapse Sidebar</span>';
-  var expandSidebarText   = '<span aria-hidden="true">→</span> '
-                          + '<span>Pop Out Sidebar</span>';
-  var tocJumpText         = '<span aria-hidden="true">↑</span> '
-                          + '<span>Jump to Table of Contents</span>';
-
-  var sidebarMedia = window.matchMedia('screen and (min-width: 78em)');
-  var autoToggle   = function(e){ toggleSidebar(e.matches) };
-  if(sidebarMedia.addListener) {
-    sidebarMedia.addListener(autoToggle);
-  }
-
-  function toggleSidebar(on) {
-    if (on == undefined) {
-      on = !document.body.classList.contains('toc-sidebar');
-    }
-
-    /* Don't scroll to compensate for the ToC if we're above it already. */
-    var headY = 0;
-    var head = document.querySelector('.head');
-    if (head) {
-      // terrible approx of "top of ToC"
-      headY += head.offsetTop + head.offsetHeight;
-    }
-    var skipScroll = window.scrollY < headY;
-
-    var toggle = document.getElementById('toc-toggle');
-    var tocNav = document.getElementById('toc');
-    if (on) {
-      var tocHeight = tocNav.offsetHeight;
-      document.body.classList.add('toc-sidebar');
-      document.body.classList.remove('toc-inline');
-      toggle.innerHTML = collapseSidebarText;
-      if (!skipScroll) {
-        window.scrollBy(0, 0 - tocHeight);
-      }
-      tocNav.focus();
-      sidebarMedia.addListener(autoToggle); // auto-collapse when out of room
-    }
-    else {
-      document.body.classList.add('toc-inline');
-      document.body.classList.remove('toc-sidebar');
-      toggle.innerHTML = expandSidebarText;
-      if (!skipScroll) {
-        window.scrollBy(0, tocNav.offsetHeight);
-      }
-      if (toggle.matches(':hover')) {
-        /* Unfocus button when not using keyboard navigation,
-           because I don't know where else to send the focus. */
-        toggle.blur();
-      }
-    }
-  }
-
-  function createSidebarToggle() {
-    /* Create the sidebar toggle in JS; it shouldn't exist when JS is off. */
-    var toggle = document.createElement('a');
-      /* This should probably be a button, but appearance isn't standards-track.*/
-    toggle.id = 'toc-toggle';
-    toggle.class = 'toc-toggle';
-    toggle.href = '#toc';
-    toggle.innerHTML = collapseSidebarText;
-
-    sidebarMedia.addListener(autoToggle);
-    var toggler = function(e) {
-      e.preventDefault();
-      sidebarMedia.removeListener(autoToggle); // persist explicit off states
-      toggleSidebar();
-      return false;
-    }
-    toggle.addEventListener('click', toggler, false);
-
-
-    /* Get <nav id=toc-nav>, or make it if we don't have one. */
-    var tocNav = document.getElementById('toc-nav');
-    if (!tocNav) {
-      tocNav = document.createElement('p');
-      tocNav.id = 'toc-nav';
-      /* Prepend for better keyboard navigation */
-      document.body.insertBefore(tocNav, document.body.firstChild);
-    }
-    /* While we're at it, make sure we have a Jump to Toc link. */
-    var tocJump = document.getElementById('toc-jump');
-    if (!tocJump) {
-      tocJump = document.createElement('a');
-      tocJump.id = 'toc-jump';
-      tocJump.href = '#toc';
-      tocJump.innerHTML = tocJumpText;
-      tocNav.appendChild(tocJump);
-    }
-
-    tocNav.appendChild(toggle);
-  }
-
-  var toc = document.getElementById('toc');
-  if (toc) {
-    createSidebarToggle();
-    toggleSidebar(sidebarMedia.matches);
-
-    /* If the sidebar has been manually opened and is currently overlaying the text
-       (window too small for the MQ to add the margin to body),
-       then auto-close the sidebar once you click on something in there. */
-    toc.addEventListener('click', function(e) {
-      if(e.target.tagName.toLowerCase() == "a" && document.body.classList.contains('toc-sidebar') && !sidebarMedia.matches) {
-        toggleSidebar(false);
-      }
-    }, false);
-  }
-  else {
-    console.warn("Can't find Table of Contents. Please use <nav id='toc'> around the ToC.");
-  }
-
-  /* Wrap tables in case they overflow */
-  var tables = document.querySelectorAll(':not(.overlarge) > table.data, :not(.overlarge) > table.index');
-  var numTables = tables.length;
-  for (var i = 0; i < numTables; i++) {
-    var table = tables[i];
-    var wrapper = document.createElement('div');
-    wrapper.className = 'overlarge';
-    table.parentNode.insertBefore(wrapper, table);
-    wrapper.appendChild(table);
-  }
-
-})();
-</script>
\ No newline at end of file
+  <script src="https://www.w3.org/scripts/TR/2021/fixup.js"></script>
\ No newline at end of file
diff --git a/tests/github/w3ctag/promises-guide/index.html b/tests/github/w3ctag/promises-guide/index.html
index 7576164a83..8a36426347 100644
--- a/tests/github/w3ctag/promises-guide/index.html
+++ b/tests/github/w3ctag/promises-guide/index.html
@@ -1,1494 +1,14 @@
 <!doctype html><html lang="en">
  <head>
   <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
-  <title>Writing Promise-Using Specifications</title>
   <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
-<style data-fill-with="stylesheet">/******************************************************************************
- *                   Style sheet for the W3C specifications                   *
- *
- * Special classes handled by this style sheet include:
- *
- * Indices
- *   - .toc for the Table of Contents (<ol class="toc">)
- *     + <span class="secno"> for the section numbers
- *   - #toc for the Table of Contents (<nav id="toc">)
- *   - ul.index for Indices (<a href="#ref">term</a><span>, in § N.M</span>)
- *   - table.index for Index Tables (e.g. for properties or elements)
- *
- * Structural Markup
- *   - table.data for general data tables
- *     -> use 'scope' attribute, <colgroup>, <thead>, and <tbody> for best results !
- *     -> use <table class='complex data'> for extra-complex tables
- *     -> use <td class='long'> for paragraph-length cell content
- *     -> use <td class='pre'> when manual line breaks/indentation would help readability
- *   - dl.switch for switch statements
- *   - ol.algorithm for algorithms (helps to visualize nesting)
- *   - .figure and .caption (HTML4) and figure and figcaption (HTML5)
- *     -> .sidefigure for right-floated figures
- *   - ins/del
- *     -> ins/del.c### for candidate and proposed changes (amendments)
- *
- * Code
- *   - pre and code
- *
- * Special Sections
- *   - .note       for informative notes             (div, p, span, aside, details)
- *   - .example    for informative examples          (div, p, pre, span)
- *   - .issue      for issues                        (div, p, span)
- *   - .advisement for loud normative statements     (div, p, strong)
- *   - .annoying-warning for spec obsoletion notices (div, aside, details)
- *   - .correction for "candidate corrections"       (div, aside, details, section)
- *   - .addition   for "candidate additions"         (div, aside, details, section)
- *   - .correction.proposed for "proposed corrections" (div, aside, details, section)
- *   - .addition.proposed   for "proposed additions"   (div, aside, details, section)
- *
- * Definition Boxes
- *   - pre.def   for WebIDL definitions
- *   - table.def for tables that define other entities (e.g. CSS properties)
- *   - dl.def    for definition lists that define other entitles (e.g. HTML elements)
- *
- * Numbering
- *   - .secno for section numbers in .toc and headings (<span class='secno'>3.2</span>)
- *   - .marker for source-inserted example/figure/issue numbers (<span class='marker'>Issue 4</span>)
- *   - ::before styled for CSS-generated issue/example/figure numbers:
- *     -> Documents wishing to use this only need to add
- *        figcaption::before,
- *        .caption::before { content: "Figure "  counter(figure) " ";  }
- *        .example::before { content: "Example " counter(example) " "; }
- *        .issue::before   { content: "Issue "   counter(issue) " ";   }
- *
- * Header Stuff (ignore, just don't conflict with these classes)
- *   - .head for the header
- *   - .copyright for the copyright
- *
- * Outdated warning for old specs
- *
- * Miscellaneous
- *   - .overlarge for things that should be as wide as possible, even if
- *     that overflows the body text area. This can be used on an item or
- *     on its container, depending on the effect desired.
- *     Note that this styling basically doesn't help at all when printing,
- *     since A4 paper isn't much wider than the max-width here.
- *     It's better to design things to fit into a narrower measure if possible.
- *
- *   - js-added ToC jump links (see fixup.js)
- *
- ******************************************************************************/
-
-/* color variables included separately for reliability */
-
-/******************************************************************************/
-/*                                    Body                                    */
-/******************************************************************************/
-
-	html {
-	}
-
-	body {
-		counter-reset: example figure issue;
-
-		/* Layout */
-		max-width: 50em;			  /* limit line length to 50em for readability   */
-		margin: 0 auto;				/* center text within page                    */
-		padding: 1.6em 1.5em 2em 50px; /* assume 16px font size for downlevel clients */
-		padding: 1.6em 1.5em 2em calc(26px + 1.5em); /* leave space for status flag    */
-
-		/* Typography */
-		line-height: 1.5;
-		font-family: sans-serif;
-		widows: 2;
-		orphans: 2;
-		word-wrap: break-word;
-		overflow-wrap: break-word;
-		hyphens: auto;
-
-		color: black;
-		color: var(--text);
-		background: white top left fixed no-repeat;
-		background: var(--bg) top left fixed no-repeat;
-		background-size: 25px auto;
-	}
-
-
-/******************************************************************************/
-/*                         Front Matter & Navigation                          */
-/******************************************************************************/
-
-/** Header ********************************************************************/
-
-	div.head { margin-bottom: 1em; }
-	div.head hr { border-style: solid; }
-
-	div.head h1 {
-		font-weight: bold;
-		margin: 0 0 .1em;
-		font-size: 220%;
-	}
-
-	div.head h2 { margin-bottom: 1.5em;}
-
-/** W3C Logo ******************************************************************/
-
-	.head .logo {
-		float: right;
-		margin: 0.4rem 0 0.2rem .4rem;
-	}
-
-	.head img[src*="logos/W3C"] {
-		display: block;
-		border: solid #1a5e9a;
-		border: solid var(--logo-bg);
-		border-width: .65rem .7rem .6rem;
-		border-radius: .4rem;
-		background: #1a5e9a;
-		background: var(--logo-bg);
-		color: white;
-		color: var(--logo-text);
-		font-weight: bold;
-	}
-
-	.head a:hover > img[src*="logos/W3C"],
-	.head a:focus > img[src*="logos/W3C"] {
-		opacity: .8;
-	}
-
-	.head a:active > img[src*="logos/W3C"] {
-		background: #c00;
-		background: var(--logo-active-bg);
-		border-color: #c00;
-		border-color: var(--logo-active-bg);
-	}
-
-	/* see also additional rules in Link Styling section */
-
-/** Copyright *****************************************************************/
-
-	p.copyright,
-	p.copyright small { font-size: small; }
-
-/** Back to Top / ToC Toggle **************************************************/
-
-	@media print {
-		#toc-nav {
-			display: none;
-		}
-	}
-	@media not print {
-		#toc-nav {
-			position: fixed;
-			z-index: 3;
-			bottom: 0; left: 0;
-			margin: 0;
-			min-width: 1.33em;
-			border-top-right-radius: 2rem;
-			box-shadow: 0 0 2px;
-			font-size: 1.5em;
-		}
-		#toc-nav > a {
-			display: block;
-			white-space: nowrap;
-
-			height: 1.33em;
-			padding: .1em 0.3em;
-			margin: 0;
-
-			box-shadow: 0 0 2px;
-			border: none;
-			border-top-right-radius: 1.33em;
-
-			color: #707070;
-			color: var(--tocnav-normal-text);
-			background: white;
-			background: var(--tocnav-normal-bg);
-		}
-		#toc-nav > a:hover,
-		#toc-nav > a:focus {
-			color: black;
-			color: var(--tocnav-hover-text);
-			background: #f8f8f8;
-			background: var(--tocnav-hover-bg);
-		}
-		#toc-nav > a:active {
-			color: #c00;
-			color: var(--tocnav-active-text);
-			background: white;
-			background: var(--tocnav-active-bg);
-		}
-
-		#toc-nav > #toc-jump {
-			padding-bottom: 2em;
-			margin-bottom: -1.9em;
-		}
-
-		/* statusbar gets in the way on keyboard focus; remove once browsers fix */
-		#toc-nav > a[href="#toc"]:not(:hover):focus:last-child {
-			padding-bottom: 1.5rem;
-		}
-
-		#toc-nav:not(:hover) > a:not(:focus) > span + span {
-			/* Ideally this uses :focus-within on #toc-nav */
-			display: none;
-		}
-		#toc-nav > a > span + span {
-			padding-right: 0.2em;
-		}
-	}
-
-/** ToC Sidebar ***************************************************************/
-
-	/* Floating sidebar */
-	@media screen {
-		body.toc-sidebar #toc {
-			position: fixed;
-			top: 0; bottom: 0;
-			left: 0;
-			width: 23.5em;
-			max-width: 80%;
-			max-width: calc(100% - 2em - 26px);
-			overflow: auto;
-			padding: 0 1em;
-			padding-left: 42px;
-			padding-left: calc(1em + 26px);
-			color: black;
-			color: var(--tocsidebar-text);
-			background: inherit;
-			background-color: #f7f8f9;
-			background-color: var(--tocsidebar-bg);
-			z-index: 1;
-			box-shadow: -.1em 0 .25em rgba(0,0,0,.1) inset;
-			box-shadow: -.1em 0 .25em var(--tocsidebar-shadow) inset;
-		}
-		body.toc-sidebar #toc h2 {
-			margin-top: .8rem;
-			font-variant: small-caps;
-			font-variant: all-small-caps;
-			text-transform: lowercase;
-			font-weight: bold;
-			color: gray;
-			color: hsla(203,20%,40%,.7);
-			color: var(--tocsidebar-heading-text);
-		}
-		body.toc-sidebar #toc-jump:not(:focus) {
-			width: 0;
-			height: 0;
-			padding: 0;
-			position: absolute;
-			overflow: hidden;
-		}
-	}
-	/* Hide main scroller when only the ToC is visible anyway */
-	@media screen and (max-width: 28em) {
-		body.toc-sidebar {
-			overflow: hidden;
-		}
-	}
-
-	/* Sidebar with its own space */
-	@media screen and (min-width: 78em) {
-		body:not(.toc-inline) #toc {
-			position: fixed;
-			top: 0; bottom: 0;
-			left: 0;
-			width: 23.5em;
-			overflow: auto;
-			padding: 0 1em;
-			padding-left: 42px;
-			padding-left: calc(1em + 26px);
-			color: black;
-			color: var(--tocsidebar-text);
-			background: inherit;
-			background-color: #f7f8f9;
-			background-color: var(--tocsidebar-bg);
-			z-index: 1;
-			box-shadow: -.1em 0 .25em rgba(0,0,0,.1) inset;
-			box-shadow: -.1em 0 .25em var(--tocsidebar-shadow) inset;
-		}
-		body:not(.toc-inline) #toc h2 {
-			margin-top: .8rem;
-			font-variant: small-caps;
-			font-variant: all-small-caps;
-			text-transform: lowercase;
-			font-weight: bold;
-			color: gray;
-			color: hsla(203,20%,40%,.7);
-			color: var(--tocsidebar-heading-text);
-		}
-
-		body:not(.toc-inline) {
-			padding-left: 29em;
-		}
-		/* See also Overflow section at the bottom */
-
-		body:not(.toc-inline) #toc-jump:not(:focus) {
-			width: 0;
-			height: 0;
-			padding: 0;
-			position: absolute;
-			overflow: hidden;
-		}
-	}
-	@media screen and (min-width: 90em) {
-		body:not(.toc-inline) {
-			margin: 0 4em;
-		}
-	}
-
-/******************************************************************************/
-/*                                Sectioning                                  */
-/******************************************************************************/
-
-/** Headings ******************************************************************/
-
-	h1, h2, h3, h4, h5, h6, dt {
-		page-break-after: avoid;
-		page-break-inside: avoid;
-		font: 100% sans-serif;   /* Reset all font styling to clear out UA styles */
-		font-family: inherit;	/* Inherit the font family. */
-		line-height: 1.2;		/* Keep wrapped headings compact */
-		hyphens: manual;		/* Hyphenated headings look weird */
-	}
-
-	h2, h3, h4, h5, h6 {
-		margin-top: 3rem;
-	}
-
-	h1, h2, h3 {
-		color: #005A9C;
-		color: var(--heading-text);
-	}
-
-	h1 { font-size: 170%; }
-	h2 { font-size: 140%; }
-	h3 { font-size: 120%; }
-	h4 { font-weight: bold; }
-	h5 { font-style: italic; }
-	h6 { font-variant: small-caps; }
-	dt { font-weight: bold; }
-
-/** Subheadings ***************************************************************/
-
-	h1 + h2,
-	#profile-and-date {
-		/* #profile-and-date is a subtitle in an H2 under the H1 */
-		margin-top: 0;
-	}
-	h2 + h3,
-	h3 + h4,
-	h4 + h5,
-	h5 + h6 {
-		margin-top: 1.2em; /* = 1 x line-height */
-	}
-
-/** Section divider ***********************************************************/
-
-	:not(.head) > :not(.head) + hr {
-		font-size: 1.5em;
-		text-align: center;
-		margin: 1em auto;
-		height: auto;
-		color: black;
-		color: var(--hr-text);
-		border: transparent solid 0;
-		background: transparent;
-	}
-	:not(.head) > hr::before {
-		content: "\2727\2003\2003\2727\2003\2003\2727";
-	}
-
-/******************************************************************************/
-/*                            Paragraphs and Lists                            */
-/******************************************************************************/
-
-	p {
-		margin: 1em 0;
-	}
-
-	dd > p:first-child,
-	li > p:first-child {
-		margin-top: 0;
-	}
-
-	ul, ol {
-		margin-left: 0;
-		padding-left: 2em;
-	}
-
-	li {
-		margin: 0.25em 0 0.5em;
-		padding: 0;
-	}
-
-	dl dd {
-		margin: 0 0 .5em 2em;
-	}
-
-	.head dd + dd { /* compact for header */
-		margin-top: -.5em;
-	}
-
-	/* Style for algorithms */
-	ol.algorithm ol:not(.algorithm),
-	.algorithm > ol ol:not(.algorithm) {
-	border-left: 0.5em solid #DEF;
-	border-left: 0.5em solid var(--algo-border);
-	}
-
-	/* Put nice boxes around each algorithm. */
-	[data-algorithm]:not(.heading) {
-	 padding: .5em;
-	 border: thin solid #ddd;
-	 border: thin solid var(--algo-border);
-	 border-radius: .5em;
-	 margin: .5em calc(-0.5em - 1px);
-	}
-	[data-algorithm]:not(.heading) > :first-child {
-	 margin-top: 0;
-	}
-	[data-algorithm]:not(.heading) > :last-child {
-	 margin-bottom: 0;
-	}
-
-	/* Style for switch/case <dl>s */
-	dl.switch > dd > ol.only,
-	dl.switch > dd > .only > ol {
-	margin-left: 0;
-	}
-	dl.switch > dd > ol.algorithm,
-	dl.switch > dd > .algorithm > ol {
-	margin-left: -2em;
-	}
-	dl.switch {
-	padding-left: 2em;
-	}
-	dl.switch > dt {
-	text-indent: -1.5em;
-	margin-top: 1em;
-	}
-	dl.switch > dt + dt {
-	margin-top: 0;
-	}
-	dl.switch > dt::before {
-	content: '\21AA';
-	padding: 0 0.5em 0 0;
-	display: inline-block;
-	width: 1em;
-	text-align: right;
-	line-height: 0.5em;
-	}
-
-/** Terminology Markup ********************************************************/
-
-
-/******************************************************************************/
-/*                                 Inline Markup                              */
-/******************************************************************************/
-
-/** Terminology Markup ********************************************************/
-	dfn   { /* Defining instance */
-		font-weight: bolder;
-	}
-	a > i { /* Instance of term */
-		font-style: normal;
-	}
-	dt dfn code, code.idl {
-		font-size: inherit;
-	}
-	dfn var {
-		font-style: normal;
-	}
-
-/** Change Marking ************************************************************/
-
-	del {
-		color: #aa0000;
-		color: var(--del-text);
-		background: transparent;
-		background: var(--del-bg);
-		text-decoration: line-through;
-	}
-	ins {
-		color: #006100;
-		color: var(--ins-text);
-		background: transparent;
-		background: var(--ins-bg);
-		text-decoration: underline;
-	}
-
-	/* for amendments (candidate/proposed changes) */
-
-	.amendment ins, .correction ins, .addition ins,
-	ins[class^=c] {
-		text-decoration-style: dotted;
-	}
-	.amendment del, .correction del, .addition del,
-	del[class^=c] {
-		text-decoration-style: dotted;
-	}
-	.amendment.proposed ins, .correction.proposed ins, .addition.proposed ins,
-	ins[class^=c].proposed {
-		text-decoration-style: double;
-	}
-	.amendment.proposed del, .correction.proposed del, .addition.proposed del,
-	del[class^=c].proposed {
-		text-decoration-style: double;
-	}
-
-/** Miscellaneous improvements to inline formatting ***************************/
-
-	sup {
-		vertical-align: super;
-		font-size: 80%
-	}
-
-/******************************************************************************/
-/*                                    Code                                    */
-/******************************************************************************/
-
-/** General monospace/pre rules ***********************************************/
-
-	pre, code, samp {
-		font-family: Menlo, Consolas, "DejaVu Sans Mono", Monaco, monospace;
-		font-size: .9em;
-		hyphens: none;
-		text-transform: none;
-		text-align: left;
-		text-align: start;
-		font-variant: normal;
-		orphans: 3;
-		widows: 3;
-		page-break-before: avoid;
-	}
-	pre code,
-	code code {
-		font-size: 100%;
-	}
-
-	pre {
-		margin-top: 1em;
-		margin-bottom: 1em;
-		overflow: auto;
-	}
-
-/** Inline Code fragments *****************************************************/
-
-	/* Do something nice. */
-
-/******************************************************************************/
-/*                                    Links                                   */
-/******************************************************************************/
-
-/** General Hyperlinks ********************************************************/
-
-	/* We hyperlink a lot, so make it less intrusive */
-	a[href] {
-		color: #034575;
-		color: var(--a-normal-text);
-		text-decoration: underline #707070;
-		text-decoration: underline var(--a-normal-underline);
-		text-decoration-skip-ink: none;
-	}
-	a:visited {
-		color: #034575;
-		color: var(--a-visited-text);
-		text-decoration-color: #bbb;
-		text-decoration-color: var(--a-visited-underline);
-	}
-
-	/* Indicate interaction with the link */
-	a[href]:focus,
-	a[href]:hover {
-		text-decoration-thickness: 2px;
-	}
-	a[href]:active {
-		color: #c00;
-		color: var(--a-active-text);
-		text-decoration-color: #c00;
-		text-decoration-color: var(--a-active-underline);
-	}
-
-	/* Backout above styling for W3C logo */
-	.head .logo,
-	.head .logo a {
-		border: none;
-		text-decoration: none;
-		background: transparent;
-	}
-
-/******************************************************************************/
-/*                                    Images                                  */
-/******************************************************************************/
-
-	img {
-		border-style: none;
-	}
-
-	img, svg {
-		/* Intentionally not color-scheme aware. */
-		background: white;
-	}
-
-	/* For autogen numbers, add
-	  .caption::before, figcaption::before { content: "Figure " counter(figure) ". "; }
-	*/
-
-	figure, .figure, .sidefigure {
-		page-break-inside: avoid;
-		text-align: center;
-		margin: 2.5em 0;
-	}
-	.figure img,	.sidefigure img,	figure img,
-	.figure object, .sidefigure object, figure object {
-		max-width: 100%;
-		margin: auto;
-		height: auto;
-	}
-	.figure pre, .sidefigure pre, figure pre {
-		text-align: left;
-		display: table;
-		margin: 1em auto;
-	}
-	.figure table, figure table {
-		margin: auto;
-	}
-	@media screen and (min-width: 20em) {
-		.sidefigure {
-			float: right;
-			width: 50%;
-			margin: 0 0 0.5em 0.5em;
-		}
-	}
-	.caption, figcaption, caption {
-		font-style: italic;
-		font-size: 90%;
-	}
-	.caption::before, figcaption::before, figcaption > .marker {
-		font-weight: bold;
-	}
-	.caption, figcaption {
-		counter-increment: figure;
-	}
-
-	/* DL list is indented 2em, but figure inside it is not */
-	dd > .figure, dd > figure { margin-left: -2em; }
-
-/******************************************************************************/
-/*                             Colored Boxes                                  */
-/******************************************************************************/
-
-	.issue, .note, .example, .assertion, .advisement, blockquote,
-	.amendment, .correction, .addition {
-		margin: 1em auto;
-		padding: .5em;
-		border: .5em;
-		border-left-style: solid;
-		page-break-inside: avoid;
-	}
-	span.issue, span.note {
-		padding: .1em .5em .15em;
-		border-right-style: solid;
-	}
-
-	blockquote > :first-child,
-	.note  > p:first-child,
-	.issue > p:first-child,
-	.amendment > p:first-child,
-	.correction > p:first-child,
-	.addition > p:first-child {
-		margin-top: 0;
-	}
-	blockquote > :last-child,
-	.note  > p:last-child,
-	.issue > p:last-child,
-	.amendment > p:last-child,
-	.correction > p:last-child,
-	.addition > p:last-child {
-		margin-bottom: 0;
-	}
-
-
-	.issue::before, .issue > .marker,
-	.example::before, .example > .marker,
-	.note::before, .note > .marker,
-	details.note > summary > .marker,
-	.amendment::before, .amendment > .marker,
-	details.amendment > summary > .marker,
-	.addition::before, .addition > .marker,
-	addition.amendment > summary > .marker,
-	.correction::before, .correction > .marker,
-	correction.amendment > summary > .marker
-	{
-		text-transform: uppercase;
-		padding-right: 1em;
-	}
-
-	.example::before, .example > .marker {
-		display: block;
-		padding-right: 0em;
-	}
-
-/** Blockquotes ***************************************************************/
-
-	blockquote {
-		border-color: silver;
-		border-color: var(--blockquote-border);
-		background: transparent;
-		background: var(--blockquote-bg);
-		color: currentcolor;
-		color: var(--blockquote-text);
-	}
-
-/** Open issue ****************************************************************/
-
-	.issue {
-		border-color: #e05252;
-		border-color: var(--issue-border);
-		background: #fbe9e9;
-		background: var(--issue-bg);
-		color: black;
-		color: var(--issue-text);
-		counter-increment: issue;
-		overflow: auto;
-	}
-	.issue::before, .issue > .marker {
-		color: #831616;
-		color: var(--issueheading-text);
-	}
-	/* Add .issue::before { content: "Issue " counter(issue) " "; } for autogen numbers,
-	  or use class="marker" to mark up the issue number in source. */
-
-/** Example *******************************************************************/
-
-	.example {
-		border-color: #e0cb52;
-		border-color: var(--example-border);
-		background: #fcfaee;
-		background: var(--example-bg);
-		color: black;
-		color: var(--example-text);
-		counter-increment: example;
-		overflow: auto;
-		clear: both;
-	}
-	.example::before, .example > .marker {
-		color: #574b0f;
-		color: var(--exampleheading-text);
-	}
-	/* Add .example::before { content: "Example " counter(example) " "; } for autogen numbers,
-	  or use class="marker" to mark up the example number in source. */
-
-/** Non-normative Note ********************************************************/
-
-	.note {
-		border-color: #52e052;
-		border-color: var(--note-border);
-		background: #e9fbe9;
-		background: var(--note-bg);
-		color: black;
-		color: var(--note-text);
-		overflow: auto;
-	}
-
-	.note::before, .note > .marker,
-	details.note > summary {
-		color: hsl(120, 70%, 30%);
-		color: var(--noteheading-text);
-	}
-	/* Add .note::before { content: "Note "; } for autogen label,
-	  or use class="marker" to mark up the label in source. */
-
-	details.note[open] > summary {
-		border-bottom: 1px silver solid;
-		border-bottom: 1px var(--notesummary-underline) solid;
-	}
-
-/** Assertion Box *************************************************************/
-	/*  for assertions in algorithms */
-
-	.assertion {
-		border-color: #AAA;
-		border-color: var(--assertion-border);
-		background: #EEE;
-		background: var(--assertion-bg);
-		color: black;
-		color: var(--assertion-text);
-	}
-
-/** Advisement Box ************************************************************/
-	/*  for attention-grabbing normative statements */
-
-	.advisement {
-		border-color: orange;
-		border-color: var(--advisement-border);
-		border-style: none solid;
-		background: #fec;
-		background: var(--advisement-bg);
-		color: black;
-		color: var(--advisement-text);
-	}
-	strong.advisement {
-		display: block;
-		text-align: center;
-	}
-	.advisement::before, .advisement > .marker {
-		color: #b35f00;
-		color: var(--advisementheading-text);
-	}
-
-/** Amendment Box *************************************************************/
-
-	.amendment, .correction, .addition {
-		border-color: #330099;
-		border-color: var(--amendment-border);
-		background: #F5F0FF;
-		background: var(--amendment-bg);
-		color: black;
-		color: var(--amendment-text);
-	}
-	.amendment.proposed, .correction.proposed, .addition.proposed {
-		border-style: solid;
-		border-block-width: 0.25em;
-	}
-	.amendment::before, .amendment > .marker,
-	details.amendment > summary::before, details.amendment > summary > .marker,
-	.correction::before, .correction > .marker,
-	details.correction > summary::before, details.correction > summary > .marker,
-	.addition::before, .addition > .marker,
-	details.addition > summary::before, details.addition > summary > .marker {
-		color: #220066;
-		color: var(--amendmentheading-text);
-	}
-	.amendment.proposed::before, .amendment.proposed > .marker,
-	details.amendment.proposed > summary::before, details.amendment.proposed > summary > .marker,
-	.correction.proposed::before, .correction.proposed > .marker,
-	details.correction.proposed > summary::before, details.correction.proposed > summary > .marker,
-	.addition.proposed::before, .addition.proposed > .marker,
-	details.addition.proposed > summary::before, details.addition.proposed > summary > .marker {
-		font-weight: bold;
-	}
-
-/** Spec Obsoletion Notice ****************************************************/
-	/* obnoxious obsoletion notice for older/abandoned specs. */
-
-	details {
-		display: block;
-	}
-	summary {
-		font-weight: bolder;
-	}
-
-	.annoying-warning:not(details),
-	details.annoying-warning:not([open]) > summary,
-	details.annoying-warning[open] {
-		background: hsla(40,100%,50%,0.95);
-		background: var(--warning-bg);
-		color: black;
-		color: var(--warning-text);
-		padding: .75em 1em;
-		border: red;
-		border: var(--warning-border);
-		border-style: solid none;
-		box-shadow: 0 2px 8px black;
-		text-align: center;
-	}
-	.annoying-warning :last-child {
-		margin-bottom: 0;
-	}
-
-@media not print {
-	details.annoying-warning[open] {
-		position: fixed;
-		left: 0;
-		right: 0;
-		bottom: 2em;
-		z-index: 1000;
-	}
-}
-
-	details.annoying-warning:not([open]) > summary {
-		text-align: center;
-	}
-
-/** Entity Definition Boxes ***************************************************/
-
-	.def {
-		padding: .5em 1em;
-		background: #def;
-		background: var(--def-bg);
-		margin: 1.2em 0;
-		border-left: 0.5em solid #8ccbf2;
-		border-left: 0.5em solid var(--def-border);
-		color: black;
-		color: var(--def-text);
-	}
-
-/******************************************************************************/
-/*                                    Tables                                  */
-/******************************************************************************/
-
-	th, td {
-		text-align: left;
-		text-align: start;
-	}
-
-/** Property/Descriptor Definition Tables *************************************/
-
-	table.def {
-		/* inherits .def box styling, see above */
-		width: 100%;
-		border-spacing: 0;
-	}
-
-	table.def td,
-	table.def th {
-		padding: 0.5em;
-		vertical-align: baseline;
-		border-bottom: 1px solid #bbd7e9;
-		border-bottom: 1px solid var(--defrow-border);
-	}
-
-	table.def > tbody > tr:last-child th,
-	table.def > tbody > tr:last-child td {
-		border-bottom: 0;
-	}
-
-	table.def th {
-		font-style: italic;
-		font-weight: normal;
-		padding-left: 1em;
-		width: 3em;
-	}
-
-	/* For when values are extra-complex and need formatting for readability */
-	table td.pre {
-		white-space: pre-wrap;
-	}
-
-	/* A footnote at the bottom of a def table */
-	table.def td.footnote {
-		padding-top: 0.6em;
-	}
-	table.def td.footnote::before {
-		content: " ";
-		display: block;
-		height: 0.6em;
-		width: 4em;
-		border-top: thin solid;
-	}
-
-/** Data tables (and properly marked-up index tables) *************************/
-	/*
-		<table class="data"> highlights structural relationships in a table
-		when correct markup is used (e.g. thead/tbody, th vs. td, scope attribute)
-
-		Use class="complex data" for particularly complicated tables --
-		(This will draw more lines: busier, but clearer.)
-
-		Use class="long" on table cells with paragraph-like contents
-		(This will adjust text alignment accordingly.)
-		Alternately use class="longlastcol" on tables, to have the last column assume "long".
-	*/
-
-	table {
-		word-wrap: normal;
-		overflow-wrap: normal;
-		hyphens: manual;
-	}
-
-	table.data,
-	table.index {
-		margin: 1em auto;
-		border-collapse: collapse;
-		border: hidden;
-		width: 100%;
-	}
-	table.data caption,
-	table.index caption {
-		max-width: 50em;
-		margin: 0 auto 1em;
-	}
-
-	table.data td,  table.data th,
-	table.index td, table.index th {
-		padding: 0.5em 1em;
-		border-width: 1px;
-		border-color: silver;
-		border-color: var(--datacell-border);
-		border-top-style: solid;
-	}
-
-	table.data thead td:empty {
-		padding: 0;
-		border: 0;
-	}
-
-	table.data  thead,
-	table.index thead,
-	table.data  tbody,
-	table.index tbody {
-		border-bottom: 2px solid;
-	}
-
-	table.data colgroup,
-	table.index colgroup {
-		border-left: 2px solid;
-	}
-
-	table.data  tbody th:first-child,
-	table.index tbody th:first-child  {
-		border-right: 2px solid;
-		border-top: 1px solid silver;
-		border-top: 1px solid var(--datacell-border);
-		padding-right: 1em;
-	}
-
-	table.data th[colspan],
-	table.data td[colspan] {
-		text-align: center;
-	}
-
-	table.complex.data th,
-	table.complex.data td {
-		border: 1px solid silver;
-		border: 1px solid var(--datacell-border);
-		text-align: center;
-	}
-
-	table.data.longlastcol td:last-child,
-	table.data td.long {
-		vertical-align: baseline;
-		text-align: left;
-	}
-
-	table.data img {
-		vertical-align: middle;
-	}
-
-
-/*
-Alternate table alignment rules
-
-	table.data,
-	table.index {
-		text-align: center;
-	}
-
-	table.data  thead th[scope="row"],
-	table.index thead th[scope="row"] {
-		text-align: right;
-	}
-
-	table.data  tbody th:first-child,
-	table.index tbody th:first-child  {
-		text-align: right;
-	}
-
-Possible extra rowspan handling
-
-	table.data  tbody th[rowspan]:not([rowspan='1']),
-	table.index tbody th[rowspan]:not([rowspan='1']),
-	table.data  tbody td[rowspan]:not([rowspan='1']),
-	table.index tbody td[rowspan]:not([rowspan='1']) {
-		border-left: 1px solid silver;
-	}
-
-	table.data  tbody th[rowspan]:first-child,
-	table.index tbody th[rowspan]:first-child,
-	table.data  tbody td[rowspan]:first-child,
-	table.index tbody td[rowspan]:first-child{
-		border-left: 0;
-		border-right: 1px solid silver;
-	}
-*/
-
-/******************************************************************************/
-/*                                  Indices                                   */
-/******************************************************************************/
-
-
-/** Table of Contents *********************************************************/
-
-	.toc a {
-		/* More spacing; use padding to make it part of the click target. */
-		padding: 0.1rem 1px 0;
-		/* Larger, more consistently-sized click target */
-		display: block;
-		/* Switch to using border-bottom for underlines */
-		text-decoration: none;
-		border-bottom: 1px solid;
-		/* Reverse color scheme */
-		color: black;
-		color: var(--toclink-text);
-		border-color: #3980b5;
-		border-color: var(--toclink-underline);
-	}
-	.toc a:visited {
-		color: black;
-		color: var(--toclink-visited-text);
-		border-color: #054572;
-		border-color: var(--toclink-visited-underline);
-	}
-	.toc a:focus,
-	.toc a:hover {
-		background: rgba(75%, 75%, 75%, .25);
-		background: var(--a-hover-bg);
-		border-bottom-width: 3px;
-		margin-bottom: -2px;
-	}
-	.toc a:not(:focus):not(:hover) {
-		/* Allow colors to cascade through from link styling */
-		border-bottom-color: transparent;
-	}
-
-	.toc, .toc ol, .toc ul, .toc li {
-		list-style: none; /* Numbers must be inlined into source */
-		/* because generated content isn't search/selectable and markers can't do multilevel yet */
-		margin:  0;
-		padding: 0;
-	}
-	.toc {
-		line-height: 1.1em;
-	}
-
-	/* ToC not indented until third level, but font style & margins show hierarchy */
-	.toc > li			{ font-weight: bold;   }
-	.toc > li li		 { font-weight: normal; }
-	.toc > li li li	  { font-size:   95%;	}
-	.toc > li li li li	{ font-size:   90%;	}
-	.toc > li li li li li { font-size:   85%;	}
-
-	/* @supports not (display:grid) { */
-		.toc > li			{ margin: 1.5rem 0;	}
-		.toc > li li		 { margin: 0.3rem 0;	}
-		.toc > li li li	  { margin-left: 2rem;   }
-
-		/* Section numbers in a column of their own */
-		.toc .secno {
-			float: left;
-			width: 4rem;
-			white-space: nowrap;
-		}
-		.toc > li li li li .secno { font-size: 85%; }
-		.toc > li li li li li .secno { font-size: 100%; }
-
-		.toc li {
-			clear: both;
-		}
-
-		:not(li) > .toc			 { margin-left:  5rem; }
-		.toc .secno				 { margin-left: -5rem; }
-		.toc > li li li .secno	  { margin-left: -7rem; }
-		.toc > li li li li .secno	{ margin-left: -9rem; }
-		.toc > li li li li li .secno { margin-left: -11rem; }
-
-		/* Tighten up indentation in narrow ToCs */
-		@media (max-width: 30em) {
-			:not(li) > .toc			 { margin-left:  4rem; }
-			.toc .secno				 { margin-left: -4rem; }
-			.toc > li li li			 { margin-left:  1rem; }
-			.toc > li li li .secno	  { margin-left: -5rem; }
-			.toc > li li li li .secno	{ margin-left: -6rem; }
-			.toc > li li li li li .secno { margin-left: -7rem; }
-		}
-		/* Loosen it on wide screens */
-		@media screen and (min-width: 78em) {
-			body:not(.toc-inline) :not(li) > .toc			 { margin-left:  4rem; }
-			body:not(.toc-inline) .toc .secno				 { margin-left: -4rem; }
-			body:not(.toc-inline) .toc > li li li			 { margin-left:  1rem; }
-			body:not(.toc-inline) .toc > li li li .secno	  { margin-left: -5rem; }
-			body:not(.toc-inline) .toc > li li li li .secno	{ margin-left: -6rem; }
-			body:not(.toc-inline) .toc > li li li li li .secno { margin-left: -7rem; }
-	}
-	/* } */
-
-	@supports (display:grid) and (display:contents) {
-		/* Use #toc over .toc to override non-@supports rules. */
-		#toc {
-			display: grid;
-			align-content: start;
-			grid-template-columns: auto 1fr;
-			grid-column-gap: 1rem;
-			column-gap: 1rem;
-			grid-row-gap: .6rem;
-			row-gap: .6rem;
-		}
-		#toc h2 {
-			grid-column: 1 / -1;
-			margin-bottom: 0;
-		}
-		#toc ol,
-		#toc li,
-		#toc a {
-			display: contents;
-			/* Switch <a> to subgrid when supported */
-		}
-		#toc span {
-			margin: 0;
-		}
-		#toc > .toc > li > a > span {
-			/* The spans of the top-level list,
-			  comprising the first items of each top-level section. */
-			margin-top: 1.1rem;
-		}
-		#toc#toc .secno { /* Ugh, need more specificity to override base.css */
-			grid-column: 1;
-			width: auto;
-			margin-left: 0;
-		}
-		#toc .content {
-			grid-column: 2;
-			width: auto;
-			margin-right: 1rem;
-		}
-		#toc .content:hover,
-		#toc .content:focus {
-			background: rgba(75%, 75%, 75%, .25);
-			background: var(--a-hover-bg);
-			border-bottom: 3px solid #054572;
-			border-bottom: 3px solid var(--toclink-underline);
-			margin-bottom: -3px;
-		}
-		#toc li li li .content {
-			margin-left: 1rem;
-		}
-		#toc li li li li .content {
-			margin-left: 2rem;
-		}
-	}
-
-
-/** Index *********************************************************************/
-
-	/* Index Lists: Layout */
-	ul.index	  { margin-left: 0; columns: 15em; text-indent: 1em hanging; }
-	ul.index li	{ margin-left: 0; list-style: none; break-inside: avoid; }
-	ul.index li li { margin-left: 1em; }
-	ul.index dl	{ margin-top: 0; }
-	ul.index dt	{ margin: .2em 0 .2em 20px;}
-	ul.index dd	{ margin: .2em 0 .2em 40px;}
-	/* Index Lists: Typography */
-	ul.index ul,
-	ul.index dl { font-size: smaller; }
-	@media not print {
-		ul.index li a + span {
-			white-space: nowrap;
-			color: transparent; }
-		ul.index li a:hover + span,
-		ul.index li a:focus + span {
-			color: #707070;
-			color: var(--indexinfo-text);
-		}
-	}
-
-/** Index Tables *****************************************************/
-	/* See also the data table styling section, which this effectively subclasses */
-
-	table.index {
-		font-size: small;
-		border-collapse: collapse;
-		border-spacing: 0;
-		text-align: left;
-		margin: 1em 0;
-	}
-
-	table.index td,
-	table.index th {
-		padding: 0.4em;
-	}
-
-	table.index tr:hover td:not([rowspan]),
-	table.index tr:hover th:not([rowspan]) {
-		color: black;
-		color: var(--indextable-hover-text);
-		background: #f7f8f9;
-		background: var(--indextable-hover-bg);
-	}
-
-	/* The link in the first column in the property table (formerly a TD) */
-	table.index th:first-child a {
-		font-weight: bold;
-	}
-
-/** Outdated warning **********************************************************/
-
-.outdated-spec {
-	color: black;
-	color: var(--outdatedspec-text);
-	background-color: rgba(0,0,0,0.5);
-	background-color: var(--outdatedspec-bg);
-}
-
-.outdated-warning {
-	position: fixed;
-	bottom: 50%;
-	left: 0;
-	right: 0;
-	margin: 0 auto;
-	width: 50%;
-	background: maroon;
-	background: var(--outdated-bg);
-	color: white;
-	color: var(--outdated-text);
-	border-radius: 1em;
-	box-shadow: 0 0 1em red;
-	box-shadow: 0 0 1em var(--outdated-shadow);
-	padding: 2em;
-	text-align: center;
-	z-index: 2;
-}
-
-.outdated-warning a {
-	color: currentcolor;
-	background: transparent;
-}
-
-.edited-rec-warning {
-	background: darkorange;
-	background: var(--editedrec-bg);
-	box-shadow: 0 0 1em;
-}
-
-.outdated-warning button {
-	color: var(--outdated-text);
-	border-radius: 1em;
-	box-shadow: 0 0 1em red;
-	box-shadow: 0 0 1em var(--outdated-shadow);
-	padding: 2em;
-	text-align: center;
-	z-index: 2;
-}
-
-.outdated-warning a {
-	color: currentcolor;
-	background: transparent;
-}
-
-.edited-rec-warning {
-	background: darkorange;
-	background: var(--editedrec-bg);
-	box-shadow: 0 0 1em;
-}
-
-.outdated-warning button {
-	position: absolute;
-	top: 0;
-	right:0;
-	margin: 0;
-	border: 0;
-	padding: 0.25em 0.5em;
-	background: transparent;
-	color: white;
-	color: var(--outdated-text);
-	font:1em sans-serif;
-	text-align:center;
-}
-
-.outdated-warning span {
-	display: block;
-}
-
-.outdated-collapsed {
-	bottom: 0;
-	border-radius: 0;
-	width: 100%;
-	padding: 0;
-}
-
-/******************************************************************************/
-/*                                    Print                                   */
-/******************************************************************************/
-
-	@media print {
-		/* Pages have their own margins. */
-		html {
-			margin: 0;
-		}
-		/* Serif for print. */
-		body {
-			font-family: serif;
-		}
-
-		.outdated-warning {
-			position: absolute;
-			border-style: solid;
-			border-color: red;
-		}
-
-		.outdated-warning input {
-			display: none;
-		}
-	}
-	@page {
-		margin: 1.5cm 1.1cm;
-	}
-
-
-
-/******************************************************************************/
-/*                             Overflow Control                               */
-/******************************************************************************/
-
-	.figure .caption, .sidefigure .caption, figcaption {
-		/* in case figure is overlarge, limit caption to 50em */
-		max-width: 50rem;
-		margin-left: auto;
-		margin-right: auto;
-	}
-	.overlarge {
-		/* Magic to create good item positioning:
-		  "content column" is 50ems wide at max; less on smaller screens.
-		  Extra space (after ToC + content) is empty on the right.
-
-		  1. When item < content column, centers item in column.
-		  2. When content < item < available, left-aligns.
-		  3. When item > available, fills available + scroll bar.
-		*/
-		display: grid;
-		grid-template-columns: minmax(0, 50em);
-	}
-	.overlarge > table {
-		/* limit preferred width of table */
-		max-width: 50em;
-		margin-left: auto;
-		margin-right: auto;
-	}
-
-	@media (min-width: 55em) {
-		.overlarge {
-			margin-right: calc(13px + 26.5rem - 50vw);
-			max-width: none;
-		}
-	}
-	@media screen and (min-width: 78em) {
-		body:not(.toc-inline) .overlarge {
-			/* 30.5em body padding 50em content area */
-			margin-right: calc(40em - 50vw) !important;
-		}
-	}
-	@media screen and (min-width: 90em) {
-		body:not(.toc-inline) .overlarge {
-			/* 4em html margin 30.5em body padding 50em content area */
-			margin-right: calc(84.5em - 100vw) !important;
-		}
-	}
-
-	@media not print {
-		.overlarge {
-			overflow-x: auto;
-			/* See Lea Verou's explanation background-attachment:
-			* http://lea.verou.me/2012/04/background-attachment-local/
-			*
-			background: top left  / 4em 100% linear-gradient(to right,  #ffffff, rgba(255, 255, 255, 0)) local,
-						top right / 4em 100% linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0)) local,
-						top left  / 1em 100% linear-gradient(to right,  #c3c3c5, rgba(195, 195, 197, 0)) scroll,
-						top right / 1em 100% linear-gradient(to left, #c3c3c5, rgba(195, 195, 197, 0)) scroll,
-						white;
-			background-repeat: no-repeat;
-			*/
-		}
-	}
-</style>
+  <title>Writing Promise-Using Specifications</title>
+  <meta content="DRAFT-FINDING" name="w3c-status">
+  <link href="https://www.w3.org/StyleSheets/TR/2021/W3C-DRAFT-FINDING" rel="stylesheet">
+  <link href="https://www.w3.org/2008/site/images/favicon.ico" rel="icon">
   <link href="https://www.w3.org/2001/tag/doc/promises-guide" rel="canonical">
   <meta content="dark light" name="color-scheme">
+  <link href="https://www.w3.org/StyleSheets/TR/2021/dark.css" media="(prefers-color-scheme: dark)" rel="stylesheet" type="text/css">
 <style>/* Boilerplate: style-autolinks */
 .css.css, .property.property, .descriptor.descriptor {
     color: var(--a-normal-text);
@@ -2167,34 +687,49 @@
 </style>
  <body class="h-entry">
   <div class="head">
-   <p data-fill-with="logo"></p>
+   <p data-fill-with="logo"><a class="logo" href="https://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/StyleSheets/TR/2021/logos/W3C" width="72"> </a> </p>
    <h1 class="p-name no-ref" id="title">Writing Promise-Using Specifications</h1>
-   <h2 class="no-num no-toc no-ref heading settled" id="profile-and-date"><span class="content">Draft Finding, <time class="dt-updated" datetime="1970-01-01">1 January 1970</time></span></h2>
-   <div data-fill-with="spec-metadata">
-    <dl>
-     <dt>This version:
-     <dd><a class="u-url" href="https://w3ctag.github.io/promises-guide/">https://w3ctag.github.io/promises-guide/</a>
-     <dt>Latest published version:
-     <dd><a href="https://www.w3.org/2001/tag/doc/promises-guide">https://www.w3.org/2001/tag/doc/promises-guide</a>
-     <dt class="editor">Editor:
-     <dd class="editor p-author h-card vcard"><a class="p-name fn u-url url" href="https://domenic.me/">Domenic Denicola</a> (<a class="p-org org" href="https://www.google.com/">Google</a>) <a class="u-email email" href="mailto:d@domenic.me">d@domenic.me</a>
-     <dt>Participate:
-     <dd><a href="https://github.com/w3ctag/promises-guide">GitHub w3ctag/promises-guide</a> (<a href="https://github.com/w3ctag/promises-guide/issues/new">file an issue</a>; <a href="https://github.com/w3ctag/promises-guide/issues?state=open">open issues</a>)
-    </dl>
-   </div>
+   <p id="w3c-state"><a href="https://www.w3.org/standards/types#DRAFT-FINDING">Draft Finding of the TAG</a>, <time class="dt-updated" datetime="1970-01-01">1 January 1970</time></p>
+   <details open>
+    <summary>More details about this document</summary>
+    <div data-fill-with="spec-metadata">
+     <dl>
+      <dt>This version:
+      <dd><a class="u-url" href="https://w3ctag.github.io/promises-guide/">https://w3ctag.github.io/promises-guide/</a>
+      <dt>Latest published version:
+      <dd><a href="https://www.w3.org/2001/tag/doc/promises-guide">https://www.w3.org/2001/tag/doc/promises-guide</a>
+      <dt class="editor">Editor:
+      <dd class="editor p-author h-card vcard"><a class="p-name fn u-url url" href="https://domenic.me/">Domenic Denicola</a> (<a class="p-org org" href="https://www.google.com/">Google</a>) <a class="u-email email" href="mailto:d@domenic.me">d@domenic.me</a>
+      <dt>Participate:
+      <dd><a href="https://github.com/w3ctag/promises-guide">GitHub w3ctag/promises-guide</a> (<a href="https://github.com/w3ctag/promises-guide/issues/new">file an issue</a>; <a href="https://github.com/w3ctag/promises-guide/issues?state=open">open issues</a>)
+     </dl>
+    </div>
+   </details>
    <div data-fill-with="warning"></div>
-   <p class="copyright" data-fill-with="copyright"><a href="http://creativecommons.org/publicdomain/zero/1.0/" rel="license"><img alt="CC0" height="15" src="https://licensebuttons.net/p/zero/1.0/80x15.png" width="80"></a> To the extent possible under law, the editors have waived all copyright
-and related or neighboring rights to this work.
-In addition, as of 1 January 1970,
-the editors have made this specification available under the <a href="http://www.openwebfoundation.org/legal/the-owf-1-0-agreements/owfa-1-0" rel="license">Open Web Foundation Agreement Version 1.0</a>,
-which is available at http://www.openwebfoundation.org/legal/the-owf-1-0-agreements/owfa-1-0.
-Parts of this work may be from another specification document.  If so, those parts are instead covered by the license of that specification document. </p>
+   <p class="copyright" data-fill-with="copyright"><a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 1970 <a href="https://www.w3.org/">World Wide Web Consortium</a>. <abbr title="World Wide Web Consortium">W3C</abbr><sup>®</sup> <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document" rel="license">permissive document license</a> rules apply. </p>
    <hr title="Separator for header">
   </div>
   <div class="p-summary" data-fill-with="abstract">
    <h2 class="no-num no-toc no-ref heading settled" id="abstract"><span class="content">Abstract</span></h2>
    <p>This document gives guidance on how to write specifications that create, accept, or manipulate promises.</p>
   </div>
+  <h2 class="no-num no-toc no-ref heading settled" id="sotd"><span class="content">Status of this document</span></h2>
+  <div data-fill-with="status">
+   <p> <em>This section describes the status of this document at the time of its
+    publication. A list of current <abbr title="World Wide Web Consortium">W3C</abbr> publications and the
+    latest revision of this technical report can be found in the <a href="https://www.w3.org/TR/"><abbr title="World Wide Web
+    Consortium">W3C</abbr> technical reports index</a>.</em> </p>
+   <p> This document was published by the <a href="https://www.w3.org/2001/tag/">W3C Technical Architecture Group
+    (TAG)</a> as a Draft Finding of the TAG.
+    Publication as a Draft Finding of the TAG does not imply endorsement by <abbr title="World Wide Web Consortium">W3C</abbr> and its Members. This is a
+    draft document and may be updated, replaced or obsoleted by other documents
+    at any time. It is inappropriate to cite this document as other than work in
+    progress. </p>
+   <p></p>
+   <p> Feedback and comments on this document are welcome. Please <a href="https://github.com/test/test/issues">file an issue</a> in this document’s <a href="https://github.com/test/test/">GitHub repository</a>. </p>
+   <p> This document is governed by the <a href="https://www.w3.org/2019/Process-20190301/" id="w3c_process_revision">1 March 2019 W3C Process
+    Document</a>. </p>
+  </div>
   <div data-fill-with="at-risk"></div>
   <nav data-fill-with="table-of-contents" id="toc">
    <h2 class="no-num no-toc no-ref" id="contents">Table of Contents</h2>
@@ -2367,135 +902,7 @@ <h2 class="no-num heading settled" id="legacy"><span class="content">Appendix: l
     <p>If you find yourself doing something even remotely similar to these, stop, and instead use promises.</p>
    </div>
   </main>
-<script>
-(function() {
-  "use strict";
-  var collapseSidebarText = '<span aria-hidden="true">←</span> '
-                          + '<span>Collapse Sidebar</span>';
-  var expandSidebarText   = '<span aria-hidden="true">→</span> '
-                          + '<span>Pop Out Sidebar</span>';
-  var tocJumpText         = '<span aria-hidden="true">↑</span> '
-                          + '<span>Jump to Table of Contents</span>';
-
-  var sidebarMedia = window.matchMedia('screen and (min-width: 78em)');
-  var autoToggle   = function(e){ toggleSidebar(e.matches) };
-  if(sidebarMedia.addListener) {
-    sidebarMedia.addListener(autoToggle);
-  }
-
-  function toggleSidebar(on) {
-    if (on == undefined) {
-      on = !document.body.classList.contains('toc-sidebar');
-    }
-
-    /* Don't scroll to compensate for the ToC if we're above it already. */
-    var headY = 0;
-    var head = document.querySelector('.head');
-    if (head) {
-      // terrible approx of "top of ToC"
-      headY += head.offsetTop + head.offsetHeight;
-    }
-    var skipScroll = window.scrollY < headY;
-
-    var toggle = document.getElementById('toc-toggle');
-    var tocNav = document.getElementById('toc');
-    if (on) {
-      var tocHeight = tocNav.offsetHeight;
-      document.body.classList.add('toc-sidebar');
-      document.body.classList.remove('toc-inline');
-      toggle.innerHTML = collapseSidebarText;
-      if (!skipScroll) {
-        window.scrollBy(0, 0 - tocHeight);
-      }
-      tocNav.focus();
-      sidebarMedia.addListener(autoToggle); // auto-collapse when out of room
-    }
-    else {
-      document.body.classList.add('toc-inline');
-      document.body.classList.remove('toc-sidebar');
-      toggle.innerHTML = expandSidebarText;
-      if (!skipScroll) {
-        window.scrollBy(0, tocNav.offsetHeight);
-      }
-      if (toggle.matches(':hover')) {
-        /* Unfocus button when not using keyboard navigation,
-           because I don't know where else to send the focus. */
-        toggle.blur();
-      }
-    }
-  }
-
-  function createSidebarToggle() {
-    /* Create the sidebar toggle in JS; it shouldn't exist when JS is off. */
-    var toggle = document.createElement('a');
-      /* This should probably be a button, but appearance isn't standards-track.*/
-    toggle.id = 'toc-toggle';
-    toggle.class = 'toc-toggle';
-    toggle.href = '#toc';
-    toggle.innerHTML = collapseSidebarText;
-
-    sidebarMedia.addListener(autoToggle);
-    var toggler = function(e) {
-      e.preventDefault();
-      sidebarMedia.removeListener(autoToggle); // persist explicit off states
-      toggleSidebar();
-      return false;
-    }
-    toggle.addEventListener('click', toggler, false);
-
-
-    /* Get <nav id=toc-nav>, or make it if we don't have one. */
-    var tocNav = document.getElementById('toc-nav');
-    if (!tocNav) {
-      tocNav = document.createElement('p');
-      tocNav.id = 'toc-nav';
-      /* Prepend for better keyboard navigation */
-      document.body.insertBefore(tocNav, document.body.firstChild);
-    }
-    /* While we're at it, make sure we have a Jump to Toc link. */
-    var tocJump = document.getElementById('toc-jump');
-    if (!tocJump) {
-      tocJump = document.createElement('a');
-      tocJump.id = 'toc-jump';
-      tocJump.href = '#toc';
-      tocJump.innerHTML = tocJumpText;
-      tocNav.appendChild(tocJump);
-    }
-
-    tocNav.appendChild(toggle);
-  }
-
-  var toc = document.getElementById('toc');
-  if (toc) {
-    createSidebarToggle();
-    toggleSidebar(sidebarMedia.matches);
-
-    /* If the sidebar has been manually opened and is currently overlaying the text
-       (window too small for the MQ to add the margin to body),
-       then auto-close the sidebar once you click on something in there. */
-    toc.addEventListener('click', function(e) {
-      if(e.target.tagName.toLowerCase() == "a" && document.body.classList.contains('toc-sidebar') && !sidebarMedia.matches) {
-        toggleSidebar(false);
-      }
-    }, false);
-  }
-  else {
-    console.warn("Can't find Table of Contents. Please use <nav id='toc'> around the ToC.");
-  }
-
-  /* Wrap tables in case they overflow */
-  var tables = document.querySelectorAll(':not(.overlarge) > table.data, :not(.overlarge) > table.index');
-  var numTables = tables.length;
-  for (var i = 0; i < numTables; i++) {
-    var table = tables[i];
-    var wrapper = document.createElement('div');
-    wrapper.className = 'overlarge';
-    table.parentNode.insertBefore(wrapper, table);
-    wrapper.appendChild(table);
-  }
-
-})();
-</script>
+  <script src="https://www.w3.org/scripts/TR/2021/fixup.js"></script>
   <h2 class="no-num no-ref heading settled" id="index"><span class="content">Index</span><a class="self-link" href="#index"></a></h2>
   <h3 class="no-num no-ref heading settled" id="index-defined-elsewhere"><span class="content">Terms defined by reference</span><a class="self-link" href="#index-defined-elsewhere"></a></h3>
   <ul class="index">
diff --git a/tests/github/w3ctag/url/url.console.txt b/tests/github/w3ctag/url/url.console.txt
index ad89219dda..8d40d41fcb 100644
--- a/tests/github/w3ctag/url/url.console.txt
+++ b/tests/github/w3ctag/url/url.console.txt
@@ -1,3 +1 @@
-FATAL ERROR: Not all required metadata was provided:
-    Must provide at least one 'Issue Tracking' entry.
 WARNING: This specification has neither a 'Security Considerations' nor a 'Privacy Considerations' section. Please consider adding both, see https://w3ctag.github.io/security-questionnaire/.