{
  "code": "S96",
  "name": "Callout figure",
  "shape": "callout-figure",
  "family": "Evidence and pictures",
  "fits": "One subject explained part by part: a cut-out picture in the centre with short labels on both sides, each joined to one point on the picture by a curved arrow.",
  "use_when": "When a product, a device, a place or a process object is easier to explain by pointing at its parts. If the words should stay off the picture, use S83 Captioned figure; for an abstract hub with icons, use S36 Orbit.",
  "slots": [
    {
      "name": "headline",
      "holds": "what the picture explains, top left, one line",
      "budget": "under 8 words"
    },
    {
      "name": "illustration",
      "holds": "one cut-out subject, centred, standing on the floor band; its parts placed where the arrows point (say so in data-prompt)",
      "budget": "3:4, cut-out"
    },
    {
      "name": "labels",
      "holds": "4 labels (6 with opt-six), half left and half right, each a short title and one small line",
      "budget": "title 1-3 words, line under 9 words"
    },
    {
      "name": "leaders",
      "holds": "one curved arrow per label, drawn in SVG from tokens; targets authored per picture",
      "budget": "no copy"
    },
    {
      "name": "floor",
      "holds": "a band across the foot the subject stands on",
      "budget": "no copy"
    }
  ],
  "columns": 3,
  "density": "balanced",
  "surface": "paper",
  "works_on": [
    "deck",
    "page"
  ],
  "library": "Blush",
  "dir": "S96-callout-figure",
  "semantic": {
    "audience_question": "What does each labelled part of this pictured subject do?",
    "intent": "Connect each explanation to its exact authored location on the image.",
    "reasoning_relation": "part-to-function annotation",
    "message_pattern": "[Part] performs [function], contributing to [overall purpose].",
    "required_content": [
      "States what the pictured subject helps explain.",
      "A cut-out with clearly distinguishable parts that each label genuinely identifies.",
      "Structural connectors; each arrow must terminate on the part its label describes, not on empty space.",
      "A grounding surface under the subject; not data or an additional content region.",
      "Four callouts in DOM order: left top, left bottom, right top, right bottom. Each names a part and explains its function; the leader must point to that part."
    ],
    "narrative_positions": [
      "context",
      "explanation",
      "evidence: choose only when the page supports the surrounding argument"
    ],
    "requires_before": [
      "Introduce the subject or system."
    ],
    "enables_after": [
      "Explain interactions, process or evidence about the parts."
    ],
    "slot_roles": {
      "headline": "States what the pictured subject helps explain.",
      "illustration": "A cut-out with clearly distinguishable parts that each label genuinely identifies.",
      "leaders": "Structural connectors; each arrow must terminate on the part its label describes, not on empty space.",
      "floor": "A grounding surface under the subject; not data or an additional content region.",
      "labels": "Four callouts in DOM order: left top, left bottom, right top, right bottom. Each names a part and explains its function; the leader must point to that part."
    },
    "avoid_when": [
      "A process diagram whose arrows imply causation.",
      "Labels that cannot be matched to visible parts."
    ],
    "layout_specific_contract": "One subject explained part by part: a cut-out picture in the centre with short labels on both sides, each joined to one point on the picture by a curved arrow.",
    "provenance": {
      "basis": "interpretation of the existing layout and slot contracts",
      "review": "Tessel model-authored guidance; implementation approved by Nic, 2026-10-10",
      "corpus_evidence_status": "not yet established",
      "guide": "../SEMANTICS.md"
    },
    "variation_rule": "Read the selected option’s actual markup, slot count and source record. Preserve this reasoning relationship only if the option still expresses it; flag a mismatch before adapting.",
    "reader_outcome": "Connect each explanation to its exact authored location on the image.",
    "matching": {
      "audience_question": "What does each labelled part of this pictured subject do?",
      "reader_outcome": "Connect each explanation to its exact authored location on the image.",
      "reasoning_relation": "part-to-function annotation",
      "content_shape": {
        "composition": "One subject explained part by part: a cut-out picture in the centre with short labels on both sides, each joined to one point on the picture by a curved arrow.",
        "selected_state": "One subject explained part by part: a cut-out picture in the centre with short labels on both sides, each joined to one point on the picture by a curved arrow.",
        "density": "balanced",
        "columns": 3,
        "column_note": "Base metadata only; selected option can replace the base geometry."
      },
      "required_slots": [
        {
          "name": "headline",
          "reader_question": "What does each labelled part of this pictured subject do?",
          "semantic_role": "States what the pictured subject helps explain.",
          "content_unit_count": {
            "min": 1,
            "max": 1,
            "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
          },
          "placeholder": "[REAL CONTENT · headline · what the picture explains, top left, one line]",
          "layout_budget": {
            "authored": "under 8 words",
            "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
          },
          "markup": {
            "slot": "headline",
            "occurrences": 1,
            "annotation_status": "present",
            "visibility_status": "not asserted from static parsing",
            "sample_word_counts": [
              5
            ]
          }
        },
        {
          "name": "illustration",
          "reader_question": "What subject, example or view must I inspect, and is it evidence or illustration?",
          "semantic_role": "A cut-out with clearly distinguishable parts that each label genuinely identifies.",
          "content_unit_count": {
            "min": 1,
            "max": 1,
            "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
          },
          "placeholder": "[CLEARED IMAGE OR LABELLED ILLUSTRATION · illustration · one cut-out subject, centred, standing on the floor band; its parts placed where the arrows point (say so in data-prompt)]",
          "layout_budget": {
            "authored": "3:4, cut-out",
            "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
          },
          "markup": {
            "slot": "illustration",
            "occurrences": 1,
            "annotation_status": "present",
            "visibility_status": "not asserted from static parsing",
            "sample_word_counts": [
              0
            ]
          },
          "integrity": "Clear rights and provenance, retain meaningful alt text; generated scenes illustrate and cannot prove a historical event."
        },
        {
          "name": "leaders",
          "reader_question": "What does the leaders contribute to this page’s reader outcome?",
          "semantic_role": "Structural connectors; each arrow must terminate on the part its label describes, not on empty space.",
          "content_unit_count": {
            "min": 1,
            "max": 1,
            "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
          },
          "placeholder": "[REAL CONTENT · leaders · one curved arrow per label, drawn in SVG from tokens; targets authored per picture]",
          "layout_budget": {
            "authored": "no copy",
            "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
          },
          "markup": {
            "slot": "leaders",
            "occurrences": 0,
            "annotation_status": "Semantic role explicitly mapped to authored selector; do not infer a data-slot with this name.",
            "visibility_status": "Selected-state structure inspected; conditional or decorative regions can be absent in narrow/complete states.",
            "selector": "svg.leaders"
          }
        },
        {
          "name": "floor",
          "reader_question": "What does the floor contribute to this page’s reader outcome?",
          "semantic_role": "A grounding surface under the subject; not data or an additional content region.",
          "content_unit_count": {
            "min": 1,
            "max": 1,
            "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
          },
          "placeholder": "[REAL CONTENT · floor · a band across the foot the subject stands on]",
          "layout_budget": {
            "authored": "no copy",
            "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
          },
          "markup": {
            "slot": "floor",
            "occurrences": 1,
            "annotation_status": "present",
            "visibility_status": "not asserted from static parsing",
            "sample_word_counts": [
              0
            ]
          }
        },
        {
          "name": "labels",
          "reader_question": "What does the labels contribute to this page’s reader outcome?",
          "semantic_role": "Four callouts in DOM order: left top, left bottom, right top, right bottom. Each names a part and explains its function; the leader must point to that part.",
          "content_unit_count": {
            "min": 4,
            "max": 4,
            "basis": "Authored visible members in the selected arrangement; annotation occurrences can differ."
          },
          "placeholder": "[REAL CONTENT · labels · 4 labels (6 with opt-six), half left and half right, each a short title and one small line]",
          "layout_budget": {
            "authored": "title 1-3 words, line under 9 words",
            "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
          },
          "markup": {
            "slot": "label-1",
            "occurrences": 1,
            "annotation_status": "Semantic role explicitly mapped to authored selector; do not infer a data-slot with this name.",
            "visibility_status": "Selected-state structure inspected; conditional or decorative regions can be absent in narrow/complete states.",
            "sample_word_counts": [
              7
            ],
            "selector": ".lb:not(.c5):not(.c6)"
          }
        }
      ],
      "rejection_constraints": [
        "Leader arrows targeting the wrong part or labels claiming functions the picture cannot establish.",
        "Labels pointing to the wrong part or decorative arrows that imply nonexistent relationships."
      ],
      "option_guidance": {
        "option": "default",
        "composition_delta": "One subject explained part by part: a cut-out picture in the centre with short labels on both sides, each joined to one point on the picture by a curved arrow.",
        "semantic_change": "retains base content relationship; changes presentation or disclosure",
        "matching_instruction": "Select S96 default when the supplied material answers “What does each labelled part of this pictured subject do?” through part-to-function annotation. Respect this state: One subject explained part by part: a cut-out picture in the centre with short labels on both sides, each joined to one point on the picture by a curved arrow."
      },
      "provenance": {
        "status": "inferred composition evidence",
        "author_intent": "not independently confirmed",
        "basis": [
          "retained source composition where available",
          "authored layout and slot contracts",
          "static implementation inspection"
        ],
        "source_visual_count": 1,
        "source_visual_sha256": [
          "d44332c2099ef30f345bdfea6fa5004b40f965e46aa4e804ad3bb933d2174962"
        ],
        "source_export": "private source images remain outside this draft site",
        "markup_sha256": "6517febb4e679b7a9c845ed9efc60a898ebd6d3ddf6393dc14e2a245edb70ad8",
        "limits": [
          "Static parsing inventories authored nodes; it does not certify rendered visibility, responsive fit or interactive state.",
          "Budgets are authored layout guidance, not a content-writing limit or proof of fit.",
          "Matching guidance is a draft inference; it does not establish facts, endorsement, causation or source author intent."
        ]
      },
      "adaptation_rules": [
        "Choose by audience question, reasoning relation and required content before aesthetic preference.",
        "Supply every required semantic role; retain visible unknowns as labelled real-content placeholders.",
        "A number needs source, scope and units; a quotation needs faithful wording and attribution.",
        "Do not infer importance from area, colour, depth or movement unless the content explicitly defines that encoding.",
        "Keep colour token roles, structural objects, licences and source records; changing content does not authorize changing them."
      ],
      "previous_required_slots": [
        {
          "name": "headline",
          "reader_question": "What does each labelled part of this pictured subject do?",
          "semantic_role": "what the picture explains, top left, one line",
          "content_unit_count": {
            "min": 1,
            "max": 1,
            "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
          },
          "placeholder": "[REAL CONTENT · headline · what the picture explains, top left, one line]",
          "layout_budget": {
            "authored": "under 8 words",
            "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
          },
          "markup": {
            "slot": "headline",
            "occurrences": 1,
            "annotation_status": "present",
            "visibility_status": "not asserted from static parsing",
            "sample_word_counts": [
              5
            ]
          }
        },
        {
          "name": "illustration",
          "reader_question": "What subject, example or view must I inspect, and is it evidence or illustration?",
          "semantic_role": "one cut-out subject, centred, standing on the floor band; its parts placed where the arrows point (say so in data-prompt)",
          "content_unit_count": {
            "min": 1,
            "max": 1,
            "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
          },
          "placeholder": "[CLEARED IMAGE OR LABELLED ILLUSTRATION · illustration · one cut-out subject, centred, standing on the floor band; its parts placed where the arrows point (say so in data-prompt)]",
          "layout_budget": {
            "authored": "3:4, cut-out",
            "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
          },
          "markup": {
            "slot": "illustration",
            "occurrences": 1,
            "annotation_status": "present",
            "visibility_status": "not asserted from static parsing",
            "sample_word_counts": [
              0
            ]
          },
          "integrity": "Clear rights and provenance, retain meaningful alt text; generated scenes illustrate and cannot prove a historical event."
        },
        {
          "name": "leaders",
          "reader_question": "What does the leaders contribute to this page’s reader outcome?",
          "semantic_role": "one curved arrow per label, drawn in SVG from tokens; targets authored per picture",
          "content_unit_count": {
            "min": 1,
            "max": 1,
            "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
          },
          "placeholder": "[REAL CONTENT · leaders · one curved arrow per label, drawn in SVG from tokens; targets authored per picture]",
          "layout_budget": {
            "authored": "no copy",
            "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
          },
          "markup": {
            "slot": "leaders",
            "occurrences": 0,
            "annotation_status": "unannotated semantic unit; locate in authored structure",
            "visibility_status": "not asserted from static parsing"
          }
        },
        {
          "name": "floor",
          "reader_question": "What does the floor contribute to this page’s reader outcome?",
          "semantic_role": "a band across the foot the subject stands on",
          "content_unit_count": {
            "min": 1,
            "max": 1,
            "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
          },
          "placeholder": "[REAL CONTENT · floor · a band across the foot the subject stands on]",
          "layout_budget": {
            "authored": "no copy",
            "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
          },
          "markup": {
            "slot": "floor",
            "occurrences": 1,
            "annotation_status": "present",
            "visibility_status": "not asserted from static parsing",
            "sample_word_counts": [
              0
            ]
          }
        }
      ],
      "contract_correction": {
        "date": "2026-10-13",
        "basis": "Actual selected HTML/CSS inspection; previous required slots retained for review.",
        "records": [
          {
            "code": "S96",
            "option": "default",
            "slots": [
              "headline",
              "illustration",
              "leaders",
              "floor",
              "labels"
            ],
            "counts": {
              "labels": 4
            }
          },
          {
            "code": "S96",
            "option": "default",
            "selectors": {
              "leaders": "svg.leaders",
              "labels": ".lb"
            }
          },
          {
            "code": "S96",
            "option": "default",
            "selectors": {
              "labels": ".lb:not(.c5):not(.c6)"
            },
            "reason": "Exclude the two hidden callouts from the four-member default aggregate."
          }
        ]
      }
    },
    "rejection_constraints": [
      "Leader arrows targeting the wrong part or labels claiming functions the picture cannot establish.",
      "Labels pointing to the wrong part or decorative arrows that imply nonexistent relationships."
    ],
    "markup_inventory": {
      "file": "spread.html",
      "sha256": "6517febb4e679b7a9c845ed9efc60a898ebd6d3ddf6393dc14e2a245edb70ad8",
      "method": "static lxml markup plus authored option description; no rendered-visibility claim",
      "all_markup_slot_counts": {
        "headline": 1,
        "floor": 1,
        "illustration": 1,
        "label-1": 1,
        "label-5": 1,
        "label-2": 1,
        "label-3": 1,
        "label-4": 1,
        "label-6": 1
      },
      "slot_evidence": {
        "headline": [
          {
            "tag": "h2",
            "classes": "head",
            "sample_word_count": 5,
            "repeated_children": 1
          }
        ],
        "floor": [
          {
            "tag": "div",
            "classes": "floor",
            "sample_word_count": 0,
            "repeated_children": 0
          }
        ],
        "illustration": [
          {
            "tag": "figure",
            "classes": "ph cut r-3x4 subject",
            "sample_word_count": 0,
            "repeated_children": 1
          }
        ],
        "label-1": [
          {
            "tag": "div",
            "classes": "lb l c1",
            "sample_word_count": 7,
            "repeated_children": 2
          }
        ],
        "label-5": [
          {
            "tag": "div",
            "classes": "lb l c5",
            "sample_word_count": 8,
            "repeated_children": 2
          }
        ],
        "label-2": [
          {
            "tag": "div",
            "classes": "lb l c2",
            "sample_word_count": 9,
            "repeated_children": 2
          }
        ],
        "label-3": [
          {
            "tag": "div",
            "classes": "lb r c3",
            "sample_word_count": 9,
            "repeated_children": 2
          }
        ],
        "label-4": [
          {
            "tag": "div",
            "classes": "lb r c4",
            "sample_word_count": 9,
            "repeated_children": 2
          }
        ],
        "label-6": [
          {
            "tag": "div",
            "classes": "lb r c6",
            "sample_word_count": 8,
            "repeated_children": 2
          }
        ]
      },
      "option_selectors": [
        "six"
      ],
      "linked_implementation": [
        {
          "file": "../spreads.css",
          "sha256": "32da94472b0c9131e4d5dae7d5bf0498b09202a9e66294b4e4f23e6ddfbf37ba"
        },
        {
          "file": "../spread.js",
          "sha256": "3d99948b83f750bd4ae95dac08e3e50a395de7c149c90a6f1a1c0ea36a2634a4"
        }
      ]
    },
    "variations": {
      "six": {
        "audience_question": "What does each labelled part of this pictured subject do?",
        "intent": "Connect each explanation to its exact authored location on the image.",
        "reader_outcome": "Connect each explanation to its exact authored location on the image.",
        "reasoning_relation": "part-to-function annotation",
        "slot_roles": {
          "headline": "States what the pictured subject helps explain.",
          "illustration": "A cut-out with clearly distinguishable parts that each label genuinely identifies.",
          "leaders": "Structural connectors; each arrow must terminate on the part its label describes, not on empty space.",
          "floor": "A grounding surface under the subject; not data or an additional content region.",
          "labels": "Six callouts in DOM order: left top, left middle, left bottom, right top, right middle, right bottom. Each names the function of the part at its leader endpoint."
        },
        "matching": {
          "audience_question": "What does each labelled part of this pictured subject do?",
          "reader_outcome": "Connect each explanation to its exact authored location on the image.",
          "reasoning_relation": "part-to-function annotation",
          "content_shape": {
            "composition": "One subject explained part by part: a cut-out picture in the centre with short labels on both sides, each joined to one point on the picture by a curved arrow.",
            "selected_state": "Six labels, three each side (the original has five: two left, three right)",
            "density": "balanced",
            "columns": 3,
            "column_note": "Base metadata only; selected option can replace the base geometry."
          },
          "required_slots": [
            {
              "name": "headline",
              "reader_question": "What does each labelled part of this pictured subject do?",
              "semantic_role": "States what the pictured subject helps explain.",
              "content_unit_count": {
                "min": 1,
                "max": 1,
                "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
              },
              "placeholder": "[REAL CONTENT · headline · what the picture explains, top left, one line]",
              "layout_budget": {
                "authored": "under 8 words",
                "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
              },
              "markup": {
                "slot": "headline",
                "occurrences": 1,
                "annotation_status": "present",
                "visibility_status": "not asserted from static parsing",
                "sample_word_counts": [
                  5
                ]
              }
            },
            {
              "name": "illustration",
              "reader_question": "What subject, example or view must I inspect, and is it evidence or illustration?",
              "semantic_role": "A cut-out with clearly distinguishable parts that each label genuinely identifies.",
              "content_unit_count": {
                "min": 1,
                "max": 1,
                "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
              },
              "placeholder": "[CLEARED IMAGE OR LABELLED ILLUSTRATION · illustration · one cut-out subject, centred, standing on the floor band; its parts placed where the arrows point (say so in data-prompt)]",
              "layout_budget": {
                "authored": "3:4, cut-out",
                "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
              },
              "markup": {
                "slot": "illustration",
                "occurrences": 1,
                "annotation_status": "present",
                "visibility_status": "not asserted from static parsing",
                "sample_word_counts": [
                  0
                ]
              },
              "integrity": "Clear rights and provenance, retain meaningful alt text; generated scenes illustrate and cannot prove a historical event."
            },
            {
              "name": "labels",
              "reader_question": "What does the labels contribute to this page’s reader outcome?",
              "semantic_role": "Six callouts in DOM order: left top, left middle, left bottom, right top, right middle, right bottom. Each names the function of the part at its leader endpoint.",
              "content_unit_count": {
                "min": 6,
                "max": 6,
                "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
              },
              "placeholder": "[REAL CONTENT · labels · 4 labels (6 with opt-six), half left and half right, each a short title and one small line]",
              "layout_budget": {
                "authored": "title 1-3 words, line under 9 words",
                "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
              },
              "markup": {
                "slot": "label-1",
                "occurrences": 1,
                "annotation_status": "Semantic role explicitly mapped to authored selector; do not infer a data-slot with this name.",
                "visibility_status": "Selected-state structure inspected; conditional or decorative regions can be absent in narrow/complete states.",
                "sample_word_counts": [
                  7
                ],
                "selector": ".lb"
              }
            },
            {
              "name": "leaders",
              "reader_question": "What does the leaders contribute to this page’s reader outcome?",
              "semantic_role": "Structural connectors; each arrow must terminate on the part its label describes, not on empty space.",
              "content_unit_count": {
                "min": 1,
                "max": 1,
                "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
              },
              "placeholder": "[REAL CONTENT · leaders · one curved arrow per label, drawn in SVG from tokens; targets authored per picture]",
              "layout_budget": {
                "authored": "no copy",
                "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
              },
              "markup": {
                "slot": "leaders",
                "occurrences": 0,
                "annotation_status": "Semantic role explicitly mapped to authored selector; do not infer a data-slot with this name.",
                "visibility_status": "Selected-state structure inspected; conditional or decorative regions can be absent in narrow/complete states.",
                "selector": "svg.leaders"
              }
            },
            {
              "name": "floor",
              "reader_question": "What does the floor contribute to this page’s reader outcome?",
              "semantic_role": "A grounding surface under the subject; not data or an additional content region.",
              "content_unit_count": {
                "min": 1,
                "max": 1,
                "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
              },
              "placeholder": "[REAL CONTENT · floor · a band across the foot the subject stands on]",
              "layout_budget": {
                "authored": "no copy",
                "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
              },
              "markup": {
                "slot": "floor",
                "occurrences": 1,
                "annotation_status": "present",
                "visibility_status": "not asserted from static parsing",
                "sample_word_counts": [
                  0
                ]
              }
            }
          ],
          "rejection_constraints": [
            "Leader arrows targeting the wrong part or labels claiming functions the picture cannot establish.",
            "Labels pointing to the wrong part or decorative arrows that imply nonexistent relationships."
          ],
          "option_guidance": {
            "option": "six",
            "composition_delta": "Six labels, three each side (the original has five: two left, three right)",
            "semantic_change": "retains base content relationship; changes presentation or disclosure",
            "matching_instruction": "Select S96 six when the supplied material answers “What does each labelled part of this pictured subject do?” through part-to-function annotation. Respect this state: Six labels, three each side (the original has five: two left, three right)"
          },
          "provenance": {
            "status": "inferred composition evidence",
            "author_intent": "not independently confirmed",
            "basis": [
              "retained source composition where available",
              "authored layout and slot contracts",
              "static implementation inspection"
            ],
            "source_visual_count": 1,
            "source_visual_sha256": [
              "d44332c2099ef30f345bdfea6fa5004b40f965e46aa4e804ad3bb933d2174962"
            ],
            "source_export": "private source images remain outside this draft site",
            "markup_sha256": "6517febb4e679b7a9c845ed9efc60a898ebd6d3ddf6393dc14e2a245edb70ad8",
            "limits": [
              "Static parsing inventories authored nodes; it does not certify rendered visibility, responsive fit or interactive state.",
              "Budgets are authored layout guidance, not a content-writing limit or proof of fit.",
              "Matching guidance is a draft inference; it does not establish facts, endorsement, causation or source author intent."
            ]
          },
          "adaptation_rules": [
            "Choose by audience question, reasoning relation and required content before aesthetic preference.",
            "Supply every required semantic role; retain visible unknowns as labelled real-content placeholders.",
            "A number needs source, scope and units; a quotation needs faithful wording and attribution.",
            "Do not infer importance from area, colour, depth or movement unless the content explicitly defines that encoding.",
            "Keep colour token roles, structural objects, licences and source records; changing content does not authorize changing them."
          ],
          "previous_required_slots": [
            {
              "name": "headline",
              "reader_question": "What does each labelled part of this pictured subject do?",
              "semantic_role": "what the picture explains, top left, one line",
              "content_unit_count": {
                "min": 1,
                "max": 1,
                "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
              },
              "placeholder": "[REAL CONTENT · headline · what the picture explains, top left, one line]",
              "layout_budget": {
                "authored": "under 8 words",
                "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
              },
              "markup": {
                "slot": "headline",
                "occurrences": 1,
                "annotation_status": "present",
                "visibility_status": "not asserted from static parsing",
                "sample_word_counts": [
                  5
                ]
              }
            },
            {
              "name": "illustration",
              "reader_question": "What subject, example or view must I inspect, and is it evidence or illustration?",
              "semantic_role": "one cut-out subject, centred, standing on the floor band; its parts placed where the arrows point (say so in data-prompt)",
              "content_unit_count": {
                "min": 1,
                "max": 1,
                "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
              },
              "placeholder": "[CLEARED IMAGE OR LABELLED ILLUSTRATION · illustration · one cut-out subject, centred, standing on the floor band; its parts placed where the arrows point (say so in data-prompt)]",
              "layout_budget": {
                "authored": "3:4, cut-out",
                "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
              },
              "markup": {
                "slot": "illustration",
                "occurrences": 1,
                "annotation_status": "present",
                "visibility_status": "not asserted from static parsing",
                "sample_word_counts": [
                  0
                ]
              },
              "integrity": "Clear rights and provenance, retain meaningful alt text; generated scenes illustrate and cannot prove a historical event."
            },
            {
              "name": "labels",
              "reader_question": "What does the labels contribute to this page’s reader outcome?",
              "semantic_role": "4 labels (6 with opt-six), half left and half right, each a short title and one small line",
              "content_unit_count": {
                "min": 6,
                "max": 6,
                "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
              },
              "placeholder": "[REAL CONTENT · labels · 4 labels (6 with opt-six), half left and half right, each a short title and one small line]",
              "layout_budget": {
                "authored": "title 1-3 words, line under 9 words",
                "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
              },
              "markup": {
                "slot": "label-1",
                "occurrences": 1,
                "annotation_status": "present",
                "visibility_status": "not asserted from static parsing",
                "sample_word_counts": [
                  7
                ]
              }
            },
            {
              "name": "leaders",
              "reader_question": "What does the leaders contribute to this page’s reader outcome?",
              "semantic_role": "one curved arrow per label, drawn in SVG from tokens; targets authored per picture",
              "content_unit_count": {
                "min": 1,
                "max": 1,
                "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
              },
              "placeholder": "[REAL CONTENT · leaders · one curved arrow per label, drawn in SVG from tokens; targets authored per picture]",
              "layout_budget": {
                "authored": "no copy",
                "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
              },
              "markup": {
                "slot": "leaders",
                "occurrences": 0,
                "annotation_status": "unannotated semantic unit; locate in authored structure",
                "visibility_status": "not asserted from static parsing"
              }
            },
            {
              "name": "floor",
              "reader_question": "What does the floor contribute to this page’s reader outcome?",
              "semantic_role": "a band across the foot the subject stands on",
              "content_unit_count": {
                "min": 1,
                "max": 1,
                "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
              },
              "placeholder": "[REAL CONTENT · floor · a band across the foot the subject stands on]",
              "layout_budget": {
                "authored": "no copy",
                "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
              },
              "markup": {
                "slot": "floor",
                "occurrences": 1,
                "annotation_status": "present",
                "visibility_status": "not asserted from static parsing",
                "sample_word_counts": [
                  0
                ]
              }
            }
          ],
          "contract_correction": {
            "date": "2026-10-13",
            "basis": "Actual selected HTML/CSS inspection; previous required slots retained for review.",
            "records": [
              {
                "code": "S96",
                "option": "six",
                "selectors": {
                  "leaders": "svg.leaders",
                  "labels": ".lb"
                }
              }
            ]
          }
        },
        "narrative_profile": {
          "central_point": "Named parts of a pictured whole perform different functions, and the connectors identify which part each explanation refers to.",
          "communication_job": "Explain six distinct visible parts, using three labels per side and six corresponding leaders.",
          "audience_value": "Offers explanation. It answers “Which part does what?”; an attractive metaphor is useful only when its parts preserve the intended relationship.",
          "reading_path": [
            "Read the governing headline.",
            "Inspect the whole subject before reading individual labels.",
            "Follow each label’s arrow to the relevant part and read its function.",
            "Recombine the parts into the system described by the headline."
          ],
          "adaptation": {
            "required_inputs": [
              "States what the pictured subject helps explain.",
              "A cut-out with clearly distinguishable parts that each label genuinely identifies.",
              "Structural connectors; each arrow must terminate on the part its label describes, not on empty space.",
              "A grounding surface under the subject; not data or an additional content region.",
              "Six callouts in DOM order: left top, left middle, left bottom, right top, right middle, right bottom. Each names the function of the part at its leader endpoint."
            ],
            "slot_guidance": {
              "headline": "States what the pictured subject helps explain.",
              "illustration": "A cut-out with clearly distinguishable parts that each label genuinely identifies.",
              "leaders": "Structural connectors; each arrow must terminate on the part its label describes, not on empty space.",
              "floor": "A grounding surface under the subject; not data or an additional content region.",
              "labels": "Six callouts in DOM order: left top, left middle, left bottom, right top, right middle, right bottom. Each names the function of the part at its leader endpoint."
            },
            "can_change": [
              "Replace the fictional subject and its supported content while retaining the roles and relationship described here."
            ],
            "must_survive": [
              "Every label needs the correct visual target.",
              "Change picture and leader endpoints together.",
              "The source has five callouts, but current base implements four; do not claim pixel-identical five-callout coverage."
            ]
          },
          "worked_example": {
            "fictional": true,
            "scenario": "Fictional Cedar explains a repair workstation through six functional parts.",
            "slot_fills": {
              "headline": "A repair station works as one system",
              "illustration": "Labelled fictional cut-out repair station with intake tray, parts drawers, task lamp and work surface, plus a visible issue board and stable base.",
              "leaders": "Align six endpoints to their named parts; no text fill.",
              "floor": "Keep the subtle ground plane beneath the station; no copy.",
              "labels": [
                "Intake tray | Keeps each item with its history.",
                "Issue board | Makes unresolved questions visible.",
                "Parts drawers | Makes approved replacements easy to locate.",
                "Task lamp | Illuminates the work without hiding details.",
                "Work surface | Keeps the repair area clear.",
                "Grounded base | Keeps the station stable."
              ]
            },
            "reasoning": "The leader establishes reference, not a flow between parts. The lamp and storage each support work differently; the picture should make those differences visible.",
            "qualification": "Fictional teaching example. Replace invented details with authorised content and keep any source, scope, status or uncertainty that affects interpretation."
          },
          "narrative_fit": {
            "before": "Introduce the subject or system.",
            "after": "Explain interactions, process or evidence about the parts.",
            "good_uses": [
              "An anatomy or component explanation.",
              "A clearly labelled structural metaphor."
            ],
            "poor_fits": [
              "A process diagram whose arrows imply causation.",
              "Labels that cannot be matched to visible parts."
            ]
          },
          "evidence": {
            "observations": [
              "Viewed source: a central illustrated subject has five short callouts connected from two sides.",
              "Current HTML base shows four labels (1–4) and four leader paths; six option adds labels 5–6 and substitutes six paths.",
              "Corrected matching includes aggregate labels with four items in default and six in the six option; labels and leaders are explicitly mapped to authored selectors.",
              "Current option markup/CSS: Explain six distinct visible parts, using three labels per side and six corresponding leaders."
            ],
            "interpretations": [
              "Named parts of a pictured whole perform different functions, and the connectors identify which part each explanation refers to. This is an interpretation of the inspected composition, not a verified claim of author intent."
            ],
            "not_verified": [
              "Original author intent, historical claims, persuasion and archive-wide frequency have not been independently verified."
            ],
            "references": [
              "02_product/spreads/S96-callout-figure/source.webp",
              "02_product/spreads-semantics-2026-10-13/dist/S96-callout-figure/spread.html",
              "02_product/spreads-semantics-2026-10-13/dist/S96-callout-figure/spread.json",
              "https://www.figma.com/community/file/919332717651546617/presentation-template-by-blush"
            ]
          },
          "review": {
            "status": "reviewed",
            "basis": "Viewed the base source capture and inspected this option’s current markup, CSS and matching contract. No distinct option-source capture was reviewed unless explicitly stated in observations. Rechecked integrated matching on 2026-10-13: required roles, example fills and repeated-item counts agree. Previously provisional because the default contract omitted labels and the six-label aggregate lacked explicit mapping. The integrated contract now maps labels and leaders explicitly and specifies the selected state’s four or six labels. Historical issue details remain in contract-issues-reading.json. This review does not establish original author intent or verify playback."
          },
          "variation_relationship": "same-job"
        },
        "required_content": [
          "States what the pictured subject helps explain.",
          "A cut-out with clearly distinguishable parts that each label genuinely identifies.",
          "Structural connectors; each arrow must terminate on the part its label describes, not on empty space.",
          "A grounding surface under the subject; not data or an additional content region.",
          "Six callouts in DOM order: left top, left middle, left bottom, right top, right middle, right bottom. Each names the function of the part at its leader endpoint."
        ],
        "requires_before": [
          "Introduce the subject or system."
        ],
        "enables_after": [
          "Explain interactions, process or evidence about the parts."
        ],
        "avoid_when": [
          "A process diagram whose arrows imply causation.",
          "Labels that cannot be matched to visible parts."
        ]
      }
    },
    "narrative_profile": {
      "central_point": "Named parts of a pictured whole perform different functions, and the connectors identify which part each explanation refers to.",
      "communication_job": "Explain a subject part by part with unambiguous visual references.",
      "audience_value": "Offers explanation. It answers “Which part does what?”; an attractive metaphor is useful only when its parts preserve the intended relationship.",
      "reading_path": [
        "Read the governing headline.",
        "Inspect the whole subject before reading individual labels.",
        "Follow each label’s arrow to the relevant part and read its function.",
        "Recombine the parts into the system described by the headline."
      ],
      "adaptation": {
        "required_inputs": [
          "States what the pictured subject helps explain.",
          "A cut-out with clearly distinguishable parts that each label genuinely identifies.",
          "Structural connectors; each arrow must terminate on the part its label describes, not on empty space.",
          "A grounding surface under the subject; not data or an additional content region.",
          "Four callouts in DOM order: left top, left bottom, right top, right bottom. Each names a part and explains its function; the leader must point to that part."
        ],
        "slot_guidance": {
          "headline": "States what the pictured subject helps explain.",
          "illustration": "A cut-out with clearly distinguishable parts that each label genuinely identifies.",
          "leaders": "Structural connectors; each arrow must terminate on the part its label describes, not on empty space.",
          "floor": "A grounding surface under the subject; not data or an additional content region.",
          "labels": "Four callouts in DOM order: left top, left bottom, right top, right bottom. Each names a part and explains its function; the leader must point to that part."
        },
        "can_change": [
          "Replace the fictional subject and its supported content while retaining the roles and relationship described here."
        ],
        "must_survive": [
          "Every label needs the correct visual target.",
          "Change picture and leader endpoints together.",
          "The source has five callouts, but current base implements four; do not claim pixel-identical five-callout coverage."
        ]
      },
      "worked_example": {
        "fictional": true,
        "scenario": "Fictional Cedar explains a repair workstation through four functional parts.",
        "slot_fills": {
          "headline": "A repair station works as one system",
          "illustration": "Labelled fictional cut-out diorama: workbench above a storage unit, intake tray on the left, task lamp above right, labelled parts drawers below.",
          "leaders": "Align the four arrow endpoints to the named tray, drawers, lamp and surface; no text fill.",
          "floor": "Keep the subtle ground plane beneath the station; no copy.",
          "labels": [
            "Intake tray | Keeps each item with its history.",
            "Parts drawers | Makes approved replacements easy to locate.",
            "Task lamp | Illuminates the work without hiding details.",
            "Work surface | Keeps the repair area clear."
          ]
        },
        "reasoning": "The leader establishes reference, not a flow between parts. The lamp and storage each support work differently; the picture should make those differences visible.",
        "qualification": "Fictional teaching example. Replace invented details with authorised content and keep any source, scope, status or uncertainty that affects interpretation."
      },
      "narrative_fit": {
        "before": "Introduce the subject or system.",
        "after": "Explain interactions, process or evidence about the parts.",
        "good_uses": [
          "An anatomy or component explanation.",
          "A clearly labelled structural metaphor."
        ],
        "poor_fits": [
          "A process diagram whose arrows imply causation.",
          "Labels that cannot be matched to visible parts."
        ]
      },
      "evidence": {
        "observations": [
          "Viewed source: a central illustrated subject has five short callouts connected from two sides.",
          "Current HTML base shows four labels (1–4) and four leader paths; six option adds labels 5–6 and substitutes six paths.",
          "Corrected matching includes aggregate labels with four items in default and six in the six option; labels and leaders are explicitly mapped to authored selectors."
        ],
        "interpretations": [
          "Named parts of a pictured whole perform different functions, and the connectors identify which part each explanation refers to. This is an interpretation of the inspected composition, not a verified claim of author intent."
        ],
        "not_verified": [
          "Original author intent, historical claims, persuasion and archive-wide frequency have not been independently verified."
        ],
        "references": [
          "02_product/spreads/S96-callout-figure/source.webp",
          "02_product/spreads-semantics-2026-10-13/dist/S96-callout-figure/spread.html",
          "02_product/spreads-semantics-2026-10-13/dist/S96-callout-figure/spread.json",
          "https://www.figma.com/community/file/919332717651546617/presentation-template-by-blush"
        ]
      },
      "review": {
        "status": "reviewed",
        "basis": "Viewed the retained five-callout source and current four-callout base HTML/CSS; reviewed the fictional adaptation at layout-contract level. Rechecked integrated matching on 2026-10-13: required roles, example fills and repeated-item counts agree. Previously provisional because the default contract omitted labels and the six-label aggregate lacked explicit mapping. The integrated contract now maps labels and leaders explicitly and specifies the selected state’s four or six labels. Historical issue details remain in contract-issues-reading.json. This review does not establish original author intent or verify playback."
      },
      "variation_relationship": "base"
    }
  },
  "options": [
    {
      "id": "six",
      "what": "Six labels, three each side (the original has five: two left, three right)"
    }
  ],
  "also_seen_in": [],
  "source": {
    "ref": "Blush 09",
    "url": "https://www.figma.com/community/file/919332717651546617/presentation-template-by-blush"
  }
}