checks.json

{
  "version": 2,
  "generated": "2026-07-04",
  "note": "Legacy deterministic craft/prose detectors are candidate extractors only: matches route to Impeccable or Unslop and do not fail Artifacture. Artifacture owns mechanics, evidence, and artifact semantics. Stage counts: {\"static-text\":70,\"static-dom\":69,\"llm-pass\":30,\"browser\":37,\"transcript\":2}",
  "checks": [
    {
      "family": "F1_slop_global",
      "id": "forbidden-body-font",
      "title": "Forbidden AI-slop font as primary --font-body",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "CSS declares a `--font-body` custom property or a `body`/`html { font-family }` rule.",
      "spec": "Parse `--font-body: <stack>;` and any `body`/`html { font-family: <stack> }`. Extract the FIRST (primary) family in the stack, strip quotes. Fail if it case-insensitively equals Inter, Roboto, Arial, or Helvetica, OR if the whole stack is only generic keywords (system-ui / sans-serif / serif) with no named webfont preceding them. Only the primary entry counts — these names as trailing fallbacks pass. Named aesthetics (Mono-Industrial/Nothing) already use their own allowed primaries, so this fires only when a banned family sits in the primary slot.",
      "fixture_violation": "Page whose `--font-body: 'Inter', sans-serif;` puts Inter in the primary slot.",
      "fp_guards": "Ignore Inter/Roboto/Arial/Helvetica when they appear only as later fallbacks in the stack, in a non-body role (--font-mono, headings), or inside <code>/prose discussing fonts.",
      "impl_hint": "/--font-body\\s*:\\s*([^;]+)/i then split(',')[0].replace(/['\"]/g,'').trim()",
      "source_rules": [
        "forbidden-primary-body-fonts",
        "font-forbidden-body-fonts"
      ]
    },
    {
      "family": "F1_slop_global",
      "id": "forbidden-accent-colors",
      "title": "Forbidden Tailwind-default violet/neon accent hexes",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Any <style> block or inline style= attribute present.",
      "spec": "Case-insensitively scan <style> blocks and inline `style=\"\"` attributes (NOT text nodes/code) for hex 8b5cf6, 7c3aed, a78bfa (indigo/violet), d946ef (fuchsia), 06b6d4, f472b6 (cyan/pink neon) — with or without leading #, plus their rgb()/rgba() equivalents. Any match = fail.",
      "fixture_violation": "Page CSS with `--accent: #8b5cf6;`.",
      "fp_guards": "Scope strictly to style contexts, not prose/code that documents the hex; Mermaid themeVariables colours are covered separately by the mermaid family.",
      "impl_hint": "/#?(8b5cf6|7c3aed|a78bfa|d946ef|06b6d4|f472b6)\\b/i restricted to <style>…</style> and style=\"…\" spans",
      "source_rules": [
        "forbidden-accent-colors"
      ]
    },
    {
      "family": "F1_slop_global",
      "id": "forbidden-gradient-text-headings",
      "title": "Gradient-clipped text on headings",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "CSS contains `background-clip: text` or `-webkit-background-clip: text`.",
      "spec": "Find CSS rules that combine a `linear-gradient(`/`-webkit-linear-gradient(` background with `background-clip: text` (or `-webkit-background-clip: text`) and transparent/clipped text fill, on a heading-ish selector (h1–h4, .title, .headline, .hero-title, .display, .kicker). Any such rule = fail.",
      "fixture_violation": "`h1{background:linear-gradient(...);-webkit-background-clip:text;color:transparent}`.",
      "fp_guards": "Very specific combo; low FP. SVG/diagram title gradients are owned by the diagrams family (no-gradient-text-titles).",
      "impl_hint": "Match rule blocks containing both /background(-image)?\\s*:\\s*[^;]*gradient/ and /-?(webkit-)?background-clip\\s*:\\s*text/",
      "source_rules": [
        "forbidden-gradient-text-headings",
        "no-gradient-text-titles"
      ]
    },
    {
      "family": "F1_slop_global",
      "id": "forbidden-glow-pulse-animations",
      "title": "Glow/pulse keyframes and infinite motion on static content",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "CSS contains `@keyframes` or an `animation`/`animation-iteration-count` declaration.",
      "spec": "Fail if either: (a) a `@keyframes NAME{}` whose NAME matches /glow|pulse|breathe|shimmer/i AND whose body animates `box-shadow` or oscillates `opacity`/`filter`; or (b) any `animation:` shorthand / `animation-iteration-count: infinite` applied to a selector that is NOT a progress/loading/spinner element.",
      "fixture_violation": "`@keyframes glow{0%{box-shadow:0 0 4px}50%{box-shadow:0 0 24px}}` applied via `animation:glow 2s infinite` to a `.card`.",
      "fp_guards": "Exempt `.progress`/`.loading`/`.spinner`/[role=progressbar]; require infinite iteration or a glow/pulse-named box-shadow/opacity keyframe — do not flag one-shot user-triggered transitions. Mono-Industrial zero-onload-motion is owned by the mono family.",
      "impl_hint": "Regex @keyframes bodies for box-shadow/opacity; regex /animation[^;]*infinite/ and check selector against progress allowlist.",
      "source_rules": [
        "forbidden-glow-pulse-animations"
      ]
    },
    {
      "family": "F1_slop_global",
      "id": "no-emoji-in-ui-chrome",
      "title": "Emoji in section headers, status indicators, or table cells",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Document has any heading, `.status*` indicator, or `<td>`.",
      "spec": "Query own text content of section headings (h1–h6, .section-label, .section-header, .kicker), status indicators (.status, .status--*, .status-dot*), and table cells (`td`). Fail if any contains an emoji codepoint (U+1F300–1FAFF, U+2600–27BF, U+2B00–2BFF, U+1F000–1F0FF, U+FE0F, and ✅❌⚠️). Icons must be inline SVG or CSS shapes, not emoji glyphs.",
      "fixture_violation": "`<h2>🚀 Architecture</h2>` (or a `<td>✅</td>` status cell).",
      "fp_guards": "Inspect each element's own text nodes only; styled <span>/inline-SVG status dots with no glyph pass; emoji inside <code>/<pre> shown as literal content is exempt.",
      "impl_hint": "Emoji Unicode-range regex over el.textContent for the three selector groups.",
      "source_rules": [
        "no-emoji-section-headers",
        "table-status-no-emoji",
        "no-emoji-in-status-indicators"
      ]
    },
    {
      "family": "F1_slop_global",
      "id": "no-three-dot-window-chrome",
      "title": "macOS traffic-light dots on code blocks",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Page has a code-block header (`.code-block` header / `.code-file__head` / header preceding a `<pre>`) containing >=3 round sibling elements.",
      "spec": "In a code-block header, detect exactly 3 small circular sibling elements (border-radius:50% or ~equal width/height <=16px) whose declared background-colours approximate the traffic-light triple (red ~#ff5f56, yellow ~#ffbd2e, green ~#27c93f, within tolerance). A red/yellow/green triple atop a code block = fail; use a filename/language label header instead.",
      "fixture_violation": "Code-block header with three 12px spans coloured #ff5f56 / #ffbd2e / #27c93f.",
      "fp_guards": "Must sit specifically on a code-block header, not a status legend; require the red/yellow/green colour signature, not any three dots.",
      "source_rules": [
        "no-three-dot-window-chrome"
      ]
    },
    {
      "family": "F1_slop_global",
      "id": "no-placeholder-leak",
      "title": "Unresolved template placeholders / generic stand-ins",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Always.",
      "spec": "Regex the final HTML for `{{[A-Za-z0-9_]+}}` and `{{NN}}` tokens, standalone `TODO`/`FIXME`, `Lorem ipsum`, and generic placeholder names `\\bModule [A-Z]\\b` / `\\bComponent [A-Z]\\b`. Any match outside a <code>/<pre> block that is demonstrably documenting template syntax = fail.",
      "fixture_violation": "Body contains `{{skill_dir}}` or an h2 literally titled 'Module A'.",
      "fp_guards": "Allow matches inside <code>/<pre> demonstrating template syntax; require the token to read as an unresolved placeholder (inside {{ }} or a Module/Component [A-Z] card title), not legitimate prose that mentions the word TODO.",
      "source_rules": [
        "no-placeholder-leak",
        "no-leftover-placeholder-tokens"
      ]
    },
    {
      "family": "F1_slop_global",
      "id": "self-contained-html-file",
      "title": "No external local asset references",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Always (document has src=/href= attributes).",
      "spec": "Scan all `src=`/`href=` attribute values; fail if any resolves to a relative/local filesystem path (does not start with http://, https://, data:, blob:, #, mailto:, tel:). CDN links (https) and data:/blob: URIs are allowed; the artifact must be one portable file.",
      "fixture_violation": "`<img src=\"./assets/logo.png\">` or `<link href=\"styles.css\" rel=\"stylesheet\">`.",
      "fp_guards": "Exclude in-page anchors (#…), mailto:, tel:; allow https/data/blob.",
      "source_rules": [
        "self-contained-html-file",
        "file-shape-self-contained-html"
      ]
    },
    {
      "family": "F1_slop_global",
      "id": "file-structure-head-contract",
      "title": "Doctype / charset / viewport / title present",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Artifact is a standalone HTML file (page/slides/magazine).",
      "spec": "Per SKILL.md File Structure, assert the raw file starts with `<!DOCTYPE html>` (case-insensitive) and the parsed DOM contains `<meta charset>`, `<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">`, and a non-empty `<title>`. Any missing piece = fail.",
      "fixture_violation": "Page missing the `<meta name=\"viewport\">` tag (or an empty/absent `<title>`).",
      "fp_guards": "None significant; poster (TSX→PNG) and video-comp compositions are excluded — they have their own root/canvas contracts.",
      "source_rules": [
        "self-contained-html-file"
      ]
    },
    {
      "family": "F1_slop_global",
      "id": "theme-both-light-dark",
      "title": "Both light and dark palettes defined",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "`:root` defines color-like custom properties (--bg/--surface/--text/--border/--accent/etc.).",
      "spec": "Parse <style>. Collect color custom properties in the top-level `:root{}`. Require a dark override block — `@media (prefers-color-scheme: dark){:root{…}}` OR `:root[data-theme=\"dark\"]{…}` — that redefines at least the core semantic set present in light (bg/surface/text/border/accent, case-insensitive substring). Fail if color custom props exist but no dark override block, or the dark block omits the core set.",
      "fixture_violation": "`:root{--bg:#fff;--text:#111;--accent:#c33}` with no dark-mode block anywhere in the file.",
      "fp_guards": "Skip pure-grayscale utility pages with zero color custom props; poster is single-theme by design and excluded.",
      "source_rules": [
        "theme-both-light-dark",
        "every-aesthetic-defines-both-modes"
      ]
    },
    {
      "family": "F1_slop_global",
      "id": "no-default-link-color",
      "title": "Links must not use UA-default color",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "Document has >=1 `<a href>` (excluding #, mailto:, tel:).",
      "spec": "If the document contains real links, assert the CSS has an `a`/`a:link`/`.prose a` rule setting `color` to a non-initial value (ideally `var(--accent)`). Fail if links exist but no link-color override rule is present, since UA-default link blue looks unstyled and has poor contrast on dark backgrounds.",
      "fixture_violation": "Page with body links and no `a{color:…}` rule (renders default blue).",
      "fp_guards": "Skip entirely when the document has zero <a> tags; any color rule targeting links passes.",
      "source_rules": [
        "no-default-link-color"
      ]
    },
    {
      "family": "F1_slop_global",
      "id": "css-class-node-collision",
      "title": "Page-level .node class collides with Mermaid",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Page uses Mermaid (`class=\"mermaid\"` / `.mermaid` / `mermaid.initialize`).",
      "spec": "Scan CSS selectors for a bare `.node` class token not nested under `.mermaid`, and scan HTML for an element whose class list contains the exact token `node`. Either = fail — Mermaid uses `.node` internally on SVG <g> elements, so page-level `.node` rules leak into diagrams; use `.ve-card` instead.",
      "fixture_violation": "A Mermaid page with a page-level `.node:hover{transform:translateY(-2px)}` rule.",
      "fp_guards": "Exact token boundary only — do not match `.node-list`/`.node-a`; `.mermaid .node` scoped rules are allowed; only enforce when Mermaid is present on the page.",
      "impl_hint": "/(^|[\\s,{])\\.node(?![-\\w])/ (excluding /^\\.mermaid\\s+\\.node/) and class=\"([^\"]*\\s)?node(\\s[^\"]*)?\"",
      "source_rules": [
        "no-node-class-name",
        "mermaid-no-page-level-node-class"
      ]
    },
    {
      "family": "F1_slop_global",
      "id": "code-block-whitespace-preserved",
      "title": "Code/tree blocks preserve whitespace",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Page has a `<pre>`, `.code-block`, `.code-file__body`, or `.dir-tree`.",
      "spec": "For CSS rules targeting block code containers (`pre`, `pre code`, `.code-block`, `.code-file__body`, `.dir-tree`), assert `white-space` is pre / pre-wrap / pre-line (never normal). Directory-tree / box-drawing containers (`.dir-tree`, or text containing ├└│─) must specifically be `pre` — pre-wrap soft-wraps and breaks connector alignment. Missing declaration or `normal` = fail.",
      "fixture_violation": "A `.code-block` with no white-space declaration (defaults to normal, code runs together).",
      "fp_guards": "Inline `<code>` inside running prose is exempt (normal is correct); scope to block-level code containers only.",
      "source_rules": [
        "code-block-pre-wrap-required",
        "code-block-whitespace-preserved",
        "dir-tree-whitespace-pre-required"
      ]
    },
    {
      "family": "F1_slop_global",
      "id": "code-block-length-constrained",
      "title": "Long code needs collapse or max-height",
      "profiles": [
        "page"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Page has a `<pre><code>` block over ~100 lines or that would render taller than ~500px.",
      "spec": "For `<pre><code>` blocks NOT inside `<details>`: (a) if newline-delimited line count > 100 → warn (avoid dumping full files; use outlines/collapsible/snippets); (b) if the block would render taller than ~500px, require `max-height` set and `overflow-y: auto|scroll`. Either unmet = warn.",
      "fixture_violation": "A 150-line `<pre><code>` not wrapped in <details> and with no max-height/overflow.",
      "fp_guards": "Exempt code inside `<details>`; short snippets exempt; slides/magazine paginate and are out of scope (scroll rule).",
      "source_rules": [
        "no-full-file-dump",
        "code-block-height-constraint"
      ]
    },
    {
      "family": "F1_slop_global",
      "id": "real-table-for-tabular-data",
      "title": "Tabular data must use a real <table>",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "llm-pass",
      "severity": "warn",
      "applies_when": "Mechanical prefilter matches: a div-based structure with >=3 sibling row-like divs each holding >=3 cell-like children with consistent per-column classes (>=4 rows or >=3 cols).",
      "spec": "For each prefiltered div-grid region, feed the LLM that region's HTML plus a screenshot crop. Rubric question: 'Does this div-grid present row/column tabular data (comparison / audit / status matrix) that should be a semantic <table>, rather than a card grid / KPI row / feature grid?' A YES = warn (rebuild as <table>/<thead>/<tbody>).",
      "fixture_violation": "A 4-row x 3-col comparison built from `<div class=row><div class=cell>` instead of a `<table>`.",
      "fp_guards": "Card grids, KPI rows, and feature grids with varying per-card content are legitimately not tables and must pass — the LLM makes this call, not the prefilter.",
      "source_rules": [
        "real-table-element-required",
        "use-real-table-for-tabular-data"
      ]
    },
    {
      "family": "F1_slop_global",
      "id": "prose-readability-minimums",
      "title": "Prose font-size / line-height / measure floors",
      "profiles": [
        "page"
      ],
      "stage": "browser",
      "severity": "warn",
      "applies_when": "Page has a `.prose` reading-first region.",
      "spec": "Extend the 16px font-size / ≥1.5 line-height / ≤~75–85ch measure floors from `.prose p` to ALL running body prose (any multi-line <p>/list item that is not a caption/label/eyebrow/mono/code/table-cell), on page AND magazine profiles. Keep captions/labels/metadata/axis-labels exempt. Slides remain covered by min-slide-body-text-16px; poster/video-comp fixed canvases stay exempt (fixed-size type is intentional there).",
      "fixture_violation": "`.prose p{font-size:13px;line-height:1.2}` in a prose article.",
      "fp_guards": "Only `.prose` body copy; headings, labels, captions, and code are exempt; measure uses a tolerance band to avoid nagging borderline cases.",
      "source_rules": [
        "prose-min-body-font-size",
        "prose-min-line-height",
        "prose-max-measure-75ch"
      ],
      "spec_modification_note": "The typeset tells (ai-sub-16px-body-text, ai-unbounded-line-length, ai-default-tight-line-height) are ~80% covered by prose-readability-minimums but only inside a .prose container. Widening the selector to all running prose (still excluding secondary roles) folds those three tells in without a new check, and the profile guard keeps fixed-canvas posters/videos out."
    },
    {
      "family": "F1_slop_global",
      "id": "prose-accent-overuse",
      "title": "Pull-quote / drop-cap restraint",
      "profiles": [
        "page"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Page uses a pull-quote (`.pullquote`/`.pull-quote`/`blockquote.pull`) or drop-cap (`.lead--dropcap`/`::first-letter`) pattern.",
      "spec": "Count pull-quote elements per rendered page — warn if > 2. Count drop-cap usages — warn if applied to more than the single lead paragraph (> 1 section). Either exceeded = warn.",
      "fixture_violation": "A page with 3 `.pullquote` elements.",
      "fp_guards": "One drop cap on the article lead is correct; <=2 pull quotes is fine; scope the pull-quote count per rendered page/slide, not across a whole multi-slide deck.",
      "source_rules": [
        "pull-quote-one-per-page",
        "pullquote-max-two-per-article",
        "prose-dropcap-not-every-section"
      ]
    },
    {
      "family": "F1_slop_global",
      "id": "no-console-errors",
      "title": "No console errors or failed asset loads on load",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "video-comp"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "Always (renderable HTML artifact).",
      "spec": "Load the page headlessly in both light and dark schemes; collect console messages of type 'error' plus failed network requests (non-2xx on linked resources). Fail on any error-level console message or non-2xx asset load, except a documented allowlist. Retry transient CDN 404s once before failing.",
      "fixture_violation": "Page with a top-level `throw new Error()` on load, or a script that logs a Mermaid parse error.",
      "fp_guards": "Retry once for CDN flakiness (Google Fonts/jsDelivr rate limits); allow documented expected warnings; only 'error' level counts.",
      "source_rules": [
        "no-console-errors",
        "console-clean-on-load"
      ]
    },
    {
      "family": "F1_slop_global",
      "id": "hierarchy-squint-test",
      "title": "Visual hierarchy survives the squint test",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "llm-pass",
      "severity": "warn",
      "applies_when": "Always (page/slides/magazine renders).",
      "spec": "Capture a full-page screenshot at 1440x900 (light), programmatically blur/downscale it. Rubric question (fed only the blurred image plus the page's declared content type): 'In this blurred view, is there a clear dominant focal region with quieter subordinate regions, or does the page read as uniformly flat with no visual hierarchy?' FLAT = warn.",
      "fixture_violation": "A page where every section uses identical type size, weight, and spacing (deliberately flat).",
      "fp_guards": "Dense reference / audit / data-table pages may legitimately be flatter — judge against the page's own stated content type, not a hero bar. Mono-specific three-layer rules are owned by the mono family.",
      "source_rules": [
        "hierarchy-visible-squint-test"
      ]
    },
    {
      "family": "F1_slop_global",
      "id": "unslop-prose-phrases",
      "title": "AI-slop telltale phrases in prose",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "Page has prose text nodes (paragraphs / leads / callouts / card descriptions / slide body copy).",
      "spec": "Replace the small inline literal list with the curated high-precision phrase set now owned by the new F9 check `copy-slop-phrases` (see phrase_check). Keep unslop-prose-phrases responsible ONLY for the frequency heuristic it uniquely does — flag high-frequency 'however'/'moreover' (>1 per 300 words) — and delegate all fixed-phrase literals to copy-slop-phrases so the two checks do not double-fire on the same text. Same excluded-prose filter (no code/labels/table-headers/Mermaid/[BRACKET]).",
      "fixture_violation": "A body paragraph containing 'It's important to note that...'.",
      "fp_guards": "Exclude Space Mono ALL-CAPS labels, table headers, code, Mermaid node labels, and bracketed system messages so terse technical labels don't trigger.",
      "source_rules": [
        "unslop-copy-before-html"
      ],
      "spec_modification_note": "The tell corpus expands the phrase list far beyond v1's six literals. Rather than grow two overlapping literal lists, consolidate all fixed phrases in copy-slop-phrases and let unslop-prose-phrases retain only its distinct frequency check, preventing duplicate warns on one paragraph."
    },
    {
      "family": "F1_slop_global",
      "id": "unslop-prose-style",
      "title": "AI-slop stylistic rhythm beyond fixed phrases",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "llm-pass",
      "severity": "warn",
      "applies_when": "Page has prose (same excluded-filter set as unslop-prose-phrases).",
      "spec": "delegate: unslop:cleanup-report. Supply excluded-filtered prose only and use Unslop's installed report-only audit; Artifacture does not reproduce the prose rubric.",
      "fixture_violation": "Prose with a forced three-item list plus hollow transition rhythm that no fixed phrase catches.",
      "fp_guards": "Terse technical labels/captions excluded; judge only sustained prose, not one-line UI copy.",
      "source_rules": [
        "unslop-copy-before-html",
        "prose-role-unslop-required"
      ]
    },
    {
      "family": "F1_slop_global",
      "id": "reduced-motion-media-query",
      "title": "prefers-reduced-motion block when animating",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "The <style> contains a `@keyframes` or an `animation:`/`transition:` with a non-zero duration.",
      "spec": "If the stylesheet defines any animation/transition with duration > 0, assert it also contains an `@media (prefers-reduced-motion: reduce){…}` block that collapses animation/transition durations to near-zero for the animated elements or `*`. Missing = warn.",
      "fixture_violation": "A page with a fade-in `@keyframes` / `transition:all .4s` and no prefers-reduced-motion block.",
      "fp_guards": "Static non-animated pages have nothing to guard and are exempt; video-comp is excluded (GSAP/Hyperframes drive motion externally).",
      "source_rules": [
        "reduced-motion-media-query-present",
        "slide-reduced-motion-support"
      ]
    },
    {
      "family": "F2_responsive",
      "id": "page-overflow-clip-contract",
      "title": "Page-level overflow-x clip contract on html/body",
      "profiles": [
        "page"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Page profile only; skip when the artifact is fixed-canvas (root/body has fixed px width+height matching a slide/poster/magazine-deck canvas, a data-layout=slide|magazine|poster marker, or the document declares no @media(max-width) query at all).",
      "spec": "In the concatenated <style> text, locate the rule(s) targeting html and body (combined `html,body` or separate). Require ALL: `overflow-x:hidden` AND `overflow-x:clip` both declared, with the clip declaration appearing AFTER hidden in source order (progressive enhancement); `max-width:100%`; `margin:0`; `padding:0` covering html/body. Additionally assert NO rule targeting html|body|:root sets `overflow-x:scroll` (regex `(?:html|body|:root)[^{]*\\{[^}]*overflow-x:\\s*scroll` anywhere ⇒ violation). Browser corroboration (when a DOM is available): getComputedStyle(document.body).overflowX and getComputedStyle(document.documentElement).overflowX must each resolve to 'clip' or 'hidden', never 'scroll' or 'visible'. Fail if any required clause is missing or the scroll negative matches.",
      "fixture_violation": "Page whose `html,body` block declares only `overflow-x:hidden` (no following `overflow-x:clip`); a second fixture sets `overflow-x:scroll` on body.",
      "source_rules": [
        "body-overflow-clip-with-hidden-fallback",
        "no-overflow-x-scroll-on-body",
        "responsive-page-overflow-contract-applied"
      ],
      "impl_hint": "Match html/body block, then assert index of /overflow-x:\\s*clip/ > index of /overflow-x:\\s*hidden/; separate negative regex for scroll on html|body|:root.",
      "fp_guards": "Accept clip+hidden split across separate html{} and body{} rules; accept a covering universal rule for margin/padding. Do not require the exact whitespace of the doc's code block."
    },
    {
      "family": "F2_responsive",
      "id": "box-sizing-border-box-global",
      "title": "Universal box-sizing:border-box reset present",
      "profiles": [
        "page"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Page profile, non-fixed-canvas (same profile guard as page-overflow-clip-contract).",
      "spec": "Regex the concatenated <style> for a universal border-box reset: a selector group covering `*` (optionally with `*::before,*::after`) whose declaration block contains `box-sizing:\\s*border-box`. Also accept the inherit idiom (`html{box-sizing:border-box}` plus `*,*::before,*::after{box-sizing:inherit}`) or an equivalent reset-library rule. Fail only if no universal border-box coverage exists anywhere.",
      "fixture_violation": "Page whose <style> contains no box-sizing declaration on `*` (or any universal selector).",
      "source_rules": [
        "box-sizing-border-box-global"
      ],
      "fp_guards": "Do not hard-require the exact three-selector string; any rule achieving universal border-box coverage counts."
    },
    {
      "family": "F2_responsive",
      "id": "body-overflow-wrap",
      "title": "Body wraps long tokens (overflow-wrap/word-break)",
      "profiles": [
        "page"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "Page profile, non-fixed-canvas.",
      "spec": "Regex for a `body` rule containing `overflow-wrap:\\s*(anywhere|break-word)` or `word-break:\\s*break-word`. Warn if absent. Advisory only — the authoritative failure for long-token overflow is the measured body-overflow gate; equivalent per-element `word-break` on long-token elements also satisfies intent.",
      "fixture_violation": "Page with a `body{...}` rule that sets no overflow-wrap/word-break and no per-element wrapping.",
      "source_rules": [
        "overflow-wrap-anywhere-body",
        "body-overflow-wrap-break-word"
      ],
      "fp_guards": "Downgraded to warn (not error) because the real ship-blocker is measured overflow; targeted word-break:break-all on the specific long-token element is an acceptable alternative."
    },
    {
      "family": "F2_responsive",
      "id": "minmax0-not-bare-1fr",
      "title": "Grid tracks beside fixed-px children use minmax(0,1fr) not bare 1fr",
      "profiles": [
        "page"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Page profile; only when a grid-template-columns declaration pairs a bare 1fr with a fixed-px track.",
      "spec": "Scan <style> grid-template-columns declarations for a bare `1fr` track directly adjacent to a fixed-px track and NOT wrapped in minmax(): match `grid-template-columns:\\s*[^;]*\\b\\d+px\\s+1fr\\b` or `\\b1fr\\s+\\d+px\\b` within a declaration where that `1fr` is not the tail of a `minmax(` call. Any match is a violation (documented #1 root cause of horizontal overflow).",
      "fixture_violation": "A non-mobile rule with `grid-template-columns: 260px 1fr;`.",
      "source_rules": [
        "minmax0-not-bare-1fr-for-wide-track",
        "grid-minmax-zero-for-wide-tracks"
      ],
      "fp_guards": "Ignore `1fr` inside `minmax(0, 1fr)` and inside `repeat(auto-fit, minmax(...))`; only flag when a fixed-px track shares the same declaration."
    },
    {
      "family": "F2_responsive",
      "id": "mobile-breakpoint-standard",
      "title": "Mobile breakpoints limited to sanctioned values",
      "profiles": [
        "page"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "Page profile with at least one `@media (max-width: Npx)` query.",
      "spec": "Extract every `@media` `max-width:\\s*(\\d+)px` value. Allowed standard set {768, 820}; sanctioned exceptions {640 (Nothing grid-lines), 1000 (responsive-nav.md TOC sidebar→bar collapse)}. Warn on any other max-width value.",
      "fixture_violation": "Page whose only breakpoint is `@media (max-width: 900px)`.",
      "source_rules": [
        "mobile-breakpoint-standard",
        "standard-breakpoint-values"
      ],
      "fp_guards": "Whitelist the sanctioned aesthetic/nav exceptions; do not flag min-width companion queries or non-width media features."
    },
    {
      "family": "F2_responsive",
      "id": "pipeline-mobile-nowrap",
      "title": ".pipeline keeps flex-wrap:nowrap at mobile breakpoint",
      "profiles": [
        "page"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "Page contains an element with class `pipeline`.",
      "spec": "Inside a mobile `@media (max-width:...)` block, the `.pipeline` rule must declare `flex-wrap:\\s*nowrap`. Warn if .pipeline exists on the page but the mobile rule is missing or sets flex-wrap:wrap.",
      "fixture_violation": "Page with a `.pipeline` element and a mobile media block that sets `.pipeline{flex-wrap:wrap}`.",
      "source_rules": [
        "pipeline-nowrap-on-mobile"
      ]
    },
    {
      "family": "F2_responsive",
      "id": "kpi-row-autofit-minmax",
      "title": ".kpi-row uses auto-fit minmax floor at mobile",
      "profiles": [
        "page"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "Page contains an element with class `kpi-row`.",
      "spec": "Inside the mobile media query, `.kpi-row` should set `grid-template-columns: repeat(auto-fit, minmax(<N>px, 1fr))` (N tolerant). Warn if .kpi-row is present but reduces to a fixed column count at mobile instead of an auto-fit minmax floor.",
      "fixture_violation": "`.kpi-row` with `grid-template-columns: repeat(4,1fr)` and no auto-fit override at mobile.",
      "source_rules": [
        "kpi-row-autofit-minmax"
      ],
      "fp_guards": "Exact 140px floor is not required; any auto-fit minmax floor satisfies intent (that is why this is warn)."
    },
    {
      "family": "F2_responsive",
      "id": "no-horizontal-body-overflow",
      "title": "Body never scrolls horizontally (390 + 1440, both schemes)",
      "profiles": [
        "page"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "Page profile only; skip fixed-canvas artifacts (slide/magazine deck, poster, video-comp) detected via fixed canvas size / data-layout marker / absence of any @media(max-width).",
      "spec": "Load the page and, at BOTH viewports 390x844 and 1440x900, in BOTH prefers-color-scheme light and dark, assert `document.documentElement.scrollWidth - window.innerWidth <= 1` AND `document.body.scrollWidth - window.innerWidth <= 1`. Fail if the 1px tolerance is exceeded at any viewport/scheme combination. (1px tolerance replaces the doc's strict === to absorb browser sub-pixel rounding.)",
      "fixture_violation": "Page containing a 900px-wide fixed-width element (or wide <table>) with no scroll-x wrapper, so body scrollWidth exceeds 390 at mobile.",
      "source_rules": [
        "no-horizontal-body-scroll",
        "no-horizontal-scroll-mobile",
        "no-horizontal-body-overflow",
        "no-horizontal-scroll-body",
        "web-diagram-browser-verify"
      ],
      "impl_hint": "page.evaluate(()=>({doc:document.documentElement.scrollWidth,view:window.innerWidth,body:document.body.scrollWidth}))"
    },
    {
      "family": "F2_responsive",
      "id": "overflow-source-census",
      "title": "No visibly-overflowing element (attribute the overflow source)",
      "profiles": [
        "page"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "Page profile, non-fixed-canvas. Runs alongside the body gate to attribute the culprit.",
      "spec": "At 390x844 (and 1440x900) in both schemes, evaluate `[...document.querySelectorAll('body *')].filter(el => el.clientWidth>0 && el.scrollWidth > el.clientWidth + 1 && getComputedStyle(el).overflowX === 'visible')`. The list must be empty; report {tag, className, scrollWidth, clientWidth} for each offender so the fix (add .scroll-x / min-width:0 / max-width:100%) can be targeted. Non-empty ⇒ fail.",
      "fixture_violation": "An element wider than its parent styled `overflow-x:visible` with no scroll wrapper (e.g. a fixed-width inner div inside a narrower column).",
      "source_rules": [
        "no-overflowing-elements-visible"
      ],
      "fp_guards": "clientWidth>0 excludes display:none/zero-size nodes; overflowX==='visible' filter excludes intentional .scroll-x/auto scrollers."
    },
    {
      "family": "F2_responsive",
      "id": "grid-flex-child-min-width-0",
      "title": "Grid/flex children can shrink (min-width:0) when they overflow",
      "profiles": [
        "page"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "Page contains a container whose class matches /(^|\\s)(grid|flex)(\\s|$)/ or /-grid|-row/.",
      "spec": "At 390x844, for each direct child of such a container, if child.scrollWidth > child.clientWidth + 1 (child is overflowing its own box) AND getComputedStyle(child).minWidth resolves to a non-zero value (i.e. min-width:auto), flag as a shrink-refusing child. Gate strictly on measured child overflow to avoid failing grids whose children are naturally narrow.",
      "fixture_violation": "A `.grid` with `grid-template-columns:minmax(auto,1fr) 1fr` whose child holds a long unbroken token and computes min-width:auto, overflowing at 390.",
      "source_rules": [
        "grid-flex-children-min-width-0",
        "grid-flex-child-shrinkable",
        "overflow-prevention-grid-flex-children"
      ],
      "fp_guards": "Do not flag on class presence alone; only when the child actually overflows and lacks min-width:0 (per family charter: cross-check measured overflow before hard-failing)."
    },
    {
      "family": "F2_responsive",
      "id": "fixed-grid-collapses-single-column",
      "title": "Fixed multi-column grids collapse to one column at mobile",
      "profiles": [
        "page"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "Page contains an element matching arch-grid|comparison|diff-panels|dir-compare or [class$=\"-grid\"], OR a hero using the desktop `minmax(0,1fr) <px>` two-track pattern. Exclude .kpi-row.",
      "spec": "At 390x844 (representing <=768px), for each such element assert getComputedStyle(el).gridTemplateColumns resolves to a SINGLE track (value is a single length/none, no internal space between track sizes). Covers both fixed-column named grids and the 2-column magazine hero. Skip .kpi-row (auto-fit exception).",
      "fixture_violation": "`.arch-grid{grid-template-columns:1fr 1fr}` with no mobile override, still two tracks at 390.",
      "source_rules": [
        "fixed-grid-collapses-to-single-column",
        "two-col-hero-collapses-at-breakpoint",
        "responsive-below-768-hierarchy-survives"
      ],
      "fp_guards": "Exclude .kpi-row; only apply the hero clause when the desktop CSS actually shows the `minmax(0,1fr) <px>` two-track signature."
    },
    {
      "family": "F2_responsive",
      "id": "wide-content-scroll-x-wrapper",
      "title": "Wide content scrolls inside its own container, not the page",
      "profiles": [
        "page"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "Page contains a <table>, .pipeline, .dir-tree, an inline diagram <svg>, or a .code-block.",
      "spec": "At 390x844, for each candidate wide element (table, .pipeline, .dir-tree pre, inline diagram svg, .code-block) that actually overflows (el.scrollWidth > el.clientWidth + 1), verify the element itself OR an ancestor within 3 levels has computed overflow-x in {auto, scroll} (i.e. a scroll container such as .scroll-x/.table-wrap/.mermaid-wrap or inline overflow-x:auto). If it overflows and no scroll container is found ⇒ violation. This subsumes the ~640px SVG threshold using measured overflow rather than the raw viewBox number.",
      "fixture_violation": "A ~1000px-wide <table> placed directly in body with no .scroll-x / .table-wrap wrapper.",
      "source_rules": [
        "scroll-x-wrapper-required-for-wide-content",
        "svg-diagram-640px-scroll-x-threshold",
        "wrap-wide-content-in-scroll-x",
        "wide-content-scroll-wrapper"
      ],
      "fp_guards": "Gate every flag on measured overflow, never on tag/class presence; content that fits at 390 needs no wrapper. An SVG with width:100%;height:auto that scales down is not flagged."
    },
    {
      "family": "F2_responsive",
      "id": "dir-tree-connectors-no-wrap",
      "title": "Directory-tree connectors never wrap; they scroll",
      "profiles": [
        "page"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "Page has a .dir-tree element, or a <pre> whose text contains box-drawing characters (├ └ │).",
      "spec": "For each such <pre>, assert getComputedStyle(el).whiteSpace is 'pre' or 'nowrap' (NOT 'pre-wrap' or 'normal') AND the element or an ancestor within 3 levels has overflow-x auto/scroll. Violation if wrapping is permitted (pre-wrap/normal) OR no horizontal scroll container exists.",
      "fixture_violation": "`.dir-tree pre{white-space:pre-wrap}` so the ├── connectors line-wrap and lose alignment.",
      "source_rules": [
        "dir-tree-connectors-no-wrap",
        "dir-tree-whitespace-pre-required"
      ],
      "fp_guards": "Scope to .dir-tree or box-drawing-char pres only; ordinary code <pre> may legitimately use pre-wrap."
    },
    {
      "family": "F2_responsive",
      "id": "text-clip-candidates",
      "title": "Detect text clipped by overflow clip/hidden (mechanical)",
      "profiles": [
        "page"
      ],
      "stage": "browser",
      "severity": "warn",
      "applies_when": "Page profile, non-fixed-canvas.",
      "spec": "At 390x844 (both schemes) collect elements where getComputedStyle overflowX or overflowY is 'clip'/'hidden' AND (scrollWidth>clientWidth+1 OR scrollHeight>clientHeight+1) AND the element has non-empty direct text content, EXCLUDING elements whose computed `-webkit-line-clamp` is not 'none' or `text-overflow` is 'ellipsis'. Emit the candidate list for the paired llm-pass. Non-empty ⇒ warn (visual confirmation decides the ship-blocker).",
      "fixture_violation": "A heading inside a fixed-width box with overflow:hidden that chops characters, with no ellipsis/line-clamp.",
      "source_rules": [
        "no-text-clipped-by-overflow-clip",
        "text-not-clipped-or-truncated"
      ],
      "fp_guards": "Exclude intentional -webkit-line-clamp and text-overflow:ellipsis truncation from candidates."
    },
    {
      "family": "F2_responsive",
      "id": "text-visibly-clipped",
      "title": "LLM: real text is visibly cut off by a container",
      "profiles": [
        "page"
      ],
      "stage": "llm-pass",
      "severity": "error",
      "applies_when": "Runs when text-clip-candidates produced a non-empty list (consumes that list + 390px screenshots).",
      "spec": "Rubric question, answerable from the 390x844 light+dark screenshots plus the text-clip candidate element list: 'Is any real content text visibly cut off by a container edge — characters chopped or a sentence truncated WITHOUT an intentional ellipsis?' Yes ⇒ fail. No page-wide context needed.",
      "fixture_violation": "N/A (LLM pass) — exercised by feeding a screenshot where a heading is chopped mid-word by an overflow:hidden box.",
      "source_rules": [
        "no-text-clipped-by-overflow-clip",
        "text-not-clipped-or-truncated"
      ]
    },
    {
      "family": "F2_responsive",
      "id": "content-behind-fixed-ui-candidates",
      "title": "Detect content overlapped by fixed-position chrome (mechanical)",
      "profiles": [
        "page"
      ],
      "stage": "browser",
      "severity": "warn",
      "applies_when": "Page contains at least one position:fixed element (e.g. the theme toggle).",
      "spec": "At 390x844 (both schemes), for each position:fixed element with a non-transparent computed background, compute its bounding rect and find interactive/text elements (a, button, h1-h4, p, td, .sec-head) whose rects geometrically intersect it and paint beneath it. Emit overlap candidates for the paired llm-pass. Non-empty ⇒ warn.",
      "fixture_violation": "A fixed theme toggle docked top-right whose rect overlaps an <h1> at 390 width.",
      "source_rules": [
        "no-content-behind-fixed-ui"
      ],
      "fp_guards": "Require non-transparent background on the fixed element; overlap with pure padding/empty area is not a candidate."
    },
    {
      "family": "F2_responsive",
      "id": "fixed-ui-obscures-content",
      "title": "LLM: fixed chrome actually obscures readable/clickable content",
      "profiles": [
        "page"
      ],
      "stage": "llm-pass",
      "severity": "error",
      "applies_when": "Runs when content-behind-fixed-ui-candidates is non-empty (consumes overlaps + 390px screenshots).",
      "spec": "Rubric question from the 390x844 screenshots + overlap candidate list: 'Does fixed-position chrome (theme toggle, nav, counter) actually hide readable text or block a clickable target at mobile width?' Yes ⇒ fail.",
      "fixture_violation": "N/A (LLM pass) — exercised by a screenshot where the theme toggle sits on top of the page title.",
      "source_rules": [
        "no-content-behind-fixed-ui"
      ]
    },
    {
      "family": "F2_responsive",
      "id": "no-scroll-x-on-prose",
      "title": ".scroll-x not misapplied to prose / hero text",
      "profiles": [
        "page"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Page profile, non-fixed-canvas.",
      "spec": "Assert no <p> element and no hero text-bearing element carries class `scroll-x`; assert card-grid containers are not themselves wrapped in `.scroll-x` (they should reflow to one column). A `.scroll-x` wrapper around a wide diagram that happens to live inside the hero is allowed — scope to text-bearing prose nodes, not any .hero descendant.",
      "fixture_violation": "`<p class=\"scroll-x\">` on a prose paragraph.",
      "source_rules": [
        "no-scroll-x-on-prose-cards-hero-nav"
      ]
    },
    {
      "family": "F2_responsive",
      "id": "toc-nav-structure",
      "title": "TOC nav structural + min-width:0 contract",
      "profiles": [
        "page"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Page has both a `.wrap` element and a `nav.toc`.",
      "spec": "Assert .wrap.firstElementChild is nav.toc (tag nav, classList includes 'toc'); assert all section content lives inside a `.main` child of .wrap (every .sec-head is a descendant of .main, none are direct children of .wrap); and assert the stylesheet contains a `.main{...min-width:0...}` declaration. Fail if the toc is not first, content leaks outside .main, or .main lacks min-width:0.",
      "fixture_violation": "`.wrap` whose first child is `.main` with the `nav.toc` second, or a `.main` rule missing `min-width:0`.",
      "source_rules": [
        "toc-first-child-of-wrap",
        "content-inside-main-wrapper",
        "main-min-width-zero"
      ],
      "fp_guards": "Out of scope for pages that do not use the .wrap+.toc+.main nav pattern."
    },
    {
      "family": "F2_responsive",
      "id": "toc-anchors-resolve",
      "title": "TOC links resolve 1:1 to section ids",
      "profiles": [
        "page"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Page has a `nav.toc`.",
      "spec": "Assert every `.sec-head` element has a non-empty id; every `.toc a[href^=\"#\"]` (excluding a '#'/'#top' back-to-top link) resolves via document.getElementById to an existing element; and the count of section .toc links equals the count of .sec-head elements.",
      "fixture_violation": "A TOC link `href=\"#s3\"` with no element carrying `id=\"s3\"`.",
      "source_rules": [
        "section-headings-have-sequential-ids",
        "toc-links-resolve-to-existing-ids"
      ],
      "fp_guards": "Exclude utility links (back-to-top) from the 1:1 count."
    },
    {
      "family": "F2_responsive",
      "id": "skip-toc-under-four-sections",
      "title": "TOC omitted for pages with <4 sections",
      "profiles": [
        "page"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Page has a `nav.toc`.",
      "spec": "Count .sec-head elements (or section .toc links). Warn if fewer than 4 — a near-empty TOC adds clutter.",
      "fixture_violation": "Page with a `.toc` and only 2 `.sec-head` sections.",
      "source_rules": [
        "skip-toc-under-four-sections"
      ],
      "fp_guards": "Warn (not error): a page with few top-level sections but many subsections may still justify a TOC."
    },
    {
      "family": "F2_responsive",
      "id": "pretext-fonts-ready-before-measure",
      "title": "pretext label measurement waits for fonts.ready",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "Source contains a `prepareWithSegments(` call (pretext label-measurement library in use).",
      "spec": "For each `prepareWithSegments(` call, require an awaited `document.fonts.ready` or `document.fonts.load(` earlier in the same script scope (before the call). Warn on any prepareWithSegments with no preceding fonts-ready await — measuring against fallback fonts yields wrong widths that drift every downstream box calc.",
      "fixture_violation": "A script calling `prepareWithSegments(...)` with no `await document.fonts.ready`/`document.fonts.load` beforehand.",
      "source_rules": [
        "pretext-prepare-after-fonts-ready"
      ],
      "fp_guards": "Not applicable to the vast majority of pages that never reference pretext/prepareWithSegments."
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-no-hardcoded-hex",
      "title": "SVG diagram fills/strokes use semantic tokens, not hardcoded hex",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Document contains an inline <svg> authored by the skill (heuristic: an <svg> whose element attributes reference var(--...) tokens, or that declares data-diagram-role).",
      "spec": "Regex diagram-body elements for hex color literals (#[0-9a-fA-F]{3,8}) and rgb()/rgba() literals appearing inside fill=, stroke=, or style= attributes. Exclude the :root/@media token-definition blocks and url(#...) references. Flag any literal color on a body element.",
      "impl_hint": "/(?:fill|stroke)\\s*=\\s*\"(#[0-9a-fA-F]{3,8}|rgba?\\()/ and same inside style=\"...\"; skip nodes inside <style>/:root.",
      "fp_guards": "Allowlist the Nothing dot-grid radial-gradient color when those aesthetics are declared; ignore url(#id) marker/gradient references.",
      "fixture_violation": "A diagram <rect fill=\"#b5523a\"> (accent hardcoded) instead of fill=\"var(--accent)\", with no Nothing aesthetic declared.",
      "source_rules": [
        "token-reference-not-hardcoded-hex"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-forbidden-fx",
      "title": "No shadows, gradient-text, emoji, animated shadows, vertical arrow text, or 16px radius in diagrams",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Document contains an inline skill-authored <svg> diagram.",
      "spec": "Regex-scan diagram markup and flag any of: (a) box-shadow or SVG feDropShadow on nodes; (b) background-clip:text / -webkit-background-clip:text co-occurring with a linear-gradient on a title/heading; (c) pictographic emoji codepoints inside <text> content; (d) box-shadow or filter:blur combined with animation/transition/@keyframes (animated shadow); (e) writing-mode:vertical on arrow-associated <text>; (f) Tailwind class rounded-2xl or an rx/ry/border-radius of exactly 16.",
      "fp_guards": "Exempt the flowchart oval rx=20 and Nothing's documented dot-grid radial-gradient; the emoji scan targets pictographic ranges only (allow →, ↑, ↓, math arrows); static hairline strokes are fine.",
      "fixture_violation": "A node <rect style=\"box-shadow:0 2px 8px rgba(0,0,0,.2)\"> in a diagram.",
      "source_rules": [
        "no-box-shadow-on-nodes",
        "no-gradient-text-titles",
        "no-emoji-no-animated-shadows",
        "no-vertical-writing-mode-on-arrows",
        "no-rounded-2xl"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-jetbrains-mono-forbidden",
      "title": "JetBrains Mono absent from diagrams (except declared IDE-inspired aesthetics)",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Inline skill-authored <svg> diagram present AND the active aesthetic is NOT an IDE-inspired one whose canonical palette specifies JetBrains Mono.",
      "spec": "Regex for \"JetBrains Mono\" in any font-family declaration (inline style, @font-face, or Google Fonts href) within diagram markup. Flag presence.",
      "fp_guards": "Aesthetic-scoped exception (decision b): when the page declares an IDE-inspired aesthetic (Dracula/Nord/Catppuccin/Solarized/Gruvbox/One Dark/Rose Pine) whose published palette maps --font-mono to JetBrains Mono, the font is permitted.",
      "fixture_violation": "A default Editorial-Diagram sets --font-mono:\"JetBrains Mono\" with no IDE-inspired aesthetic declared.",
      "source_rules": [
        "jetbrains-mono-forbidden-in-diagram"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-4px-grid",
      "title": "Diagram geometry divisible by 4 (radii and strokes exempt)",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Inline skill-authored <svg> diagram present.",
      "spec": "Parse numeric values of x, y, cx, cy, width, height, font-size, and gap/spacing across diagram SVG; assert each value % 4 === 0. Report every offending element+attribute+value.",
      "impl_hint": "Skip attributes: stroke-width, stroke-dasharray, all *-opacity, rx, ry; skip the 22x22 dot-pattern width/height and its r=0.9 dot.",
      "fp_guards": "Per decision (a): corner radii rx/ry are EXEMPT from the 4px rule (they carry per-shape semantic values 6/8/20 validated by diagram-shape-semantics); stroke-width, dasharray, opacity, and the 22x22 / r=0.9 dot pattern are exempt.",
      "fixture_violation": "<rect x=\"13\" y=\"40\" width=\"100\" height=\"40\"> where x=13 is not divisible by 4.",
      "source_rules": [
        "grid-4px-divisibility"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-typography-mono-scope",
      "title": "Node names/titles use body sans, monospace reserved for technical labels",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Inline diagram with node-name/title/description text identifiable (data-diagram-role tagging present) AND aesthetic is NOT Monochrome-Terminal. Warn-level heuristic fallback when tagging absent.",
      "spec": "For every <text> classified as a node name/title/description, resolve font-family and assert it is var(--font-body), not var(--font-mono). Additionally flag if var(--font-mono) is the majority face across body-classified text. Technical labels (ports/types/URLs/arrow labels/eyebrow kickers) may be mono.",
      "fp_guards": "Monochrome-Terminal aesthetic explicitly permits mono as body font — skip there. Requires role tagging to distinguish node names from technical labels; degrade to warn when absent.",
      "fixture_violation": "A node title <text data-diagram-role=\"node-name\" font-family=\"var(--font-mono)\">Auth Service</text>.",
      "source_rules": [
        "node-names-sans-not-mono",
        "mono-reserved-for-technical-content"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-host-token-inheritance",
      "title": "Embedded diagram inherits host tokens, does not redefine :root",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "A diagram <svg>/<style> lives inside a document that already declares a :root token block (--paper/--ink) earlier in the cascade.",
      "spec": "Flag duplicate :root declarations of the diagram color-token names (--paper/--ink/etc.) within a single document — an embedded diagram must inherit host tokens rather than redeclaring them.",
      "fixture_violation": "Page :root defines --paper/--ink; an embedded diagram's <style> redeclares :root{--paper:#fff;...}.",
      "source_rules": [
        "host-page-token-inheritance"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-z-order-arrows-before-nodes",
      "title": "Arrows painted before nodes so nodes sit on top",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Arrows and nodes are distinguishable via data-diagram-role or separate <g> groups.",
      "spec": "Assert the arrows group's document index precedes the nodes group; or, per connected component, assert every arrow-classified element's document index precedes the node elements it connects.",
      "fp_guards": "Requires role tagging or a group convention to classify; fall back to group-level ordering assertion when only <g> grouping exists.",
      "fixture_violation": "The <g data-diagram-role=\"nodes\"> element appears before <g data-diagram-role=\"arrows\"> in document order.",
      "source_rules": [
        "z-order-arrows-before-nodes"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-legend-placement",
      "title": "Legend is a bottom horizontal strip below a hairline, with viewBox headroom",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "A legend group is present in the diagram.",
      "spec": "Assert the legend group bbox sits within the bottom ~60px band of the viewBox; items lay out left-to-right (width >> height, x-coords monotonic and non-overlapping); a sibling line/rect with stroke=var(--rule) sits directly above it; and viewBox height >= bodyMaxY + ~50-70px headroom. Never float inside the diagram body.",
      "fp_guards": "The ~60px headroom is approximate — allow a 50-70px band before flagging headroom.",
      "fixture_violation": "A legend group positioned mid-canvas (y in the middle of the viewBox) as a vertical stack.",
      "source_rules": [
        "legend-horizontal-strip-bottom",
        "viewbox-height-expanded-for-legend"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-arrow-label-masking-rect",
      "title": "Each arrow label preceded by an opaque paper mask rect",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Arrow-label text is present (role tagging or arrow-associated <text>).",
      "spec": "For every <text> classified as an arrow label, assert the immediately-preceding sibling is a <rect> with fill resolving to var(--paper)/var(--paper-2). (Pixel-coverage of the rect over the text bbox is verified in diagram-text-clipping-overlap.)",
      "fixture_violation": "An arrow label <text data-diagram-role=\"arrow-label\">retry</text> with no preceding mask <rect>.",
      "source_rules": [
        "arrow-label-masking-rect"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-density-budget",
      "title": "Diagram within universal density budget (<=9 nodes, <=12 arrows)",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Elements carry data-diagram-role tagging (decision c). Warn-level heuristic count fallback when tagging absent.",
      "spec": "Count generic node elements (role=node), assert <=9; count arrow/transition elements (marker-end=url(#arrow*) or role=arrow), assert <=12. Exclude legend/annotation/axis elements from the node count.",
      "fp_guards": "Reliable only with role tagging; without it, degrade to a warn heuristic (count all <rect> minus legend/background). Nodes/arrows in a Mermaid-rendered SVG count too (decision e).",
      "fixture_violation": "A diagram with 11 <rect data-diagram-role=\"node\"> elements.",
      "source_rules": [
        "complexity-budget-generic-nodes-9",
        "complexity-budget-arrows-12"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-focal-accent-count",
      "title": "Accent color on at most 2 elements",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Inline diagram where the accent token/literal is resolvable.",
      "spec": "Count distinct elements whose fill or stroke resolves to var(--accent) (or the aesthetic's literal accent hex); assert count <= 2.",
      "fp_guards": "do not double-count the arrow-accent marker <defs> definition. Applies equally to Mermaid-rendered SVG (decision e).",
      "fixture_violation": "Three separate <rect> elements each with fill=\"var(--accent)\".",
      "source_rules": [
        "accent-count-max-2",
        "complexity-budget-focal-2"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-complexity-budget-by-type",
      "title": "Per-type element-count budgets",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Diagram type is detectable (data-diagram-type or structural signature) AND role tagging present. Warn-level fallback when tagging absent.",
      "spec": "Per detected type, assert count <= budget: sequence lifelines <=5; swimlane lanes <=5; ER entities <=8; nested containment levels <=6; tree depth <=4 and children-per-node <=5; layer-stack layers 4-6; venn set-circles <=3; pyramid/funnel layers 4-6; annotation callouts <=2; quadrant items <=12.",
      "fp_guards": "Quadrant (~12) and nested-level counts are hedged in the docs — apply +1 tolerance before flagging. Venn circle count excludes dot/annotation markers. This family is the canonical owner of these budgets; skill-md duplicates (venn-max-3, swimlane-max-5, quadrant, tree, pyramid) defer here (decision d).",
      "fixture_violation": "A venn diagram with 4 set-circles (data-diagram-type=\"venn\").",
      "source_rules": [
        "complexity-budget-sequence-lifelines-5",
        "complexity-budget-swimlane-lanes-5",
        "complexity-budget-er-entities-8",
        "complexity-budget-nested-levels-6",
        "complexity-budget-tree-depth-4-children-5",
        "complexity-budget-layerstack-6",
        "complexity-budget-venn-3",
        "complexity-budget-pyramid-6",
        "complexity-budget-quadrant-items-12",
        "complexity-budget-annotation-callouts-2"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-shape-semantics",
      "title": "Flowchart/state/sequence shapes carry their conventional geometry",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Detected diagram type is flowchart, state-machine, or sequence.",
      "spec": "Flowchart: start/end rx=20, step rx=6, decision=diamond with <=3 outgoing arrows (else must nest), merge=filled <circle r=4>; every decision outgoing arrow has a text label; shape (not color) must be the semantic channel. State-machine: state rects rx=8, start=filled <circle r=6>, end=two concentric circles, transition label matches /^\\S+(\\s\\[[^\\]]+\\])?\\s*/\\s*\\S+/, transitions <= 2x state count, no 'from any state' fan-out. Sequence: lifelines vertical (x1~x2) with stroke-dasharray set, message arrows horizontal (y1~y2) with non-decreasing y in document order, activation bars width=8 stroke-width=0.8 fill~var(--muted) each with matched open+close, return arrows dashed, no lane dividers.",
      "fp_guards": "The per-shape rx values (6/8/20) are the authoritative spec and are exempt from the 4px grid (decision a). Requires type detection + role tagging.",
      "fixture_violation": "A flowchart step <rect data-diagram-role=\"step\" rx=\"12\"> (rx should be 6).",
      "source_rules": [
        "flowchart-shape-semantics",
        "flowchart-vertical-flow-labeled-edges",
        "state-machine-conventions",
        "sequence-diagram-conventions"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-quadrant-conventions",
      "title": "Quadrant plot: centered cross, end labels, dots off-axis, uniform quadrant fill",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Detected diagram type is quadrant.",
      "spec": "Assert axis lines cross at the plot-area geometric center; axis labels lie near the extreme x/y of each axis (not within a midpoint tolerance band); item dots have r=4; no item (x,y) sits within epsilon of x=centerX or y=centerY; any quadrant background rects all share the same fill.",
      "fixture_violation": "A quadrant item dot placed exactly on the vertical axis line, or the four quadrants filled with four different colors.",
      "source_rules": [
        "quadrant-conventions"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-annotation-callout-conventions",
      "title": "Annotation callouts: italic serif, dashed leader, landing dot, <=2, margins only",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "An annotation-callout structure is present.",
      "spec": "Callout text font-style=italic and font-family=var(--font-display); leader path has stroke-dasharray set (never solid); a landing-dot <circle> exists at the leader terminus; count <=2 per diagram; neutral callout leader stroke-opacity~0.4 and text fill=var(--ink), focal callout leader+text fill=var(--accent). Non-overlap with content is verified in diagram-text-clipping-overlap.",
      "fixture_violation": "An annotation callout with a solid (non-dashed) leader line.",
      "source_rules": [
        "annotation-callout-conventions"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-sketchy-filter-shapes-not-text",
      "title": "Sketchy displacement filter applies to shapes only, never text",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "A <filter> using feTurbulence/feDisplacementMap is defined.",
      "spec": "Assert filter params baseFrequency in [0.01,0.04], numOctaves in [1,3], scale in [1,6], and a fixed seed attribute present. Find every element referencing that filter (directly or via a filtered ancestor); assert no <text> is among them or their descendants.",
      "fixture_violation": "A <text filter=\"url(#sketch)\"> or a filtered <g> that contains <text>.",
      "source_rules": [
        "sketchy-filter-shapes-not-text"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-proportional-honesty",
      "title": "Proportional diagram geometry matches its data",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "A ranked/proportional diagram (pyramid, funnel, venn, timeline, bar) whose items carry data-value / data-percentage / data-cardinality attributes.",
      "spec": "Recompute expected geometry from the data and assert rendered geometry matches within a few px: pyramid/funnel layer width = maxWidth x (value/base); venn circle radius proportional to sqrt(cardinality); timeline event x-position proportional to real time delta across adjacent events (or a visible axis-break marker over anomalous gaps). Accent must not sit on the base/largest layer; widths monotonic in a single direction.",
      "fp_guards": "Runs only when machine-readable data-* attributes exist; otherwise defer to diagram-proportional-honesty-visual (llm).",
      "fixture_violation": "A funnel layer with data-percentage=\"72\" rendered at full canvas width instead of 0.72 x maxWidth.",
      "source_rules": [
        "pyramid-funnel-conventions",
        "venn-diagram-conventions",
        "timeline-honest-scale"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-arrow-endpoint-air-gap",
      "title": "Arrow sources and tips align to declared node anchors with a 6-10px air gap",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "Arrows are tagged/detectable and connect to nodes with resolvable bounding boxes.",
      "spec": "Render at 1440x900 (both schemes). Resolve the start and terminal points for line, path, polyline, and polygon connectors into viewport coordinates with getScreenCTM(). Pair data-diagram-source and data-diagram-target with nodes by data-diagram-id; when no target is declared, use the nearest tagged node. Assert a 6-10px air gap and no point-in-rect intersection at every declared endpoint. When data-diagram-source-anchor or data-diagram-target-anchor is left-center, right-center, top-center, or bottom-center, also assert that endpoint lands on the named side and aligns to its midpoint within 3px.",
      "fp_guards": "Requires role tagging to pair arrows with nodes. Source checks run only when data-diagram-source is declared; target checks may infer the nearest tagged node for backward compatibility. Center-anchor alignment runs only when the corresponding source or target anchor is declared.",
      "fixture_violation": "One fixture pierces a target node; a second starts on the source border instead of preserving the declared 6-10px source air gap.",
      "source_rules": [
        "arrow-endpoint-air-gap"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-text-clipping-overlap",
      "title": "No clipped or overlapping diagram text; mask rects cover labels",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "Inline skill-authored <svg> diagram present.",
      "spec": "Render (1440x900, both schemes). For every <text> assert getBBox() is fully contained within the SVG viewBox and its intended container group's bbox. Pairwise collision-test all text bboxes and leader-line paths and assert no unexpected intersections (excluding intentional label-on-mask overlaps). For each arrow-label mask rect assert it contains its text bbox with >= ~4px margin per side.",
      "fp_guards": "Exclude the intentional arrow-label text-over-mask overlap from the collision test.",
      "fixture_violation": "A node label whose text extends past the node rect and past the viewBox edge, or two labels whose bboxes overlap.",
      "source_rules": [
        "clipping-overflow-overlap-check",
        "arrow-label-masking-rect"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-legend-matches-figure",
      "title": "Legend entries match what the figure actually draws",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "llm-pass",
      "severity": "error",
      "applies_when": "A legend is present in the diagram.",
      "spec": "Rubric question over the per-figure screenshot: 'Does every legend entry (swatch + label) correspond to something actually drawn in the figure, and does every distinct visual category in the figure appear in the legend? Flag any ghost legend item (in legend, not in figure) or missing item (in figure, not in legend).' Evidence: the per-figure screenshot only.",
      "fixture_violation": "A legend lists a 'Cache' swatch color that appears nowhere in the drawn figure.",
      "source_rules": [
        "legend-matches-diagram"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-focal-single-dominant",
      "title": "Exactly one clearly dominant focal element",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "llm-pass",
      "severity": "error",
      "applies_when": "Inline skill-authored <svg> diagram present.",
      "spec": "Rubric question over the per-figure screenshot: 'Is there exactly ONE clearly dominant focal element (the look-here-first point)? Flag if there is no clear focal point, or if two-or-more elements compete equally for primary attention.' Pairs with the deterministic diagram-focal-accent-count. Evidence: the per-figure screenshot only.",
      "fixture_violation": "A diagram where two equally-weighted accent nodes compete with no single dominant focal.",
      "source_rules": [
        "accent-count-max-2"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-proportional-honesty-visual",
      "title": "Visual proportions match stated quantities (no fabricated sizes)",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "llm-pass",
      "severity": "warn",
      "applies_when": "A ranked/proportional diagram (pyramid, funnel, venn, timeline, bar) that lacks machine-readable data-* attributes.",
      "spec": "Rubric question over the per-figure screenshot plus extracted label text: 'Do the relative sizes and spacings visually match the quantities stated in the labels (percentages, counts, dates)? Flag fabricated-equal layers, mis-scaled circles, or a timeline implying uniform pacing when the labels are not evenly spaced.' Evidence: per-figure screenshot + extracted label text.",
      "fixture_violation": "A funnel whose three layers are drawn equal width but labeled 80% / 45% / 12%.",
      "source_rules": [
        "pyramid-funnel-conventions",
        "timeline-honest-scale",
        "venn-diagram-conventions"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-type-coherent",
      "title": "Figure reads as a single coherent diagram type",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "llm-pass",
      "severity": "error",
      "applies_when": "Inline skill-authored <svg> or Mermaid diagram present.",
      "spec": "Rubric question over the per-figure screenshot + brief: 'Does this figure read as a single coherent diagram type matching its content shape, rather than a muddle of two types? And if Mermaid was used instead of hand-authored SVG, was it warranted (15+ node graph, uniform-shape forest, or explicit user request)?' Evidence: per-figure screenshot + one-line content brief.",
      "fixture_violation": "A figure that mixes swimlane lanes with a nested-containment metaphor in one canvas.",
      "source_rules": [
        "type-selection-gate-single-type",
        "mermaid-fallback-threshold"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-removal-simplicity",
      "title": "Every element carries information; no padded or all-identical boxes",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "llm-pass",
      "severity": "warn",
      "applies_when": "Inline skill-authored <svg> diagram present.",
      "spec": "Rubric question over the per-figure screenshot: 'Is every element carrying information — could any node, label, or line be removed with no loss of meaning? Flag over-complex or padded diagrams, three equal-width summary cards, and all-identical boxes that erase visual hierarchy.' Evidence: the per-figure screenshot only.",
      "fixture_violation": "A diagram of five identically-sized, identically-styled boxes with no hierarchy and a redundant third summary card.",
      "source_rules": [
        "removal-test-mandatory",
        "identical-boxes-erase-hierarchy",
        "no-three-equal-width-summary-cards"
      ]
    },
    {
      "family": "F3_diagrams",
      "id": "diagram-necessity",
      "title": "Content warrants a diagram over a table/list/sentence",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "llm-pass",
      "severity": "warn",
      "applies_when": "Inline skill-authored <svg> diagram present.",
      "spec": "Rubric question over the per-figure screenshot + brief: 'Could this diagram's content be conveyed just as well by a short 3-column table, a bulleted list, or a single sentence? Flag diagram-for-diagram's-sake.' Evidence: per-figure screenshot + one-line content brief.",
      "fixture_violation": "A three-node A->B->C flow that restates a single sentence with no added structure.",
      "source_rules": [
        "anti-selection-dont-draw-a-diagram"
      ]
    },
    {
      "family": "F4_presets",
      "id": "mono-type-budget",
      "title": "Mono-Industrial type budget: ≤3 families, ≤4 sizes, ≤2 weights, no bold sans",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Mono-Industrial detected: Space Grotesk loaded as --font-body AND no Doto/Libre Baskerville/Manrope loaded (distinguishes from Nothing).",
      "spec": "Parse font-family declarations actually applied to elements (first non-generic name per stack only). (1) Distinct applied families ≤3 (Space Grotesk, Space Mono, +optional one Geist Pixel accent); fail if >3 or if >1 pixel-accent face loaded. (2) Geist Pixel @font-face present only if some element's resolved computed font-family (following --font-display var chain) uses it; warn if loaded-but-unused. (3) Distinct applied font-size values (var(--size-*), literal px, one clamp()=one size) ≤4 — display/section/body/caption per tokens.md; error if >4, warn at exactly 4 if the 4th isn't --size-section. (4) No font-weight resolving to 700/bold on any element whose family resolves to Space Grotesk/--font-display sans (check computed style so UA-default <b>/<strong> bold counts); distinct weights in use (excluding Space Mono 700) ≤2.",
      "fixture_violation": "Mono-Industrial page that applies a 4th named family (e.g. Inter) to body text, OR sets font-weight:700 on a Space-Grotesk <h1>, OR declares 5 distinct font-size tokens.",
      "fp_guards": "Only count first non-generic name per font stack; never count system-ui/sans-serif/monospace fallbacks. Treat clamp() as one size. Space Mono may legitimately be 700.",
      "impl_hint": "Resolve --font-display/--font-body var chains before counting; getComputedStyle fontWeight for <b>/<strong>.",
      "source_rules": [
        "font-family-budget",
        "geist-pixel-conditional-load",
        "font-size-max-3",
        "font-weight-max-2-no-bold-sans",
        "mono-industrial-font-budget"
      ]
    },
    {
      "family": "F4_presets",
      "id": "mono-grayscale-status-color",
      "title": "Mono-Industrial: grayscale only, color is status on values only",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Mono-Industrial detected (Space Grotesk body, no Doto/Libre Baskerville).",
      "spec": "Scan all color/background/border-color/fill/stroke literals. Whitelist documented grayscale values (#000, #f6f4f0, rgba(242,237,229,*), rgba(22,19,15,*) and var(--fg)/--text-*/--rule* forms) plus the six status hexes and var(--ok|--warn|--err). Fail on: any other hue-bearing literal; linear-gradient(/radial-gradient( in chrome; background-clip:text with non-monochrome color or -webkit-text-fill-color set to a hue; var(--ok|--warn|--err) used as background-color/fill on row/section selectors (tr,.row,.section,li) or as color on label-classed text (status marks the value/datum, never a container or label).",
      "fixture_violation": "Mono page with a purple accent border on a card, a gradient heading, or a whole <tr> background tinted with var(--err).",
      "fp_guards": "Neutral rgba(0,0,0,*)/rgba(255,255,255,*) shadows are legitimate — only flag literals carrying actual hue. Do not flag a small status-colored dot/icon adjacent to a value (routed to mono-status-value-judgment).",
      "source_rules": [
        "grayscale-only-status-color-exception",
        "status-color-value-only"
      ]
    },
    {
      "family": "F4_presets",
      "id": "mono-status-value-judgment",
      "title": "Mono-Industrial: status color reads as a data event, not decoration",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "llm-pass",
      "severity": "warn",
      "applies_when": "Mono-Industrial detected AND mono-grayscale-status-color flagged an ambiguous status-color use.",
      "spec": "Rubric (answer from the desktop light+dark screenshots + the flagged elements' text): 'Does every colored element mark a specific value/datum with a genuine ok/warn/err meaning (a value or a small adjacent dot), rather than tinting a container, row, label, or being decorative?' Fail if color reads as decoration or container fill.",
      "fixture_violation": "A status color applied as an accent wash behind a section that has no ok/warn/err semantics.",
      "source_rules": [
        "status-color-value-only",
        "grayscale-only-status-color-exception"
      ]
    },
    {
      "family": "F4_presets",
      "id": "mono-theme-toggle-structure",
      "title": "Mono-Industrial three-option Light/Dark/Auto toggle with inline-SVG icons",
      "profiles": [
        "page"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Mono-Industrial detected AND profile is scrollable page.",
      "spec": "Find one fixed-position container (position:fixed with top/right offsets) holding exactly 3 co-located options whose text/aria-label match /light/i, /dark/i, /auto|system/i. Within it: each option's icon slot is an inline <svg viewBox='0 0 16 16'> with a <circle r='5'> (or proportionally equivalent viewBox scaling), rendered ~12x12; fail if the literal glyphs ○/●/◐ (U+25CB/25CF/25D0) are used as icons.",
      "fixture_violation": "Mono page whose toggle has only Light/Dark (2 options), or uses ● ◐ ○ unicode glyphs instead of inline SVG circles.",
      "fp_guards": "Require all three labels inside ONE component; unicode circles elsewhere in prose don't count. Scope glyph search to the toggle markup only.",
      "source_rules": [
        "theme-toggle-present",
        "theme-toggle-icons-inline-svg"
      ]
    },
    {
      "family": "F4_presets",
      "id": "mono-theme-override-mechanism",
      "title": "Mono-Industrial toggle overrides OS: gated media query + explicit override blocks + localStorage",
      "profiles": [
        "page"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Mono-Industrial detected AND profile is scrollable page.",
      "spec": "Sniff the base mode from bare :root token values (dark-first vs light-first). Assert the OPPOSITE-mode @media (prefers-color-scheme:…) block's selector is :root:not([data-theme='<base-mode>']) — not bare :root. Assert standalone :root[data-theme='light'] AND :root[data-theme='dark'] rule blocks both exist and define the full token set. Assert inline script persists to localStorage key 'mono-industrial-theme' via setItem/getItem, and removeItem (falling back to prefers-color-scheme) when the selection is system/auto.",
      "fixture_violation": "Dark-first Mono page whose light @media block targets bare :root (so the manual Dark choice can't override an OS set to light), OR missing the localStorage persistence branch.",
      "fp_guards": "Detect base mode FIRST — light-first and dark-first invert which query needs the :not() gate. Key may be held in a const; trace it if not a literal at each call site.",
      "impl_hint": "Compare :root vs :root[data-theme] --bg values to determine base mode.",
      "source_rules": [
        "theme-token-gating",
        "theme-toggle-persistence"
      ]
    },
    {
      "family": "F4_presets",
      "id": "mono-toggle-styling",
      "title": "Mono-Industrial toggle stays monochrome and responsive",
      "profiles": [
        "page"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "Mono-Industrial detected AND a theme toggle is present.",
      "spec": "Assert the active-state rule background matches color-mix(in srgb, var(--fg) 10%, transparent) (whitespace-tolerant) and active label color references var(--text-display) — never a new hue. Assert an @media (hover:hover)/pointer:fine rule collapses the pill to the active indicator paired with a :hover/:focus-within (or JS mouseenter/focus class-toggle) expansion, with no collapse under pointer:coarse. Assert a responsive rule moves the dock bottom-right with ≥44px touch targets at tablet/phone.",
      "fixture_violation": "Mono toggle whose active tab uses a solid blue fill instead of the color-mix monochrome tint.",
      "source_rules": [
        "theme-toggle-active-tint",
        "theme-toggle-collapse-at-rest",
        "theme-toggle-responsive-dock"
      ]
    },
    {
      "family": "F4_presets",
      "id": "mono-mermaid-toggle-sync",
      "title": "Mono-Industrial Mermaid re-themes on toggle and live OS flip",
      "profiles": [
        "page",
        "slides"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Mono-Industrial detected AND page contains Mermaid diagrams (.mermaid or mermaid.initialize).",
      "spec": "In the toggle change handler, assert code that resolves palette via a mode function (checks data-theme then OS preference), clears/resets data-processed on .mermaid, restores stashed original diagram source text, and calls mermaid.run(. Additionally assert a matchMedia('(prefers-color-scheme: dark)') addEventListener('change',…) triggers the same re-theme when data-theme is unset (live OS tracking).",
      "fixture_violation": "Mono page with Mermaid where toggling theme leaves the diagram in the old palette (handler never clears data-processed / re-runs mermaid).",
      "fp_guards": "Match on behavior pattern, not a literal effectiveMode identifier.",
      "source_rules": [
        "mermaid-rerenders-on-toggle",
        "mermaid-live-os-tracking"
      ]
    },
    {
      "family": "F4_presets",
      "id": "mono-token-values-exact",
      "title": "Mono-Industrial token values match the fixed palette spec",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Mono-Industrial detected.",
      "spec": "Extract :root base and data-theme override custom-property declarations. After detecting base mode, string-compare --bg,--fg,--text-display,--text-primary,--text-secondary,--text-disabled,--rule,--rule-strong,--ok,--warn,--err against the exact hex/rgba values in tokens.md for BOTH light and dark modes. Fail on any deviation.",
      "fixture_violation": "Mono page whose --ok is set to #22c55e instead of the spec status green, or whose dark --bg differs from the spec value.",
      "fp_guards": "Base mode may be dark-first (per mono-industrial.md example) rather than light-first (tokens.md) — resolve base mode before matching each block.",
      "source_rules": [
        "token-values-exact-match"
      ]
    },
    {
      "family": "F4_presets",
      "id": "mono-motion-discipline",
      "title": "Mono-Industrial: zero on-load motion, ≤120ms interactions, instant slide cuts",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Mono-Industrial detected.",
      "spec": "Scan CSS/JS. Fail on: any @keyframes glow/pulse/animated-shadow; any animation applied unconditionally (not scoped to :hover/:focus/.active/[data-*]); any IntersectionObserver toggling opacity/transform on scroll (scroll-reveal); any inline opacity:0 transitioned to 1 on load/DOMContentLoaded; any transition/animation-duration >120ms; any cubic-bezier spring/bounce on non-interaction elements. Require an @media (prefers-reduced-motion: reduce) block forcing ~0.01ms durations on *,*::before,*::after. For slide-deck structure, assert slide-changing property (transform/opacity) has no transition (instant cut; scroll-snap handles the step).",
      "fixture_violation": "Mono page whose cards fade-up on load via a 600ms opacity/translateY entrance animation.",
      "fp_guards": "Allow hover/focus transitions ≤120ms — only flag rules not scoped to an interaction state or exceeding the duration/easing limits.",
      "source_rules": [
        "zero-onload-motion",
        "interactive-transition-cap-120ms",
        "slide-transitions-instant-cut",
        "mono-industrial-zero-onload-motion"
      ]
    },
    {
      "family": "F4_presets",
      "id": "mono-mermaid-theming",
      "title": "Mono-Industrial Mermaid uses grayscale themeVariables and mono/sans label typography",
      "profiles": [
        "page",
        "slides"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "Mono-Industrial detected AND page contains Mermaid.",
      "spec": "Parse mermaid.initialize themeVariables: primaryColor/secondaryColor/tertiaryColor/lineColor must resolve to grayscale nodeFill/nodeBorder/edgeColor values (not arbitrary hue). Any classDef setting fill/stroke may only use the six approved status hexes. Assert edge labels resolve to Space Mono uppercase 11px and node labels to Space Grotesk 15px (20px allowed in slide role).",
      "fixture_violation": "Mono Mermaid diagram whose themeVariables set primaryColor to a blue hex, or whose edge labels render in a sans font.",
      "source_rules": [
        "mermaid-grayscale-theme",
        "mermaid-label-typography"
      ]
    },
    {
      "family": "F4_presets",
      "id": "mono-data-table",
      "title": "Mono-Industrial data-row table styling (no zebra, no vertical borders, hairline rows)",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Mono-Industrial detected AND a real <table> is present.",
      "spec": "For <table> elements: no nth-child(even/odd) background-color (zebra); no border-left/right on td/th; row elements carry border-top:1px solid var(--rule); header cells resolve to --font-mono, uppercase, ~11px, var(--text-secondary); cells whose content is numeric (regex \\d with %/currency/ratio) are text-align:right with font-variant-numeric:tabular-nums; assert no text-overflow:ellipsis, white-space:nowrap+overflow:hidden, or -webkit-line-clamp on cells (long text wraps, never truncates).",
      "fixture_violation": "Mono table with alternating grey zebra rows and vertical column borders.",
      "fp_guards": "Numeric-column detection needs cell-content sniffing, not pure CSS.",
      "source_rules": [
        "data-table-no-zebra-no-vertical-borders"
      ]
    },
    {
      "family": "F4_presets",
      "id": "mono-instrument-microcopy",
      "title": "Mono-Industrial label/metadata voice and bracket-notation states",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Mono-Industrial detected.",
      "spec": "For label/caption/index/metadata-classed elements: font-family resolves to Space Mono, text is uppercase (text-transform or already-caps source), letter-spacing 0.08em–0.14em, not sentence-case prose with trailing colons. Date-like strings in metadata rows match /^\\d{4}\\s*·\\s*\\d{2}\\s*·\\s*\\d{2}$/ (no slashes). Empty/error/loading state containers use inline Space Mono ALL CAPS bracketed text matching /^\\[[A-Z0-9 .:\\-]+\\]$/ with no illustrations, multi-sentence <p>, or fixed-position toast.",
      "fixture_violation": "Mono page whose empty state shows an illustrated SVG with a two-paragraph message instead of [NO DATA], or a metadata date formatted 2026/07/04.",
      "fp_guards": "Identifying which nodes are labels/metadata vs body prose needs class/context heuristics — restrict to labelled containers.",
      "source_rules": [
        "label-typography-mono-caps-tracking",
        "microcopy-caps-and-date-format",
        "empty-error-loading-state-format"
      ]
    },
    {
      "family": "F4_presets",
      "id": "mono-surface-spacing-discipline",
      "title": "Mono-Industrial spacing scale, card restraint, divider restraint",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "Mono-Industrial detected.",
      "spec": "Flag margin/padding/gap px literals not in {4,8,16,32,64,96} and not var(--space-*), excluding 1px hairlines and the toggle's 24px/44px. Flag any card-signature wrapper (border + background-color/fill + border-radius/box-shadow) that contains the page's primary display/hero element (never box the display element), and flag non-table/non-nav border dividers between sibling blocks as spacing-should-have-sufficed candidates.",
      "fixture_violation": "Mono hero wrapped in a bordered, filled, rounded 'surface card', or ad-hoc 22px/37px paddings throughout.",
      "fp_guards": "High false-positive on one-off icon/radius values — advisory only. Mermaid containers (border-only, no fill) are not cards. Route card candidates that ARE interactive controls (zoom/toggle) to accept.",
      "source_rules": [
        "spacing-scale-adherence",
        "container-tier-lightest-first",
        "divider-restraint"
      ]
    },
    {
      "family": "F4_presets",
      "id": "mono-code-block-terminal",
      "title": "Mono-Industrial code block is a fixed terminal pane in both themes",
      "profiles": [
        "page",
        "slides"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Mono-Industrial detected AND a .code-block / pre>code[class*='language-'] is present.",
      "spec": "Assert .code-block background resolves to #0a0a0a in both data-theme states (does not swap with --bg). Assert markup pre.code-block > code[class*='language-']. Assert no stock Prism theme (tomorrow/okaidia/twilight/etc.) is linked — only the custom Mono-Industrial token CSS. Assert no line-numbers/copy-button elements unless requested. Diff-line backgrounds use ~0.1-alpha green/red (never solid alpha=1). Flag code blocks >20 lines not wrapped in <details>.",
      "fixture_violation": "Mono code block whose background flips to light --bg in light mode, or that links prism-tomorrow.css.",
      "fp_guards": "Insert/delete token class names vary by Prism version — also accept --ok/--err low-alpha as the signal.",
      "source_rules": [
        "code-block-terminal-theme",
        "mono-industrial-terminal-code-block-tokens"
      ]
    },
    {
      "family": "F4_presets",
      "id": "mono-hero-and-surprise-count",
      "title": "Mono-Industrial: at most one hero and one pattern-break candidate",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Mono-Industrial detected.",
      "spec": "Assert elements with role='hero'/top-level .ve-hero count ≤1. Count pattern-break candidate signatures (Geist-Pixel-styled elements; border-radius:50% among otherwise rectangular content; spacing gaps ≥2× the largest tier used elsewhere; font-size outliers beyond the declared scale). Flag if candidate count is 0 (sterile) or >1 (noisy) — this is the deterministic pre-filter feeding mono-one-surprise.",
      "fixture_violation": "Mono page with two .ve-hero sections, or with zero pattern-break candidates (flat/sterile).",
      "fp_guards": "Incidental circular avatars inflate candidate count — final adjudication is the paired LLM pass.",
      "source_rules": [
        "hero-role-at-most-once",
        "one-moment-of-surprise"
      ]
    },
    {
      "family": "F4_presets",
      "id": "mono-one-surprise",
      "title": "Mono-Industrial: exactly one deliberate pattern-break, never via color/icon/gradient",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "llm-pass",
      "severity": "error",
      "applies_when": "Mono-Industrial detected AND mono-hero-and-surprise-count reported 0 or >1 candidates.",
      "spec": "Rubric (from the full-page desktop screenshot): 'Does exactly ONE element deliberately break the pattern (an oversized/pixel number, a vast gap, an oversized word, a circle among rectangles, an off-grid slide), and is that break typographic/compositional rather than a color, icon, or gradient?' Fail if zero genuine breaks, more than one, or the break is realized via color/icon/gradient.",
      "fixture_violation": "Mono page whose only 'surprise' is a bright accent color swatch, or a page with three competing oversized display elements.",
      "source_rules": [
        "one-moment-of-surprise"
      ]
    },
    {
      "family": "F4_presets",
      "id": "mono-three-layer-squint",
      "title": "Mono-Industrial three-layer hierarchy survives the squint test on desktop and mobile",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "llm-pass",
      "severity": "error",
      "applies_when": "Mono-Industrial detected.",
      "spec": "Rubric (from the desktop AND 390px-mobile screenshots): 'When squinted at, do exactly three legible levels of emphasis exist (display dominates, primary reads, tertiary metadata stays quiet), and does the hero stay intact and full-width on mobile rather than shrinking into a card?' Fail if hierarchy reads as flat (1–2 levels), busy (>4), or the hero collapses into a boxed/shrunk element on mobile.",
      "fixture_violation": "Mono page where every text block is the same weight/size so nothing dominates, or where the hero number shrinks into a small bordered card at 390px.",
      "source_rules": [
        "exactly-three-layers",
        "responsive-below-768-hierarchy-survives",
        "hierarchy-visible-squint-test"
      ]
    },
    {
      "family": "F4_presets",
      "id": "preset-both-mode-inversion",
      "title": "Named-aesthetic page inverts correctly in both light and dark (contrast + no invisible text)",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "A named aesthetic is detected (Mono-Industrial or Nothing).",
      "spec": "Render at 1440×900 in prefers-color-scheme light AND dark (and each data-theme override). In each mode: compute contrast ratio of --text-primary against --bg and assert ≥4.5:1; assert no text-bearing element resolves to a color within ~ΔE small of its own background (invisible-text guard); assert elements spec'd to stay fixed across modes (dark terminal code blocks, CTA-on-blue) do not flip. Fail if any mode has failing contrast or invisible text.",
      "fixture_violation": "A Nothing-preset page whose body text is hard-coded #fff so it becomes invisible against the light-mode #F5F5F5 background.",
      "fp_guards": "Whitelist elements explicitly spec'd unchanged between modes (CTA text, dark code block) from the invisible-text guard.",
      "source_rules": [
        "verify-both-theme-modes",
        "named-aesthetics-both-themes-verified"
      ]
    },
    {
      "family": "F4_presets",
      "id": "preset-both-mode-visual",
      "title": "Both light and dark renders look correct (no leftover wrong-mode colors)",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "llm-pass",
      "severity": "error",
      "applies_when": "A named aesthetic is detected.",
      "spec": "Rubric (from the paired light + dark full-page screenshots): 'Do both modes render correctly with no invisible text, no leftover wrong-mode background/fill bleeding through, and no element that clearly failed to invert?' Fail if either mode shows a mode-mismatch artifact the contrast check cannot catch (e.g. a panel stuck in dark colors on a light page).",
      "fixture_violation": "A Mono page where one section's background stays dark in light mode because its fill was hard-coded.",
      "source_rules": [
        "verify-both-theme-modes",
        "named-aesthetics-both-themes-verified"
      ]
    },
    {
      "family": "F4_presets",
      "id": "assembly-dedup-single-tokens",
      "title": "Stitched page emits each font/library and root token block exactly once",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Final assembled visual-explainer page (any named aesthetic).",
      "spec": "In the final HTML, count occurrences of each distinct @font-face{font-family:'X'} block and each library CDN <script src> (mermaid/chart.js/anime) and its init call; fail if any is duplicated. Count :root design-token declaration blocks defining core tokens (--bg,--fg,--text-*,--rule*,--space-*,--size-*,--ok/--warn/--err); fail if the same core token is (re)declared in more than the sanctioned base + data-theme override blocks (fragment/section CSS must not redefine root tokens).",
      "fixture_violation": "Assembled page that includes the Mermaid CDN <script> twice, or a section's CSS re-declaring --bg:… inside a nested :root.",
      "source_rules": [
        "dedup-fonts-and-libraries",
        "no-token-redefinition-in-subagent-css"
      ]
    },
    {
      "family": "F4_presets",
      "id": "nothing-font-allowlist",
      "title": "Nothing loads exactly Doto + Space Grotesk + Space Mono; Geist Pixel forbidden",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Nothing detected: Doto loaded AND Space Grotesk body AND no Libre Baskerville (distinguishes from Mono).",
      "spec": "Scan <link>/@import/font-family. Allowlist named families = {Doto, Space Grotesk, Space Mono}; flag any other named family, with an explicit hard-fail if 'Geist Pixel' appears anywhere (Mono's default must not leak into Nothing).",
      "fixture_violation": "Nothing page that also loads Geist Pixel Square, or swaps body to Inter.",
      "fp_guards": "Generic keyword fallbacks are fine; only match named families.",
      "source_rules": [
        "nothing-font-allowlist",
        "nothing-three-fonts-and-doto-cap"
      ]
    },
    {
      "family": "F4_presets",
      "id": "nothing-type-size-budget",
      "title": "Nothing uses exactly three font sizes",
      "profiles": [
        "page"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "Nothing detected.",
      "spec": "At a single canonical viewport, collect computed font-size across visible text elements, cluster within 1px tolerance; assert distinct-size count ≤3 (one Doto hero, one Space Grotesk body, one Space Mono caption). Nothing states the budget unconditionally — no numeric-hero exception. Error if >3.",
      "fixture_violation": "Nothing page with 4+ distinct rendered font sizes.",
      "fp_guards": "Measure at one canonical viewport; clamp() fluid sizing must not be swept across breakpoints.",
      "source_rules": [
        "nothing-font-size-budget"
      ]
    },
    {
      "family": "F4_presets",
      "id": "nothing-doto-single-hero",
      "title": "Nothing: Doto used exactly once, ≥48px, short text only",
      "profiles": [
        "page"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "Nothing detected.",
      "spec": "Query elements whose computed font-family includes 'Doto'; assert exactly 1 uses it and its text is short (word count ≤6, not a paragraph/body block). Assert its computed font-size ≥48px (Decision (c): §4.1's 48px is authoritative; treat 36–47px as a warn band due to the §2-vs-§4.1 doc conflict; error below 36px).",
      "fixture_violation": "Nothing page using Doto on two elements, or Doto set at 28px, or Doto applied to a body paragraph.",
      "fp_guards": "36–47px is a doc-ambiguity warning band, not a hard fail.",
      "source_rules": [
        "nothing-doto-single-hero"
      ]
    },
    {
      "family": "F4_presets",
      "id": "nothing-labels-allcaps-mono",
      "title": "Nothing: every label is Space Mono ALL CAPS",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "Nothing detected.",
      "spec": "Query candidate label elements (nav a, th, button text, .label/.unit/.kicker/section-kicker classes); assert each has computed font-family including 'Space Mono' AND (text-transform:uppercase OR raw text already all-uppercase).",
      "fixture_violation": "Nothing page whose table headers render in Space Grotesk title-case instead of Space Mono ALL CAPS.",
      "fp_guards": "Buttons/labels containing dynamic user-supplied mixed-case content (a filename) may legitimately break case — apply to structural/system labels; flag dynamic-content labels for review rather than auto-fail.",
      "source_rules": [
        "nothing-labels-allcaps-mono"
      ]
    },
    {
      "family": "F4_presets",
      "id": "nothing-accent-red-single-use",
      "title": "Nothing accent red (#D71921) painted at most once, identical in both modes",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "Nothing detected.",
      "spec": "Count elements where #D71921 / var(--accent) is actually APPLIED (painted) as a foreground, background, or border color across the DOM; assert ≤1. Diff the --accent token's literal value between the dark :root block and the light-mode override; assert identical (red is unchanged between modes).",
      "fixture_violation": "Nothing page using red on three separate decorative elements, or whose light-mode --accent differs from dark.",
      "fp_guards": "Do NOT count the token declaration itself (appears once per dark/light block) as a use — only count applied/painted uses.",
      "source_rules": [
        "nothing-accent-red-single-use"
      ]
    },
    {
      "family": "F4_presets",
      "id": "nothing-accent-red-judgment",
      "title": "Nothing: the single red use is genuinely urgent/destructive/error",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "llm-pass",
      "severity": "warn",
      "applies_when": "Nothing detected AND exactly one red use was found.",
      "spec": "Rubric (from the screenshot + the red element's text/context): 'Is the single red-accent use an urgent/destructive/error signal, rather than decorative?' Fail if the red is decorative.",
      "fixture_violation": "Nothing page using red once, but purely as a decorative underline on a heading.",
      "source_rules": [
        "nothing-accent-red-single-use"
      ]
    },
    {
      "family": "F4_presets",
      "id": "nothing-status-color-scope",
      "title": "Nothing status colors apply to values only, never labels or row backgrounds",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Nothing detected.",
      "spec": "Assert label-like elements (.label, th, nav items) do not have computed color equal to var(--success)/--warning/--accent. Assert row containers (tr, .stat-row) do not have those tokens as background-color. Confirm .value/.num elements ARE permitted to carry them.",
      "fixture_violation": "Nothing table whose entire warning row is filled with the warning color, or a label tinted with --success.",
      "fp_guards": "Scope strictly to background-color — a one-off status-colored border is a distinct pattern, not this violation.",
      "source_rules": [
        "nothing-status-color-scope"
      ]
    },
    {
      "family": "F4_presets",
      "id": "nothing-flat-surface-and-motion",
      "title": "Nothing: no shadows/gradients/blur/large-radius, no transform or shadow in transitions",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Nothing detected.",
      "spec": "Scan CSS. Fail on: any box-shadow value other than none; linear-gradient(/radial-gradient( outside a hero-vignette-scoped selector; backdrop-filter or filter:blur outside a .nav-dots/magazine-deck-scoped selector; border-radius >16px on .card/card-like selectors (buttons excluded). Also fail on any transition/animation declaration whose properties include transform, scale(, translate(, or box-shadow (hover feedback is border/text-color only). Where an explicit timing is set, durations should be 150–250ms (micro) or 300–400ms (view) with cubic-bezier(0.25,0.1,0.25,1).",
      "fixture_violation": "Nothing card with box-shadow, or a button whose hover transitions transform:scale(1.05).",
      "fp_guards": "Buttons legitimately use pill radius 999px — exclude button selectors from the >16px card-radius check. The optional hero radial vignette and nav-dots blur are sanctioned.",
      "source_rules": [
        "nothing-forbidden-css-properties",
        "nothing-motion-forbidden-props",
        "forbidden-glow-pulse-animations"
      ]
    },
    {
      "family": "F4_presets",
      "id": "nothing-forbidden-ui-patterns",
      "title": "Nothing: no skeleton/toast/spinner/zebra/emoji; bracket-notation states",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Nothing detected.",
      "spec": "Flag class/id names containing 'skeleton','toast','spinner'. Flag nth-child alternating background-color on table rows (zebra). Flag emoji Unicode ranges or multi-fill/filled <svg>/<img class='icon'> inside buttons/nav. For elements explicitly marked as empty/loading/error states, flag >1 paragraph and require a bracket-notation pattern /^\\[.*\\]$/ somewhere in the state's text (e.g. [LOADING…], [NO DATA]).",
      "fixture_violation": "Nothing page with a skeleton-loader shimmer, a toast popup, or a zebra-striped table.",
      "fp_guards": "Restrict the paragraph-count check to elements explicitly marked as empty/loading/error states — a long help/FAQ block is not an empty state.",
      "source_rules": [
        "nothing-forbidden-ui-patterns"
      ]
    },
    {
      "family": "F4_presets",
      "id": "nothing-button-shape",
      "title": "Nothing buttons: uniform mono spec, one white primary per screen, consistent secondary radius",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Nothing detected AND button-like elements exist.",
      "spec": "For primary/secondary buttons: computed font-family Space Mono, font-size ≈13px, text-transform uppercase, letter-spacing ≈0.06em, padding ≈12px 24px, min-height ≥44px. Count primary buttons (white bg + black text); assert ≤1 per screen. Collect secondary button border-radius values; assert all pill (~999px) OR all technical (4–8px), never mixed.",
      "fixture_violation": "Nothing page with two white primary buttons, or secondary buttons mixing pill and 4px radii.",
      "fp_guards": "Scope the full spec to primary/secondary variants only — ghost variants intentionally omit background/border.",
      "source_rules": [
        "nothing-button-shape"
      ]
    },
    {
      "family": "F4_presets",
      "id": "nothing-single-grid-break",
      "title": "Nothing: exactly one deliberate grid break (excluding structural chrome)",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "llm-pass",
      "severity": "error",
      "applies_when": "Nothing detected. (Static pre-filter detects candidates: full-bleed negative-margin elements, grid-column:1/-1 overrides, oversized Doto blocks exceeding column width.)",
      "spec": "Rubric (from the full-page screenshot + the candidate list): 'Does exactly ONE element deliberately break the grid (the single break IS the design), excluding legitimate full-width chrome like nav/footer/section dividers?' Fail if zero breaks (spreadsheet-flat) or more than one (chaotic).",
      "fixture_violation": "Nothing page where three different elements each break the grid, or a perfectly uniform grid with no break at all.",
      "fp_guards": "The static pre-filter over-triggers on nav/footer/full-width dividers — the LLM must exclude structural chrome.",
      "source_rules": [
        "nothing-grid-break-count"
      ]
    },
    {
      "family": "F4_presets",
      "id": "nothing-motif-min3",
      "title": "Nothing page shows at least 3 of the 6 signature motifs",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Nothing detected.",
      "spec": "Detect each motif: (1) a Doto-family element; (2) ALL-CAPS Space Mono labels; (3) segmented progress bars (.progress/.seg); (4) dot-grid radial-gradient background; (5) bracket-notation text /\\[[^\\]]+\\]/ inside a dedicated UI-state container; (6) a grid-break candidate. Count detected motifs; assert ≥3.",
      "fixture_violation": "A page that uses only the Nothing color tokens but none of Doto hero, mono labels, segmented bars, dot-grid, bracket states, or a grid break (0–2 motifs).",
      "fp_guards": "Restrict bracket-notation detection to dedicated UI-state containers so prose/code brackets aren't miscounted.",
      "source_rules": [
        "nothing-motif-count-min3"
      ]
    },
    {
      "family": "F4_presets",
      "id": "nothing-chart-not-color-alone",
      "title": "Nothing: chart series differentiated by more than color",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Nothing detected AND a multi-series chart/legend exists.",
      "spec": "For multi-series charts, check whether series are distinguished ONLY by distinct fill/stroke colors with no accompanying opacity variation, hatch/pattern fill, or distinguishing legend text/shape. Flag color-alone differentiation.",
      "fixture_violation": "Nothing bar chart with five series distinguished purely by five accent colors and no other cue.",
      "fp_guards": "Single-series charts, or charts where bars are directly labelled/positionally distinct, are not violations.",
      "source_rules": [
        "nothing-accent-color-chart-scope"
      ]
    },
    {
      "family": "F5_slides",
      "id": "slide-viewport-fit-no-internal-scroll",
      "title": "Each slide/page is exactly one viewport with no internal scroll",
      "profiles": [
        "slides",
        "magazine"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "Vertical: at least one section.slide exists. Magazine: a .mag container with .page children exists. Skip entirely if neither (not a deck).",
      "spec": "At 1440x900 and 390x844: for vertical decks, each `section.slide` computed height == viewport height within +-2px and computed overflow-y == 'hidden'; for magazine, each `.page` computed width == window.innerWidth AND height == window.innerHeight within +-2px, and both `body` and `.mag` have computed overflow-y == 'hidden'. For every slide/page element assert element.scrollHeight <= element.clientHeight + 2 (no internal overflow), EXCLUDING known nested scroll containers (.mermaid-wrap, .table-scroll, .code-scroll and any descendant whose own computed overflow is auto/scroll). Also assert document.documentElement.scrollHeight <= clientHeight for magazine (no vertical scrollbar). Do NOT run at additional widths — these are fixed-canvas profiles, not responsive.",
      "fixture_violation": "A magazine .page with height:120vh (or a section.slide whose child content column has fixed height forcing scrollHeight > clientHeight while overflow is hidden, clipping content).",
      "fp_guards": "Exclude documented inner scroll containers (.mermaid-wrap/.table-scroll/.code-scroll) from the scrollHeight assertion; use +-2px tolerance for 100dvh/100vh rounding; measure the outer .slide/.page only, never inner panels.",
      "impl_hint": "els=[...document.querySelectorAll('section.slide, .mag .page')]; for each measure getBoundingClientRect + getComputedStyle; nested = el.querySelectorAll('.mermaid-wrap,.table-scroll,.code-scroll').",
      "source_rules": [
        "slide-height-viewport-fit",
        "magazine-page-100vw-100vh",
        "magazine-no-vertical-scroll",
        "slide-single-viewport-no-internal-scroll"
      ]
    },
    {
      "family": "F5_slides",
      "id": "deck-scroll-snap-axis",
      "title": "Deck uses the correct single scroll-snap axis for its mode",
      "profiles": [
        "slides",
        "magazine"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "Vertical deck: a `.deck` (or vertical scroll-snap container of section.slide) exists. Magazine: a `.mag` container exists.",
      "spec": "Vertical: computed `scroll-snap-type` of the vertical deck container resolves to `y mandatory`. Magazine: computed `scroll-snap-type` of `.mag` resolves to `x mandatory` (or longhand x/mandatory) AND no element in the document declares `scroll-snap-type: y ...` (magazine must not mix in the vertical engine). Use getComputedStyle after load so shorthand/longhand both resolve.",
      "fixture_violation": "A magazine whose `.mag` sets `scroll-snap-type: y mandatory` (vertical engine left in) instead of `x mandatory`.",
      "fp_guards": "Read computed style (not raw text) so `x mandatory` vs longhand `scroll-snap-type-axis:x` both pass; only flag magazine y-axis when it is on a page-level container, not an inner decorative overflow region.",
      "impl_hint": "getComputedStyle(document.querySelector('.mag')).scrollSnapType.includes('x') && includes('mandatory').",
      "source_rules": [
        "magazine-horizontal-scroll-snap-container",
        "magazine-single-snap-axis",
        "slide-height-viewport-fit"
      ]
    },
    {
      "family": "F5_slides",
      "id": "nav-chrome-fixed-and-layered",
      "title": "All deck navigation chrome is position:fixed and layered above slides",
      "profiles": [
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Any nav-chrome element is present: vertical `.deck-progress/.deck-dots/.deck-counter/.deck-hints`, or magazine `.nav-dots` (or a fixed dot-strip appended directly to body with one child per page).",
      "spec": "For each present nav-chrome element, assert computed `position === 'fixed'` and numeric computed `z-index >= 100`. If class names differ, match by structural role (element that is a direct child of body, outside the .deck/.mag, functioning as progress/dots/counter/hints).",
      "fixture_violation": "A `.deck-dots` element styled `position: absolute; z-index: 5` so it scrolls away / is covered by an isolated slide.",
      "fp_guards": "Match by role when aesthetics rename classes; do not fail merely because an OPTIONAL chrome element (e.g. .deck-hints) is absent — only present elements are checked.",
      "impl_hint": "['.deck-progress','.deck-dots','.deck-counter','.deck-hints','.nav-dots'].flatMap(sel=>[...dom.querySelectorAll(sel)]).",
      "source_rules": [
        "nav-chrome-fixed-and-layered"
      ]
    },
    {
      "family": "F5_slides",
      "id": "deck-rail-first-frame-collapsed",
      "title": "Deck rail never obscures the opening slide before user intent",
      "profiles": [
        "slides",
        "magazine"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "A deck renders a collapsible side rail identifiable by `[data-rail]`, `[data-rail-expanded]`, `nav[aria-label='Slides']`, or a role-equivalent chapter spine.",
      "spec": "At 1920x1080, load the first slide in a fresh document before any pointer, focus, or keyboard input. The rail's exposed width must be <=46px and `data-rail-expanded` must not resolve to true. Fail any timer-driven peek or automatic expansion. The slide stage must begin at or to the right of the exposed spine, or otherwise prove a non-overlapping safe area.",
      "fixture_violation": "A 288px directory automatically opens on a wide viewport and collapses after 900ms, covering the opening title and making screenshots timing-dependent.",
      "fp_guards": "A deliberately persistent, non-collapsible application sidebar is not a deck rail and does not trigger. A user preference restored from storage may reopen the rail only when the implementation records and exposes that persisted choice; a fresh context remains collapsed.",
      "source_rules": [
        "deck-shell-first-frame-collapsed",
        "deck-shell-no-timed-peek"
      ],
      "impl_hint": "Intersect the rail getBoundingClientRect() with the viewport before interactions; transform-based rails pass when only their 44px spine is exposed."
    },
    {
      "family": "F5_slides",
      "id": "deck-navigation-shell-safe-controls",
      "title": "Deck shell uses safe hit targets and preserves interactive click ownership",
      "profiles": [
        "slides",
        "magazine"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "A deck has a side rail, chapter controls, previous/next controls, or full-slide/edge click navigation.",
      "spec": "At the delivery viewport: (a) the rail brand/open control, every chapter target, and previous/next buttons each measure at least 44x44px; (b) the first chapter target begins within 24px below the brand cell rather than being vertically centered; (c) clicking a visible non-navigation button, link, input, dialog control, `[data-interactive]`, or `[data-drill-target]` does not change the slide hash; and (d) while `[data-drill-open]` or a role=dialog surface is active, the rail is hidden, behind the modal, or has pointer-events:none.",
      "fixture_violation": "Chapter dots have 16px click boxes, or clicking a drill trigger also advances the deck because the full-slide handler claims the event.",
      "fp_guards": "The visible marker glyph may be smaller than 44px when its interactive parent supplies the hit area. Skip modal-yield behavior when the artifact has no modal, drill sheet, or dialog.",
      "source_rules": [
        "deck-shell-44px-targets",
        "deck-shell-top-anchored-chapters",
        "deck-shell-interactive-click-ownership",
        "deck-shell-yields-to-modal"
      ],
      "impl_hint": "Measure target rectangles and chapter offset. For interaction tests, snapshot location.hash around representative non-navigation clicks and compare rail z-index/visibility/pointer-events while a dialog is open."
    },
    {
      "family": "F5_slides",
      "id": "autofit-safety-net-present-and-ordered",
      "title": "autofit text safety-net marker present",
      "profiles": [
        "slides"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "profile === 'slides' (every slide-deck page, regardless of whether it uses a SlideEngine).",
      "spec": "Across combined stylesheet text and inline <script> text, at least one autofit safety-net marker must be present: `fitty`, `autoFit`/`autofit`, `resizeText`, or a `--min-font-size` custom property. Presence-only check; no ordering requirement.",
      "fixture_violation": "Slide deck with none of the markers present in styles or scripts (no fitty/autoFit/resizeText usage and no --min-font-size custom property).",
      "fp_guards": "Case-insensitive match against the combined styles+scripts text; any single marker satisfies the check.",
      "impl_hint": "/fitty|autoFit|autofit|resizeText|--min-font-size/i.test(`${styles}\\n${scripts}`).",
      "source_rules": [
        "autofit-before-engine-init",
        "kpi-and-blockquote-autofit-safety-net"
      ]
    },
    {
      "family": "F5_slides",
      "id": "slide-reduced-motion-support",
      "title": "prefers-reduced-motion block neutralizes slide entrance animations",
      "profiles": [
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "The stylesheet defines any slide entrance animation/transition (transform/opacity transition on `.slide`/`.reveal`/`.page`). Skip if the deck declares zero on-load motion (e.g. Mono-Industrial instant-cut decks).",
      "spec": "Regex <style> text for a `@media (prefers-reduced-motion: reduce)` block that targets the slide/reveal selectors and forces `transition: none` (and opacity/transform to their resting values) with `!important`. Presence check on stylesheet text.",
      "fixture_violation": "A deck with `.slide{opacity:0;transform:translateY(40px);transition:...}` entrance animation and NO prefers-reduced-motion block.",
      "fp_guards": "Only require the block when entrance animation actually exists; accept any resting-state neutralization (opacity:1/transform:none/transition:none) not the exact literal rule text.",
      "impl_hint": "/@media[^{]*prefers-reduced-motion:\\s*reduce/.test(css) && /\\.slide[^}]*transition:\\s*none/.test(reducedBlock).",
      "source_rules": [
        "slide-reduced-motion-support",
        "reduced-motion-media-query-present"
      ]
    },
    {
      "family": "F5_slides",
      "id": "min-slide-body-text-16px",
      "title": "Slide body text is never below 16px (labels/captions exempt)",
      "profiles": [
        "slides",
        "magazine"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "A vertical or magazine deck is present (section.slide or .page).",
      "spec": "For every text-bearing element inside a slide/page, compute getComputedStyle(el).fontSize; flag any resolving below 16px, EXCLUDING documented label/caption/mono-badge roles: `.slide__label`, `.slide__subtitle`, `.slide__kpi-label`, `.pipeline__file`, `cite`, `caption`, table header cells, and any element whose class matches /label|caption|kicker|eyebrow|meta|badge|foot/. Measure at 1440x900 (widest authored clamp min).",
      "fixture_violation": "A `.slide--content .slide__bullets li` with `font-size:12px` (not a label/caption).",
      "fp_guards": "Exclude the documented small-text classes before flagging; treat clamp() minimums of exactly 16px as passing; only measure leaf text nodes, not wrapper containers with inherited size.",
      "impl_hint": "parseFloat(getComputedStyle(el).fontSize) < 16 && !el.closest(LABEL_SELECTORS).",
      "source_rules": [
        "min-body-text-16px"
      ]
    },
    {
      "family": "F5_slides",
      "id": "split-bleed-zero-padding",
      "title": "Split and full-bleed slides carry zero padding on the slide element",
      "profiles": [
        "slides"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "profile === 'slides' AND an authoring signal for split/bleed layout is present: a class containing `split` or `bleed` (e.g. `.slide--split`, `.slide--bleed`), or a `data-layout=\"split\"`/`data-layout=\"bleed\"` attribute. (Gated on the markup, not on raw HTML text, so it does not misfire on unrelated `String.prototype.split` calls in a bundled JS runtime.)",
      "spec": "For each `.slide--split` / `.slide--bleed`, assert computed padding-top/right/bottom/left are all `0px`. Inner panels keep their own padding — only the slide element itself must be zero.",
      "fixture_violation": "A `.slide--bleed` with `padding: 60px` so the full-bleed background no longer reaches the viewport edges.",
      "fp_guards": "Check only the outer slide element, never `.slide__panels`/`.slide__panel` children which legitimately pad.",
      "impl_hint": "['Top','Right','Bottom','Left'].every(s=>getComputedStyle(el)['padding'+s]==='0px').",
      "source_rules": [
        "split-bleed-zero-padding"
      ]
    },
    {
      "family": "F5_slides",
      "id": "magazine-page-fullbleed",
      "title": "Magazine .page has zero outer margin and padding (edge-to-edge)",
      "profiles": [
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "A magazine deck (.mag with .page children) is present.",
      "spec": "For each `.page`, assert computed margin (all sides) and padding (all sides) are `0px`. Inner content elements (.page__half, .q, .cell) may pad; only the outermost `.page` boundary must be edge-to-edge.",
      "fixture_violation": "A `.page` styled `margin: 24px; padding: 40px`, producing a floating card with a visible gutter on the viewport background.",
      "fp_guards": "Only the `.page` element itself; inner half/quadrant/cell padding is expected and must not be flagged.",
      "impl_hint": "sides.every(s=>cs['margin'+s]==='0px' && cs['padding'+s]==='0px').",
      "source_rules": [
        "magazine-fullbleed-no-outer-margin"
      ]
    },
    {
      "family": "F5_slides",
      "id": "magazine-dark-cover-backcover-min3-invariant",
      "title": "Magazine opens/closes dark, has 3+ dark pages, invariant across OS scheme",
      "profiles": [
        "magazine"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "A magazine deck (.mag with .page children) is present.",
      "spec": "Classify a page as dark if relative luminance of its computed background-color < 0.2 OR it carries `.page--dark`/`data-tint=\"dark\"`. Assert: first `.page` and last `.page` in document order are both dark; total dark pages >= 3. Then render under prefers-color-scheme light AND dark and assert each dark page's computed background luminance is unchanged between schemes (dark is absolute, not mode-responsive).",
      "fixture_violation": "A magazine whose cover is a light tint page, or whose dark cover flips to a light background under prefers-color-scheme:light.",
      "fp_guards": "Cross-check the luminance threshold against the `.page--dark`/data-tint marker before failing a deep-navy interior page; compare page-level background, not sub-panel colors.",
      "impl_hint": "lum = 0.2126*r+0.7152*g+0.0722*b (normalized); compare across two emulateMedia color-scheme passes.",
      "source_rules": [
        "magazine-cover-and-backcover-dark-min3",
        "magazine-dark-cover-and-panel-requirement",
        "magazine-dark-page-count"
      ]
    },
    {
      "family": "F5_slides",
      "id": "magazine-stat-page-anchor",
      "title": "Magazine has >=1 full-bleed stat page with a 100px+ number, never back-to-back",
      "profiles": [
        "magazine"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "A magazine deck (.mag with .page children) is present.",
      "spec": "Assert at least one `.page--stat` (or `.stat-xl` primary-number element) exists. For each, assert the primary number's computed font-size >= 100px (measured at 1440x900; authored `clamp(160px,22vw,360px)` satisfies this). Assert no two stat pages are adjacent in document order. Spacing cadence (every 4-6 pages) is NOT enforced.",
      "fixture_violation": "A magazine deck with no stat page at all (or a stat page whose number renders at 48px).",
      "fp_guards": "Measure the hero number element specifically, not its label; the 4-6 page cadence is advisory only and must not fire.",
      "impl_hint": "stats=[...dom.querySelectorAll('.page--stat')]; parseFloat(getComputedStyle(numEl).fontSize)>=100; assert no adjacent indices.",
      "source_rules": [
        "magazine-stat-page-required-and-spacing",
        "magazine-fullbleed-stat-100px-anchor",
        "magazine-fullbleed-stat-min-size"
      ]
    },
    {
      "family": "F5_slides",
      "id": "magazine-consecutive-layout-repeat",
      "title": "No two consecutive magazine pages share a layout type",
      "profiles": [
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "A magazine deck with pages carrying layout-type modifier classes (.page--split/--quadrant/--stat/--dark/--grid) is present.",
      "spec": "Classify each `.page` by its layout-type modifier class. For each adjacent pair in document order, assert the layout-type classes differ (split->split is forbidden). Pages with no recognized layout class are excluded from the comparison rather than defaulted to a match.",
      "fixture_violation": "Two consecutive `.page--split` pages.",
      "fp_guards": "Only compare recognized layout-type classes; skip unclassifiable pages.",
      "impl_hint": "types=pages.map(layoutType); for i in 1..n: assert types[i] && types[i-1] ? types[i]!==types[i-1] : true.",
      "source_rules": [
        "magazine-no-consecutive-same-layout-type"
      ]
    },
    {
      "family": "F5_slides",
      "id": "magazine-tint-no-consecutive-repeat",
      "title": "Interior magazine page tints never repeat on consecutive pages",
      "profiles": [
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "A magazine deck with >=3 interior (non-dark) pages carrying tint via data-tint or distinct background-color is present.",
      "spec": "For each adjacent pair of non-dark `.page` elements, compare `data-tint` attribute (preferred) or computed page-level background-color; flag any adjacent pair with an identical value. Dark panels are excluded from the comparison since they legitimately interrupt the rotation.",
      "fixture_violation": "Two consecutive interior pages both with `data-tint=\"surface\"` (same background).",
      "fp_guards": "Compare page-level dominant tint, not sub-panel colors; exclude dark panels from adjacency.",
      "impl_hint": "interior=pages.filter(!isDark); adjacent equal tint => warn.",
      "source_rules": [
        "magazine-tint-no-consecutive-repeat",
        "magazine-tint-no-repeat-consecutive"
      ]
    },
    {
      "family": "F5_slides",
      "id": "magazine-grid-frequency-cap",
      "title": "Viewport-filling grid pages used at most once per magazine",
      "profiles": [
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "A magazine deck contains at least one grid page (`.page--grid` or a `.page` whose direct grid tiles/.cell count >= 6).",
      "spec": "Count grid pages (`.page--grid`, or `.page` with >= 6 direct `.cell`/tile children). Flag if count > 1. The single-color-block bleed cap is NOT enforced here (no reliable signature — see dropped).",
      "fixture_violation": "A magazine with two `.page--grid` pages.",
      "fp_guards": "Count only 6+-cell viewport-filling grids, not small 2-3 item groupings inside a split page.",
      "impl_hint": "grids=pages.filter(p=>p.matches('.page--grid')||p.querySelectorAll(':scope > .cell').length>=6).",
      "source_rules": [
        "magazine-grid-and-colorblock-frequency-caps"
      ]
    },
    {
      "family": "F5_slides",
      "id": "magazine-nav-dots-and-keyboard",
      "title": "Magazine has one-dot-per-page nav strip plus working keyboard paging",
      "profiles": [
        "magazine"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "A magazine deck (.mag with .page children) is present.",
      "spec": "Static portion: a `.nav-dots` (or role-equivalent fixed dot strip) exists with exactly one `.nav-dot`/button child per `.page`; inline script registers a keydown handler covering ArrowRight/ArrowLeft/PageDown/PageUp/Space/Home/End that calls scrollBy/scrollTo with a `left` offset. Runtime portion: dispatch an ArrowRight keydown and assert `.mag.scrollLeft` increases by ~one viewport width; click a nav dot and assert scroll position changes to that page's offset.",
      "fixture_violation": "A magazine with nav dots but no keydown handler (arrow keys do nothing), or a dot count that does not match page count.",
      "fp_guards": "Match dot strip by structural role if class differs (fixed row, one child per page); allow small deltas in scrollLeft due to smooth-scroll timing (assert increase, not exact width).",
      "impl_hint": "assert dots.length===pages.length; dispatchEvent(new KeyboardEvent('keydown',{key:'ArrowRight'})); await; assert mag.scrollLeft>before.",
      "source_rules": [
        "magazine-arrow-key-and-nav-dots-present",
        "magazine-nav-chrome"
      ]
    },
    {
      "family": "F5_slides",
      "id": "diagram-slide-legibility",
      "title": "Slide Mermaid diagrams fill their container and stay legible at distance",
      "profiles": [
        "slides"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "A `.slide--diagram` containing a `.mermaid` element is present. Skip decks with no Mermaid diagram slides.",
      "spec": "After Mermaid render + autoFit: (1) the rendered `.mermaid svg` has no fixed `height` attribute and its getBoundingClientRect().width is within a few px of its `.mermaid-wrap` container width (fills, not tiny). (2) every `.nodeLabel` computed font-size >= 18px. (3) edge path stroke-width >= 2px. Soft signal in the same finding: rendered `.node` group count > 10 (slide budget is 8-10). Also verify the CSS override `.slide--diagram .mermaid svg{width:100%!important;height:auto!important}` (or equivalent) is present as a fallback.",
      "fixture_violation": "A diagram slide where Mermaid renders at its intrinsic ~300px width floating in the viewport, with nodeLabels at 12px.",
      "fp_guards": "Only run on slides containing an actual `.mermaid`; node-count>10 is advisory within the finding, not an independent fail (hard node cap owned by libraries-poster/mmd-max-nodes-10-12).",
      "impl_hint": "svg=slide.querySelector('.mermaid svg'); !svg.getAttribute('height'); labels=svg.querySelectorAll('.nodeLabel'); edges=svg.querySelectorAll('.edgePath path,.flowchart-link').",
      "source_rules": [
        "diagram-slide-node-and-typography-limits",
        "diagram-mermaid-autofit-svg-scaling"
      ]
    },
    {
      "family": "F5_slides",
      "id": "slide-density-budget",
      "title": "Per-slide-type content counts stay within documented density limits",
      "profiles": [
        "slides"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "A vertical deck with any of the budgeted slide types is present (content/table/code/dashboard/pipeline/quote).",
      "spec": "Advisory predictor of overflow (authoritative gate is slide-viewport-fit-no-internal-scroll). Per slide type, flag when a documented max is exceeded: `.slide--content .slide__bullets > li` count > 6; `.slide--table .data-table tbody > tr` count > 8; `.slide--code .slide__code-block code` line count > 10 (trim leading/trailing blank lines); `.slide__kpis > .slide__kpi` count > 6; `.slide__kpi-val` textContent length > 6 chars; `.pipeline > .pipeline__step` count > 6; `.slide--quote blockquote` textContent length > 150 chars.",
      "fixture_violation": "A `.slide--table` whose tbody has 14 rows, or a `.slide--content` with 9 bullets.",
      "fp_guards": "Trim blank code lines before counting; exclude thead/tfoot rows from the tbody row count; KPI-value and quote length are soft since autoFit scales them at runtime; report as warn (predictive), never error.",
      "impl_hint": "map of {selector: max}; count children; the per-2-lines-per-bullet measurement is intentionally NOT included (flaky under text-wrap:pretty).",
      "source_rules": [
        "content-slide-bullet-max",
        "table-slide-row-max",
        "code-slide-line-max",
        "dashboard-kpi-limits",
        "pipeline-step-max",
        "quote-slide-length-max"
      ]
    },
    {
      "family": "F5_slides",
      "id": "divider-number-oversized-clamp",
      "title": "Section-divider number uses the oversized clamp CSS pattern",
      "profiles": [
        "slides"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "A `.slide--divider` with a `.slide__number` (oversized decorative number) is present.",
      "spec": "Validate the CSS PATTERN, not rendered px (per resolved contradiction: prose says '200px+' but authored CSS is clamp(100px,22vw,260px), which renders below 200px at narrow viewports). Assert the divider number's font-size is authored as a `clamp(min, vw, max)` whose max >= 160px (oversized) and that uses a viewport unit for the preferred term. Fail only a fixed small size or a clamp with a small max.",
      "fixture_violation": "`.slide--divider .slide__number { font-size: 40px; }` (fixed, small — not an oversized clamp).",
      "fp_guards": "Never assert computed font-size >= 200px (the authored clamp floor of 100px legitimately renders smaller at narrow widths); accept the responsive-height override `clamp(80px,16vw,160px)` inside a max-height media query.",
      "impl_hint": "/\\.slide__number[^}]*font-size:\\s*clamp\\([^,]+,[^,]*vw[^,]*,\\s*(\\d+)px/ with captured max>=160.",
      "source_rules": [
        "diagram-slide-node-and-typography-limits"
      ]
    },
    {
      "family": "F5_slides",
      "id": "decorative-svg-sparing-use",
      "title": "Decorative SVG accents are used sparingly, not on every slide",
      "profiles": [
        "slides"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "At least one `.slide__decor` (discrete decorative SVG accent) is present in the deck.",
      "spec": "Flag any single slide with > 2 `.slide__decor` accents. Separately, if 100% of slides contain at least one `.slide__decor`, flag (violates 'never on every slide'). Background grid patterns (`.slide--with-grid::before`) are NOT counted as discrete accents.",
      "fixture_violation": "Every slide in the deck carries a `.slide__decor` accent (100% coverage).",
      "fp_guards": "Count only discrete `.slide__decor` SVG accents, not preset background grid/dot patterns; a per-slide count of 1-2 is fine.",
      "impl_hint": "perSlide=slide.querySelectorAll('.slide__decor').length; fraction = slidesWithDecor/totalSlides.",
      "source_rules": [
        "decorative-svg-sparing-use"
      ]
    },
    {
      "family": "F5_slides",
      "id": "vertical-consecutive-composition-run",
      "title": "No run of 3+ consecutive vertical slides with identical composition type",
      "profiles": [
        "slides"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "A vertical deck with >=3 slides carrying type modifier classes is present.",
      "spec": "Classify each `.slide` by its type modifier (slide--title/content/split/diagram/dashboard/table/code/quote/bleed/divider) as a composition proxy. Flag any run of 3+ consecutive slides with the identical type class. This static run is a candidate only — pair with the composition-variety-visual llm pass for confirmation.",
      "fixture_violation": "Five consecutive `.slide--content` slides in a row.",
      "fp_guards": "Same type class does not guarantee same visual composition (left- vs right-heavy grids) — this is a warn candidate, confirmed by the llm visual pass, never a hard fail.",
      "impl_hint": "detect maximal runs of equal typeClass; flag length>=3.",
      "source_rules": [
        "compositional-variety-vertical-deck",
        "magazine-no-3-consecutive-centered"
      ]
    },
    {
      "family": "F5_slides",
      "id": "keyboard-hints-autofade",
      "title": "Keyboard hints auto-fade on first interaction or after 4s",
      "profiles": [
        "slides"
      ],
      "stage": "browser",
      "severity": "warn",
      "applies_when": "A `.deck-hints` (keyboard-hint) element is present.",
      "spec": "Static pre-check: inline script wires a fade (adds a faded/hidden class or sets opacity to 0) on both a ~4000ms timer and a keydown/click handler. Runtime: on fresh load dispatch a keydown and assert the hints element trends to opacity 0 (or gains its fade class) within one frame; separately, with no interaction, assert the same after 4000ms.",
      "fixture_violation": "A hints element that stays fully opaque forever (no timer, no interaction handler).",
      "fp_guards": "Check the behavioral outcome (opacity->0 on the two triggers), not a specific class name or mechanism.",
      "impl_hint": "getComputedStyle(hints).opacity after keydown; and after a 4000ms wait on a no-interaction load.",
      "source_rules": [
        "keyboard-hints-autofade"
      ]
    },
    {
      "family": "F5_slides",
      "id": "slide-dim-text-contrast",
      "title": "Dimmed slide text and nav chrome meet distance-legible contrast",
      "profiles": [
        "slides",
        "magazine"
      ],
      "stage": "browser",
      "severity": "warn",
      "applies_when": "A deck is present and uses a dimmed text token (--text-dim) and/or fixed nav chrome.",
      "spec": "Deterministic pre-filter of the presentation-readability rule: for each slide/page, compute WCAG contrast between the resolved --text-dim color and the slide's resolved background; flag if ratio < 4.5:1. For nav-chrome elements, compute contrast against every distinct slide background (light and dark); flag if any falls below 3:1. Judgment about a single focal point is handled by the separate slide-single-focal-point llm pass.",
      "fixture_violation": "A light-background content slide whose --text-dim resolves to #c8c8c8 on #ffffff (ratio ~1.6:1).",
      "fp_guards": "Only measure elements actually using --text-dim; nav chrome that uses a backdrop-blur pill should be measured against the pill background, not the slide.",
      "impl_hint": "contrast(resolve('--text-dim'), bg); wcag ratio helper.",
      "source_rules": [
        "presentation-focal-point-and-contrast"
      ]
    },
    {
      "family": "F5_slides",
      "id": "slide-single-focal-point",
      "title": "Single-focus slide types read as one clear focal point",
      "profiles": [
        "slides",
        "magazine"
      ],
      "stage": "llm-pass",
      "severity": "warn",
      "applies_when": "Screenshots exist for single-focus slide types (title, quote, stat, divider, dark cover/back cover).",
      "spec": "Rubric (one question per screenshot): 'Does this slide present one clear focal element, or do three or more elements compete for attention?' Consumes only the per-slide screenshot for title/quote/stat/divider/cover pages. Grid/dashboard/quadrant layouts are excluded (intentionally multi-item).",
      "fixture_violation": "N/A (llm pass) — a title slide crowded with a heading, a large diagram, and a KPI row all competing.",
      "fp_guards": "Restrict to documented single-focus slide types; do not run on grid/dashboard/quadrant layouts.",
      "source_rules": [
        "presentation-focal-point-and-contrast"
      ]
    },
    {
      "family": "F5_slides",
      "id": "operating-model-fit",
      "title": "Review units use the minimum faithful explanatory treatment",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "llm-pass",
      "severity": "warn",
      "applies_when": "The artifact is a vertical deck, magazine deck, fixed-stage PresentationDeck, or long-form page with coherent sections. The pass routes every slide or section before judging model fidelity.",
      "spec": "pass: pass-operating-model. First route each review unit to none, relational, operating-model, or simulated-surface from its narrative job. Judge only relational, operating-model, and simulated-surface units. Warn when the composition materially hides or misstates a required comparison, sequence, routing policy, state transition, causal/evidence relationship, uncertainty, dependency, feedback loop, or resource flow; also warn when an elaborate diagram is imposed on a unit that needs only a table, sentence, quote, image, or single number.",
      "fixture_violation": "A clinician-routing policy rendered as four equal cards with no visible selection rule or separation between mandatory review, representative measurement, calibration, and frontier discovery.",
      "fp_guards": "Do not require this treatment on covers, heroes, dividers, quotes, full-bleed images, agendas, FAQs, simple CTAs, single statistics, or one-claim/one-fact units. Lists and genuine peer sets may remain cards. A table, formula, or paired contrast may satisfy a relational unit. Route vague or underspecified units downward rather than inventing an operating model.",
      "source_rules": [
        "operating-model-first",
        "layout-is-a-domain-claim",
        "minimum-faithful-treatment"
      ]
    },
    {
      "family": "F5_slides",
      "id": "composition-variety-visual",
      "title": "Consecutive slides/pages genuinely vary their spatial composition",
      "profiles": [
        "slides",
        "magazine"
      ],
      "stage": "llm-pass",
      "severity": "warn",
      "applies_when": "The vertical-consecutive-composition-run static check flagged a run of 3+ same-type slides (or magazine consecutive-centered candidates).",
      "spec": "Rubric: 'Do these N consecutive slides look spatially repetitive — same alignment and whitespace balance — rather than genuinely varied?' Consumes the screenshot strip of only the flagged run. Confirms or dismisses the static run flag.",
      "fixture_violation": "N/A (llm pass) — three consecutive centered slides with identical whitespace balance.",
      "fp_guards": "Same type class can still vary layout; only confirm when the screenshots are visibly repetitive.",
      "source_rules": [
        "compositional-variety-vertical-deck",
        "magazine-no-3-consecutive-centered"
      ]
    },
    {
      "family": "F5_slides",
      "id": "sparse-diagram-slide",
      "title": "Small lone Mermaid diagram does not float in an empty slide",
      "profiles": [
        "slides"
      ],
      "stage": "llm-pass",
      "severity": "warn",
      "applies_when": "A slide contains exactly one `.mermaid` diagram rendering fewer than ~7 nodes with no branching and no additional sibling content blocks.",
      "spec": "Rubric: 'Does this slide read as sparse/empty — a tiny diagram floating in a large viewport with no supporting content?' Consumes the single flagged slide screenshot. If yes, the fix is to pair supporting content or switch to a CSS pipeline.",
      "fixture_violation": "N/A (llm pass) — a 4-node linear Mermaid graph alone on an otherwise blank slide.",
      "fp_guards": "A deliberately minimalist diagram slide may be intentional; this is warn-level and requires the visual confirmation, never an automatic fail.",
      "source_rules": [
        "no-small-mermaid-alone"
      ]
    },
    {
      "family": "F5_slides",
      "id": "deck-content-completeness",
      "title": "Deck reconstructs every major point of its source document",
      "profiles": [
        "slides",
        "magazine"
      ],
      "stage": "llm-pass",
      "severity": "error",
      "applies_when": "A source document was supplied for the deck generation (a named source artifact exists alongside the deck).",
      "spec": "Rubric: 'Reading the source document and the extracted deck text side by side, list any source item (section, decision card, table row, collapsible detail, footnote) that has NO corresponding slide.' Consumes the source doc text + the extracted deck text (headings/bullets/table rows/cards). Any unmapped major item is a missing-content finding. The naive static item-count proxy is intentionally not used (see dropped).",
      "fixture_violation": "N/A (llm pass) — a source with 7 decision cards where the deck only covers 4.",
      "fp_guards": "Legitimate consolidation (merging short bullets) is not a drop; only flag substantive content with no representation anywhere in the deck.",
      "source_rules": [
        "content-inventory-completeness",
        "deck-content-completeness"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "poster-root-single-sized-element",
      "title": "Poster root is a single element with explicit px canvas size",
      "profiles": [
        "poster"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "File is a poster TSX source (path matches *.poster.tsx or the poster generate/build pipeline compiles it).",
      "spec": "Parse the default-export component's return(...). FAIL if the top-level returned JSX is a Fragment (`<>...</>` or `<React.Fragment>`). Also FAIL if the single root element's className lacks BOTH a `w-[<int>px]` and an `h-[<int>px]` Tailwind arbitrary-value token (or explicit inline width/height in px). The renderer measures exactly this one element and crops to its declared size.",
      "fixture_violation": "A poster TSX whose return wraps content in `<>...</>` (Fragment root), or a single-div root that declares only `w-[1080px]` with no height class.",
      "fp_guards": "Only the outermost returned node matters; inner Fragments are fine. Accept inline style width/height in px as satisfying the size requirement.",
      "impl_hint": "AST: check ExportDefault return ArgumentType !== JSXFragment; regex className for /w-\\[\\d+px\\]/ && /h-\\[\\d+px\\]/.",
      "source_rules": [
        "poster-root-single-element",
        "poster-canvas-size-declared"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "poster-no-live-mermaid",
      "title": "Poster must not use live Mermaid",
      "profiles": [
        "poster"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Poster TSX/HTML source.",
      "spec": "Grep poster source for a live Mermaid dependency: an import of `mermaid`, a `<script src=...mermaid...>` CDN tag, or a `class=\"mermaid\"`/`<pre class=\"mermaid\">`-equivalent JSX node. Any match is a FAIL. The 1500ms rasterization wait is too short for Mermaid's async render, silently producing a blank diagram.",
      "fixture_violation": "A poster TSX that imports mermaid and renders `<div className=\"mermaid\">graph TD; A-->B</div>` inline.",
      "fp_guards": "Do NOT flag an `<img src=... alt=\"mermaid diagram\">` that embeds a pre-rendered image — that is the documented correct pattern. Only flag live imports/script tags/mermaid-classed render nodes.",
      "impl_hint": "Regex: /from ['\"]mermaid['\"]|src=[\"'][^\"']*mermaid|class(Name)?=[\"']mermaid/ but exclude matches inside <img ...> tags.",
      "source_rules": [
        "poster-no-mermaid"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "poster-no-runtime-fs",
      "title": "Poster must not access the filesystem at runtime",
      "profiles": [
        "poster"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Poster TSX source.",
      "spec": "Grep poster source for Node fs APIs: `require('fs')`, `from 'fs'`/`from 'node:fs'`, `readFileSync`, `writeFileSync`, `fs.promises`. Any match is a FAIL — the poster is a headless-Chrome-rasterized bundle with no runtime fs; everything must be embedded at build time.",
      "fixture_violation": "A poster TSX with `import { readFileSync } from 'fs'` used to load an asset at render time.",
      "fp_guards": "None significant — these identifiers do not legitimately appear in a browser-rendered component.",
      "impl_hint": "Regex: /require\\(['\"](node:)?fs['\"]\\)|from ['\"](node:)?fs['\"]|readFileSync|writeFileSync/.",
      "source_rules": [
        "poster-no-fs-access"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "poster-fonts-loaded-in-root",
      "title": "Poster fonts declared inside the root element (link + Geist Pixel @font-face)",
      "profiles": [
        "poster"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Poster TSX references any custom font family in inline styles/className/font constants.",
      "spec": "For each font family referenced by the poster: (a) if it is a Google Fonts family, require a `<link href=\"https://fonts.googleapis.com/...\">` (or preconnect+stylesheet) present as a JSX child INSIDE the returned root element (poster has no accessible document head; head-appended fonts won't apply); (b) if it references a Geist Pixel variant ('Geist Pixel Square/Grid/Circle/Triangle/Line'), require a `<style>` `@font-face` block inside the root with matching `font-family` and a `src: url('https://cdn.jsdelivr.net/npm/geist@...woff2')` whose filename matches the variant. FAIL if a referenced family has no in-root source.",
      "fixture_violation": "A poster TSX using fontFamily:'Geist Pixel Square' for the hero number with no @font-face block anywhere; or a Google-Fonts family used with the `<link>` moved to document.head.",
      "fp_guards": "The 'Doto' substitute loads via a normal Google Fonts `<link>` — do not require the jsDelivr @font-face when Doto is used. Cross-match family name in TSX against the family loaded, don't require faces for system fonts.",
      "impl_hint": "Collect referenced families; for each Geist Pixel variant assert an in-JSX <style> contains @font-face with that family + geist@ woff2 url.",
      "source_rules": [
        "poster-fonts-link-in-root",
        "poster-geist-pixel-fontface"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "poster-content-within-canvas",
      "title": "No poster element overflows the declared canvas box",
      "profiles": [
        "poster"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "Poster profile; the root declares a w-[Npx]/h-[Npx] canvas.",
      "spec": "Render the poster in headless chromium at the declared canvas size. For every content element, read getBoundingClientRect relative to the root; FAIL if any right edge > width or bottom edge > height (element cut by the frame), or if any text node has computed text-overflow:ellipsis with scrollWidth>clientWidth (truncated). This is the deterministic half of the canvas-fit contract; pairs with poster-visual-fit-squint for rasterization-only clipping.",
      "fixture_violation": "A poster whose hero headline row is wider than the 1080px canvas so its right edge measures at x=1240 (>1080).",
      "fp_guards": "Allow explicit full-bleed background elements marked with a documented `data-bleed` attribute to extend past bounds. Scope to content elements, not the root/background rect itself.",
      "impl_hint": "page.evaluate over root.querySelectorAll('*'); compare rects to {w,h} from the declared classes.",
      "source_rules": [
        "poster-canvas-overflow-clipping"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "poster-visual-fit-squint",
      "title": "Poster PNG passes the fit/hierarchy squint test",
      "profiles": [
        "poster"
      ],
      "stage": "llm-pass",
      "severity": "error",
      "applies_when": "An exported poster PNG artifact exists.",
      "spec": "Consume ONLY the exported poster PNG. Single rubric: 'Does the poster read its intended visual hierarchy (one element clearly dominates and the moment-of-surprise / hero number still reads as intentional emphasis), with NO text visibly clipped at any edge and NO large unexplained blank region (e.g. from a grid column that collapsed)?' Answer yes/no with the offending region if no. Catches rasterization-only clipping and fit-rework degradation the DOM measurement misses.",
      "fixture_violation": "An exported PNG where the hero number was shrunk to blend in and the right third is empty from a collapsed grid column.",
      "fp_guards": "Deliberate generous whitespace in a minimalist design is not a failure — only flag blank regions that correlate with a collapsed layout. Judge from the image alone; do not read the source.",
      "impl_hint": "Feed PNG to the vision pass with the one rubric question; no page context.",
      "source_rules": [
        "poster-empty-space-and-hierarchy",
        "poster-canvas-overflow-clipping"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "poster-single-theme",
      "title": "Poster hardcodes one theme, no runtime theme switching",
      "profiles": [
        "poster"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "Poster TSX source.",
      "spec": "Grep the poster component for a live theme toggle: `matchMedia('(prefers-color-scheme` driving render output, or `useState` bound to a theme-switch control, or a rendered light/dark toggle button. WARN if present — a poster is a static rasterized artifact; emit two separate posters instead of a runtime switcher.",
      "fixture_violation": "A poster component with a useState theme toggle and an onClick button flipping token values live.",
      "fp_guards": "A one-time build-time `isDark` read used only to pick which hardcoded constants to bake in is acceptable — distinguish build-time selection from an interactive in-poster toggle (presence of an onClick/setState wired to a control).",
      "impl_hint": "Flag matchMedia/useState only when wired to an event handler or rendered control.",
      "source_rules": [
        "poster-single-theme-per-render"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "poster-filename-convention",
      "title": "Poster artifacts use the .poster. filename infix",
      "profiles": [
        "poster"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "A file was written by a poster build/export command.",
      "spec": "WARN if a poster output filename does not match `.*\\.poster\\.(html|png|svg|pdf|jpg|jpeg|webp)$`. Keeps poster artifacts distinguishable from scrollable HTML output by name alone.",
      "fixture_violation": "A poster export written as `q1-recap.png` instead of `q1-recap.poster.png`.",
      "fp_guards": "None significant — plain filename convention.",
      "impl_hint": "Regex the output path.",
      "source_rules": [
        "poster-naming-convention"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "poster-export-wait-sufficient",
      "title": "Poster export waits long enough for heavy async content",
      "profiles": [
        "poster"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "Poster source loads a slow async dependency (Prism.js over a >40-line code block, animation libs, large Recharts datasets, heavy client JS).",
      "spec": "If the poster embeds known-slow async content AND the export invocation has no `--wait-for` value materially above the 1500ms default, WARN of an export race that can capture unhighlighted code / an unfinished chart frame. Prefer pre-rendered tokens/plain `<code>` with inline color spans for Prism inside posters.",
      "fixture_violation": "A poster with a 120-line Prism-highlighted code block exported with the default wait and no --wait-for override.",
      "fp_guards": "Small code blocks / light posters finish within 1500ms — only flag when a genuinely slow dependency is present.",
      "impl_hint": "Detect Prism/anime/Recharts + block size; check export command for --wait-for>1500.",
      "source_rules": [
        "poster-wait-for-heavy-content",
        "prism-poster-skip"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "gsap-timeline-paused",
      "title": "Every GSAP timeline created with paused:true",
      "profiles": [
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Composition JS contains a `gsap.timeline(` call.",
      "spec": "For each `gsap.timeline(` call site with an object-literal options argument, require `paused: true`. FAIL if the options object omits `paused` or sets `paused: false`. Autoplay races the engine's seek-based capture and produces nondeterministic frames.",
      "fixture_violation": "A composition with `const tl = gsap.timeline();` (no paused) or `gsap.timeline({ paused: false })`.",
      "fp_guards": "If options come from a variable rather than an inline object literal, the regex cannot resolve it — flag for manual/LLM follow-up rather than false-failing.",
      "impl_hint": "Regex gsap.timeline\\(\\s*\\{[^}]*\\} and assert /paused\\s*:\\s*true/ inside.",
      "source_rules": [
        "gsap-timeline-paused-true"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "gsap-timeline-registration-contract",
      "title": "Timeline registered synchronously, one per composition, key matches composition id",
      "profiles": [
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Composition assigns `window.__timelines[...]`.",
      "spec": "Parse the composition JS (acorn, not naive regex). Assert all of: (1) the `window.__timelines[\"<id>\"] = ` assignment is NOT inside a setTimeout, async function, Promise executor/.then, or a DOMContentLoaded/load listener — it must run during synchronous top-level script execution; (2) each literal composition-id key is assigned exactly once (no duplicate registration); (3) the key string equals the root element's `data-composition-id` attribute (case-sensitive exact match). FAIL on any violation.",
      "fixture_violation": "A composition that registers `setTimeout(() => { window.__timelines['reel'] = tl }, 0)`, or registers key 'reel' while the root has data-composition-id='my-reel'.",
      "fp_guards": "Use a real JS parser for scope, not brace counting. If the id or key is built dynamically (template var) it is unresolvable — flag as unresolved, not a failure.",
      "impl_hint": "acorn walk for MemberExpression window.__timelines; check enclosing scope kinds; count per literal key; compare to root data-composition-id.",
      "source_rules": [
        "gsap-timeline-sync-registration",
        "gsap-composition-id-key-match",
        "gsap-one-timeline-per-composition"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "video-forbidden-nondeterministic-apis",
      "title": "No nondeterministic or uncapturable APIs in composition JS/CSS",
      "profiles": [
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Hyperframes composition source (inline scripts + any bundled JS it references; inline <style> for the CSS patterns).",
      "spec": "Grep all executable composition JS/CSS for forbidden patterns and FAIL on any live (non-commented) match: `Math.random(`; `Date.now(` / `new Date(`; `gsap.ticker.add(`; native WAAPI `<ident>.animate([` (array-literal first arg); manual `requestAnimationFrame(`; `repeat: -1` and CSS `animation-iteration-count: infinite`; engine-owned transport calls `tl.play()/.seek()`, `video.play()/audio.play()`, `.currentTime =`. Each breaks deterministic frame-seeked capture or hangs the render.",
      "fixture_violation": "A composition whose onUpdate uses `Math.random()` for jitter, or a background tween with `repeat: -1`, or code that calls `video.play()`.",
      "fp_guards": "Exclude matches inside `//`/`/* */` comments and non-script text nodes. Scope `.play()`/`.currentTime`/`.animate(` to receivers assignable from gsap.timeline( or from `<video>`/`<audio>` element refs; a build-time-only `new Date()` label outside any GSAP callback is flag-for-review, not auto-block. Seeded PRNGs are allowed (see video-seed-literal).",
      "impl_hint": "One pattern table with per-pattern regex; strip comments first.",
      "source_rules": [
        "no-math-random",
        "no-date-now-realtime",
        "no-gsap-ticker-side-effects",
        "no-web-animations-api",
        "no-manual-raf-loops",
        "no-infinite-repeat",
        "no-manual-timeline-transport-calls"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "video-seed-literal",
      "title": "Seeded PRNG seed is a literal constant",
      "profiles": [
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Composition calls a seed-PRNG factory (function name matches /seed/i).",
      "spec": "For each seed-PRNG factory call, extract the seed argument; FAIL if it is not a bare numeric literal (e.g. it contains Date.now(), Math.random(), a variable, or a function call). 'Allowed randomness' must stay deterministic across renders.",
      "fixture_violation": "`const rand = seedRand(Date.now())` used to place noise particles.",
      "fp_guards": "Custom PRNG helpers with unusual names may be missed — broaden the /seed/i name match; only assert on the single numeric-looking argument.",
      "impl_hint": "Find CallExpression whose callee name matches /seed/i; assert argument is a NumericLiteral.",
      "source_rules": [
        "seed-prng-literal-seed"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "hyperframes-video-muted-playsinline",
      "title": "Composition <video> elements carry muted + playsinline",
      "profiles": [
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Composition HTML contains a `<video>` element.",
      "spec": "For every `<video>` in the composition, assert both a `muted` attribute (boolean or muted=\"muted\"/\"true\") and a `playsinline` attribute are present. FAIL otherwise — audio must travel via separate `<audio>` for mixing, and unmuted/non-inline video breaks the engine's audio model.",
      "fixture_violation": "A composition `<video src=\"clip.mp4\">` with neither muted nor playsinline.",
      "fp_guards": "None — direct attribute check.",
      "impl_hint": "linkedom: document.querySelectorAll('video'); check hasAttribute.",
      "source_rules": [
        "video-muted-playsinline-required"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "root-composition-no-template-wrapper",
      "title": "Root composition not wrapped in <template>; sub-compositions are",
      "profiles": [
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Composition HTML file with a `data-composition-id` root.",
      "spec": "If the file is a standalone root composition (no element in it carries `data-composition-src` and it is not referenced elsewhere as a sub-composition), assert the root is NOT a `<template>` and its content is not wrapped in a top-level `<template>`. If the file is loaded as a sub-composition (referenced via `data-composition-src=\"thisfile\"`), assert its content IS wrapped in a `<template>`. FAIL on mismatch.",
      "fixture_violation": "A standalone root composition whose entire body content is wrapped in `<template>...</template>`.",
      "fp_guards": "Standalone-vs-sub determination needs cross-file context; if it cannot be resolved from available files, evaluate only the resolvable direction and skip the other rather than false-fail.",
      "impl_hint": "Check root tagName; scan for data-composition-src references.",
      "source_rules": [
        "root-composition-no-template-wrapper"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "audio-as-separate-elements",
      "title": "Video audio routed through separate <audio> elements",
      "profiles": [
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Composition contains a `<video>` whose source filename does not indicate a silent clip.",
      "spec": "For each `<video>` whose src/<source> filename is not a silent pattern (not matching *-silent.*/*-noaudio.*/screen-recording heuristics), WARN if no sibling `<audio>` element anywhere in the document references the same base filename — audio should travel as `<audio>` for explicit mixing, not as a video's audio track.",
      "fixture_violation": "A composition with `<video src=\"interview.mp4\">` (clearly has audio) and no matching `<audio>` element.",
      "fp_guards": "Genuinely silent clips (Ken Burns stills, screen recordings) correctly have no `<audio>` — do not flag those; warn only, never hard-fail.",
      "impl_hint": "Match video base filenames against audio srcs; skip silent-filename heuristics.",
      "source_rules": [
        "audio-as-separate-elements"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "video-duration-format-limits",
      "title": "Composition duration/resolution within format limits",
      "profiles": [
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Composition root declares data-duration (and optionally data-width/data-height).",
      "spec": "Read data-duration/width/height on the composition root. Detect format (reel = portrait 1080x1920 or reel-labeled; long-form = landscape 1920x1080). FAIL (error) if a reel's data-duration > 60 (hard max). WARN if duration is merely outside the ideal band (reel 30–45s, long-form 60–180s) but within absolute limits, or resolution mismatches the format's target — such out-of-range renders are legitimized by an AskUserQuestion confirmation (see protocol).",
      "fixture_violation": "A reel composition with data-duration=\"75\" on #stage.",
      "fp_guards": "Do not hard-fail merely-outside-ideal durations; only the reel >60s absolute breach is error. The confirmation nuance lives in protocol, not the artifact.",
      "impl_hint": "Parse root attrs; branch on aspect ratio; thresholds 60/180.",
      "source_rules": [
        "reel-duration-range",
        "video-duration-targets-longform-reel"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "reel-beat-order",
      "title": "Present reel beats appear in canonical order",
      "profiles": [
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Reel composition contains beat-labeled sections/classes (.hook/.problem/.context/.mechanism/.proof/.resolution/.cta).",
      "spec": "If beat-labeled elements are present, read their data-start values and WARN only if present beats are out of the canonical sequence HOOK→PROBLEM→CONTEXT→MECHANISM→PROOF→RESOLUTION→CTA. Missing or merged beats are allowed (the 7-beat template is explicitly 'a template, not a rule').",
      "fixture_violation": "A reel where the .cta section has an earlier data-start than the .mechanism section.",
      "fp_guards": "Never hard-fail; never require all beats to be present.",
      "impl_hint": "Map beat class -> data-start; assert monotonic among those present.",
      "source_rules": [
        "reel-beat-order-template"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "reel-cut-pacing",
      "title": "Reel body-beat cut cadence and no reel/long-form mixing",
      "profiles": [
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Reel composition with multiple clip/scene elements carrying data-start.",
      "spec": "Compute deltas between consecutive scene data-start values. WARN on any body-beat delta outside [1.2,1.8]s (excluding the HOOK/CTA first-and-last beats and the MECHANISM beat, which may dwell 3–5s). Also WARN if the delta distribution is bimodal (many sub-2s cuts AND several 5s+ dwell scenes) indicating an accidental reel/long-form pacing mix.",
      "fixture_violation": "A reel whose body scenes cut every 4s throughout (long-form pacing in a reel-declared composition).",
      "fp_guards": "Suppress deltas inside the MECHANISM beat window and the HOOK(≤2s)/CTA(2s) beats. A single long dwell is not a violation.",
      "impl_hint": "Delta series minus mechanism/hook/cta windows; range check + bimodality heuristic.",
      "source_rules": [
        "reel-cut-pacing-body-beats",
        "reel-longform-no-mixing"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "reel-no-mid-word-cuts",
      "title": "No reel cut lands mid-word of the narration",
      "profiles": [
        "video-comp"
      ],
      "stage": "transcript",
      "severity": "error",
      "applies_when": "Reel composition with a time-aligned transcript.json (word-level {text,start,end}) present.",
      "spec": "Cross-reference each clip's cut data-start timestamp against the word-level transcript. FAIL if any cut falls strictly inside a word's [start,end] interval (±50ms tolerance). Cuts landing in inter-word silence pass.",
      "fixture_violation": "A cut at 4.40s while the transcript has the word 'architecture' spanning 4.20–4.75s.",
      "fp_guards": "Requires transcript.json aligned to the FINAL cut list; if narration was edited after transcription the check misfires — regenerate transcript after any narration edit. Skip if no transcript present.",
      "impl_hint": "For each cut ts, find covering word; flag if start+eps < ts < end-eps.",
      "source_rules": [
        "reel-no-mid-word-cuts"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "reel-transitions-at-boundaries",
      "title": "Dissolves/transitions only at beat boundaries, one per boundary",
      "profiles": [
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Reel composition defines beat-boundary labels (e.g. gsap addLabel matching beat names) and uses cross-fade/shader transition blocks.",
      "spec": "Identify full-frame cross-dissolve tweens and registered shader transition blocks with their time ranges. FAIL if any transition sits entirely within a single beat's span (not spanning a boundary), or if any beat boundary has more than one transition stacked. Dissolves/shaders are reserved for beat-to-beat transitions, never intra-beat.",
      "fixture_violation": "A full-frame cross-fade tween whose time range sits entirely inside the MECHANISM beat.",
      "fp_guards": "A per-element fade-in/out entrance/exit (not a full-frame cross-dissolve between two visuals) is normal kinetic typography — restrict to full-frame/background cross-fades. If beat boundaries are unlabeled/ambiguous, flag for manual review rather than auto-fail.",
      "impl_hint": "Locate cross-fade opacity tween pairs / transition wrappers; compare ranges to addLabel boundary positions.",
      "source_rules": [
        "reel-no-dissolve-within-beat",
        "reel-one-transition-per-boundary"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "reel-caption-matches-transcript",
      "title": "Reel captions are a verbatim transcript of narration",
      "profiles": [
        "video-comp"
      ],
      "stage": "transcript",
      "severity": "error",
      "applies_when": "Reel composition has burned-in captions (.cap elements) and a transcript.json.",
      "spec": "Concatenate .cap text in DOM order and diff (word-overlap / edit-distance ratio, ignoring case and punctuation) against the transcript word sequence for the same time range. FAIL any caption segment whose normalized word-overlap with its transcript segment falls below ~90% — captions must be verbatim, never a paraphrase of the visuals. An LLM tie-break may confirm genuine paraphrase vs. acceptable normalization on borderline (85–90%) segments.",
      "fixture_violation": "A caption reading 'We speed up queries' while the narration/transcript says 'Our engine cuts p99 latency in half.'",
      "fp_guards": "Exclude case/punctuation-only diffs before scoring; minor readability punctuation is fine. Skip if no transcript.",
      "impl_hint": "Normalize both streams; sliding-window overlap ratio per caption.",
      "source_rules": [
        "reel-caption-verbatim-transcript"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "reel-caption-line-length",
      "title": "Reel caption fits one on-screen line",
      "profiles": [
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "Reel composition with .cap caption elements.",
      "spec": "Count words per .cap div. WARN if a 9:16 caption exceeds ~9 words (or a 16:9 caption exceeds ~16 words / 2 lines). Long captions must be split at a natural clause boundary in the script before TTS, never rewritten after the fact (which would break the verbatim rule).",
      "fixture_violation": "A 9:16 reel caption with 15 words in a single .cap div.",
      "fp_guards": "Word count is a proxy for wrap; cross-check against browser-measured rendered line count before treating as real — hence warn only.",
      "impl_hint": "Word count per .cap; branch threshold on composition aspect.",
      "source_rules": [
        "reel-caption-max-words-per-line"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "reel-caption-styling",
      "title": "Reel caption styled as a legible bottom overlay pill",
      "profiles": [
        "video-comp"
      ],
      "stage": "browser",
      "severity": "warn",
      "applies_when": "Reel composition with a selectable .cap/caption element.",
      "spec": "In a headless render, read the caption's computed style: WARN if font-size outside 36–44px, font-weight != 600, background is transparent/light (not a solid dark fill), the bounding box spans ~100% of frame width (should not be full-bleed), or its box is not within the bottom third of the frame.",
      "fixture_violation": "A caption rendered at 24px, weight 400, transparent background, spanning the full frame width.",
      "fp_guards": "None major if the caption is reliably selectable by class.",
      "impl_hint": "getComputedStyle + getBoundingClientRect vs viewport.",
      "source_rules": [
        "reel-caption-styling"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "reel-safe-zone-margins",
      "title": "Reel content clears phone/caption safe zones",
      "profiles": [
        "video-comp"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "Reel composition (portrait 9:16 or landscape 16:9).",
      "spec": "At each measured beat/keyframe, compute bounding boxes of visible text/primary-content elements. FAIL if any top edge is above frameTop+safeTop or any bottom edge below frameHeight−safeBottom, using aspect-appropriate margins: 9:16 = 100px top / 200px bottom; 16:9 = 60px top / 140px bottom. Protects against clipping by phone chrome and caption overlays.",
      "fixture_violation": "A 9:16 reel headline whose top edge sits at y=40px (inside the 100px top safe zone).",
      "fp_guards": "Full-bleed background/decorative art is expected to extend into the safe zone — scope to text and primary-content elements, not backgrounds.",
      "impl_hint": "page.evaluate bbox check per content element against margin box.",
      "source_rules": [
        "reel-safe-zone-margins"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "reel-full-bleed-no-gutters",
      "title": "Reel is full-bleed with no gutters or padded frames",
      "profiles": [
        "video-comp"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "Reel composition root/stage.",
      "spec": "Read computed margin/padding on the composition root/body/stage — assert 0 on all sides. FAIL if any wrapping container introduces a visible border/box-shadow/background distinct from the intended full-bleed canvas (gutters or a padded frame).",
      "fixture_violation": "A reel stage with 32px padding and a bordered inner card floating on a background color.",
      "fp_guards": "An author-documented intentional letterbox (explicit opt-out comment/attribute) is exempt; otherwise hard-fail per the plain doc rule.",
      "impl_hint": "getComputedStyle margin/padding===0; scan wrappers for border/shadow/bg.",
      "source_rules": [
        "reel-full-bleed-no-gutters"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "reel-vertical-hierarchy-thirds",
      "title": "Reel primary content top two-thirds, captions bottom third",
      "profiles": [
        "video-comp"
      ],
      "stage": "browser",
      "severity": "warn",
      "applies_when": "Reel composition with distinguishable primary-content and caption layers.",
      "spec": "WARN if a primary-content element's bounding box extends below 0.667×frameHeight, or a caption's box extends above 0.667×frameHeight — the two reading zones must not mix.",
      "fixture_violation": "A stat headline whose box reaches into the bottom quarter where captions live.",
      "fp_guards": "Full-bleed background art is not 'primary content' — scope to text/diagram/stat elements.",
      "impl_hint": "bbox y-extent vs 2/3 line per element class.",
      "source_rules": [
        "reel-vertical-hierarchy-thirds"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "reel-single-focal-element",
      "title": "Reel frame has a single focal element",
      "profiles": [
        "video-comp"
      ],
      "stage": "browser",
      "severity": "warn",
      "applies_when": "Reel composition.",
      "spec": "Deterministic pre-filter: at each measured timestamp, count simultaneously-visible (opacity>0, on-screen) card-like content blocks (bordered/backgrounded containers with independent text) above a size/prominence threshold. WARN on any timestamp with 3+ such blocks visible — reel frames should present one focal element, not competing cards. (An LLM may confirm the flagged frame genuinely reads as competing focal points.)",
      "fixture_violation": "A reel frame showing three equal side-by-side stat cards at once.",
      "fp_guards": "A kicker label + main stat is not two competing cards — apply a size/prominence threshold so incidental labels don't count.",
      "impl_hint": "Count visible card-pattern elements per sampled frame.",
      "source_rules": [
        "reel-single-focal-element"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "reel-typography-roles",
      "title": "Reel role type sizes/weights within documented ranges",
      "profiles": [
        "video-comp"
      ],
      "stage": "browser",
      "severity": "warn",
      "applies_when": "Reel composition tags elements with recognized role classes (.hook-stat/.hook-claim/.beat-title/.body-copy/.cap/.kicker).",
      "spec": "In a headless render, read computed fontSize/fontWeight/letterSpacing/textTransform per role class and WARN when outside the documented table: hook-stat 180–260px/600–700; hook-claim 80–120px/500; beat-title 60–80px/500; body-copy 32–48px/400; caption 28–36px/600; kicker 18–22px/500 mono ALL-CAPS 0.12em. Enforces the loud, glance-legible hierarchy.",
      "fixture_violation": "A .hook-stat rendered at 90px weight 400 (far below the 180–260px/600–700 range).",
      "fp_guards": "Role classes are a template convention, not standardized — skip (don't fail) elements with unmapped custom class names.",
      "impl_hint": "Per known role class, getComputedStyle and range-check.",
      "source_rules": [
        "reel-typography-size-weight-table"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "reel-no-paragraph-body-copy",
      "title": "Reel body copy is not paragraph-length",
      "profiles": [
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "Reel composition with body-copy-classed text blocks.",
      "spec": "Count words in each reel body-copy block; WARN if it exceeds ~25 words (beyond ~1–2 lines at 32–48px on a 1080px canvas). Paragraph-length prose belongs in long-form, not a fast-cut silent-autoplay reel.",
      "fixture_violation": "A reel body-copy block containing a 60-word explanatory paragraph.",
      "fp_guards": "A long single scannable sentence differs from a true paragraph; cross-check with browser-measured line count before treating as real — warn only.",
      "impl_hint": "Word count per body-copy element.",
      "source_rules": [
        "reel-no-paragraphs-body-copy"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "reel-kinetic-preauthored-spans",
      "title": "Kinetic-typography word spans exist in static HTML",
      "profiles": [
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Reel composition animates word spans (elements targeted by a `.w` GSAP tween).",
      "spec": "Assert `<span class=\"w\">` word spans already exist in the final emitted HTML for any element targeted by a .w tween. FAIL if the composition builds these spans at runtime (e.g. textContent.split(' ').map(...) then innerHTML=/appendChild) — Hyperframes captures frame-by-frame and runtime-generated spans can be missing on early frames.",
      "fixture_violation": "A composition whose JS splits a headline into `.w` spans at load via innerHTML assignment instead of authoring them statically.",
      "fp_guards": "A build/SSR/MDX step that emits static spans into the FINAL HTML is compliant — operate on the emitted HTML, not the source template.",
      "impl_hint": "Check emitted HTML for .w spans; flag runtime split→innerHTML/appendChild building them.",
      "source_rules": [
        "reel-kinetic-typography-preauthored-spans"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "reel-progressive-reveal-order",
      "title": "MECHANISM diagram reveals nodes→arrows→labels",
      "profiles": [
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "An SVG diagram inside a .mechanism beat uses sequential classes matching /^(node|arrow|label)-\\d+$/.",
      "spec": "Extract GSAP tween start-times targeting node-N / arrow-N / label-N classes. WARN if the staged order is violated: all node-N reveals should precede all arrow-N reveals, which should precede all label-N/mask reveals, so the diagram builds up legibly.",
      "fixture_violation": "A MECHANISM diagram whose arrow-1 fades in before any node appears.",
      "fp_guards": "Intentional non-linear reveal (e.g. a cyclic diagram) may deviate for good reason — treat as review candidate, warn only.",
      "impl_hint": "Group tween starts by class prefix; assert max(node)<min(arrow)<min(label) loosely.",
      "source_rules": [
        "reel-progressive-diagram-reveal-classes"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "reel-kenburns-scale",
      "title": "Ken Burns pan/zoom scale delta stays subtle",
      "profiles": [
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "Reel applies a GSAP scale tween to still-image wrappers (.photo or similar).",
      "spec": "Extract the target scale value in GSAP from/to tweens on still-image elements. WARN if the final scale exceeds 1.15 or the start scale is below 1.0 (delta larger than the documented 1.0→1.08–1.15 band) — large deltas 'look seasick.'",
      "fixture_violation": "A .photo Ken Burns tween animating scale from 1.0 to 1.4.",
      "fp_guards": "Scope to still-image Ken-Burns wrappers; a deliberately dramatic zoom elsewhere should not auto-fail.",
      "impl_hint": "Regex/AST scale target on .photo tweens; threshold 1.15.",
      "source_rules": [
        "reel-kenburns-scale-delta"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "demo-format-webm-not-gif",
      "title": "Inline UI demos embedded as webm video, not gif",
      "profiles": [
        "page"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "The page embeds an inline UI demo media element.",
      "spec": "For inline demo media, assert a `<video>` with a `<source type=\"video/webm\">` (base64 data URI), not `<img src=\"data:image/gif...\">`. FAIL on an inline demo gif. Webm(VP9) is 5–10× smaller than an equivalent gif and looks identical.",
      "fixture_violation": "A demo embedded as `<img src=\"data:image/gif;base64,...\">` in the page.",
      "fp_guards": "Allow an `<img>` gif ONLY when the artifact's target is a documented non-video-inlining renderer (Obsidian/Markdown/LinkedIn preview) — otherwise flag.",
      "impl_hint": "Detect data:image/gif inline demo imgs vs video/webm source.",
      "source_rules": [
        "demo-format-webm-not-gif"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "demo-video-attributes",
      "title": "Inline demo <video> autoplays, loops, muted, inline",
      "profiles": [
        "page"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "The page has a demo `<video>` (identified by a data:video/webm;base64 source).",
      "spec": "For every inline demo `<video>`, assert the boolean attributes `autoplay`, `loop`, `muted`, and `playsinline` are all present so the clip behaves like a silent looping GIF-replacement in every modern browser. FAIL if any is missing.",
      "fixture_violation": "An inline demo `<video autoplay loop>` missing muted and playsinline.",
      "fp_guards": "None — direct attribute presence check.",
      "impl_hint": "querySelectorAll demo videos; check the four attrs.",
      "source_rules": [
        "demo-video-tag-attributes"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "demo-embed-size-budget",
      "title": "Inline demo webm stays within size/length budget",
      "profiles": [
        "page"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "The page inlines a demo webm as a base64 data URI.",
      "spec": "Estimate the decoded byte size of the base64 demo video data URI. FAIL if > 2MB (inlined data URIs above this make the self-contained HTML sluggish). Additionally WARN if the source clip duration exceeds ~20s (long demos should link externally / use a share link). Fix by reducing frames, fps, scale, or demo length.",
      "fixture_violation": "A page inlining a 3.5MB base64 webm demo.",
      "fp_guards": "Decoded size ≈ base64 length × 0.75; measure the actual data-URI payload, not the whole HTML file.",
      "impl_hint": "Length of the base64 blob after the comma × 0.75; ffprobe source for duration if available.",
      "source_rules": [
        "demo-size-budget-2mb",
        "demo-length-cap-20s"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "demo-aesthetic-match",
      "title": "Demo video frame matches the page aesthetic",
      "profiles": [
        "page"
      ],
      "stage": "llm-pass",
      "severity": "warn",
      "applies_when": "The page embeds a demo video and declares/uses a recognizable aesthetic preset.",
      "spec": "Consume a screenshot of the page region containing the demo. Single rubric: 'Does the embedded demo video frame (corner radius, border, shadow, caption chrome) match the page's aesthetic preset and feel embedded rather than glued on?' e.g. Mono-Industrial 8px corners no border/shadow; Blueprint sharp corners 1px slate border; Editorial 12–16px corners subtle border.",
      "fixture_violation": "A Mono-Industrial page whose demo video sits in a 24px-rounded drop-shadowed card.",
      "fp_guards": "Needs the page's aesthetic as input; judge integration from the screenshot, not the source.",
      "impl_hint": "Vision pass on the demo-region screenshot with the one rubric.",
      "source_rules": [
        "demo-aesthetic-match"
      ]
    },
    {
      "family": "F6_poster_video",
      "id": "demo-adds-value",
      "title": "Demo video conveys motion a static screenshot could not",
      "profiles": [
        "page"
      ],
      "stage": "llm-pass",
      "severity": "warn",
      "applies_when": "The page embeds a demo video.",
      "spec": "Consume the demo frames/video and the feature it illustrates. Single rubric: 'Does this demo convey interaction/motion information that a single annotated screenshot could not?' If not (e.g. only a cursor-move-and-click), recommend dropping it in favor of a labeled still — a low-value embed bloats the page.",
      "fixture_violation": "An embedded demo showing only a mouse moving to a button and clicking, with no state change worth motion.",
      "fp_guards": "Purely editorial judgment — never auto-enforce as hard-fail.",
      "impl_hint": "Vision pass on demo frames with the one rubric.",
      "source_rules": [
        "demo-drop-if-no-added-value"
      ]
    },
    {
      "family": "F7_process",
      "id": "review-quadrant-completeness",
      "title": "Good/Bad/Ugly/Questions review shows all four categories",
      "profiles": [
        "page"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Page contains a code-review or plan-review block, detected by the presence of at least TWO of the four category headings {Good, Bad, Ugly, Questions} (case-insensitive, whole-word) inside one review section. Skip entirely if fewer than two are present (page is not a review artifact).",
      "spec": "Within the detected review section, assert all four category sub-blocks exist with headings matching /^(good|bad|ugly|questions)\\b/i. For each of the four, assert it is non-empty: it must contain at least one item/card child element OR the literal case-insensitive text 'None found'. Fail if any of the four category headings is absent, or a present category is empty and does not say 'None found'. This catches silent omission of a category (reads as 'not checked' rather than 'nothing found').",
      "fixture_violation": "A page with Good, Bad, and Ugly headings each containing item cards, but no Questions heading anywhere (and no 'None found' placeholder) — three of four present, so the guard fires and the missing fourth is flagged.",
      "source_rules": [
        "good-bad-ugly-none-found"
      ],
      "impl_hint": "headings = dom.querySelectorAll('h2,h3,h4'); match text against /^(good|bad|ugly|questions)/i; for each found category, check nextElementSibling/section content length or /none found/i.",
      "fp_guards": "Only run when >=2 category headings co-occur, so ordinary prose pages that happen to use the word 'good' once are never scoped in. Match headings as whole words to avoid 'goodness'."
    },
    {
      "family": "F7_process",
      "id": "decision-log-confidence-styling",
      "title": "Decision-log cards carry confidence border color and required warning text",
      "profiles": [
        "page"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Page contains decision-log cards, detected by elements whose class matches /decision/ AND that carry a confidence signal (a [data-confidence] attribute or a class of high|medium|low). Skip if no such cards exist.",
      "spec": "For each decision-log card, read its confidence level. Assert: high -> computed border-left-color resolves to the ok/green status token; medium -> border-left-color resolves to the blue token AND the card text contains 'inferred' (case-insensitive); low -> border-left-color resolves to the amber/warn token AND the card text contains the substring 'not recoverable' (case-insensitive, fuzzy). Fail on any mismatch between the stated confidence and its required color+text pairing.",
      "fixture_violation": "A card marked data-confidence=\"low\" with an amber left border but whose body text omits the phrase 'rationale not recoverable' (or a low card rendered with a green border).",
      "source_rules": [
        "decision-log-confidence-styling"
      ],
      "impl_hint": "getComputedStyle(card).borderLeftColor; compare to token RGB via a small tolerance; card.textContent.toLowerCase().includes('not recoverable').",
      "fp_guards": "Match on the short phrase 'not recoverable' / 'inferred' rather than the full sentence so paraphrase that preserves meaning still passes. Only evaluate cards that expose a confidence level."
    },
    {
      "family": "F7_process",
      "id": "factcheck-summary-shape",
      "title": "Fact-check verification summary is complete and internally consistent",
      "profiles": [
        "page"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "Output contains a fact-check verification summary, detected by a heading or class matching /verification summary/i. Skip if absent (presence is enforced separately as a protocol obligation, since the engine cannot reliably tell an arbitrary HTML file is a fact-check target).",
      "spec": "Within the verification-summary region assert all four data points are present: a total-claims-checked count, a confirmed count, a corrections list-or-count, and an unverifiable-claims mention. Assert every claim-status label used is drawn only from {Confirmed, Corrected, Unverifiable} (no other status words like 'Wrong'/'Partial'). If all three sub-counts and the total are numerically parseable, assert confirmed + corrected + unverifiable == total. Fail on a missing data point, an out-of-vocabulary label, or a count that does not reconcile.",
      "fixture_violation": "A 'Verification Summary' block reporting 'Total claims: 10, Confirmed: 8' but with no corrections line and no unverifiable line (missing two required fields).",
      "source_rules": [
        "factcheck-claim-classification",
        "factcheck-summary-required-fields"
      ],
      "impl_hint": "Scope text to the summary section; regex /total[^0-9]{0,20}(\\d+)/i, /confirmed[^0-9]{0,20}(\\d+)/i, etc.; label vocabulary check against a fixed set.",
      "fp_guards": "Only fires when a summary section exists, so it never flags non-fact-check pages. Reconciliation runs only when all four numbers parse cleanly, so prose-only summaries are not force-failed on arithmetic."
    },
    {
      "family": "F7_process",
      "id": "table-data-label-required",
      "title": "Stacked-responsive table cells carry data-label",
      "profiles": [
        "page"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "A <table> uses the sub-640px stacked-row degradation pattern, detected by either class 've-table' OR the page CSS containing an @media (max-width:640px) rule that sets a table td to display:block and uses content:attr(data-label) in a ::before. Do NOT run on tables that only scroll horizontally (wrapped in .scroll-x / overflow-x:auto) — those keep normal columns.",
      "spec": "For each in-scope table, assert every <td> inside <tbody> has a non-empty data-label attribute. A missing or empty data-label silently breaks the mobile stacked layout (the ::before label disappears and rows become unreadable).",
      "fixture_violation": "A <table class=\"ve-table\"> with the stacked-row @media rule present, where one <tbody> <td> is missing its data-label attribute while its siblings have them.",
      "source_rules": [
        "table-data-label-required"
      ],
      "impl_hint": "For each scoped table: table.querySelectorAll('tbody td').every(td => td.getAttribute('data-label')?.trim()).",
      "fp_guards": "Restrict to tables that actually opt into the stacked pattern (ve-table class or the attr(data-label)/display:block @media signature); never flag plain scroll-x reference tables that keep their columns on mobile."
    },
    {
      "family": "F8_ai_tells",
      "id": "gradient-hero-background",
      "title": "Purple/violet→blue-cyan gradient as a full-bleed background",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "A `<style>`/inline background or background-image uses linear-gradient()/radial-gradient() on a large layout container (body, .hero, section, [class*=hero], or any element sized ≥~40% of the canvas).",
      "spec": "Parse gradient background declarations on large layout containers. Convert stops to hue (HSL/OKLCH). FAIL when a 2+ stop gradient sweeps from a violet/indigo band (hue ~255–300) into a blue/cyan band (hue ~195–250) — the canonical purple→blue(→pink) AI-hero wash — OR a straight 2-stop indigo(#6366f1/#7c3aed/#8b5cf6 range)→blue(#3b82f6/#2563eb range) diagonal. Only large background containers count; complements forbidden-accent-colors (literal hexes) and is distinct from forbidden-gradient-text-headings (clipped TEXT).",
      "fixture_violation": "`.hero{background:linear-gradient(135deg,#7c3aed,#3b82f6)}` on a full-bleed hero div with no image/data behind it.",
      "fp_guards": "Single-hue gradients (two shades of one violet), gradients built only from the page's own documented brand hues, and small chips/buttons are exempt — only the violet→blue/cyan sweep on a large background container fires. 3+ stop intentional brand gradients with non-default hues pass.",
      "source_rules": [
        "ai-gradient-mesh-background",
        "ai-purple-blue-gradient-bg",
        "ai-gradient-hero-panel"
      ],
      "impl_hint": "Regex gradient() values; convert each stop hex/rgb to hue; test span across the violet→blue bands; gate on container size / hero-ish selector."
    },
    {
      "family": "F8_ai_tells",
      "id": "decorative-blur-orbs",
      "title": "Ambient blurred gradient orbs / particle backdrop with no content role",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Document has absolutely/fixed-positioned decorative elements, ::before/::after layers, a particle library (particles.js/tsparticles), or a full-bleed background <canvas>.",
      "spec": "FAIL when ≥2 empty (no text/data) absolutely/fixed-positioned shapes combine `border-radius:50%`/large radius with `filter:blur(N)` where N≥20px (or a radial/conic gradient fill), sitting below content in z-order as pure ambient glow; OR a particles.js/tsparticles include or a decorative rAF <canvas> drawing many dots exists solely as backdrop. One restrained on-brand wash is fine; the tell is the repeated copy-pasted glow/particle layer.",
      "fixture_violation": "Two `<div>`s: `position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(60px)` in opposite corners behind the hero.",
      "fp_guards": "A blurred highlight ring directly behind a real labelled diagram element (selection state) is exempt. A single small palette-matched wash tied to the topic passes — require ≥2 near-identical empty shapes, or a particle/canvas layer disconnected from the subject. Particle motion that IS the content (packets on a network path) never fires.",
      "source_rules": [
        "ai-decorative-blob-background",
        "ai-decorative-blur-orbs",
        "ai-gradient-blob-background",
        "ai-particle-background"
      ],
      "impl_hint": "querySelectorAll for absolutely-positioned empty nodes; test computed border-radius+blur; grep for particles.js/tsparticles and canvas rAF-dot loops."
    },
    {
      "family": "F8_ai_tells",
      "id": "glassmorphism-default-surface",
      "title": "Frosted-glass (backdrop-blur + translucent) as the default surface",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "CSS contains `backdrop-filter`/`-webkit-backdrop-filter: blur(`.",
      "spec": "FAIL when `backdrop-filter: blur()` paired with a translucent background (rgba/hsla/hex8/color-mix alpha<1) appears on ≥3 distinct selectors/components — frosted glass used as the repeated default card/nav surface. One deliberate frosted moment (a single sticky nav, or a card genuinely floating over imagery) is a real choice, not slop.",
      "fixture_violation": "`.card{backdrop-filter:blur(12px);background:rgba(255,255,255,.5)}` reused on cards, nav, and modal (3 components).",
      "fp_guards": "A single purposeful frosted element passes (require ≥3 selectors). Glass floating over real photographic/busy content where the blur meaningfully separates layers is legitimate; the tell is decorative glass over a flat solid color with nothing to blur.",
      "source_rules": [
        "ai-glassmorphism",
        "ai-glassmorphism-cards"
      ],
      "impl_hint": "Regex CSS rules combining backdrop-filter:blur( with an alpha<1 background; count distinct selectors."
    },
    {
      "family": "F8_ai_tells",
      "id": "nested-cards",
      "title": "A card nested directly inside another card (double-boxing)",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Document has ≥2 elements matching a card heuristic.",
      "spec": "Card heuristic: border-radius>0 AND (box-shadow≠none OR border-width>0 OR background visibly distinct from parent) AND min bounding dimension >~120px. FAIL when a card element has a strict ancestor that also matches the heuristic and shares near-identical treatment (same class or similar background hue/lightness + radius), i.e. redundant containment rather than two purposefully different components.",
      "fixture_violation": "`<div class=card><div class=card>…</div></div>` where both carry the same background+border+radius+shadow.",
      "fp_guards": "Require the >120px size threshold on BOTH nodes so a rounded chip/badge/avatar inside a real card does not fire. A genuinely distinct inner component (a code block or image with its own subtle corners inside a text card) passes — only same-treatment double-boxing fires.",
      "source_rules": [
        "ai-nested-cards"
      ],
      "impl_hint": "querySelectorAll('*'), compute the card set via getComputedStyle, then walk parentElement chains for same-set membership + treatment similarity."
    },
    {
      "family": "F8_ai_tells",
      "id": "side-stripe-border",
      "title": "One-sided thick colored accent stripe (border-left/right)",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "Document has ≥1 card/callout/list-item/alert element with a border or box-shadow.",
      "spec": "FAIL when an element has computed border-left-width>1px OR border-right-width>1px in a non-neutral (saturated) color while its top/bottom (and opposite side) borders are 0 or ≤1px — the reflexive asymmetric colored accent stripe on an otherwise plain card. A uniform hairline on all four sides is a different, legitimate pattern.",
      "fixture_violation": "`.callout{border-left:4px solid #e11d48}` with no other borders.",
      "fp_guards": "Uniform 4-side borders never fire. A traditional typographic blockquote left rule (no card background/shadow accompanying it) is a defensible edge case — still surfaced but only when it carries card chrome; a bare blockquote rule may be downgraded by the reviewer.",
      "source_rules": [
        "ai-color-stripe-border",
        "ai-side-stripe-border"
      ],
      "impl_hint": "Computed-style diff across the four border sides; check saturation of the thick side's color."
    },
    {
      "family": "F8_ai_tells",
      "id": "cream-sand-background",
      "title": "Reflexive warm cream/sand body background",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "browser",
      "severity": "warn",
      "applies_when": "Profile has a measurable dominant body/root background AND preset is not `paper-ink` (paper-ink legitimately owns warm paper).",
      "spec": "Convert the computed background-color of <body> (and any full-bleed root wrapper) to OKLCH. FLAG when 0.84≤L≤0.99 AND C≤0.06 AND 40≤hue≤100 — the named AI cream/sand default — UNLESS that hue is within ~20° of the page's own saturated accent hue (cohesive tint, not a reflex). Also surface CSS custom properties named --paper/--cream/--sand/--bone/--linen/--parchment/--ivory as a corroborating signal.",
      "fixture_violation": "`body{background:#f5efe3}` (≈oklch(95% 0.02 75)) with a blue accent elsewhere.",
      "fp_guards": "Exempt preset paper-ink and any page whose subject is literally paper/parchment/receipts (needs an explicit content cue). Only evaluate the dominant body-level surface, never a small card/badge. If the warm hue matches the page's own brand accent, it is cohesive — pass.",
      "source_rules": [
        "ai-cream-sand-neutral-wash",
        "ai-cream-sand-background"
      ],
      "impl_hint": "culori (or equivalent) OKLCH conversion on the resolved computed body background; plus regex for the reflex token names."
    },
    {
      "family": "F8_ai_tells",
      "id": "font-family-sprawl",
      "title": "More than four distinct named font families on one page",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "Page has rendered text nodes with resolvable font-family.",
      "spec": "Collect the computed primary font-family (first named family, ignoring generic keywords system-ui/sans-serif/serif/monospace) for every visible text node. FAIL when the count of distinct NAMED families exceeds 4. A dedicated monospace stack for code counts as one family, not a violation by itself.",
      "fixture_violation": "Heading font, body font, a second display font, a script accent font, plus a mono for code = 5 named families.",
      "fp_guards": "Generic fallback keywords never count. One monospace family for code/labels is allowed. Measure resolved var(--font-*) indirection, not raw tokens, to avoid false negatives. Threshold >4 (not >3) leaves room for heading+body+mono+one deliberate display face.",
      "source_rules": [
        "ai-font-family-sprawl",
        "ai-excessive-typographic-variation"
      ],
      "impl_hint": "Resolve computed font-family per node via the browser (or CSS parse with var() resolution); dedupe first-named families excluding generics."
    },
    {
      "family": "F8_ai_tells",
      "id": "reflex-reject-fonts",
      "title": "Training-data reflex webfont as a primary voice face",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "Preset is `custom` (named house aesthetics declare their own type systems) AND CSS declares a --font-body/--font-display or a heading/body font-family.",
      "spec": "FAIL when the PRIMARY heading or body family (not fallback, not code mono) case-insensitively matches a reflex-catalog name: Fraunces, Newsreader, Lora, Crimson (Pro/Text), Playfair Display, Cormorant (Garamond), Syne, Space Grotesk, DM Sans, DM Serif, Outfit, Plus Jakarta Sans, Instrument Sans, Instrument Serif. These dominate AI training data for ‘distinctive’ type and signal reflex selection. Warn-only: many are otherwise fine faces; the tell is reflexive default use on a greenfield custom page.",
      "fixture_violation": "`--font-display: 'Playfair Display', serif; --font-body: 'Plus Jakarta Sans', sans-serif;` on a custom page.",
      "fp_guards": "Only fires when preset==custom — exempts Nothing (Space Grotesk/Space Mono), Mono-Industrial and any preset that mandates its own type. Monospace members used only inside <code>/<pre> are exempt (mono-for-code is legitimate). Any family already present in an existing project tokens file passes (identity preservation). IBM Plex / Space Mono deliberately excluded from the name list to avoid fighting code stacks and the Nothing preset.",
      "source_rules": [
        "ai-reflex-reject-fonts"
      ],
      "impl_hint": "CSS parse (not naive search) of font-family/--font-* with var() resolution; word-boundary case-insensitive match against the reflex list; scope to preset==custom."
    },
    {
      "family": "F8_ai_tells",
      "id": "flat-type-scale-weak-hierarchy",
      "title": "Adjacent type roles differ too little to establish hierarchy",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "browser",
      "severity": "warn",
      "applies_when": "Page exposes at least two distinct type roles (a largest heading and body copy) that are not part of a dense data table.",
      "spec": "Read computed font-size for the largest heading and for body copy (and, where present, adjacent heading levels h1/h2/h3). Compute adjacent ratios. FLAG when an adjacent pair's size ratio is <1.25 AND font-weight is equal AND color is near-identical — i.e. no dimension of hierarchy (size, weight, or color) meaningfully separates the roles. This is the mechanical complement to the llm-pass hierarchy-squint-test.",
      "fixture_violation": "h1 18px/600 #111, body 16px/600 #111 — ratio 1.13, same weight, same color.",
      "fp_guards": "Pages that carry hierarchy deliberately via weight or color (not size) pass — only flag when size AND weight AND color all fail to differ. Skip dense data tables / compact dashboards where close ratios are intentional density. Measure clamp() at one reference viewport, not per breakpoint.",
      "source_rules": [
        "ai-narrow-size-steps",
        "ai-weak-weight-contrast",
        "ai-weak-heading-hierarchy-ratio",
        "ai-flat-type-scale",
        "ai-visual-noise-floor"
      ],
      "impl_hint": "Computed font-size/weight/color for role elements; adjacent-ratio arithmetic; require all three dimensions to collapse before flagging."
    },
    {
      "family": "F8_ai_tells",
      "id": "uppercase-no-tracking",
      "title": "All-caps label with no letter-spacing",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Preset is `custom` or unset (named aesthetics that mandate ALL-CAPS mono labels own their own tracking) AND the page has short uppercase label-like text.",
      "spec": "Find short (≤~6 word) label-like elements with computed text-transform:uppercase (eyebrows, badges, nav labels, kickers) whose computed letter-spacing is `normal` or 0. FLAG — untracked all-caps reads as an unstyled default; capitals need ~0.05–0.12em tracking.",
      "fixture_violation": "`.badge{text-transform:uppercase}` rendering `BETA` with default letter-spacing.",
      "fp_guards": "Exempt preset pages (Mono-Industrial/Nothing mandate all-caps mono labels and set their own tracking) and .section-label/.kicker patterns whose tracking is preset-defined. Only short label text — never incidental all-caps acronyms in running prose. Warn (some fonts carry generous built-in cap spacing that can't be detected mechanically).",
      "source_rules": [
        "ai-uppercase-no-tracking"
      ],
      "impl_hint": "Computed text-transform + letter-spacing on short label nodes; scope to preset==custom; exempt .section-label/.kicker."
    },
    {
      "family": "F8_ai_tells",
      "id": "unbounded-fluid-type-clamp",
      "title": "clamp() type with runaway max size / ratio",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "CSS uses `clamp(` on a font-size for a prose/heading role.",
      "spec": "Parse clamp(min,preferred,max) on font-size for body/heading roles; normalize min/max to one unit. FLAG when max/min > ~2.5 (breaks zoom/reflow) OR when max exceeds ~6rem/96px on a hero/display heading (shouting, not designing).",
      "fixture_violation": "`font-size:clamp(1rem, 5vw, 4rem)` on body prose (ratio 4.0); or `clamp(2rem,8vw,9rem)` on h1.",
      "fp_guards": "Exempt slide section-divider numbers (owned by divider-number-oversized-clamp) and poster/video-comp fixed canvases where a type-specimen scale is the point. A deliberate single-word poster specimen may exceed 6rem — warn, not error.",
      "source_rules": [
        "ai-oversized-clamp-ratio",
        "ai-shouting-hero-clamp"
      ],
      "impl_hint": "Regex clamp() args on font-size rules; unit-normalize; test ratio and absolute max; skip divider/poster selectors."
    },
    {
      "family": "F8_ai_tells",
      "id": "blocking-webfont-no-swap",
      "title": "Webfont loaded without font-display: swap",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "Page loads a custom webfont via @font-face or a Google Fonts <link>/@import (system-font-only pages exempt).",
      "spec": "The skill MANDATES Google Fonts <link>s — this check never bans the link, it only requires non-blocking load. FLAG @font-face blocks missing `font-display` entirely (defaults to auto/block → FOIT) and Google-Fonts <link>/@import URLs missing `&display=swap`.",
      "fixture_violation": "`<link href=\"https://fonts.googleapis.com/css2?family=Foo\">` with no `&display=swap`.",
      "fp_guards": "System-font-stack pages (no @font-face/webfont link) never fire. Posters are exempt (fonts load inside the root before a single export render, FOIT is irrelevant) — hence page/slides/magazine only. Only require display=swap|optional; do not flag the link itself.",
      "source_rules": [
        "ai-blocking-webfont-load"
      ],
      "impl_hint": "Regex @font-face for font-display; regex Google Fonts URLs for display=swap."
    },
    {
      "family": "F8_ai_tells",
      "id": "unscalable-viewport",
      "title": "Viewport meta disables pinch-zoom",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Document has a `<meta name=\"viewport\">` tag.",
      "spec": "FAIL when the viewport meta content contains `user-scalable=no` or `maximum-scale=1(.0)?` — an accessibility-breaking app-boilerplate default that never belongs on a static explainer/slide/magazine page.",
      "fixture_violation": "`<meta name=viewport content=\"width=device-width,initial-scale=1,user-scalable=no\">`.",
      "fp_guards": "None needed beyond scope: poster/video-comp fixed canvases (no user zoom surface) are excluded via profiles.",
      "source_rules": [
        "ai-unscalable-viewport"
      ],
      "impl_hint": "Regex the viewport meta content string."
    },
    {
      "family": "F8_ai_tells",
      "id": "rainbow-accent-palette",
      "title": "Too many saturated hues in decorative chrome",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "browser",
      "severity": "warn",
      "applies_when": "Page uses ≥5 elements with saturated (non-neutral) fills/backgrounds/borders outside charts and code.",
      "spec": "Collect rendered colors with OKLCH chroma>0.08 (drop near-neutrals) used in decorative/UI chrome — badges, icons, section accents, headings, card borders, buttons. Bin hues into 30° buckets. FLAG when >4 distinct buckets appear. Distinct from forbidden-accent-colors (specific hexes); this caps overall hue variety.",
      "fixture_violation": "Badges/section accents in red, orange, green, blue, and purple with no data-encoding rationale.",
      "fp_guards": "Exempt data-visualization categorical scales (chart series/legends), syntax highlighting, and semantic status colors — those legitimately need many distinguishable hues. Only chrome-level decorative color counts.",
      "source_rules": [
        "ai-rainbow-palette",
        "ai-excessive-accent-palette"
      ],
      "impl_hint": "Collect computed colors from chrome elements; OKLCH chroma filter; 30° hue-bucket count; exclude chart/legend/code containers."
    },
    {
      "family": "F8_ai_tells",
      "id": "gray-text-on-colored-surface",
      "title": "Neutral gray text on a saturated background",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "browser",
      "severity": "warn",
      "applies_when": "Page has text sitting on a saturated (non-neutral) background surface.",
      "spec": "For each text node, resolve the nearest non-transparent ancestor background. When that background's OKLCH chroma >~0.05 (a real accent color) and the text color is a mid-tone (L 0.4–0.7) near-zero-chroma gray — not a tint/shade of the background hue, not near-white/near-black at reduced alpha — FLAG as washed-out.",
      "fixture_violation": "`.badge{background:#2563eb;color:#6b7280}` (mid-gray on a blue badge).",
      "fp_guards": "Gray text on a near-neutral/off-white surface is unaffected (only saturated backgrounds count). Intentional near-white/near-black at sufficient contrast passes — the failure mode is specifically mid-gray on an accent color.",
      "source_rules": [
        "ai-gray-on-color",
        "ai-gray-text-on-color"
      ],
      "impl_hint": "Convert text + resolved background to OKLCH; compare hue alignment and the text-lightness band."
    },
    {
      "family": "F8_ai_tells",
      "id": "body-text-contrast-aa",
      "title": "Body/secondary text fails WCAG AA contrast",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "browser",
      "severity": "error",
      "applies_when": "Page renders informational text nodes with a resolvable effective background.",
      "spec": "For each informational text node, resolve effective text color and the first opaque stacked-ancestor background; compute the WCAG relative-luminance contrast ratio. FAIL when font-size<24px (or <18.66px bold) with ratio<4.5:1, or ≥24px/≥18.66px-bold with ratio<3:1. Test both light and dark renders. Catches the pale-elegant-gray failure that is the single biggest reason AI designs read as hard to read.",
      "fixture_violation": "`body{color:#9aa0a6;background:#fff}` primary paragraph text (≈3.3:1).",
      "fp_guards": "Exempt aria-hidden/decorative/watermark text and disabled form controls. Intentional low-emphasis microcopy that is genuinely secondary (small, clearly de-emphasized) may sit near 3:1 and is judged leniently; the flag targets primary reading content and mis-set muted labels.",
      "source_rules": [
        "ai-low-contrast-muted-text",
        "ai-washed-out-body-text",
        "ai-low-contrast-body-text"
      ],
      "impl_hint": "Per text node: computed color + stacked-resolved background → standard WCAG contrast formula; run under both color schemes."
    },
    {
      "family": "F8_ai_tells",
      "id": "focus-ring-stripped",
      "title": "outline removed with no :focus-visible replacement",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "Document has focusable/interactive elements (a[href], button, input, [tabindex], summary).",
      "spec": "FAIL when `outline: none|0` is applied to a focusable selector (a/button/input/[tabindex]/summary) or a global reset (*, :focus) AND no overlapping `:focus-visible` (or `:focus`) rule supplies a visible replacement (a non-none outline, a contrasting box-shadow ring, or a border/background change).",
      "fixture_violation": "`a,button{outline:none}` with no :focus-visible rule anywhere.",
      "fp_guards": "If a real :focus-visible replacement with visible contrast exists for that selector family, pass. Pages with zero focusable/interactive elements (pure static diagram/poster) never apply — hence page/slides/magazine scope.",
      "source_rules": [
        "ai-focus-outline-removed",
        "ai-stripped-focus-ring"
      ],
      "impl_hint": "Collect selectors setting outline:none; cross-check for an overlapping :focus-visible/:focus rule with a visible property."
    },
    {
      "family": "F8_ai_tells",
      "id": "scroll-reveal-spam",
      "title": "One identical fade-and-rise reveal on most/every section",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "Page uses scroll/load-triggered entrance animation (a reveal class toggled by IntersectionObserver, `animation-timeline: view()`, or per-region load @keyframes).",
      "spec": "FLAG when one shared entrance rule of the form `opacity:0; transform:translateY(N)` → `opacity:1; transform:none` (or a single .reveal/.fade-in-up class) is applied to ≥60% of top-level sections/body children, OR when >3 unrelated structural regions (header, several sections, footer) each carry their own load-triggered staggered entrance. The saturated AI motion default is the same reveal looped down the page.",
      "fixture_violation": "Every `<section>` carries `class=\"reveal\"` with one shared translateY fade toggled on scroll.",
      "fp_guards": "One deliberate hero-only reveal, or 2–3 sections each animated differently (varied direction/timing/property), is legitimate pacing and passes. Staggering siblings WITHIN one list/grid is fine — only cross-section uniformity fires. Pages with ≤2 sections never trigger.",
      "source_rules": [
        "ai-scroll-fade-reveal-spam",
        "ai-uniform-scroll-reveal",
        "ai-page-load-choreography"
      ],
      "impl_hint": "Identify the reveal rule/class; count carrying sections vs total top-level sections; ratio≥0.6 or >3 unrelated regions."
    },
    {
      "family": "F8_ai_tells",
      "id": "hidden-until-js-reveal",
      "title": "Content hidden by default, revealed only via JS, no fallback",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "error",
      "applies_when": "CSS sets `opacity:0` or `visibility:hidden` on a content selector that a script later reveals.",
      "spec": "FAIL when a class/selector defaults content to opacity:0 / visibility:hidden and a companion selector (same base + .in-view/.visible/.revealed/.active) restores it via JS `classList.add`, AND there is neither an `@media (prefers-reduced-motion: reduce)` rule forcing the visible state nor a <noscript> override. Headless renders, PDF/PNG export, and print skip the scroll/JS trigger, so the section ships blank — a correctness failure, not just a motion tell. Highest-value check for exported static artifacts.",
      "fixture_violation": "`.section{opacity:0}` + JS `IntersectionObserver` adding `.visible{opacity:1}`, with no reduced-motion or noscript fallback.",
      "fp_guards": "CSS-only `animation-timeline: view()` scroll-driven reveals (no JS dependency, degrade to visible) never fire. Content that is already visible and only gets added movement/emphasis on top passes — only JS-class-gated invisibility with no fallback fails.",
      "source_rules": [
        "ai-hidden-until-js-reveal"
      ],
      "impl_hint": "Match opacity:0/visibility:hidden selectors to a .revealed-suffix companion + classList.add in script; assert absence of reduced-motion/noscript fallback."
    },
    {
      "family": "F8_ai_tells",
      "id": "layout-property-animation",
      "title": "Decorative motion animates layout properties",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "CSS has a transition/@keyframes affecting geometry.",
      "spec": "FLAG transition/@keyframes that animate width, height, top, left, right, bottom, or plain margin/padding for decorative or continuous/looping motion instead of transform/opacity. Compositor-friendly transform:translate/scale should carry motion.",
      "fixture_violation": "`@keyframes drift{from{left:0}to{left:40px}}` looped on a decorative element.",
      "fp_guards": "grid-template-rows (0fr→1fr) and a single short (<150ms) bounded max-height disclosure toggle are accepted FLIP-style exceptions. Only flag decorative/continuous motion on a non-trivial box, not a 1–2px functional nudge.",
      "source_rules": [
        "ai-layout-property-animation",
        "ai-animate-layout-properties"
      ],
      "impl_hint": "Regex transition-property / @keyframes step declarations for width/height/top/left/right/bottom/margin/padding changes; exempt grid-template-rows and short max-height toggles."
    },
    {
      "family": "F8_ai_tells",
      "id": "bounce-elastic-easing",
      "title": "Bounce/elastic overshoot easing on standard motion",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "error",
      "applies_when": "CSS/JS declares a cubic-bezier() timing function or a named easing.",
      "spec": "FAIL when any cubic-bezier(x1,y1,x2,y2) has y1<0/y1>1 or y2<0/y2>1 (mathematical overshoot signature), or an animation-name/timing-function/JS ease identifier matches /bounce|elastic|spring/i, applied to standard reveal/hover/tooltip/entrance motion.",
      "fixture_violation": "`transition-timing-function: cubic-bezier(0.34,1.56,0.64,1)` on a card hover.",
      "fp_guards": "The skill's prescribed curves — cubic-bezier(0.25,1,0.5,1), (0.22,1,0.36,1), (0.16,1,0.3,1) — keep all control points in [0,1] and pass. Named aesthetics with zero motion (Mono-Industrial) never trigger. A deliberate physical-toy bounce would be a rare, explicitly-commented exception, not the default.",
      "source_rules": [
        "ai-bounce-elastic-easing"
      ],
      "impl_hint": "Parse cubic-bezier args and range-check y values; regex bounce/elastic/spring identifiers."
    },
    {
      "family": "F8_ai_tells",
      "id": "undersized-touch-targets",
      "title": "Interactive control smaller than 44x44px",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "browser",
      "severity": "warn",
      "applies_when": "Artifact renders clickable navigation/controls (button, a[href], [role=button], [onclick], input) — e.g. slide-nav dots, tab buttons, accordion toggles.",
      "spec": "Measure getBoundingClientRect() for each interactive control. FLAG any with rendered width<44 OR height<44. Fires only where interactive elements actually exist.",
      "fixture_violation": "Slide-nav dots rendered at 16x16px with no padded hit area.",
      "fp_guards": "Purely illustrative icons not wrapped in a clickable element are not measured. Most static diagrams/posters have no interactive controls and never trigger. A small visible glyph is fine if its clickable parent provides a ≥44px hit area via padding.",
      "source_rules": [
        "ai-undersized-touch-targets"
      ],
      "impl_hint": "Per interactive element getBoundingClientRect; compare against 44px."
    },
    {
      "family": "F8_ai_tells",
      "id": "fake-loading-theater",
      "title": "Spinner/skeleton/progress in a static artifact that fetches nothing",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Document contains a loading affordance (class/id ~ skeleton|spinner|loading|progress-bar, or a [role=progressbar]).",
      "spec": "FLAG when a skeleton/spinner/progress element plays once via setTimeout or CSS animation-delay on load in a file that contains no `fetch(`, `XMLHttpRequest`, or dynamic `import(` — i.e. there is no real async work to wait for, so the loading sequence is pure theater.",
      "fixture_violation": "A `.skeleton` shimmer that fades to real content after a 1200ms setTimeout, in a file with no fetch.",
      "fp_guards": "If the artifact genuinely streams/lazy-loads (fetch, XHR, dynamic import, lazy images) the loading UI is functional — do not flag. Only timer-driven theater with no matching async operation fires.",
      "source_rules": [
        "ai-decorative-fake-loading"
      ],
      "impl_hint": "Detect skeleton/spinner/progress element + timed reveal; assert no fetch/XHR/dynamic-import in the file."
    },
    {
      "family": "F8_ai_tells",
      "id": "mixed-icon-systems",
      "title": "Inconsistent icon systems for the same repeated role",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Page has a repeated list/row/section pattern with leading markers or icons on ≥3 same-level items.",
      "spec": "For same-level, same-role sibling markers (leading glyphs before list items or section labels), classify each as {emoji, unicode-symbol, inline-svg, icon-font, none}. FLAG when siblings serving the identical role mix ≥2 categories with no rule for which is used where.",
      "fixture_violation": "A stat list where row 1 uses an emoji, row 2 an inline <svg>, row 3 a `▸` unicode arrow.",
      "fp_guards": "Different marker kinds for genuinely different semantic categories (a green check vs a red X) are not inconsistency. Only flag mixed systems among same-level equivalent items.",
      "source_rules": [
        "ai-mixed-icon-systems",
        "ai-mixed-icon-styles"
      ],
      "impl_hint": "Collect leading markers per sibling group; classify token kind; flag >1 kind within a role group."
    },
    {
      "family": "F8_ai_tells",
      "id": "inline-emoji-bullets",
      "title": "Emoji used as inline list/paragraph bullets",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Page has ≥3 <li>/<p> items.",
      "spec": "FLAG a leading emoji codepoint (U+1F300–U+1FAFF, U+2600–U+27BF, U+2B00–U+2BFF, U+FE0F) followed by ASCII text recurring across ≥3 list items or paragraphs (the '✅ Fast / 🚀 Scalable / 💡 Note' pattern). Distinct from no-emoji-in-ui-chrome, which covers headers/status/table cells, not body bullets.",
      "fixture_violation": "A `<ul>` whose items read `✅ Fast`, `🚀 Scalable`, `🔒 Secure`.",
      "fp_guards": "A one-off meaningful emoji (a flag glyph naming a country in real data, a status glyph inside an actual UI mock) is exempt — require the decorative pattern to recur across ≥3 items. Emoji inside <code>/<pre> as literal content is exempt.",
      "source_rules": [
        "ai-inline-emoji-bullets"
      ],
      "impl_hint": "Walk <li>/<p> text nodes; test leading-emoji-then-text regex; tally per document."
    },
    {
      "family": "F8_ai_tells",
      "id": "meaning-without-labels",
      "title": "Color/icon-only meaning with no text label or legend",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Page has a red/green contrastive status pair, or a legend/key row of bare swatches/icons.",
      "spec": "FLAG when (a) status/comparison meaning is carried by a red-band vs green-band color pair used side by side with no status word (pass/fail/before/after/old/new/added/removed/error/success/deprecated), no icon child, and no legend mapping color to meaning within ~100px; OR (b) a legend/key container (class/id ~ legend|key, or a row of small fixed-size swatches/icons) has swatches/icons with no adjacent text, title, or aria-label.",
      "fixture_violation": "Two side-by-side cells, one red one green, with no words; or a legend row of three bare colored dots.",
      "fp_guards": "A single consistent brand accent used site-wide for links never fires. When every swatch already has an adjacent label (the correct pattern) it passes. A single universally-unambiguous icon (a close ‘×’) is fine.",
      "source_rules": [
        "ai-color-only-status-meaning",
        "ai-icon-only-legend-key"
      ],
      "impl_hint": "Hue-band DOM scan for contrastive red/green without status text; legend-container scan for swatch labels/title/aria."
    },
    {
      "family": "F8_ai_tells",
      "id": "copy-paste-drop-shadow",
      "title": "One generic box-shadow copy-pasted onto every raised element",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "CSS declares ≥5 box-shadow rules across different selectors.",
      "spec": "FLAG when a single box-shadow value (or a family within ~10% blur/spread/alpha tolerance) is reused verbatim across ≥5 structurally different element types (e.g. card AND button AND image AND code block AND nav) — generic 'depth' with no elevation logic.",
      "fixture_violation": "`0 4px 6px rgba(0,0,0,.1)` applied identically to cards, buttons, images, code blocks, and nav.",
      "fp_guards": "A deliberate one-token elevation applied consistently to ONE role (only clickable cards) is legitimate system reuse. Only flag when the same shadow spans unrelated element types.",
      "source_rules": [
        "ai-copy-paste-drop-shadow"
      ],
      "impl_hint": "Extract box-shadow declarations; cluster near-identical values; count distinct selector element-types sharing one value."
    },
    {
      "family": "F8_ai_tells",
      "id": "uniform-descriptor-gloss",
      "title": "Uniform lowercase descriptor gloss on every repeated item",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Page has a grid/list/catalog of 5+ structurally-similar siblings.",
      "spec": "Warn when >=5 sibling items each pair a label with a 1-4 word lowercase non-sentence gloss in muted styling, e.g. `collapsible data`, `one canvas`, `titled region`. One deliberate descriptor is voice; a gloss on every item is template grammar.",
      "fixture_violation": "A five-item feature grid where every item has a title plus a muted lowercase two-word tagline.",
      "fp_guards": "Exempt tables, units, dates, prices, form hints, and stat/metric labels.",
      "source_rules": [
        "ai-uniform-descriptor-gloss"
      ],
      "impl_hint": "Scan direct sibling groups; require >=5 label+muted lowercase-gloss pairs and skip table/form/stat/metric contexts plus unit/date/price text."
    },
    {
      "family": "F8_ai_tells",
      "id": "hero-metric-template",
      "title": "Repeated big-number stat tiles as decorative filler",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Page has ≥3 sibling tiles each pairing a large numeric node with a short label.",
      "spec": "Structurally find a repeated sibling group (≥3) where each item contains a >70%-digit/percent/currency node at computed font-size ≥~2.5x body size plus a much smaller ≤~4-word label, with identical structure/classing and a decorative gradient/colored accent repeated across all tiles.",
      "fixture_violation": "Three identical tiles: `99.9%` / `10x` / `24/7` big numbers over small labels on a gradient bar, unsourced.",
      "fp_guards": "Exempt tiles whose numbers are traceable to the artifact's real source (an actual diff line count, a genuine dataviz KPI) and stat grids where each tile's accent is meaningfully data-driven rather than one repeated decorative gradient. The data-traceability judgment is deferred to the copy/completeness reviewer; the structural signature is the mechanical prefilter.",
      "source_rules": [
        "ai-fake-hero-metrics",
        "ai-hero-metric-template"
      ],
      "impl_hint": "Structural-similarity scan across sibling subtrees; digit-ratio + font-size test on the numeral node; sameness test on the accent."
    },
    {
      "family": "F8_ai_tells",
      "id": "card-as-universal-wrapper",
      "title": "Every content block boxed in card chrome by default",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Main content flow has ≥4 top-level content blocks.",
      "spec": "FLAG when ≥90% of top-level content blocks are wrapped in card chrome (border-radius>0 + border/shadow/distinct background) AND at least one such card wraps a single unstructured item (one paragraph/image/stat) with no structurally-similar repeated siblings — boxing arbitrary singular content out of habit rather than reserving cards for distinct repeated units.",
      "fixture_violation": "A lone intro paragraph, a single image, and a lone stat each wrapped in its own bordered/shadowed card.",
      "fp_guards": "A genuine grid of distinct actionable items (pricing tiers, module links) legitimately cards every item — that is the separate uniform-card-grid pattern, not this. Only habitual boxing of singular non-repeating content fires.",
      "source_rules": [
        "ai-card-as-universal-wrapper"
      ],
      "impl_hint": "Count top-level blocks vs card-wrapped fraction; check for a card wrapping a single item with no sibling twins."
    },
    {
      "family": "F8_ai_tells",
      "id": "flat-wall-of-bullets",
      "title": "A single flat list of 8+ undifferentiated items",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Page has a top-level <ul>/<ol> with ≥8 direct <li> children.",
      "spec": "FLAG a top-level list with ≥8 direct <li> children where no sub-heading-weight element (strong/b/h5/h6 opening a subgroup) and no divider (hr/border-top) breaks it into clusters, AND items are multi-clause explanatory sentences (avg >~60 chars) — a bullet dump that should have been grouped or turned into a table/diagram.",
      "fixture_violation": "A flat 10-item `<ul>` of full-sentence explanations with no grouping.",
      "fp_guards": "Genuinely flat enumerable data (a glossary, an index, a one-line-per-entry changelog) is correct as a flat list and passes — gate on average item length so short data rows don't fire.",
      "source_rules": [
        "ai-flat-wall-of-bullets"
      ],
      "impl_hint": "Count direct <li> of top-level lists; check for subgroup markers/dividers and average textContent length."
    },
    {
      "family": "F8_ai_tells",
      "id": "arbitrary-spacing-scale",
      "title": "Spacing values not drawn from a shared scale",
      "profiles": [
        "page",
        "slides",
        "magazine",
        "poster",
        "video-comp"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "CSS declares ≥8 distinct px margin/padding/gap/inset values.",
      "spec": "Extract raw px margin/padding/gap/inset literals from authored CSS + inline styles. FLAG when the fraction NOT divisible by a common base (test 4 and 8) exceeds ~30% AND there are ≥8 distinct values — hand-picked one-off spacing (13/17/22/29px) instead of a scale.",
      "fixture_violation": "margin/padding values of 13px, 17px, 22px, 27px, 33px scattered with no 4/8 base.",
      "fp_guards": "Count only hardcoded px literals, not rem/em/clamp() resolved results (those land on odd pixels legitimately). One to three deliberate optical-nudge exceptions are expected and don't trip the fraction threshold.",
      "source_rules": [
        "ai-arbitrary-spacing-scale",
        "ai-arbitrary-spacing-values"
      ],
      "impl_hint": "Regex px spacing literals; test divisibility by 4/8; ratio + distinct-count thresholds."
    },
    {
      "family": "F9_copy",
      "id": "inconsistent-heading-case",
      "title": "Mixed Title Case / Sentence case at one heading level",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-dom",
      "severity": "warn",
      "applies_when": "Page has ≥3 headings at the same level (or ≥3 same-class card titles).",
      "spec": "For each heading level / repeated title component, classify each heading as Title Case, Sentence case, or ALL CAPS. FLAG when a single level mixes ≥2 casing styles across ≥3 headings — casing drift from section-by-section drafting.",
      "fixture_violation": "H2s reading `Getting Started`, `How it works`, `Deploy Your App` (Title + Sentence mixed).",
      "fp_guards": "A deliberate two-tier convention (all-caps eyebrow above sentence-case title) is a different structural level, not a violation — only compare genuinely same-level headings. Preserve intentional brand casing.",
      "source_rules": [
        "ai-inconsistent-heading-case"
      ],
      "impl_hint": "Group headings by level/component; classify casing; flag ≥2 styles within a level."
    },
    {
      "family": "F8_ai_tells",
      "id": "font-pairing-same-classification",
      "title": "Two fonts paired within the same typographic classification",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "llm-pass",
      "severity": "warn",
      "applies_when": "Page uses two different (non-code) font families for heading vs body.",
      "spec": "delegate: impeccable:critique. Supply the relevant screenshot and font-family evidence; Impeccable owns the visual-craft judgment.",
      "fixture_violation": "Heading in Poppins, body in Montserrat — two near-identical geometric sans presented as a 'pairing'.",
      "fp_guards": "A single family across weights is fine. Only flag two DIFFERENT families in the same bucket with no discernible contrast; genuine cross-axis pairings pass.",
      "source_rules": [
        "ai-near-duplicate-font-pairing",
        "ai-mismatched-font-pairing"
      ]
    },
    {
      "family": "F8_ai_tells",
      "id": "default-accent-reflex",
      "title": "Sole accent is a reflexive blue/orange default",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "llm-pass",
      "severity": "warn",
      "applies_when": "Page has a single dominant saturated accent color and no documented brand palette in source.",
      "spec": "delegate: impeccable:critique. Supply the relevant screenshot, palette evidence, and brand exception excerpt; Impeccable owns the visual-craft judgment.",
      "fixture_violation": "A page whose sole accent is #6366f1 indigo with no brand rationale.",
      "fp_guards": "If source material establishes blue/orange as a real brand identity (existing logo/brand assets), it is not a reflex — pass. Judgment call, warn only.",
      "source_rules": [
        "ai-default-accent-hue"
      ]
    },
    {
      "family": "F9_copy",
      "id": "title-claim-function",
      "title": "Slide and section titles state a test, mechanism, result, or decision",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "llm-pass",
      "severity": "warn",
      "applies_when": "The artifact has slide titles or section headings that do narrative work. Covers, literal dividers, agendas, quotes, and reference labels are reviewed under the exception rules.",
      "spec": "delegate: unslop:cleanup-report. Supply excluded-filtered narrative titles with their adjacent prose; Artifacture records the applicability signal but does not reproduce the prose rubric.",
      "fixture_violation": "A slide titled 'Week 1 ends with a calibrated eval' when the body actually defines the completion evidence: a clean package run with judge agreement recorded.",
      "fp_guards": "Do not ban inanimate subjects categorically. Accurate causal mechanisms ('Examples calibrate the judge', 'The gate fails the build'), literal temporal facts ('Week 1 ends on Friday'), exact technical noun phrases, short questions that state the decision, and cover/divider/agenda labels may pass. Judge title function against the unit's narrative job, not a fixed grammar template.",
      "source_rules": [
        "title-states-test-mechanism-result-decision",
        "no-category-error-title-agency",
        "no-generic-title-handles"
      ]
    },
    {
      "family": "F9_copy",
      "id": "copy-redundancy",
      "title": "Heading restates its own body, or a point repeats across sections",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "llm-pass",
      "severity": "warn",
      "applies_when": "Page has section headings each followed by prose.",
      "spec": "delegate: unslop:cleanup-report. Supply excluded-filtered headings with adjacent prose; Artifacture records the applicability signal but does not reproduce the prose rubric.",
      "fixture_violation": "Heading 'Faster deploys' followed by 'Deploys are now faster.' with no new specifics.",
      "fp_guards": "A topic sentence that states the claim AND immediately substantiates it with a number/mechanism passes. Only zero-added-specificity restatement or cross-section duplication fires here; a generic topic handle may still be flagged separately by title-claim-function.",
      "source_rules": [
        "ai-redundant-heading-body-echo",
        "ai-redundant-restated-copy"
      ]
    },
    {
      "family": "F9_copy",
      "id": "jargon-undefined",
      "title": "Load-bearing jargon never defined for the intended audience",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "llm-pass",
      "severity": "warn",
      "applies_when": "Page is an explainer aimed at a broader/onboarding audience (not an internal team-only reference).",
      "spec": "delegate: unslop:cleanup-report. Supply excluded-filtered prose plus the intended-audience note; Artifacture records the applicability signal but does not reproduce the prose rubric.",
      "fixture_violation": "An explainer using 'the CRDT merges via the WAL' with neither term ever expanded.",
      "fp_guards": "Terms the explicit target audience already knows (an internal architecture doc for the team that coined them) are exempt — only flag when the artifact reads as onboarding/broad audience or the term is never defined anywhere.",
      "source_rules": [
        "ai-unexplained-jargon"
      ]
    },
    {
      "family": "F9_copy",
      "id": "copy-slop-phrases",
      "title": "High-precision AI-slop phrases in rendered prose",
      "profiles": [
        "page",
        "slides",
        "magazine"
      ],
      "stage": "static-text",
      "severity": "warn",
      "applies_when": "Page has prose text nodes (headlines, leads, callouts, card descriptions, captions, slide body copy).",
      "spec": "Extract rendered prose text nodes using the same exclusion filter as unslop-prose-phrases (exclude code/pre, identifiers, filenames, table headers, ALL-CAPS mono labels/kickers, counters, timestamps, status strings, Mermaid labels, and [BRACKET] system messages). Case-insensitively grep for any curated literal phrase or structural regex below — each is essentially impossible in legitimate technical-explainer prose. Any hit = warn. LITERALS: here's the thing:; let that sink in; make no mistake; read that again; this cannot be overstated; in today's fast-paced; in today's rapidly evolving; needless to say; it goes without saying; it is important to note that; it's important to note; pro tip:; hot take:; unpopular opinion:; plot twist:; spoiler:; stands as a testament; a testament to; pivotal moment; indelible mark; rich tapestry; cornerstone of; sends a clear message; nestled in the heart of; boasts a world-class; a hidden gem; a beacon of; at the forefront of; i hope this helps; certainly!; great question; happy to help; let me know if you need anything else; i'd be happy to; as an ai language model; i assure you; here's what's interesting; here's what caught my eye; here's what stood out; let me think step by step; here's my thought process; to answer your question; as of my knowledge cutoff; as of my last update; based on my training data; the future looks bright; exciting times lie ahead; only time will tell; one thing is certain; poised for growth; warrants further investigation; holds great promise; spanning everything from; double-edged sword; at the intersection of; the elephant in the room; it begs the question; buckle up; food for thought; let's dive in; let's unpack. REGEXES (case-insensitive): not only .{0,80}but also | it'?s not just about .+?,\\s*it'?s about | \\bit'?s not just .+?,?\\s*it'?s\\s | \\bthe (answer|secret|key|trick|truth|reality|problem|solution|takeaway|lesson|difference|reason) (is|was|isn'?t|remains)\\s*:. Deliberately EXCLUDED as too plausible in real explainer prose: bare 'robust'/'seamless'/'powerful'/'comprehensive'/'leverage'/'delve'/'in other words'/'at its core'/'when it comes to'/'the key takeaway:'/'it's worth noting'/'at the end of the day', and the bare nested-em-dash regex (too FP-prone for a static grep — left to the unslop-prose-style llm pass).",
      "fixture_violation": "A lead paragraph reading 'In today's fast-paced landscape, this architecture stands as a testament to scalability.'",
      "fp_guards": "Never scan code, labels, table headers, Mermaid labels, or [BRACKET] messages. Literal quotes/illustrative bad examples inside <blockquote>/<code> are exempt. Load-bearing technical words (leverage/navigate/harness in their literal sense) are absent from the list by design; single weak words are excluded so this stays high-precision. Overlaps with unslop-prose-phrases are resolved by the modified_checks entry (that check keeps only the however/moreover frequency heuristic).",
      "source_rules": [
        "unslop-prose-phrases (expanded)",
        "deterministic_phrase_list"
      ],
      "impl_hint": "Case-insensitive substring/regex scan over the excluded-filtered prose text; report the matched phrase + surrounding sentence."
    }
  ]
}