[
  {
    "id": "global-header",
    "name": "Global header",
    "group": "shell",
    "criticality": "Critical",
    "purpose": "Owns persistent global navigation and the primary conversion action.",
    "element": "header",
    "sourceSelector": ".fig-suku18",
    "observed": true,
    "source": "evidence/home/home-1440.json",
    "sourceRules": [
      ".fig-suku18{position:fixed;inset:0 0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:var(--global-cursor-default);letter-spacing:-0.00875rem;width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fig-theme-bg, #FFFFFF);color:var(--fig-theme-fg, #000000);z-index:25;-webkit-transition:background 0.4s cubic-bezier(.8,0,.2,1);transition:background 0.4s cubic-bezier(.8,0,.2,1);}"
    ],
    "geometry": {
      "id": "global-header",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "https://www.figma.com/",
      "selector": ".fig-suku18",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "Products\nSolutions\nCommunity\nResources\nPricing\nLog in\nContact sales\nGet started for free",
      "box": {
        "x": 0,
        "y": 0,
        "width": 1440,
        "height": 78.390625
      },
      "computed": {
        "box-sizing": "border-box",
        "display": "flex",
        "position": "fixed",
        "width": "1440px",
        "height": "78.3906px",
        "min-width": "0px",
        "max-width": "none",
        "min-height": "0px",
        "max-height": "none",
        "margin-top": "0px",
        "margin-right": "0px",
        "margin-bottom": "0px",
        "margin-left": "0px",
        "padding-top": "0px",
        "padding-right": "0px",
        "padding-bottom": "0px",
        "padding-left": "0px",
        "border-top": "0px none rgb(0, 0, 0)",
        "border-right": "0px none rgb(0, 0, 0)",
        "border-bottom": "0px none rgb(0, 0, 0)",
        "border-left": "0px none rgb(0, 0, 0)",
        "border-radius": "0px",
        "row-gap": "normal",
        "column-gap": "normal",
        "grid-template-columns": "none",
        "flex-direction": "row",
        "flex-wrap": "nowrap",
        "align-items": "center",
        "justify-content": "normal",
        "overflow": "visible",
        "transform": "none",
        "font-family": "figmaSans, \"figmaSans Fallback\", \"SF Pro Display\", system-ui, helvetica, sans-serif",
        "font-size": "16px",
        "font-weight": "400",
        "line-height": "23.2px",
        "letter-spacing": "-0.14px",
        "white-space": "normal",
        "text-transform": "none",
        "color": "rgb(0, 0, 0)",
        "background-color": "rgb(255, 255, 255)",
        "z-index": "25",
        "transition": "background 0.4s cubic-bezier(0.8, 0, 0.2, 1)",
        "box-shadow": "none"
      },
      "children": [
        {
          "tag": "DIV",
          "text": "ProductsWhat you can do in figmaDesign and exploreBuild and ",
          "box": {
            "x": 0,
            "y": 0,
            "width": 1440,
            "height": 78.390625
          }
        }
      ],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "evidence/home/home-1440.json",
      "status": "Partial",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"global-header\"]",
    "provenance": "measured root; reconstructed local contract",
    "states": [
      "default",
      "long-content",
      "missing-content"
    ],
    "behavior": "Natural document scroll. Header stays above content. Mobile disclosure closes with Escape; skip link targets main content.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Owns persistent global navigation and the primary conversion action.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#global-header",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 1869.21875,
          "width": 308,
          "height": 71,
          "top": 1869.21875,
          "right": 349,
          "bottom": 1940.21875,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "flex",
          "position": "static",
          "width": "308px",
          "height": "71px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "12px",
          "padding-right": "12px",
          "padding-bottom": "12px",
          "padding-left": "12px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "1px solid rgb(170, 170, 170)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "16px",
          "column-gap": "16px",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "center",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(255, 255, 255)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "IMG",
            "text": "",
            "box": {
              "x": 53,
              "y": 1889.96875,
              "width": 19,
              "height": 28.5,
              "top": 1889.96875,
              "right": 72,
              "bottom": 1918.46875,
              "left": 53
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "19px",
              "height": "28.5px",
              "min-width": "auto",
              "max-width": "100%",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "clip",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "SPAN",
            "text": "Products ⌄",
            "box": {
              "x": 88,
              "y": 1894.0625,
              "width": 69.75,
              "height": 20.296875,
              "top": 1894.0625,
              "right": 157.75,
              "bottom": 1914.359375,
              "left": 88
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "69.75px",
              "height": "20.2969px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "20.3px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "Explore",
            "box": {
              "x": 275.09375,
              "y": 1881.21875,
              "width": 61.90625,
              "height": 46,
              "top": 1881.21875,
              "right": 337,
              "bottom": 1927.21875,
              "left": 275.09375
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "flex",
              "position": "static",
              "width": "61.9062px",
              "height": "46px",
              "min-width": "auto",
              "max-width": "100%",
              "min-height": "46px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "101.344px",
              "padding-top": "10px",
              "padding-right": "10px",
              "padding-bottom": "10px",
              "padding-left": "10px",
              "border-top": "1px solid rgb(0, 0, 0)",
              "border-right": "1px solid rgb(0, 0, 0)",
              "border-bottom": "1px solid rgb(0, 0, 0)",
              "border-left": "1px solid rgb(0, 0, 0)",
              "border-radius": "8px",
              "row-gap": "8px",
              "column-gap": "8px",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "center",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "12px",
              "font-weight": "320",
              "line-height": "15.6px",
              "letter-spacing": "normal",
              "white-space": "nowrap",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgb(0, 0, 0)",
              "z-index": "auto",
              "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 1607.078125,
          "width": 622,
          "height": 79.796875,
          "top": 1607.078125,
          "right": 695,
          "bottom": 1686.875,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "flex",
          "position": "static",
          "width": "622px",
          "height": "79.7969px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "16px",
          "padding-right": "16px",
          "padding-bottom": "16px",
          "padding-left": "16px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "1px solid rgb(170, 170, 170)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "24px",
          "column-gap": "24px",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "center",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(255, 255, 255)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "IMG",
            "text": "",
            "box": {
              "x": 89,
              "y": 1632.21875,
              "width": 19,
              "height": 28.5,
              "top": 1632.21875,
              "right": 108,
              "bottom": 1660.71875,
              "left": 89
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "19px",
              "height": "28.5px",
              "min-width": "auto",
              "max-width": "100%",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "clip",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "SPAN",
            "text": "Products ⌄",
            "box": {
              "x": 132,
              "y": 1634.875,
              "width": 79.6875,
              "height": 23.1875,
              "top": 1634.875,
              "right": 211.6875,
              "bottom": 1658.0625,
              "left": 132
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "79.6875px",
              "height": "23.1875px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "Explore",
            "box": {
              "x": 579.796875,
              "y": 1623.078125,
              "width": 99.203125,
              "height": 46.796875,
              "top": 1623.078125,
              "right": 679,
              "bottom": 1669.875,
              "left": 579.796875
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "flex",
              "position": "static",
              "width": "99.2031px",
              "height": "46.7969px",
              "min-width": "auto",
              "max-width": "100%",
              "min-height": "46px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "344.109px",
              "padding-top": "12px",
              "padding-right": "22px",
              "padding-bottom": "12px",
              "padding-left": "22px",
              "border-top": "1px solid rgb(0, 0, 0)",
              "border-right": "1px solid rgb(0, 0, 0)",
              "border-bottom": "1px solid rgb(0, 0, 0)",
              "border-left": "1px solid rgb(0, 0, 0)",
              "border-radius": "8px",
              "row-gap": "8px",
              "column-gap": "8px",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "center",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "20.8px",
              "letter-spacing": "normal",
              "white-space": "nowrap",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgb(0, 0, 0)",
              "z-index": "auto",
              "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 1470.1875,
          "width": 1262,
          "height": 79.796875,
          "top": 1470.1875,
          "right": 1351,
          "bottom": 1549.984375,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "flex",
          "position": "static",
          "width": "1262px",
          "height": "79.7969px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "16px",
          "padding-right": "16px",
          "padding-bottom": "16px",
          "padding-left": "16px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "1px solid rgb(170, 170, 170)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "24px",
          "column-gap": "24px",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "center",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(255, 255, 255)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "IMG",
            "text": "",
            "box": {
              "x": 105,
              "y": 1495.328125,
              "width": 19,
              "height": 28.5,
              "top": 1495.328125,
              "right": 124,
              "bottom": 1523.828125,
              "left": 105
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "19px",
              "height": "28.5px",
              "min-width": "auto",
              "max-width": "100%",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "clip",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "SPAN",
            "text": "Products ⌄",
            "box": {
              "x": 148,
              "y": 1497.984375,
              "width": 79.6875,
              "height": 23.1875,
              "top": 1497.984375,
              "right": 227.6875,
              "bottom": 1521.171875,
              "left": 148
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "79.6875px",
              "height": "23.1875px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "Explore",
            "box": {
              "x": 1235.796875,
              "y": 1486.1875,
              "width": 99.203125,
              "height": 46.796875,
              "top": 1486.1875,
              "right": 1335,
              "bottom": 1532.984375,
              "left": 1235.796875
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "flex",
              "position": "static",
              "width": "99.2031px",
              "height": "46.7969px",
              "min-width": "auto",
              "max-width": "100%",
              "min-height": "46px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "984.109px",
              "padding-top": "12px",
              "padding-right": "22px",
              "padding-bottom": "12px",
              "padding-left": "22px",
              "border-top": "1px solid rgb(0, 0, 0)",
              "border-right": "1px solid rgb(0, 0, 0)",
              "border-bottom": "1px solid rgb(0, 0, 0)",
              "border-left": "1px solid rgb(0, 0, 0)",
              "border-radius": "8px",
              "row-gap": "8px",
              "column-gap": "8px",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "center",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "20.8px",
              "letter-spacing": "normal",
              "white-space": "nowrap",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgb(0, 0, 0)",
              "z-index": "auto",
              "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "nav-disclosure",
    "name": "Navigation disclosure",
    "group": "navigation",
    "criticality": "Important",
    "purpose": "Reveals a grouped product menu without leaving the current route.",
    "element": "button",
    "sourceSelector": ".fig-7comqs",
    "observed": true,
    "source": "evidence/home/home-1440.json",
    "sourceRules": [
      ".fig-7comqs{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;padding:0;margin:0;background:transparent;border:0;color:inherit;font-size:inherit;font-weight:inherit;font-variation-settings:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;padding:0.5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fig-theme-fg, #000000);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-decoration:none;text-decoration:none;}",
      ".fig-7comqs:after{content:'';opacity:0;-webkit-transform:translateY(0.1875rem) scaleY(0);-moz-transform:translateY(0.1875rem) scaleY(0);-ms-transform:translateY(0.1875rem) scaleY(0);transform:translateY(0.1875rem) scaleY(0);-webkit-transition:-webkit-transform 250ms,opacity 250ms;transition:transform 250ms,opacity 250ms;transform-origin:center left;}",
      ".fig-7comqs .nav-highlight{position:relative;display:inline-block;}",
      ".fig-7comqs .nav-highlight:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;opacity:0;-webkit-transform:translateY(3px) scaleY(0);-moz-transform:translateY(3px) scaleY(0);-ms-transform:translateY(3px) scaleY(0);transform:translateY(3px) scaleY(0);-webkit-transition:-webkit-transform 250ms,opacity 250ms;transition:transform 250ms,opacity 250ms;transform-origin:center left;}",
      ".fig-7comqs:hover{-webkit-text-decoration:none;text-decoration:none;}",
      ".fig-7comqs:hover .nav-highlight:after{opacity:1;-webkit-transform:translateY(0) scaleY(1);-moz-transform:translateY(0) scaleY(1);-ms-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1);}"
    ],
    "geometry": {
      "id": "nav-disclosure",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "https://www.figma.com/",
      "selector": ".fig-7comqs",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "Products",
      "box": {
        "x": 83,
        "y": 19.59375,
        "width": 101.484375,
        "height": 39.1875
      },
      "computed": {
        "box-sizing": "border-box",
        "display": "flex",
        "position": "static",
        "width": "101.484px",
        "height": "39.1875px",
        "min-width": "auto",
        "max-width": "none",
        "min-height": "auto",
        "max-height": "none",
        "margin-top": "0px",
        "margin-right": "0px",
        "margin-bottom": "0px",
        "margin-left": "0px",
        "padding-top": "8px",
        "padding-right": "8px",
        "padding-bottom": "8px",
        "padding-left": "8px",
        "border-top": "0px none rgb(0, 0, 0)",
        "border-right": "0px none rgb(0, 0, 0)",
        "border-bottom": "0px none rgb(0, 0, 0)",
        "border-left": "0px none rgb(0, 0, 0)",
        "border-radius": "0px",
        "row-gap": "normal",
        "column-gap": "normal",
        "grid-template-columns": "none",
        "flex-direction": "row",
        "flex-wrap": "nowrap",
        "align-items": "center",
        "justify-content": "normal",
        "overflow": "visible",
        "transform": "none",
        "font-family": "figmaSans, \"figmaSans Fallback\", \"SF Pro Display\", system-ui, helvetica, sans-serif",
        "font-size": "18px",
        "font-weight": "330",
        "line-height": "25.2px",
        "letter-spacing": "-0.14px",
        "white-space": "normal",
        "text-transform": "none",
        "color": "rgb(0, 0, 0)",
        "background-color": "rgba(0, 0, 0, 0)",
        "z-index": "auto",
        "transition": "all",
        "box-shadow": "none"
      },
      "children": [
        {
          "tag": "SPAN",
          "text": "Products",
          "box": {
            "x": 91,
            "y": 27.59375,
            "width": 65.484375,
            "height": 23.1875
          }
        },
        {
          "tag": "svg",
          "text": "",
          "box": {
            "x": 158.484375,
            "y": 30.1875,
            "width": 18,
            "height": 18
          }
        }
      ],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "evidence/home/home-1440.json",
      "status": "Partial",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"nav-disclosure\"]",
    "provenance": "measured root; reconstructed local contract",
    "states": [
      "default",
      "expanded",
      "collapsed"
    ],
    "behavior": "Local contract: native details/summary exposes the expanded state and toggles with click, Enter, or Space. The local Escape enhancement closes an open disclosure from its summary or contents and returns focus to the summary. Closed content is untabbable. This is a reconstructed navigation specimen, not Figma’s private menu implementation.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Reveals a grouped product menu without leaving the current route.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/disclosure-regression/verify.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#nav-disclosure",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 3781.734375,
          "width": 308,
          "height": 53,
          "top": 3781.734375,
          "right": 349,
          "bottom": 3834.734375,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "308px",
          "height": "53px",
          "min-width": "0px",
          "max-width": "420px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SUMMARY",
            "text": "Products",
            "box": {
              "x": 41,
              "y": 3781.734375,
              "width": 308,
              "height": 53,
              "top": 3781.734375,
              "right": 349,
              "bottom": 3834.734375,
              "left": 41
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "list-item",
              "position": "static",
              "width": "308px",
              "height": "53px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "44px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "4px",
              "padding-bottom": "12px",
              "padding-left": "4px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "20px",
              "font-weight": "320",
              "line-height": "29px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "DIV",
            "text": "Figma DesignFigma MakeFigJam",
            "box": {
              "x": 41,
              "y": 3834.734375,
              "width": 308,
              "height": 157.5625,
              "top": 3834.734375,
              "right": 349,
              "bottom": 3992.296875,
              "left": 41
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "flex",
              "position": "static",
              "width": "308px",
              "height": "157.562px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "24px",
              "padding-right": "24px",
              "padding-bottom": "24px",
              "padding-left": "24px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "20px",
              "column-gap": "20px",
              "grid-template-columns": "none",
              "flex-direction": "column",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 2882.078125,
          "width": 420,
          "height": 53,
          "top": 2882.078125,
          "right": 493,
          "bottom": 2935.078125,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "420px",
          "height": "53px",
          "min-width": "0px",
          "max-width": "420px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SUMMARY",
            "text": "Products",
            "box": {
              "x": 73,
              "y": 2882.078125,
              "width": 420,
              "height": 53,
              "top": 2882.078125,
              "right": 493,
              "bottom": 2935.078125,
              "left": 73
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "list-item",
              "position": "static",
              "width": "420px",
              "height": "53px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "44px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "4px",
              "padding-bottom": "12px",
              "padding-left": "4px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "20px",
              "font-weight": "320",
              "line-height": "29px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "DIV",
            "text": "Figma DesignFigma MakeFigJam",
            "box": {
              "x": 73,
              "y": 2935.078125,
              "width": 420,
              "height": 157.5625,
              "top": 2935.078125,
              "right": 493,
              "bottom": 3092.640625,
              "left": 73
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "flex",
              "position": "static",
              "width": "420px",
              "height": "157.562px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "24px",
              "padding-right": "24px",
              "padding-bottom": "24px",
              "padding-left": "24px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "20px",
              "column-gap": "20px",
              "grid-template-columns": "none",
              "flex-direction": "column",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 2564.328125,
          "width": 420,
          "height": 53,
          "top": 2564.328125,
          "right": 509,
          "bottom": 2617.328125,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "420px",
          "height": "53px",
          "min-width": "0px",
          "max-width": "420px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SUMMARY",
            "text": "Products",
            "box": {
              "x": 89,
              "y": 2564.328125,
              "width": 420,
              "height": 53,
              "top": 2564.328125,
              "right": 509,
              "bottom": 2617.328125,
              "left": 89
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "list-item",
              "position": "static",
              "width": "420px",
              "height": "53px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "44px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "4px",
              "padding-bottom": "12px",
              "padding-left": "4px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "20px",
              "font-weight": "320",
              "line-height": "29px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "DIV",
            "text": "Figma DesignFigma MakeFigJam",
            "box": {
              "x": 89,
              "y": 2617.328125,
              "width": 420,
              "height": 157.5625,
              "top": 2617.328125,
              "right": 509,
              "bottom": 2774.890625,
              "left": 89
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "flex",
              "position": "static",
              "width": "420px",
              "height": "157.562px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "24px",
              "padding-right": "24px",
              "padding-bottom": "24px",
              "padding-left": "24px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "20px",
              "column-gap": "20px",
              "grid-template-columns": "none",
              "flex-direction": "column",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "primary-action",
    "name": "Primary action",
    "group": "actions",
    "criticality": "Critical",
    "purpose": "One primary next step per decision group.",
    "element": "a",
    "sourceSelector": ".fig-4rcs94",
    "observed": true,
    "source": "evidence/home/home-1440.json",
    "sourceRules": [
      ".fig-4rcs94{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-text-decoration:none;text-decoration:none;background:none;border:none;-webkit-transition:background 180ms ease-out,box-shadow 180ms ease-out;transition:background 180ms ease-out,box-shadow 180ms ease-out;width:100%;padding:var(--fig-space-12, 0.75rem);border-radius:var(--fig-radius-8, 0.5rem);background:var(--fig-theme-btn-primary-bg, #000000);color:var(--fig-theme-btn-primary-fg, #FFFFFF);padding:var(--fig-space-12, 0.75rem) 1.375rem;display:none;}",
      ".fig-4rcs94:hover{-webkit-text-decoration:none;text-decoration:none;}",
      ".fig-4rcs94:hover{-webkit-text-decoration:none;text-decoration:none;}",
      ".fig-4rcs94 .btn-icon{margin-block:-1.25rem;}",
      ".fig-4rcs94 .btn-inner.has-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;}",
      ".fig-4rcs94 .btn-inner >.btn-builtin-icon{opacity:0;-webkit-transition:opacity 180ms ease-out;transition:opacity 180ms ease-out;}",
      ".fig-4rcs94 .btn-inner .btn-text{text-align:center;-webkit-transition:translate 180ms ease-out;transition:translate 180ms ease-out;display:inline-block;padding-inline:var(--fig-space-4, 0.25rem);}",
      ".fig-4rcs94[data-loading='true'] .btn-inner:not(.no-arrow) .btn-text{-webkit-translate:-0.5625rem;-moz-translate:-0.5625rem;-ms-translate:-0.5625rem;translate:-0.5625rem;}",
      ".fig-4rcs94:hover .btn-inner:not(.no-arrow) .btn-text{-webkit-translate:-0.5625rem;-moz-translate:-0.5625rem;-ms-translate:-0.5625rem;translate:-0.5625rem;}",
      ".fig-4rcs94:hover .btn-inner:not(.no-arrow) >.btn-builtin-icon{opacity:1;}",
      ".fig-4rcs94{width:auto;}",
      ".fig-4rcs94 .btn-inner .btn-icon>svg{width:1.25rem;height:1.25rem;}",
      ".fig-4rcs94:hover,.fig-4rcs94:active{background:var(--fig-theme-btn-primary-bg-hover, color-mix(in oklch, #000000, transparent 15%));}",
      ".fig-4rcs94{display:block;}"
    ],
    "geometry": {
      "id": "primary-action",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "https://www.figma.com/",
      "selector": ".fig-4rcs94",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "Get started for free",
      "box": {
        "x": 1207.453125,
        "y": 16,
        "width": 192.546875,
        "height": 46.390625
      },
      "computed": {
        "box-sizing": "border-box",
        "display": "block",
        "position": "static",
        "width": "192.547px",
        "height": "46.3906px",
        "min-width": "0px",
        "max-width": "none",
        "min-height": "0px",
        "max-height": "none",
        "margin-top": "0px",
        "margin-right": "0px",
        "margin-bottom": "0px",
        "margin-left": "0px",
        "padding-top": "12px",
        "padding-right": "22px",
        "padding-bottom": "12px",
        "padding-left": "22px",
        "border-top": "0px none rgb(255, 255, 255)",
        "border-right": "0px none rgb(255, 255, 255)",
        "border-bottom": "0px none rgb(255, 255, 255)",
        "border-left": "0px none rgb(255, 255, 255)",
        "border-radius": "8px",
        "row-gap": "normal",
        "column-gap": "normal",
        "grid-template-columns": "none",
        "flex-direction": "row",
        "flex-wrap": "nowrap",
        "align-items": "normal",
        "justify-content": "center",
        "overflow": "visible",
        "transform": "none",
        "font-family": "figmaSans, \"figmaSans Fallback\", \"SF Pro Display\", system-ui, helvetica, sans-serif",
        "font-size": "18px",
        "font-weight": "330",
        "line-height": "25.2px",
        "letter-spacing": "-0.14px",
        "white-space": "normal",
        "text-transform": "none",
        "color": "rgb(255, 255, 255)",
        "background-color": "rgb(0, 0, 0)",
        "z-index": "auto",
        "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
        "box-shadow": "none"
      },
      "children": [
        {
          "tag": "SPAN",
          "text": "Get started for free",
          "box": {
            "x": 1229.453125,
            "y": 28,
            "width": 148.546875,
            "height": 22.390625
          }
        }
      ],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "evidence/home/home-1440.json",
      "status": "Partial",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"primary-action\"]",
    "provenance": "measured root; reconstructed local contract",
    "states": [
      "default",
      "hover",
      "focus",
      "active",
      "disabled",
      "loading"
    ],
    "behavior": "Native link/button. Enter activates; Space activates buttons. Hover reveals the arrow; focus ring stays outside the border. Disabled buttons do not dispatch. Loading retains label and width.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "One primary next step per decision group.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#primary-action",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 5694.25,
          "width": 219.265625,
          "height": 49.390625,
          "top": 5694.25,
          "right": 260.265625,
          "bottom": 5743.640625,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "inline-flex",
          "position": "static",
          "width": "219.266px",
          "height": "49.3906px",
          "min-width": "0px",
          "max-width": "100%",
          "min-height": "48px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "12px",
          "padding-right": "22px",
          "padding-bottom": "12px",
          "padding-left": "22px",
          "border-top": "1px solid rgb(0, 0, 0)",
          "border-right": "1px solid rgb(0, 0, 0)",
          "border-bottom": "1px solid rgb(0, 0, 0)",
          "border-left": "1px solid rgb(0, 0, 0)",
          "border-radius": "8px",
          "row-gap": "8px",
          "column-gap": "8px",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "center",
          "justify-content": "center",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "18px",
          "font-weight": "320",
          "line-height": "23.4px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(255, 255, 255)",
          "background-color": "rgb(0, 0, 0)",
          "z-index": "auto",
          "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SPAN",
            "text": "↗",
            "box": {
              "x": 222.171875,
              "y": 5707.25,
              "width": 15.09375,
              "height": 23.390625,
              "top": 5707.25,
              "right": 237.265625,
              "bottom": 5730.640625,
              "left": 222.171875
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "15.0938px",
              "height": "23.3906px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "18px",
              "font-weight": "320",
              "line-height": "23.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "transform 0.18s ease-out",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 4180.265625,
          "width": 219.265625,
          "height": 49.390625,
          "top": 4180.265625,
          "right": 292.265625,
          "bottom": 4229.65625,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "inline-flex",
          "position": "static",
          "width": "219.266px",
          "height": "49.3906px",
          "min-width": "0px",
          "max-width": "100%",
          "min-height": "48px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "12px",
          "padding-right": "22px",
          "padding-bottom": "12px",
          "padding-left": "22px",
          "border-top": "1px solid rgb(0, 0, 0)",
          "border-right": "1px solid rgb(0, 0, 0)",
          "border-bottom": "1px solid rgb(0, 0, 0)",
          "border-left": "1px solid rgb(0, 0, 0)",
          "border-radius": "8px",
          "row-gap": "8px",
          "column-gap": "8px",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "center",
          "justify-content": "center",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "18px",
          "font-weight": "320",
          "line-height": "23.4px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(255, 255, 255)",
          "background-color": "rgb(0, 0, 0)",
          "z-index": "auto",
          "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SPAN",
            "text": "↗",
            "box": {
              "x": 254.171875,
              "y": 4193.265625,
              "width": 15.09375,
              "height": 23.390625,
              "top": 4193.265625,
              "right": 269.265625,
              "bottom": 4216.65625,
              "left": 254.171875
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "15.0938px",
              "height": "23.3906px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "18px",
              "font-weight": "320",
              "line-height": "23.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "transform 0.18s ease-out",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 3658.46875,
          "width": 219.265625,
          "height": 49.390625,
          "top": 3658.46875,
          "right": 308.265625,
          "bottom": 3707.859375,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "inline-flex",
          "position": "static",
          "width": "219.266px",
          "height": "49.3906px",
          "min-width": "0px",
          "max-width": "100%",
          "min-height": "48px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "12px",
          "padding-right": "22px",
          "padding-bottom": "12px",
          "padding-left": "22px",
          "border-top": "1px solid rgb(0, 0, 0)",
          "border-right": "1px solid rgb(0, 0, 0)",
          "border-bottom": "1px solid rgb(0, 0, 0)",
          "border-left": "1px solid rgb(0, 0, 0)",
          "border-radius": "8px",
          "row-gap": "8px",
          "column-gap": "8px",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "center",
          "justify-content": "center",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "18px",
          "font-weight": "320",
          "line-height": "23.4px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(255, 255, 255)",
          "background-color": "rgb(0, 0, 0)",
          "z-index": "auto",
          "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SPAN",
            "text": "↗",
            "box": {
              "x": 270.171875,
              "y": 3671.46875,
              "width": 15.09375,
              "height": 23.390625,
              "top": 3671.46875,
              "right": 285.265625,
              "bottom": 3694.859375,
              "left": 270.171875
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "15.0938px",
              "height": "23.3906px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "18px",
              "font-weight": "320",
              "line-height": "23.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "transform 0.18s ease-out",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "secondary-action",
    "name": "Secondary action",
    "group": "actions",
    "criticality": "Important",
    "purpose": "Supporting destination beside the primary action.",
    "element": "a",
    "sourceSelector": ".fig-42wdr4",
    "observed": true,
    "source": "evidence/home/home-1440.json",
    "sourceRules": [
      ".fig-42wdr4{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-text-decoration:none;text-decoration:none;background:none;border:none;-webkit-transition:background 180ms ease-out,box-shadow 180ms ease-out;transition:background 180ms ease-out,box-shadow 180ms ease-out;width:100%;padding:var(--fig-space-12, 0.75rem);border-radius:var(--fig-radius-8, 0.5rem);background:var(--fig-theme-btn-secondary-bg, color-mix(in oklch, #000000, transparent 100%));box-shadow:inset 0 0 0 1px var(--fig-theme-border, color-mix(in oklch, #000000, transparent 84%));color:var(--fig-theme-btn-secondary-fg, #000000);padding:var(--fig-space-12, 0.75rem) 1.375rem;font-family:var(--global-font-sans, 'figmaSans', 'figmaSans Fallback', SF Pro Display, system-ui, helvetica, sans-serif);font-optical-sizing:auto;font-size:var(--fig-typography-size-body);line-height:var(--fig-typography-lh-loose);letter-spacing:var(--fig-typography-ls-none);font-weight:var(--fig-typography-weight);font-variation-settings:\"wdth\" var(--fig-typography-variation-wdth-narrow),\"wght\" var(--fig-typography-variation-wght-regular);display:none;}",
      ".fig-42wdr4:hover{-webkit-text-decoration:none;text-decoration:none;}",
      ".fig-42wdr4:hover{-webkit-text-decoration:none;text-decoration:none;}",
      ".fig-42wdr4 .btn-icon{margin-block:-1.25rem;}",
      ".fig-42wdr4 .btn-inner.has-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;}",
      ".fig-42wdr4 .btn-inner >.btn-builtin-icon{opacity:0;-webkit-transition:opacity 180ms ease-out;transition:opacity 180ms ease-out;}",
      ".fig-42wdr4 .btn-inner .btn-text{text-align:center;-webkit-transition:translate 180ms ease-out;transition:translate 180ms ease-out;display:inline-block;padding-inline:var(--fig-space-4, 0.25rem);}",
      ".fig-42wdr4[data-loading='true'] .btn-inner:not(.no-arrow) .btn-text{-webkit-translate:-0.5625rem;-moz-translate:-0.5625rem;-ms-translate:-0.5625rem;translate:-0.5625rem;}",
      ".fig-42wdr4:hover .btn-inner:not(.no-arrow) .btn-text{-webkit-translate:-0.5625rem;-moz-translate:-0.5625rem;-ms-translate:-0.5625rem;translate:-0.5625rem;}",
      ".fig-42wdr4:hover .btn-inner:not(.no-arrow) >.btn-builtin-icon{opacity:1;}",
      ".fig-42wdr4{width:auto;}",
      ".fig-42wdr4 .btn-inner .btn-icon>svg{width:1.25rem;height:1.25rem;}",
      ".fig-42wdr4:hover,.fig-42wdr4:active{box-shadow:inset 0 0 0 1px var(--fig-theme-border-hover, color-mix(in oklch, #000000, transparent 60%));}",
      ".fig-42wdr4 em{font-variation-settings:\"wdth\" var(--fig-typography-variation-wdth-narrow),\"wght\" var(--fig-typography-variation-wght-regular),\"slnt\" var(--fig-typography-variation-slnt-italic);}",
      ".fig-42wdr4 strong{font-weight:var(--fig-typography-weight);font-variation-settings:\"wdth\" var(--fig-typography-variation-wdth-narrow),\"wght\" var(--fig-typography-variation-wght-bold);}",
      ".fig-42wdr4 strong em{font-variation-settings:\"wdth\" var(--fig-typography-variation-wdth-narrow),\"wght\" var(--fig-typography-variation-wght-bold),\"slnt\" var(--fig-typography-variation-slnt-italic);}"
    ],
    "geometry": {
      "id": "secondary-action",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "https://www.figma.com/",
      "selector": ".fig-42wdr4",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "Contact sales",
      "box": {
        "x": 1048.046875,
        "y": 16,
        "width": 151.40625,
        "height": 46.390625
      },
      "computed": {
        "box-sizing": "border-box",
        "display": "block",
        "position": "static",
        "width": "151.406px",
        "height": "46.3906px",
        "min-width": "0px",
        "max-width": "none",
        "min-height": "0px",
        "max-height": "none",
        "margin-top": "0px",
        "margin-right": "0px",
        "margin-bottom": "0px",
        "margin-left": "0px",
        "padding-top": "12px",
        "padding-right": "22px",
        "padding-bottom": "12px",
        "padding-left": "22px",
        "border-top": "0px none rgb(0, 0, 0)",
        "border-right": "0px none rgb(0, 0, 0)",
        "border-bottom": "0px none rgb(0, 0, 0)",
        "border-left": "0px none rgb(0, 0, 0)",
        "border-radius": "8px",
        "row-gap": "normal",
        "column-gap": "normal",
        "grid-template-columns": "none",
        "flex-direction": "row",
        "flex-wrap": "nowrap",
        "align-items": "normal",
        "justify-content": "center",
        "overflow": "visible",
        "transform": "none",
        "font-family": "figmaSans, \"figmaSans Fallback\", \"SF Pro Display\", system-ui, helvetica, sans-serif",
        "font-size": "16px",
        "font-weight": "400",
        "line-height": "23.2px",
        "letter-spacing": "normal",
        "white-space": "normal",
        "text-transform": "none",
        "color": "rgb(0, 0, 0)",
        "background-color": "oklch(0 0 none / 0)",
        "z-index": "auto",
        "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
        "box-shadow": "oklch(0 0 none / 0.16) 0px 0px 0px 1px inset"
      },
      "children": [
        {
          "tag": "SPAN",
          "text": "Contact sales",
          "box": {
            "x": 1070.046875,
            "y": 28,
            "width": 107.40625,
            "height": 22.390625
          }
        }
      ],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "evidence/home/home-1440.json",
      "status": "Partial",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"secondary-action\"]",
    "provenance": "measured root; reconstructed local contract",
    "states": [
      "default",
      "hover",
      "focus",
      "active",
      "disabled",
      "loading"
    ],
    "behavior": "Native link/button. Enter activates; Space activates buttons. Hover reveals the arrow; focus ring stays outside the border. Disabled buttons do not dispatch. Loading retains label and width.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Supporting destination beside the primary action.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#secondary-action",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 7658.9375,
          "width": 219.265625,
          "height": 49.390625,
          "top": 7658.9375,
          "right": 260.265625,
          "bottom": 7708.328125,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "inline-flex",
          "position": "static",
          "width": "219.266px",
          "height": "49.3906px",
          "min-width": "0px",
          "max-width": "100%",
          "min-height": "48px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "12px",
          "padding-right": "22px",
          "padding-bottom": "12px",
          "padding-left": "22px",
          "border-top": "1px solid rgb(214, 214, 214)",
          "border-right": "1px solid rgb(214, 214, 214)",
          "border-bottom": "1px solid rgb(214, 214, 214)",
          "border-left": "1px solid rgb(214, 214, 214)",
          "border-radius": "8px",
          "row-gap": "8px",
          "column-gap": "8px",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "center",
          "justify-content": "center",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "18px",
          "font-weight": "320",
          "line-height": "23.4px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SPAN",
            "text": "↗",
            "box": {
              "x": 222.171875,
              "y": 7671.9375,
              "width": 15.09375,
              "height": 23.390625,
              "top": 7671.9375,
              "right": 237.265625,
              "bottom": 7695.328125,
              "left": 222.171875
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "15.0938px",
              "height": "23.3906px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "18px",
              "font-weight": "320",
              "line-height": "23.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "transform 0.18s ease-out",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 5478.453125,
          "width": 219.265625,
          "height": 49.390625,
          "top": 5478.453125,
          "right": 292.265625,
          "bottom": 5527.84375,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "inline-flex",
          "position": "static",
          "width": "219.266px",
          "height": "49.3906px",
          "min-width": "0px",
          "max-width": "100%",
          "min-height": "48px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "12px",
          "padding-right": "22px",
          "padding-bottom": "12px",
          "padding-left": "22px",
          "border-top": "1px solid rgb(214, 214, 214)",
          "border-right": "1px solid rgb(214, 214, 214)",
          "border-bottom": "1px solid rgb(214, 214, 214)",
          "border-left": "1px solid rgb(214, 214, 214)",
          "border-radius": "8px",
          "row-gap": "8px",
          "column-gap": "8px",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "center",
          "justify-content": "center",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "18px",
          "font-weight": "320",
          "line-height": "23.4px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SPAN",
            "text": "↗",
            "box": {
              "x": 254.171875,
              "y": 5491.453125,
              "width": 15.09375,
              "height": 23.390625,
              "top": 5491.453125,
              "right": 269.265625,
              "bottom": 5514.84375,
              "left": 254.171875
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "15.0938px",
              "height": "23.3906px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "18px",
              "font-weight": "320",
              "line-height": "23.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "transform 0.18s ease-out",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 4775.796875,
          "width": 219.265625,
          "height": 49.390625,
          "top": 4775.796875,
          "right": 308.265625,
          "bottom": 4825.1875,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "inline-flex",
          "position": "static",
          "width": "219.266px",
          "height": "49.3906px",
          "min-width": "0px",
          "max-width": "100%",
          "min-height": "48px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "12px",
          "padding-right": "22px",
          "padding-bottom": "12px",
          "padding-left": "22px",
          "border-top": "1px solid rgb(214, 214, 214)",
          "border-right": "1px solid rgb(214, 214, 214)",
          "border-bottom": "1px solid rgb(214, 214, 214)",
          "border-left": "1px solid rgb(214, 214, 214)",
          "border-radius": "8px",
          "row-gap": "8px",
          "column-gap": "8px",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "center",
          "justify-content": "center",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "18px",
          "font-weight": "320",
          "line-height": "23.4px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SPAN",
            "text": "↗",
            "box": {
              "x": 270.171875,
              "y": 4788.796875,
              "width": 15.09375,
              "height": 23.390625,
              "top": 4788.796875,
              "right": 285.265625,
              "bottom": 4812.1875,
              "left": 270.171875
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "15.0938px",
              "height": "23.3906px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "18px",
              "font-weight": "320",
              "line-height": "23.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "transform 0.18s ease-out",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "text-link",
    "name": "Inline text link",
    "group": "actions",
    "criticality": "Important",
    "purpose": "Navigate with a native link; retain browser back and open-in-new-tab behavior.",
    "element": "a",
    "sourceSelector": ".fig-19xeqcu",
    "observed": true,
    "source": "evidence/home/home-1440.json",
    "sourceRules": [
      ".fig-19xeqcu{-webkit-text-decoration:none;text-decoration:none;padding:0.5rem;display:block;font-family:var(--global-font-sans, 'figmaSans', 'figmaSans Fallback', SF Pro Display, system-ui, helvetica, sans-serif);font-optical-sizing:auto;font-size:var(--fig-typography-size-body);line-height:var(--fig-typography-lh-loose);letter-spacing:var(--fig-typography-ls-none);font-weight:var(--fig-typography-weight);font-variation-settings:\"wdth\" var(--fig-typography-variation-wdth-narrow),\"wght\" var(--fig-typography-variation-wght-regular);}",
      ".fig-19xeqcu .nav-highlight{position:relative;display:inline-block;}",
      ".fig-19xeqcu .nav-highlight:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;opacity:0;-webkit-transform:translateY(3px) scaleY(0);-moz-transform:translateY(3px) scaleY(0);-ms-transform:translateY(3px) scaleY(0);transform:translateY(3px) scaleY(0);-webkit-transition:-webkit-transform 250ms,opacity 250ms;transition:transform 250ms,opacity 250ms;transform-origin:center left;}",
      ".fig-19xeqcu:hover{-webkit-text-decoration:none;text-decoration:none;}",
      ".fig-19xeqcu:hover .nav-highlight:after{opacity:1;-webkit-transform:translateY(0) scaleY(1);-moz-transform:translateY(0) scaleY(1);-ms-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1);}",
      ".fig-19xeqcu em{font-variation-settings:\"wdth\" var(--fig-typography-variation-wdth-narrow),\"wght\" var(--fig-typography-variation-wght-regular),\"slnt\" var(--fig-typography-variation-slnt-italic);}",
      ".fig-19xeqcu strong{font-weight:var(--fig-typography-weight);font-variation-settings:\"wdth\" var(--fig-typography-variation-wdth-narrow),\"wght\" var(--fig-typography-variation-wght-bold);}",
      ".fig-19xeqcu strong em{font-variation-settings:\"wdth\" var(--fig-typography-variation-wdth-narrow),\"wght\" var(--fig-typography-variation-wght-bold),\"slnt\" var(--fig-typography-variation-slnt-italic);}"
    ],
    "geometry": {
      "id": "text-link",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "https://www.figma.com/",
      "selector": ".fig-19xeqcu",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "Pricing",
      "box": {
        "x": 519.078125,
        "y": 19.59375,
        "width": 66.5625,
        "height": 39.1875
      },
      "computed": {
        "box-sizing": "border-box",
        "display": "block",
        "position": "static",
        "width": "66.5625px",
        "height": "39.1875px",
        "min-width": "0px",
        "max-width": "none",
        "min-height": "0px",
        "max-height": "none",
        "margin-top": "0px",
        "margin-right": "0px",
        "margin-bottom": "0px",
        "margin-left": "0px",
        "padding-top": "8px",
        "padding-right": "8px",
        "padding-bottom": "8px",
        "padding-left": "8px",
        "border-top": "0px none rgb(0, 0, 0)",
        "border-right": "0px none rgb(0, 0, 0)",
        "border-bottom": "0px none rgb(0, 0, 0)",
        "border-left": "0px none rgb(0, 0, 0)",
        "border-radius": "0px",
        "row-gap": "normal",
        "column-gap": "normal",
        "grid-template-columns": "none",
        "flex-direction": "row",
        "flex-wrap": "nowrap",
        "align-items": "normal",
        "justify-content": "normal",
        "overflow": "visible",
        "transform": "none",
        "font-family": "figmaSans, \"figmaSans Fallback\", \"SF Pro Display\", system-ui, helvetica, sans-serif",
        "font-size": "16px",
        "font-weight": "400",
        "line-height": "23.2px",
        "letter-spacing": "normal",
        "white-space": "normal",
        "text-transform": "none",
        "color": "rgb(0, 0, 0)",
        "background-color": "rgba(0, 0, 0, 0)",
        "z-index": "auto",
        "transition": "all",
        "box-shadow": "none"
      },
      "children": [
        {
          "tag": "SPAN",
          "text": "Pricing",
          "box": {
            "x": 527.078125,
            "y": 27.59375,
            "width": 50.5625,
            "height": 23.1875
          }
        }
      ],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "evidence/home/home-1440.json",
      "status": "Partial",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"text-link\"]",
    "provenance": "measured root; reconstructed local contract",
    "states": [
      "default",
      "hover",
      "focus",
      "active",
      "disabled",
      "loading"
    ],
    "behavior": "Native link/button. Enter activates; Space activates buttons. Hover reveals the arrow; focus ring stays outside the border. Disabled buttons do not dispatch. Loading retains label and width.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Navigate with a native link; retain browser back and open-in-new-tab behavior.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#text-link",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 9619.828125,
          "width": 158.71875,
          "height": 18,
          "top": 9619.828125,
          "right": 199.71875,
          "bottom": 9637.828125,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "inline",
          "position": "static",
          "width": "auto",
          "height": "auto",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SPAN",
            "text": "→",
            "box": {
              "x": 184.03125,
              "y": 9619.828125,
              "width": 15.6875,
              "height": 18,
              "top": 9619.828125,
              "right": 199.71875,
              "bottom": 9637.828125,
              "left": 184.03125
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline",
              "position": "static",
              "width": "auto",
              "height": "auto",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 6801.828125,
          "width": 158.71875,
          "height": 18,
          "top": 6801.828125,
          "right": 231.71875,
          "bottom": 6819.828125,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "inline",
          "position": "static",
          "width": "auto",
          "height": "auto",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SPAN",
            "text": "→",
            "box": {
              "x": 216.03125,
              "y": 6801.828125,
              "width": 15.6875,
              "height": 18,
              "top": 6801.828125,
              "right": 231.71875,
              "bottom": 6819.828125,
              "left": 216.03125
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline",
              "position": "static",
              "width": "auto",
              "height": "auto",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 5895.125,
          "width": 158.71875,
          "height": 18,
          "top": 5895.125,
          "right": 247.71875,
          "bottom": 5913.125,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "inline",
          "position": "static",
          "width": "auto",
          "height": "auto",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SPAN",
            "text": "→",
            "box": {
              "x": 232.03125,
              "y": 5895.125,
              "width": 15.6875,
              "height": 18,
              "top": 5895.125,
              "right": 247.71875,
              "bottom": 5913.125,
              "left": 232.03125
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline",
              "position": "static",
              "width": "auto",
              "height": "auto",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "hero-title",
    "name": "Hero title",
    "group": "type",
    "criticality": "Important",
    "purpose": "Owns the single page-level heading and its editorial line breaks.",
    "element": "h1",
    "sourceSelector": ".fig-1gqvcgs",
    "observed": true,
    "source": "evidence/home/home-1440.json",
    "sourceRules": [
      ".fig-1gqvcgs{font-family:var(--global-font-sans, 'figmaSans', 'figmaSans Fallback', SF Pro Display, system-ui, helvetica, sans-serif);font-optical-sizing:auto;font-size:var(--fig-typography-size-title1);line-height:var(--fig-typography-lh-none);letter-spacing:var(--fig-typography-ls-tight);font-weight:var(--fig-typography-weight);font-variation-settings:\"wdth\" var(--fig-typography-variation-wdth-condensed),\"wght\" var(--fig-typography-variation-wght-regular);margin:0;}",
      ".fig-1gqvcgs strong{font-weight:var(--fig-typography-weight);font-variation-settings:\"wdth\" var(--fig-typography-variation-wdth-condensed),\"wght\" var(--fig-typography-variation-wght-regular);}"
    ],
    "geometry": {
      "id": "hero-title",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "https://www.figma.com/",
      "selector": ".fig-1gqvcgs",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "The intelligent canvas for infinite creativity",
      "box": {
        "x": 40,
        "y": 396,
        "width": 328,
        "height": 224
      },
      "computed": {
        "box-sizing": "border-box",
        "display": "block",
        "position": "static",
        "width": "328px",
        "height": "224px",
        "min-width": "0px",
        "max-width": "none",
        "min-height": "0px",
        "max-height": "none",
        "margin-top": "0px",
        "margin-right": "0px",
        "margin-bottom": "0px",
        "margin-left": "0px",
        "padding-top": "0px",
        "padding-right": "0px",
        "padding-bottom": "0px",
        "padding-left": "0px",
        "border-top": "0px none rgb(0, 0, 0)",
        "border-right": "0px none rgb(0, 0, 0)",
        "border-bottom": "0px none rgb(0, 0, 0)",
        "border-left": "0px none rgb(0, 0, 0)",
        "border-radius": "0px",
        "row-gap": "normal",
        "column-gap": "normal",
        "grid-template-columns": "none",
        "flex-direction": "row",
        "flex-wrap": "nowrap",
        "align-items": "normal",
        "justify-content": "normal",
        "overflow": "visible",
        "transform": "none",
        "font-family": "figmaSans, \"figmaSans Fallback\", \"SF Pro Display\", system-ui, helvetica, sans-serif",
        "font-size": "56px",
        "font-weight": "400",
        "line-height": "56px",
        "letter-spacing": "-1.25px",
        "white-space": "normal",
        "text-transform": "none",
        "color": "rgb(0, 0, 0)",
        "background-color": "rgba(0, 0, 0, 0)",
        "z-index": "auto",
        "transition": "all",
        "box-shadow": "none"
      },
      "children": [],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "evidence/home/home-1440.json",
      "status": "Partial",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"hero-title\"]",
    "provenance": "measured root; reconstructed local contract",
    "states": [
      "default",
      "long-content",
      "missing-content"
    ],
    "behavior": "Keep semantic heading order. Wrap text naturally; do not truncate headings. Text zoom and translated strings may increase height.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Owns the single page-level heading and its editorial line breaks.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#hero-title",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 11555.28125,
          "width": 308,
          "height": 80,
          "top": 11555.28125,
          "right": 349,
          "bottom": 11635.28125,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "308px",
          "height": "80px",
          "min-width": "0px",
          "max-width": "1637.17px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "40px",
          "font-weight": "320",
          "line-height": "40px",
          "letter-spacing": "-1.25px",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": []
      },
      "768": {
        "box": {
          "x": 73,
          "y": 8099.765625,
          "width": 622,
          "height": 112,
          "top": 8099.765625,
          "right": 695,
          "bottom": 8211.765625,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "622px",
          "height": "112px",
          "min-width": "0px",
          "max-width": "2292.17px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "56px",
          "font-weight": "320",
          "line-height": "56px",
          "letter-spacing": "-1.25px",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": []
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 7010.453125,
          "width": 1262,
          "height": 56,
          "top": 7010.453125,
          "right": 1351,
          "bottom": 7066.453125,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "1262px",
          "height": "56px",
          "min-width": "0px",
          "max-width": "2292.17px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "56px",
          "font-weight": "320",
          "line-height": "56px",
          "letter-spacing": "-1.25px",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": []
      }
    }
  },
  {
    "id": "hero-section",
    "name": "Hero section",
    "group": "surfaces",
    "criticality": "Important",
    "purpose": "Combines a headline, demonstration canvas, and next action.",
    "element": "section",
    "sourceSelector": ".fig-1id9bz1",
    "observed": true,
    "source": "evidence/home/home-1440.json",
    "sourceRules": [
      ".fig-1id9bz1{background:var(--fig-theme-bg, #FFFFFF);color:var(--fig-theme-fg, #000000);padding-block:var(--fig-section-block-padding, var(--fig-space-32, 2rem));}"
    ],
    "geometry": {
      "id": "hero-section",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "https://www.figma.com/",
      "selector": ".fig-1id9bz1",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "The intelligent canvas for infinite creativity\nGet started",
      "box": {
        "x": 0,
        "y": 78,
        "width": 1440,
        "height": 860
      },
      "computed": {
        "box-sizing": "border-box",
        "display": "block",
        "position": "static",
        "width": "1440px",
        "height": "860px",
        "min-width": "0px",
        "max-width": "none",
        "min-height": "0px",
        "max-height": "none",
        "margin-top": "0px",
        "margin-right": "0px",
        "margin-bottom": "0px",
        "margin-left": "0px",
        "padding-top": "80px",
        "padding-right": "0px",
        "padding-bottom": "80px",
        "padding-left": "0px",
        "border-top": "0px none rgb(0, 0, 0)",
        "border-right": "0px none rgb(0, 0, 0)",
        "border-bottom": "0px none rgb(0, 0, 0)",
        "border-left": "0px none rgb(0, 0, 0)",
        "border-radius": "0px",
        "row-gap": "normal",
        "column-gap": "normal",
        "grid-template-columns": "none",
        "flex-direction": "row",
        "flex-wrap": "nowrap",
        "align-items": "normal",
        "justify-content": "normal",
        "overflow": "visible",
        "transform": "none",
        "font-family": "figmaSans, \"figmaSans Fallback\", \"SF Pro Display\", system-ui, helvetica, sans-serif",
        "font-size": "16px",
        "font-weight": "400",
        "line-height": "23.2px",
        "letter-spacing": "normal",
        "white-space": "normal",
        "text-transform": "none",
        "color": "rgb(0, 0, 0)",
        "background-color": "rgb(255, 255, 255)",
        "z-index": "auto",
        "transition": "all",
        "box-shadow": "none"
      },
      "children": [
        {
          "tag": "DIV",
          "text": "The intelligent canvas for infinite creativityGet started",
          "box": {
            "x": 40,
            "y": 158,
            "width": 1360,
            "height": 700
          }
        }
      ],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "evidence/home/home-1440.json",
      "status": "Partial",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"hero-section\"]",
    "provenance": "measured root; reconstructed local contract",
    "states": [
      "default",
      "long-content",
      "missing-content"
    ],
    "behavior": "Parent grid owns outer spacing; children own internal padding. Preserve DOM order when stacking.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Combines a headline, demonstration canvas, and next action.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#hero-section",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 13446.359375,
          "width": 308,
          "height": 399.765625,
          "top": 13446.359375,
          "right": 349,
          "bottom": 13846.125,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "grid",
          "position": "static",
          "width": "308px",
          "height": "399.766px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "24px",
          "column-gap": "24px",
          "grid-template-columns": "308px",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "center",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "H3",
            "text": "Every idea starts somewhere.",
            "box": {
              "x": 41,
              "y": 13446.359375,
              "width": 308,
              "height": 62.375,
              "top": 13446.359375,
              "right": 349,
              "bottom": 13508.734375,
              "left": 41
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "308px",
              "height": "62.375px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "24px",
              "font-weight": "400",
              "line-height": "31.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "IMG",
            "text": "",
            "box": {
              "x": 41,
              "y": 13532.734375,
              "width": 308,
              "height": 240,
              "top": 13532.734375,
              "right": 349,
              "bottom": 13772.734375,
              "left": 41
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "308px",
              "height": "240px",
              "min-width": "auto",
              "max-width": "100%",
              "min-height": "auto",
              "max-height": "240px",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "clip",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "Explore",
            "box": {
              "x": 41,
              "y": 13796.734375,
              "width": 308,
              "height": 49.390625,
              "top": 13796.734375,
              "right": 349,
              "bottom": 13846.125,
              "left": 41
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "flex",
              "position": "static",
              "width": "308px",
              "height": "49.3906px",
              "min-width": "auto",
              "max-width": "100%",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "22px",
              "padding-bottom": "12px",
              "padding-left": "22px",
              "border-top": "1px solid rgb(0, 0, 0)",
              "border-right": "1px solid rgb(0, 0, 0)",
              "border-bottom": "1px solid rgb(0, 0, 0)",
              "border-left": "1px solid rgb(0, 0, 0)",
              "border-radius": "8px",
              "row-gap": "8px",
              "column-gap": "8px",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "center",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "18px",
              "font-weight": "320",
              "line-height": "23.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgb(0, 0, 0)",
              "z-index": "auto",
              "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 9383.328125,
          "width": 622,
          "height": 372.390625,
          "top": 9383.328125,
          "right": 695,
          "bottom": 9755.71875,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "grid",
          "position": "static",
          "width": "622px",
          "height": "372.391px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "24px",
          "column-gap": "24px",
          "grid-template-columns": "299px 299px",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "center",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "H3",
            "text": "Every idea starts somewhere.",
            "box": {
              "x": 73,
              "y": 9501.640625,
              "width": 299,
              "height": 62.375,
              "top": 9501.640625,
              "right": 372,
              "bottom": 9564.015625,
              "left": 73
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "299px",
              "height": "62.375px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "24px",
              "font-weight": "400",
              "line-height": "31.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "IMG",
            "text": "",
            "box": {
              "x": 396,
              "y": 9383.328125,
              "width": 299,
              "height": 299,
              "top": 9383.328125,
              "right": 695,
              "bottom": 9682.328125,
              "left": 396
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "299px",
              "height": "299px",
              "min-width": "auto",
              "max-width": "100%",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "clip",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "Explore",
            "box": {
              "x": 73,
              "y": 9706.328125,
              "width": 622,
              "height": 49.390625,
              "top": 9706.328125,
              "right": 695,
              "bottom": 9755.71875,
              "left": 73
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "flex",
              "position": "static",
              "width": "622px",
              "height": "49.3906px",
              "min-width": "auto",
              "max-width": "100%",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "22px",
              "padding-bottom": "12px",
              "padding-left": "22px",
              "border-top": "1px solid rgb(0, 0, 0)",
              "border-right": "1px solid rgb(0, 0, 0)",
              "border-bottom": "1px solid rgb(0, 0, 0)",
              "border-left": "1px solid rgb(0, 0, 0)",
              "border-radius": "8px",
              "row-gap": "8px",
              "column-gap": "8px",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "center",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "18px",
              "font-weight": "320",
              "line-height": "23.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgb(0, 0, 0)",
              "z-index": "auto",
              "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 8104.59375,
          "width": 1262,
          "height": 404.671875,
          "top": 8104.59375,
          "right": 1351,
          "bottom": 8509.265625,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "grid",
          "position": "static",
          "width": "1262px",
          "height": "404.672px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "24px",
          "column-gap": "24px",
          "grid-template-columns": "404.656px 404.672px 404.656px",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "center",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "H3",
            "text": "Every idea starts somewhere.",
            "box": {
              "x": 89,
              "y": 8291.328125,
              "width": 404.65625,
              "height": 31.1875,
              "top": 8291.328125,
              "right": 493.65625,
              "bottom": 8322.515625,
              "left": 89
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "404.656px",
              "height": "31.1875px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "24px",
              "font-weight": "400",
              "line-height": "31.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "IMG",
            "text": "",
            "box": {
              "x": 517.65625,
              "y": 8104.59375,
              "width": 404.671875,
              "height": 404.671875,
              "top": 8104.59375,
              "right": 922.328125,
              "bottom": 8509.265625,
              "left": 517.65625
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "404.672px",
              "height": "404.672px",
              "min-width": "auto",
              "max-width": "100%",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "clip",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "Explore",
            "box": {
              "x": 946.328125,
              "y": 8282.234375,
              "width": 404.65625,
              "height": 49.390625,
              "top": 8282.234375,
              "right": 1350.984375,
              "bottom": 8331.625,
              "left": 946.328125
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "flex",
              "position": "static",
              "width": "404.656px",
              "height": "49.3906px",
              "min-width": "auto",
              "max-width": "100%",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "22px",
              "padding-bottom": "12px",
              "padding-left": "22px",
              "border-top": "1px solid rgb(0, 0, 0)",
              "border-right": "1px solid rgb(0, 0, 0)",
              "border-bottom": "1px solid rgb(0, 0, 0)",
              "border-left": "1px solid rgb(0, 0, 0)",
              "border-radius": "8px",
              "row-gap": "8px",
              "column-gap": "8px",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "center",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "18px",
              "font-weight": "320",
              "line-height": "23.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgb(0, 0, 0)",
              "z-index": "auto",
              "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "large-action",
    "name": "Large hero action",
    "group": "actions",
    "criticality": "Important",
    "purpose": "Larger action for the sparse hero composition.",
    "element": "a",
    "sourceSelector": ".fig-1ytmgio",
    "observed": true,
    "source": "evidence/home/home-1440.json",
    "sourceRules": [
      ".fig-1ytmgio{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-text-decoration:none;text-decoration:none;background:none;border:none;-webkit-transition:background 180ms ease-out,box-shadow 180ms ease-out;transition:background 180ms ease-out,box-shadow 180ms ease-out;width:100%;padding:var(--fig-space-24, 1.5rem);border-radius:var(--fig-radius-16, 1rem);background:var(--fig-theme-btn-primary-bg, #000000);color:var(--fig-theme-btn-primary-fg, #FFFFFF);padding:var(--fig-space-24, 1.5rem) var(--fig-space-32, 2rem);}",
      ".fig-1ytmgio:hover{-webkit-text-decoration:none;text-decoration:none;}",
      ".fig-1ytmgio:hover{-webkit-text-decoration:none;text-decoration:none;}",
      ".fig-1ytmgio .btn-icon{margin-block:-1.25rem;}",
      ".fig-1ytmgio .btn-inner.has-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;}",
      ".fig-1ytmgio .btn-inner >.btn-builtin-icon{opacity:0;-webkit-transition:opacity 180ms ease-out;transition:opacity 180ms ease-out;}",
      ".fig-1ytmgio .btn-inner .btn-text{text-align:center;-webkit-transition:translate 180ms ease-out;transition:translate 180ms ease-out;display:inline-block;padding-inline:var(--fig-space-8, 0.5rem);}",
      ".fig-1ytmgio[data-loading='true'] .btn-inner:not(.no-arrow) .btn-text{-webkit-translate:-1rem;-moz-translate:-1rem;-ms-translate:-1rem;translate:-1rem;}",
      ".fig-1ytmgio:hover .btn-inner:not(.no-arrow) .btn-text{-webkit-translate:-1rem;-moz-translate:-1rem;-ms-translate:-1rem;translate:-1rem;}",
      ".fig-1ytmgio:hover .btn-inner:not(.no-arrow) >.btn-builtin-icon{opacity:1;}",
      ".fig-1ytmgio{width:auto;}",
      ".fig-1ytmgio .btn-inner .btn-icon>svg{width:2.25rem;height:2.25rem;}",
      ".fig-1ytmgio:hover,.fig-1ytmgio:active{background:var(--fig-theme-btn-primary-bg-hover, color-mix(in oklch, #000000, transparent 15%));}"
    ],
    "geometry": {
      "id": "large-action",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "https://www.figma.com/",
      "selector": ".fig-1ytmgio",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "Get started",
      "box": {
        "x": 1123.984375,
        "y": 466,
        "width": 224.03125,
        "height": 84
      },
      "computed": {
        "box-sizing": "border-box",
        "display": "flex",
        "position": "static",
        "width": "224.031px",
        "height": "84px",
        "min-width": "auto",
        "max-width": "none",
        "min-height": "auto",
        "max-height": "none",
        "margin-top": "0px",
        "margin-right": "0px",
        "margin-bottom": "0px",
        "margin-left": "0px",
        "padding-top": "24px",
        "padding-right": "32px",
        "padding-bottom": "24px",
        "padding-left": "32px",
        "border-top": "0px none rgb(255, 255, 255)",
        "border-right": "0px none rgb(255, 255, 255)",
        "border-bottom": "0px none rgb(255, 255, 255)",
        "border-left": "0px none rgb(255, 255, 255)",
        "border-radius": "16px",
        "row-gap": "normal",
        "column-gap": "normal",
        "grid-template-columns": "none",
        "flex-direction": "row",
        "flex-wrap": "nowrap",
        "align-items": "normal",
        "justify-content": "center",
        "overflow": "visible",
        "transform": "none",
        "font-family": "figmaSans, \"figmaSans Fallback\", \"SF Pro Display\", system-ui, helvetica, sans-serif",
        "font-size": "16px",
        "font-weight": "400",
        "line-height": "23.2px",
        "letter-spacing": "normal",
        "white-space": "normal",
        "text-transform": "none",
        "color": "rgb(255, 255, 255)",
        "background-color": "rgb(0, 0, 0)",
        "z-index": "auto",
        "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
        "box-shadow": "none"
      },
      "children": [
        {
          "tag": "SPAN",
          "text": "Get started",
          "box": {
            "x": 1155.984375,
            "y": 490,
            "width": 160.03125,
            "height": 36
          }
        }
      ],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "evidence/home/home-1440.json",
      "status": "Partial",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"large-action\"]",
    "provenance": "measured root; reconstructed local contract",
    "states": [
      "default",
      "hover",
      "focus",
      "active",
      "disabled",
      "loading"
    ],
    "behavior": "Native link/button. Enter activates; Space activates buttons. Hover reveals the arrow; focus ring stays outside the border. Disabled buttons do not dispatch. Loading retains label and width.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Larger action for the sparse hero composition.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#large-action",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 15605.453125,
          "width": 308,
          "height": 122,
          "top": 15605.453125,
          "right": 349,
          "bottom": 15727.453125,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "inline-flex",
          "position": "static",
          "width": "308px",
          "height": "122px",
          "min-width": "0px",
          "max-width": "100%",
          "min-height": "84px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "24px",
          "padding-right": "40px",
          "padding-bottom": "24px",
          "padding-left": "40px",
          "border-top": "1px solid rgb(0, 0, 0)",
          "border-right": "1px solid rgb(0, 0, 0)",
          "border-bottom": "1px solid rgb(0, 0, 0)",
          "border-left": "1px solid rgb(0, 0, 0)",
          "border-radius": "16px",
          "row-gap": "8px",
          "column-gap": "8px",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "center",
          "justify-content": "center",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "30px",
          "font-weight": "320",
          "line-height": "36px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(255, 255, 255)",
          "background-color": "rgb(0, 0, 0)",
          "z-index": "auto",
          "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SPAN",
            "text": "↗",
            "box": {
              "x": 282.859375,
              "y": 15648.453125,
              "width": 25.140625,
              "height": 36,
              "top": 15648.453125,
              "right": 308,
              "bottom": 15684.453125,
              "left": 282.859375
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "25.1406px",
              "height": "36px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "30px",
              "font-weight": "320",
              "line-height": "36px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "transform 0.18s ease-out",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 10948.71875,
          "width": 365.515625,
          "height": 86,
          "top": 10948.71875,
          "right": 438.515625,
          "bottom": 11034.71875,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "inline-flex",
          "position": "static",
          "width": "365.516px",
          "height": "86px",
          "min-width": "0px",
          "max-width": "100%",
          "min-height": "84px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "24px",
          "padding-right": "40px",
          "padding-bottom": "24px",
          "padding-left": "40px",
          "border-top": "1px solid rgb(0, 0, 0)",
          "border-right": "1px solid rgb(0, 0, 0)",
          "border-bottom": "1px solid rgb(0, 0, 0)",
          "border-left": "1px solid rgb(0, 0, 0)",
          "border-radius": "16px",
          "row-gap": "8px",
          "column-gap": "8px",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "center",
          "justify-content": "center",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "30px",
          "font-weight": "320",
          "line-height": "36px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(255, 255, 255)",
          "background-color": "rgb(0, 0, 0)",
          "z-index": "auto",
          "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SPAN",
            "text": "↗",
            "box": {
              "x": 372.375,
              "y": 10973.71875,
              "width": 25.140625,
              "height": 36,
              "top": 10973.71875,
              "right": 397.515625,
              "bottom": 11009.71875,
              "left": 372.375
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "25.1406px",
              "height": "36px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "30px",
              "font-weight": "320",
              "line-height": "36px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "transform 0.18s ease-out",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 9521.40625,
          "width": 365.515625,
          "height": 86,
          "top": 9521.40625,
          "right": 454.515625,
          "bottom": 9607.40625,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "inline-flex",
          "position": "static",
          "width": "365.516px",
          "height": "86px",
          "min-width": "0px",
          "max-width": "100%",
          "min-height": "84px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "24px",
          "padding-right": "40px",
          "padding-bottom": "24px",
          "padding-left": "40px",
          "border-top": "1px solid rgb(0, 0, 0)",
          "border-right": "1px solid rgb(0, 0, 0)",
          "border-bottom": "1px solid rgb(0, 0, 0)",
          "border-left": "1px solid rgb(0, 0, 0)",
          "border-radius": "16px",
          "row-gap": "8px",
          "column-gap": "8px",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "center",
          "justify-content": "center",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "30px",
          "font-weight": "320",
          "line-height": "36px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(255, 255, 255)",
          "background-color": "rgb(0, 0, 0)",
          "z-index": "auto",
          "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SPAN",
            "text": "↗",
            "box": {
              "x": 388.375,
              "y": 9546.40625,
              "width": 25.140625,
              "height": 36,
              "top": 9546.40625,
              "right": 413.515625,
              "bottom": 9582.40625,
              "left": 388.375
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "25.1406px",
              "height": "36px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "30px",
              "font-weight": "320",
              "line-height": "36px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "transform 0.18s ease-out",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "section-title",
    "name": "Section title",
    "group": "type",
    "criticality": "Important",
    "purpose": "Introduces one section; visual size and semantic level are separate.",
    "element": "h2",
    "sourceSelector": ".fig-174492g",
    "observed": true,
    "source": "evidence/home/home-1440.json",
    "sourceRules": [
      ".fig-174492g{font-family:var(--global-font-sans, 'figmaSans', 'figmaSans Fallback', SF Pro Display, system-ui, helvetica, sans-serif);font-optical-sizing:auto;font-size:var(--fig-typography-size-title3);line-height:var(--fig-typography-lh-snug);letter-spacing:var(--fig-typography-ls-standard);font-weight:var(--fig-typography-weight);font-variation-settings:\"wdth\" var(--fig-typography-variation-wdth-narrow),\"wght\" var(--fig-typography-variation-wght-regular);margin:0;}",
      ".fig-174492g strong{font-weight:var(--fig-typography-weight);font-variation-settings:\"wdth\" var(--fig-typography-variation-wdth-narrow),\"wght\" var(--fig-typography-variation-wght-regular);}"
    ],
    "geometry": {
      "id": "section-title",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "https://www.figma.com/",
      "selector": ".fig-174492g",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "One workspace for your entire product development process.",
      "box": {
        "x": 269.328125,
        "y": 1050,
        "width": 901.328125,
        "height": 36
      },
      "computed": {
        "box-sizing": "border-box",
        "display": "block",
        "position": "static",
        "width": "901.328px",
        "height": "36px",
        "min-width": "0px",
        "max-width": "none",
        "min-height": "0px",
        "max-height": "none",
        "margin-top": "0px",
        "margin-right": "0px",
        "margin-bottom": "0px",
        "margin-left": "0px",
        "padding-top": "0px",
        "padding-right": "0px",
        "padding-bottom": "0px",
        "padding-left": "0px",
        "border-top": "0px none rgb(0, 0, 0)",
        "border-right": "0px none rgb(0, 0, 0)",
        "border-bottom": "0px none rgb(0, 0, 0)",
        "border-left": "0px none rgb(0, 0, 0)",
        "border-radius": "0px",
        "row-gap": "normal",
        "column-gap": "normal",
        "grid-template-columns": "none",
        "flex-direction": "row",
        "flex-wrap": "nowrap",
        "align-items": "normal",
        "justify-content": "normal",
        "overflow": "visible",
        "transform": "none",
        "font-family": "figmaSans, \"figmaSans Fallback\", \"SF Pro Display\", system-ui, helvetica, sans-serif",
        "font-size": "30px",
        "font-weight": "400",
        "line-height": "36px",
        "letter-spacing": "-0.66px",
        "white-space": "normal",
        "text-transform": "none",
        "color": "rgb(0, 0, 0)",
        "background-color": "rgba(0, 0, 0, 0)",
        "z-index": "auto",
        "transition": "all",
        "box-shadow": "none"
      },
      "children": [],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "evidence/home/home-1440.json",
      "status": "Partial",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"section-title\"]",
    "provenance": "measured root; reconstructed local contract",
    "states": [
      "default",
      "long-content",
      "missing-content"
    ],
    "behavior": "Keep semantic heading order. Wrap text naturally; do not truncate headings. Text zoom and translated strings may increase height.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Introduces one section; visual size and semantic level are separate.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#section-title",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 17571.890625,
          "width": 308,
          "height": 96.78125,
          "top": 17571.890625,
          "right": 349,
          "bottom": 17668.671875,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "308px",
          "height": "96.7812px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "44px",
          "font-weight": "400",
          "line-height": "48.4px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": []
      },
      "768": {
        "box": {
          "x": 73,
          "y": 12252.65625,
          "width": 622,
          "height": 48.390625,
          "top": 12252.65625,
          "right": 695,
          "bottom": 12301.046875,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "622px",
          "height": "48.3906px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "44px",
          "font-weight": "400",
          "line-height": "48.4px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": []
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 10642.734375,
          "width": 1262,
          "height": 48.390625,
          "top": 10642.734375,
          "right": 1351,
          "bottom": 10691.125,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "1262px",
          "height": "48.3906px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "44px",
          "font-weight": "400",
          "line-height": "48.4px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": []
      }
    }
  },
  {
    "id": "feature-card",
    "name": "Feature card",
    "group": "collections",
    "criticality": "Important",
    "purpose": "Local image-led research card. Source comparison variant is an icon-led benefit article with title, description, and destination.",
    "element": "article",
    "sourceSelector": "article.fig-nvjutl",
    "observed": true,
    "source": "evidence/geometry-repair/source-feature-card-1440.json",
    "sourceRules": [
      ".fig-nvjutl {margin-inline-end: var(--fig-space-24, 1.5rem); max-width: 40.625rem; margin-top: var(--fig-space-32, 2rem);}",
      "@media (min-width: 480px) {.fig-nvjutl {margin-top: var(--fig-space-40, 2.5rem);}}"
    ],
    "geometry": {
      "id": "feature-card",
      "part": "root",
      "variant": "icon-benefit-action-article",
      "state": "rest",
      "route": "https://www.figma.com/",
      "selector": "article.fig-nvjutl",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "source observed",
      "contentCase": "Design anything you can imagine\n\nTurn your ideas into apps, websites, and products.\n\nExplore design tools",
      "box": {
        "x": 154.671875,
        "y": 440.984375,
        "width": 533.328125,
        "height": 117.171875,
        "documentX": 154.671875,
        "documentY": 1805.984375
      },
      "computed": {
        "box-sizing": "border-box",
        "display": "block",
        "position": "static",
        "top": "auto",
        "right": "auto",
        "bottom": "auto",
        "left": "auto",
        "width": "533.328px",
        "height": "117.172px",
        "min-width": "0px",
        "max-width": "650px",
        "min-height": "0px",
        "max-height": "none",
        "aspect-ratio": "auto",
        "padding-top": "0px",
        "padding-right": "0px",
        "padding-bottom": "0px",
        "padding-left": "0px",
        "margin-top": "40px",
        "margin-right": "24px",
        "margin-bottom": "0px",
        "margin-left": "0px",
        "border-top": "0px none rgb(0, 0, 0)",
        "border-right": "0px none rgb(0, 0, 0)",
        "border-bottom": "0px none rgb(0, 0, 0)",
        "border-left": "0px none rgb(0, 0, 0)",
        "border-radius": "0px",
        "row-gap": "normal",
        "column-gap": "normal",
        "grid-template-columns": "none",
        "grid-template-rows": "none",
        "grid-column": "auto",
        "grid-row": "auto",
        "flex-direction": "row",
        "flex-wrap": "nowrap",
        "flex-grow": "0",
        "flex-shrink": "1",
        "flex-basis": "auto",
        "align-items": "normal",
        "align-self": "auto",
        "justify-content": "normal",
        "overflow": "visible",
        "overflow-x": "visible",
        "overflow-y": "visible",
        "transform": "none",
        "font-family": "figmaSans, \"figmaSans Fallback\", \"SF Pro Display\", system-ui, helvetica, sans-serif",
        "font-size": "18px",
        "font-weight": "330",
        "font-variation-settings": "\"wdth\" 98, \"wght\" 330",
        "font-optical-sizing": "auto",
        "font-feature-settings": "\"kern\"",
        "line-height": "25.2px",
        "letter-spacing": "normal",
        "white-space": "normal",
        "text-wrap": "wrap",
        "text-transform": "none",
        "color": "rgb(0, 0, 0)",
        "background-color": "rgba(0, 0, 0, 0)",
        "opacity": "1",
        "visibility": "visible",
        "z-index": "auto",
        "box-shadow": "none",
        "transition": "all",
        "object-fit": "fill",
        "object-position": "50% 50%",
        "clip-path": "none"
      },
      "children": [
        {
          "selector": "svg.fig-1xt3gp",
          "tag": "svg",
          "attributes": {
            "xmlns": "http://www.w3.org/2000/svg",
            "width": "24",
            "height": "24",
            "fill": "none",
            "viewBox": "0 0 24 24",
            "class": "fig-1xt3gp",
            "aria-hidden": "true"
          },
          "text": "",
          "box": {
            "x": 154.671875,
            "y": 440.984375,
            "width": 16,
            "height": 16,
            "documentX": 154.671875,
            "documentY": 1805.984375
          },
          "computed": {
            "display": "block",
            "position": "static",
            "width": "16px",
            "height": "16px",
            "min-width": "0px",
            "max-width": "100%",
            "min-height": "0px",
            "max-height": "none",
            "padding-top": "0px",
            "padding-right": "0px",
            "padding-bottom": "0px",
            "padding-left": "0px",
            "margin-top": "0px",
            "margin-right": "0px",
            "margin-bottom": "16px",
            "margin-left": "0px",
            "border-radius": "0px",
            "row-gap": "normal",
            "column-gap": "normal",
            "font-size": "18px",
            "line-height": "25.2px",
            "font-weight": "330",
            "font-variation-settings": "\"wdth\" 98, \"wght\" 330",
            "opacity": "1",
            "visibility": "visible",
            "object-fit": "fill"
          },
          "matchedRules": [
            {
              "selector": "*, ::before, ::after",
              "declarations": "box-sizing: inherit;",
              "conditions": [],
              "ruleIndex": 52,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "img, svg, video",
              "declarations": "display: block; max-width: 100%;",
              "conditions": [],
              "ruleIndex": 62,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "*, ::before, ::after",
              "declarations": "box-sizing: inherit;",
              "conditions": [],
              "ruleIndex": 52,
              "sheetOrder": 4,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            },
            {
              "selector": "img, svg, video",
              "declarations": "display: block; max-width: 100%;",
              "conditions": [],
              "ruleIndex": 62,
              "sheetOrder": 4,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            },
            {
              "selector": ".fig-1xt3gp",
              "declarations": "color: var(--fig-theme-fg, #000000); width: 1rem; height: 1rem; margin-bottom: var(--fig-space-16, 1rem);",
              "conditions": [],
              "ruleIndex": 573,
              "sheetOrder": 4,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            }
          ],
          "children": [
            {
              "selector": "svg.fig-1xt3gp > g:nth-child(1)",
              "tag": "g",
              "attributes": {
                "clip-path": "url(#a)"
              },
              "text": "",
              "box": {
                "x": 154.671875,
                "y": 440.984375,
                "width": 16,
                "height": 16,
                "documentX": 154.671875,
                "documentY": 1805.984375
              },
              "computed": {
                "display": "inline",
                "position": "static",
                "width": "auto",
                "height": "auto",
                "min-width": "0px",
                "max-width": "none",
                "min-height": "0px",
                "max-height": "none",
                "padding-top": "0px",
                "padding-right": "0px",
                "padding-bottom": "0px",
                "padding-left": "0px",
                "margin-top": "0px",
                "margin-right": "0px",
                "margin-bottom": "0px",
                "margin-left": "0px",
                "border-radius": "0px",
                "row-gap": "normal",
                "column-gap": "normal",
                "font-size": "18px",
                "line-height": "25.2px",
                "font-weight": "330",
                "font-variation-settings": "\"wdth\" 98, \"wght\" 330",
                "opacity": "1",
                "visibility": "visible",
                "object-fit": "fill"
              },
              "matchedRules": [
                {
                  "selector": "*, ::before, ::after",
                  "declarations": "box-sizing: inherit;",
                  "conditions": [],
                  "ruleIndex": 52,
                  "sheetOrder": 2,
                  "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                  "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                },
                {
                  "selector": "*, ::before, ::after",
                  "declarations": "box-sizing: inherit;",
                  "conditions": [],
                  "ruleIndex": 52,
                  "sheetOrder": 4,
                  "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                  "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                }
              ],
              "children": [
                {
                  "selector": "svg.fig-1xt3gp > g:nth-child(1) > rect:nth-child(1)",
                  "tag": "rect",
                  "attributes": {
                    "width": "24",
                    "height": "24",
                    "fill": "currentColor",
                    "rx": "12"
                  },
                  "text": "",
                  "box": {
                    "x": 154.671875,
                    "y": 440.984375,
                    "width": 16,
                    "height": 16,
                    "documentX": 154.671875,
                    "documentY": 1805.984375
                  },
                  "computed": {
                    "display": "inline",
                    "position": "static",
                    "width": "24px",
                    "height": "24px",
                    "min-width": "0px",
                    "max-width": "none",
                    "min-height": "0px",
                    "max-height": "none",
                    "padding-top": "0px",
                    "padding-right": "0px",
                    "padding-bottom": "0px",
                    "padding-left": "0px",
                    "margin-top": "0px",
                    "margin-right": "0px",
                    "margin-bottom": "0px",
                    "margin-left": "0px",
                    "border-radius": "0px",
                    "row-gap": "normal",
                    "column-gap": "normal",
                    "font-size": "18px",
                    "line-height": "25.2px",
                    "font-weight": "330",
                    "font-variation-settings": "\"wdth\" 98, \"wght\" 330",
                    "opacity": "1",
                    "visibility": "visible",
                    "object-fit": "fill"
                  },
                  "matchedRules": [
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    }
                  ],
                  "children": []
                }
              ]
            },
            {
              "selector": "svg.fig-1xt3gp > defs:nth-child(2)",
              "tag": "defs",
              "attributes": {},
              "text": "",
              "box": {
                "x": 0,
                "y": 0,
                "width": 0,
                "height": 0,
                "documentX": 0,
                "documentY": 1365
              },
              "computed": {
                "display": "inline",
                "position": "static",
                "width": "auto",
                "height": "auto",
                "min-width": "0px",
                "max-width": "none",
                "min-height": "0px",
                "max-height": "none",
                "padding-top": "0px",
                "padding-right": "0px",
                "padding-bottom": "0px",
                "padding-left": "0px",
                "margin-top": "0px",
                "margin-right": "0px",
                "margin-bottom": "0px",
                "margin-left": "0px",
                "border-radius": "0px",
                "row-gap": "normal",
                "column-gap": "normal",
                "font-size": "18px",
                "line-height": "25.2px",
                "font-weight": "330",
                "font-variation-settings": "\"wdth\" 98, \"wght\" 330",
                "opacity": "1",
                "visibility": "visible",
                "object-fit": "fill"
              },
              "matchedRules": [
                {
                  "selector": "*, ::before, ::after",
                  "declarations": "box-sizing: inherit;",
                  "conditions": [],
                  "ruleIndex": 52,
                  "sheetOrder": 2,
                  "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                  "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                },
                {
                  "selector": "*, ::before, ::after",
                  "declarations": "box-sizing: inherit;",
                  "conditions": [],
                  "ruleIndex": 52,
                  "sheetOrder": 4,
                  "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                  "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                }
              ],
              "children": [
                {
                  "selector": "#a",
                  "tag": "clipPath",
                  "attributes": {
                    "id": "a"
                  },
                  "text": "",
                  "box": {
                    "x": 0,
                    "y": 0,
                    "width": 0,
                    "height": 0,
                    "documentX": 0,
                    "documentY": 1365
                  },
                  "computed": {
                    "display": "inline",
                    "position": "static",
                    "width": "auto",
                    "height": "auto",
                    "min-width": "0px",
                    "max-width": "none",
                    "min-height": "0px",
                    "max-height": "none",
                    "padding-top": "0px",
                    "padding-right": "0px",
                    "padding-bottom": "0px",
                    "padding-left": "0px",
                    "margin-top": "0px",
                    "margin-right": "0px",
                    "margin-bottom": "0px",
                    "margin-left": "0px",
                    "border-radius": "0px",
                    "row-gap": "normal",
                    "column-gap": "normal",
                    "font-size": "18px",
                    "line-height": "25.2px",
                    "font-weight": "330",
                    "font-variation-settings": "\"wdth\" 98, \"wght\" 330",
                    "opacity": "1",
                    "visibility": "visible",
                    "object-fit": "fill"
                  },
                  "matchedRules": [
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "html [id]",
                      "declarations": "scroll-margin-top: 5rem;",
                      "conditions": [],
                      "ruleIndex": 54,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "html [id]",
                      "declarations": "scroll-margin-top: 5rem;",
                      "conditions": [],
                      "ruleIndex": 54,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    }
                  ],
                  "children": []
                }
              ]
            }
          ]
        },
        {
          "selector": "div.fig-13wylk3",
          "tag": "DIV",
          "attributes": {
            "class": "fig-13wylk3"
          },
          "text": "Design anything you can imagine\n\nTurn your ideas into apps, websites, and products.",
          "box": {
            "x": 154.671875,
            "y": 472.984375,
            "width": 533.328125,
            "height": 44.78125,
            "documentX": 154.671875,
            "documentY": 1837.984375
          },
          "computed": {
            "display": "block",
            "position": "static",
            "width": "533.328px",
            "height": "44.7812px",
            "min-width": "0px",
            "max-width": "none",
            "min-height": "0px",
            "max-height": "none",
            "padding-top": "0px",
            "padding-right": "0px",
            "padding-bottom": "0px",
            "padding-left": "0px",
            "margin-top": "0px",
            "margin-right": "0px",
            "margin-bottom": "0px",
            "margin-left": "0px",
            "border-radius": "0px",
            "row-gap": "normal",
            "column-gap": "normal",
            "font-size": "18px",
            "line-height": "25.2px",
            "font-weight": "330",
            "font-variation-settings": "\"wdth\" 98, \"wght\" 330",
            "opacity": "1",
            "visibility": "visible",
            "object-fit": "fill"
          },
          "matchedRules": [
            {
              "selector": "*, ::before, ::after",
              "declarations": "box-sizing: inherit;",
              "conditions": [],
              "ruleIndex": 52,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "*, ::before, ::after",
              "declarations": "box-sizing: inherit;",
              "conditions": [],
              "ruleIndex": 52,
              "sheetOrder": 4,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            }
          ],
          "children": [
            {
              "selector": "div.fig-1u8qly9",
              "tag": "DIV",
              "attributes": {
                "class": "fig-1u8qly9"
              },
              "text": "Design anything you can imagine\n\nTurn your ideas into apps, websites, and products.",
              "box": {
                "x": 154.671875,
                "y": 472.984375,
                "width": 533.328125,
                "height": 44.78125,
                "documentX": 154.671875,
                "documentY": 1837.984375
              },
              "computed": {
                "display": "block",
                "position": "static",
                "width": "533.328px",
                "height": "44.7812px",
                "min-width": "0px",
                "max-width": "none",
                "min-height": "0px",
                "max-height": "none",
                "padding-top": "0px",
                "padding-right": "0px",
                "padding-bottom": "0px",
                "padding-left": "0px",
                "margin-top": "0px",
                "margin-right": "0px",
                "margin-bottom": "0px",
                "margin-left": "0px",
                "border-radius": "0px",
                "row-gap": "normal",
                "column-gap": "normal",
                "font-size": "18px",
                "line-height": "25.2px",
                "font-weight": "330",
                "font-variation-settings": "\"wdth\" 98, \"wght\" 330",
                "opacity": "1",
                "visibility": "visible",
                "object-fit": "fill"
              },
              "matchedRules": [
                {
                  "selector": "*, ::before, ::after",
                  "declarations": "box-sizing: inherit;",
                  "conditions": [],
                  "ruleIndex": 52,
                  "sheetOrder": 2,
                  "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                  "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                },
                {
                  "selector": "*, ::before, ::after",
                  "declarations": "box-sizing: inherit;",
                  "conditions": [],
                  "ruleIndex": 52,
                  "sheetOrder": 4,
                  "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                  "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                }
              ],
              "children": [
                {
                  "selector": "#_R_qlaiklubsodqivb_",
                  "tag": "H3",
                  "attributes": {
                    "id": "_R_qlaiklubsodqivb_",
                    "class": "fig-vs9wyd"
                  },
                  "text": "Design anything you can imagine",
                  "box": {
                    "x": 154.671875,
                    "y": 472.984375,
                    "width": 533.328125,
                    "height": 22.390625,
                    "documentX": 154.671875,
                    "documentY": 1837.984375
                  },
                  "computed": {
                    "display": "block",
                    "position": "static",
                    "width": "533.328px",
                    "height": "22.3906px",
                    "min-width": "0px",
                    "max-width": "none",
                    "min-height": "0px",
                    "max-height": "none",
                    "padding-top": "0px",
                    "padding-right": "0px",
                    "padding-bottom": "0px",
                    "padding-left": "0px",
                    "margin-top": "0px",
                    "margin-right": "0px",
                    "margin-bottom": "0px",
                    "margin-left": "0px",
                    "border-radius": "0px",
                    "row-gap": "normal",
                    "column-gap": "normal",
                    "font-size": "16px",
                    "line-height": "22.4px",
                    "font-weight": "400",
                    "font-variation-settings": "\"wdth\" 98, \"wght\" 400",
                    "opacity": "1",
                    "visibility": "visible",
                    "object-fit": "fill"
                  },
                  "matchedRules": [
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "html [id]",
                      "declarations": "scroll-margin-top: 5rem;",
                      "conditions": [],
                      "ruleIndex": 54,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "p, h1, h2, h3, h4, h5, h6, input[type=\"text\"], input[type=\"tel\"], input[type=\"email\"], input[type=\"search\"], textarea",
                      "declarations": "cursor: var(--global-cursor-text);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 58,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "h1, h2, h3, h4, h5, h6",
                      "declarations": "margin: 0px;",
                      "conditions": [],
                      "ruleIndex": 63,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "html [id]",
                      "declarations": "scroll-margin-top: 5rem;",
                      "conditions": [],
                      "ruleIndex": 54,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "p, h1, h2, h3, h4, h5, h6, input[type=\"text\"], input[type=\"tel\"], input[type=\"email\"], input[type=\"search\"], textarea",
                      "declarations": "cursor: var(--global-cursor-text);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 58,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "h1, h2, h3, h4, h5, h6",
                      "declarations": "margin: 0px;",
                      "conditions": [],
                      "ruleIndex": 63,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": ".fig-vs9wyd",
                      "declarations": "font-family: var(--global-font-sans, 'figmaSans', 'figmaSans Fallback', SF Pro Display, system-ui, helvetica, sans-serif); font-optical-sizing: auto; font-size: var(--fig-typography-size-bodyL); line-height: var(--fig-typography-lh-relaxed); letter-spacing: var(--fig-typography-ls-none); font-weight: var(--fig-typography-weight); font-variation-settings: \"wdth\" var(--fig-typography-variation-wdth-narrow),\"wght\" var(--fig-typography-variation-wght-regular); margin: 0px;",
                      "conditions": [],
                      "ruleIndex": 574,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    }
                  ],
                  "children": []
                },
                {
                  "selector": "p.fig-ls4j0i",
                  "tag": "P",
                  "attributes": {
                    "class": "fig-ls4j0i"
                  },
                  "text": "Turn your ideas into apps, websites, and products.",
                  "box": {
                    "x": 154.671875,
                    "y": 495.375,
                    "width": 533.328125,
                    "height": 22.390625,
                    "documentX": 154.671875,
                    "documentY": 1860.375
                  },
                  "computed": {
                    "display": "block",
                    "position": "static",
                    "width": "533.328px",
                    "height": "22.3906px",
                    "min-width": "0px",
                    "max-width": "none",
                    "min-height": "0px",
                    "max-height": "none",
                    "padding-top": "0px",
                    "padding-right": "0px",
                    "padding-bottom": "0px",
                    "padding-left": "0px",
                    "margin-top": "0px",
                    "margin-right": "0px",
                    "margin-bottom": "0px",
                    "margin-left": "0px",
                    "border-radius": "0px",
                    "row-gap": "normal",
                    "column-gap": "normal",
                    "font-size": "16px",
                    "line-height": "22.4px",
                    "font-weight": "400",
                    "font-variation-settings": "\"wdth\" 98, \"wght\" 400",
                    "opacity": "1",
                    "visibility": "visible",
                    "object-fit": "fill"
                  },
                  "matchedRules": [
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "p, h1, h2, h3, h4, h5, h6, input[type=\"text\"], input[type=\"tel\"], input[type=\"email\"], input[type=\"search\"], textarea",
                      "declarations": "cursor: var(--global-cursor-text);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 58,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "p, ul, ol",
                      "declarations": "font-family: var(--global-font-sans, 'figmaSans', 'figmaSans Fallback', SF Pro Display, system-ui, helvetica, sans-serif); font-optical-sizing: auto; font-size: 1.125rem; line-height: 1.4; font-weight: 330; font-variation-settings: \"wdth\" 98, \"wght\" 330;",
                      "conditions": [],
                      "ruleIndex": 67,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "p, h1, h2, h3, h4, h5, h6, input[type=\"text\"], input[type=\"tel\"], input[type=\"email\"], input[type=\"search\"], textarea",
                      "declarations": "cursor: var(--global-cursor-text);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 58,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "p, ul, ol",
                      "declarations": "font-family: var(--global-font-sans, 'figmaSans', 'figmaSans Fallback', SF Pro Display, system-ui, helvetica, sans-serif); font-optical-sizing: auto; font-size: 1.125rem; line-height: 1.4; font-weight: 330; font-variation-settings: \"wdth\" 98, \"wght\" 330;",
                      "conditions": [],
                      "ruleIndex": 67,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": ".fig-ls4j0i",
                      "declarations": "font-family: var(--global-font-sans, 'figmaSans', 'figmaSans Fallback', SF Pro Display, system-ui, helvetica, sans-serif); font-optical-sizing: auto; font-size: var(--fig-typography-size-bodyL); line-height: var(--fig-typography-lh-relaxed); letter-spacing: var(--fig-typography-ls-none); font-weight: var(--fig-typography-weight); font-variation-settings: \"wdth\" var(--fig-typography-variation-wdth-narrow),\"wght\" var(--fig-typography-variation-wght-regular); margin: 0px;",
                      "conditions": [],
                      "ruleIndex": 578,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    }
                  ],
                  "children": []
                }
              ]
            }
          ]
        },
        {
          "selector": "div.fig-13f79i2",
          "tag": "DIV",
          "attributes": {
            "class": "fig-13f79i2"
          },
          "text": "Explore design tools",
          "box": {
            "x": 154.671875,
            "y": 533.765625,
            "width": 533.328125,
            "height": 24.390625,
            "documentX": 154.671875,
            "documentY": 1898.765625
          },
          "computed": {
            "display": "flex",
            "position": "static",
            "width": "533.328px",
            "height": "24.3906px",
            "min-width": "0px",
            "max-width": "none",
            "min-height": "0px",
            "max-height": "none",
            "padding-top": "0px",
            "padding-right": "0px",
            "padding-bottom": "0px",
            "padding-left": "0px",
            "margin-top": "16px",
            "margin-right": "0px",
            "margin-bottom": "0px",
            "margin-left": "0px",
            "border-radius": "0px",
            "row-gap": "12px",
            "column-gap": "12px",
            "font-size": "18px",
            "line-height": "25.2px",
            "font-weight": "330",
            "font-variation-settings": "\"wdth\" 98, \"wght\" 330",
            "opacity": "1",
            "visibility": "visible",
            "object-fit": "fill"
          },
          "matchedRules": [
            {
              "selector": "*, ::before, ::after",
              "declarations": "box-sizing: inherit;",
              "conditions": [],
              "ruleIndex": 52,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "*, ::before, ::after",
              "declarations": "box-sizing: inherit;",
              "conditions": [],
              "ruleIndex": 52,
              "sheetOrder": 4,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            },
            {
              "selector": ".fig-13f79i2",
              "declarations": "display: flex; flex-direction: column; gap: var(--fig-space-12, 0.75rem); margin-top: var(--fig-space-16, 1rem);",
              "conditions": [],
              "ruleIndex": 582,
              "sheetOrder": 4,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            },
            {
              "selector": ".fig-13f79i2",
              "declarations": "flex-flow: wrap; -webkit-box-align: baseline; align-items: baseline;",
              "conditions": [
                {
                  "condition": "(min-width: 480px)",
                  "active": true
                }
              ],
              "ruleIndex": 583,
              "sheetOrder": 4,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            }
          ],
          "children": [
            {
              "selector": "div.fig-1kgzx9z",
              "tag": "DIV",
              "attributes": {
                "class": "fig-1kgzx9z"
              },
              "text": "Explore design tools",
              "box": {
                "x": 154.671875,
                "y": 533.765625,
                "width": 166.015625,
                "height": 24.390625,
                "documentX": 154.671875,
                "documentY": 1898.765625
              },
              "computed": {
                "display": "flex",
                "position": "static",
                "width": "166.016px",
                "height": "24.3906px",
                "min-width": "auto",
                "max-width": "none",
                "min-height": "auto",
                "max-height": "none",
                "padding-top": "0px",
                "padding-right": "0px",
                "padding-bottom": "0px",
                "padding-left": "0px",
                "margin-top": "0px",
                "margin-right": "0px",
                "margin-bottom": "0px",
                "margin-left": "0px",
                "border-radius": "0px",
                "row-gap": "24px",
                "column-gap": "24px",
                "font-size": "18px",
                "line-height": "25.2px",
                "font-weight": "330",
                "font-variation-settings": "\"wdth\" 98, \"wght\" 330",
                "opacity": "1",
                "visibility": "visible",
                "object-fit": "fill"
              },
              "matchedRules": [
                {
                  "selector": "*, ::before, ::after",
                  "declarations": "box-sizing: inherit;",
                  "conditions": [],
                  "ruleIndex": 52,
                  "sheetOrder": 2,
                  "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                  "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                },
                {
                  "selector": "*, ::before, ::after",
                  "declarations": "box-sizing: inherit;",
                  "conditions": [],
                  "ruleIndex": 52,
                  "sheetOrder": 4,
                  "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                  "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                },
                {
                  "selector": ".fig-1kgzx9z",
                  "declarations": "display: flex; -webkit-box-align: center; align-items: center; gap: var(--fig-space-24, 1.5rem); flex-flow: wrap;",
                  "conditions": [],
                  "ruleIndex": 585,
                  "sheetOrder": 4,
                  "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                  "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                },
                {
                  "selector": ".fig-1kgzx9z",
                  "declarations": "flex-flow: wrap;",
                  "conditions": [
                    {
                      "condition": "(min-width: 480px)",
                      "active": true
                    }
                  ],
                  "ruleIndex": 586,
                  "sheetOrder": 4,
                  "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                  "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                }
              ],
              "children": [
                {
                  "selector": "a.fig-1siyav2",
                  "tag": "A",
                  "attributes": {
                    "class": "fig-1siyav2",
                    "href": "https://www.figma.com/design-explore/"
                  },
                  "text": "Explore design tools",
                  "box": {
                    "x": 154.671875,
                    "y": 533.765625,
                    "width": 166.015625,
                    "height": 22.390625,
                    "documentX": 154.671875,
                    "documentY": 1898.765625
                  },
                  "computed": {
                    "display": "flex",
                    "position": "relative",
                    "width": "166.016px",
                    "height": "22.3906px",
                    "min-width": "auto",
                    "max-width": "none",
                    "min-height": "auto",
                    "max-height": "none",
                    "padding-top": "0px",
                    "padding-right": "0px",
                    "padding-bottom": "0px",
                    "padding-left": "0px",
                    "margin-top": "0px",
                    "margin-right": "0px",
                    "margin-bottom": "2px",
                    "margin-left": "0px",
                    "border-radius": "2px",
                    "row-gap": "normal",
                    "column-gap": "normal",
                    "font-size": "18px",
                    "line-height": "25.2px",
                    "font-weight": "330",
                    "font-variation-settings": "\"wdth\" 98, \"wght\" 330",
                    "opacity": "1",
                    "visibility": "visible",
                    "object-fit": "fill"
                  },
                  "matchedRules": [
                    {
                      "selector": "a",
                      "declarations": "background-color: transparent;",
                      "conditions": [],
                      "ruleIndex": 6,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                      "declarations": "cursor: var(--global-cursor-pointer);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 59,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a",
                      "declarations": "text-decoration-thickness: 1px; color: inherit; text-underline-offset: 0.25em;",
                      "conditions": [],
                      "ruleIndex": 65,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a",
                      "declarations": "background-color: transparent;",
                      "conditions": [],
                      "ruleIndex": 6,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                      "declarations": "cursor: var(--global-cursor-pointer);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 59,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "a",
                      "declarations": "text-decoration-thickness: 1px; color: inherit; text-underline-offset: 0.25em;",
                      "conditions": [],
                      "ruleIndex": 65,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": ".fig-1siyav2",
                      "declarations": "display: inline-flex; -webkit-box-pack: center; justify-content: center; text-decoration: none; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0.125rem; position: relative; padding: 0px; margin-bottom: 0.125rem;",
                      "conditions": [],
                      "ruleIndex": 600,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    }
                  ],
                  "children": []
                }
              ]
            }
          ]
        }
      ],
      "spacingOwnership": {
        "outer": "ARTICLE owns margin-top32px below480px,40px from480px; margin-inline-end24px; max-width650px. LI owns neither those margins nor padding.",
        "inner": "Root padding0; icon16×16 with margin-bottom16px; title and description margins0; action group margin-top16px, gap12px; nested action group gap24px.",
        "text": "Title16px/22.4px and body16px/22.4px, wdth98/wght400. Description wraps to two lines at390."
      },
      "source": "evidence/geometry-repair/source-feature-card-1440.json",
      "status": "Partial",
      "uncertainty": "Named public source variant only. Local specimen geometry differs; no source/local fidelity pass or private API completeness asserted."
    },
    "localSelector": "[data-component=\"feature-card\"]",
    "provenance": "measured named public source variant; different local reconstruction; see geometry-repairs.json",
    "states": [
      "default",
      "long-content",
      "missing-content"
    ],
    "behavior": "Stable IDs. Keep source order in stacked layouts. No selection or drag is implied by a card. Empty and filtered-empty messages name the recovery.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Local image-led research card. Source comparison variant is an icon-led benefit article with title, description, and destination.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#feature-card",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 19484.40625,
          "width": 308,
          "height": 395.75,
          "top": 19484.40625,
          "right": 349,
          "bottom": 19880.15625,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "308px",
          "height": "395.75px",
          "min-width": "0px",
          "max-width": "390px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "24px",
          "padding-right": "24px",
          "padding-bottom": "24px",
          "padding-left": "24px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(255, 255, 255)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "DIV",
            "text": "✳",
            "box": {
              "x": 65,
              "y": 19508.40625,
              "width": 260,
              "height": 200,
              "top": 19508.40625,
              "right": 325,
              "bottom": 19708.40625,
              "left": 65
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "grid",
              "position": "static",
              "width": "260px",
              "height": "200px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "260px",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "160px",
              "font-weight": "320",
              "line-height": "160px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(185, 162, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "Design systems",
            "box": {
              "x": 65,
              "y": 19728.40625,
              "width": 260,
              "height": 18.1875,
              "top": 19728.40625,
              "right": 325,
              "bottom": 19746.59375,
              "left": 65
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "260px",
              "height": "18.1875px",
              "min-width": "0px",
              "max-width": "572.881px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "20px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "18.2px",
              "letter-spacing": "0.5px",
              "white-space": "normal",
              "text-transform": "uppercase",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "H3",
            "text": "A shared place for better ideas",
            "box": {
              "x": 65,
              "y": 19758.59375,
              "width": 260,
              "height": 62.375,
              "top": 19758.59375,
              "right": 325,
              "bottom": 19820.96875,
              "left": 65
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "260px",
              "height": "62.375px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "12px",
              "margin-right": "0px",
              "margin-bottom": "12px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "24px",
              "font-weight": "400",
              "line-height": "31.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "Explore the workflow →",
            "box": {
              "x": 65,
              "y": 19834.96875,
              "width": 164.78125,
              "height": 18,
              "top": 19834.96875,
              "right": 229.78125,
              "bottom": 19852.96875,
              "left": 65
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline",
              "position": "static",
              "width": "auto",
              "height": "auto",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 13527.65625,
          "width": 390,
          "height": 364.5625,
          "top": 13527.65625,
          "right": 463,
          "bottom": 13892.21875,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "390px",
          "height": "364.562px",
          "min-width": "0px",
          "max-width": "390px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "24px",
          "padding-right": "24px",
          "padding-bottom": "24px",
          "padding-left": "24px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(255, 255, 255)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "DIV",
            "text": "✳",
            "box": {
              "x": 97,
              "y": 13551.65625,
              "width": 342,
              "height": 200,
              "top": 13551.65625,
              "right": 439,
              "bottom": 13751.65625,
              "left": 97
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "grid",
              "position": "static",
              "width": "342px",
              "height": "200px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "342px",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "160px",
              "font-weight": "320",
              "line-height": "160px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(185, 162, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "Design systems",
            "box": {
              "x": 97,
              "y": 13771.65625,
              "width": 342,
              "height": 18.1875,
              "top": 13771.65625,
              "right": 439,
              "bottom": 13789.84375,
              "left": 97
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "342px",
              "height": "18.1875px",
              "min-width": "0px",
              "max-width": "572.881px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "20px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "18.2px",
              "letter-spacing": "0.5px",
              "white-space": "normal",
              "text-transform": "uppercase",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "H3",
            "text": "A shared place for better ideas",
            "box": {
              "x": 97,
              "y": 13801.84375,
              "width": 342,
              "height": 31.1875,
              "top": 13801.84375,
              "right": 439,
              "bottom": 13833.03125,
              "left": 97
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "342px",
              "height": "31.1875px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "12px",
              "margin-right": "0px",
              "margin-bottom": "12px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "24px",
              "font-weight": "400",
              "line-height": "31.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "Explore the workflow →",
            "box": {
              "x": 97,
              "y": 13847.03125,
              "width": 164.78125,
              "height": 18,
              "top": 13847.03125,
              "right": 261.78125,
              "bottom": 13865.03125,
              "left": 97
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline",
              "position": "static",
              "width": "auto",
              "height": "auto",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 11736.875,
          "width": 390,
          "height": 364.5625,
          "top": 11736.875,
          "right": 479,
          "bottom": 12101.4375,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "390px",
          "height": "364.562px",
          "min-width": "0px",
          "max-width": "390px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "24px",
          "padding-right": "24px",
          "padding-bottom": "24px",
          "padding-left": "24px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(255, 255, 255)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "DIV",
            "text": "✳",
            "box": {
              "x": 113,
              "y": 11760.875,
              "width": 342,
              "height": 200,
              "top": 11760.875,
              "right": 455,
              "bottom": 11960.875,
              "left": 113
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "grid",
              "position": "static",
              "width": "342px",
              "height": "200px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "342px",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "160px",
              "font-weight": "320",
              "line-height": "160px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(185, 162, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "Design systems",
            "box": {
              "x": 113,
              "y": 11980.875,
              "width": 342,
              "height": 18.1875,
              "top": 11980.875,
              "right": 455,
              "bottom": 11999.0625,
              "left": 113
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "342px",
              "height": "18.1875px",
              "min-width": "0px",
              "max-width": "572.881px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "20px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "18.2px",
              "letter-spacing": "0.5px",
              "white-space": "normal",
              "text-transform": "uppercase",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "H3",
            "text": "A shared place for better ideas",
            "box": {
              "x": 113,
              "y": 12011.0625,
              "width": 342,
              "height": 31.1875,
              "top": 12011.0625,
              "right": 455,
              "bottom": 12042.25,
              "left": 113
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "342px",
              "height": "31.1875px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "12px",
              "margin-right": "0px",
              "margin-bottom": "12px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "24px",
              "font-weight": "400",
              "line-height": "31.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "Explore the workflow →",
            "box": {
              "x": 113,
              "y": 12056.25,
              "width": 164.78125,
              "height": 18,
              "top": 12056.25,
              "right": 277.78125,
              "bottom": 12074.25,
              "left": 113
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline",
              "position": "static",
              "width": "auto",
              "height": "auto",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "media-frame",
    "name": "Product media",
    "group": "media",
    "criticality": "Important",
    "purpose": "Local static evidence figure. Source comparison variant is a gallery list item containing a loaded marketing image.",
    "element": "figure",
    "sourceSelector": "ul.fig-1ka71ms > li:nth-child(1)",
    "observed": true,
    "source": "evidence/geometry-repair/source-media-frame-1440.json",
    "sourceRules": [
      ".fig-1ka71ms {list-style: none; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--fig-grid-gutter); margin-top: var(--fig-space-40, 2.5rem);}",
      "@media (min-width: 1024px) {.fig-1ka71ms {grid-template-columns: repeat(4, minmax(0px, 1fr));}}"
    ],
    "geometry": {
      "id": "media-frame",
      "part": "root",
      "variant": "image-gallery-tile",
      "state": "rest; revealed",
      "route": "https://www.figma.com/",
      "selector": "ul.fig-1ka71ms > li:nth-child(1)",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "source observed",
      "contentCase": "",
      "box": {
        "x": 0,
        "y": 250.140625,
        "width": 348,
        "height": 435,
        "documentX": 0,
        "documentY": 3284.140625
      },
      "computed": {
        "box-sizing": "border-box",
        "display": "list-item",
        "position": "static",
        "top": "auto",
        "right": "auto",
        "bottom": "auto",
        "left": "auto",
        "width": "348px",
        "height": "435px",
        "min-width": "auto",
        "max-width": "none",
        "min-height": "auto",
        "max-height": "none",
        "aspect-ratio": "auto",
        "padding-top": "0px",
        "padding-right": "0px",
        "padding-bottom": "0px",
        "padding-left": "0px",
        "margin-top": "0px",
        "margin-right": "0px",
        "margin-bottom": "0px",
        "margin-left": "0px",
        "border-top": "0px none rgb(0, 0, 0)",
        "border-right": "0px none rgb(0, 0, 0)",
        "border-bottom": "0px none rgb(0, 0, 0)",
        "border-left": "0px none rgb(0, 0, 0)",
        "border-radius": "0px",
        "row-gap": "normal",
        "column-gap": "normal",
        "grid-template-columns": "none",
        "grid-template-rows": "none",
        "grid-column": "auto",
        "grid-row": "auto",
        "flex-direction": "row",
        "flex-wrap": "nowrap",
        "flex-grow": "0",
        "flex-shrink": "1",
        "flex-basis": "auto",
        "align-items": "normal",
        "align-self": "auto",
        "justify-content": "normal",
        "overflow": "visible",
        "overflow-x": "visible",
        "overflow-y": "visible",
        "transform": "none",
        "font-family": "figmaSans, \"figmaSans Fallback\", \"SF Pro Display\", system-ui, helvetica, sans-serif",
        "font-size": "18px",
        "font-weight": "330",
        "font-variation-settings": "\"wdth\" 98, \"wght\" 330",
        "font-optical-sizing": "auto",
        "font-feature-settings": "\"kern\"",
        "line-height": "25.2px",
        "letter-spacing": "normal",
        "white-space": "normal",
        "text-wrap": "wrap",
        "text-transform": "none",
        "color": "rgb(0, 0, 0)",
        "background-color": "rgba(0, 0, 0, 0)",
        "opacity": "1",
        "visibility": "visible",
        "z-index": "auto",
        "box-shadow": "none",
        "transition": "all",
        "object-fit": "fill",
        "object-position": "50% 50%",
        "clip-path": "none"
      },
      "children": [
        {
          "selector": "img.fig-1y6dwnd",
          "tag": "IMG",
          "attributes": {
            "class": "fig-1y6dwnd",
            "width": "656",
            "height": "816",
            "loading": "lazy",
            "alt": "A mock website showing Texture values"
          },
          "text": "",
          "box": {
            "x": 0,
            "y": 250.140625,
            "width": 348,
            "height": 432.875,
            "documentX": 0,
            "documentY": 3284.140625
          },
          "computed": {
            "display": "block",
            "position": "static",
            "width": "348px",
            "height": "432.875px",
            "min-width": "0px",
            "max-width": "100%",
            "min-height": "0px",
            "max-height": "none",
            "padding-top": "0px",
            "padding-right": "0px",
            "padding-bottom": "0px",
            "padding-left": "0px",
            "margin-top": "0px",
            "margin-right": "0px",
            "margin-bottom": "0px",
            "margin-left": "0px",
            "border-radius": "0px",
            "row-gap": "normal",
            "column-gap": "normal",
            "font-size": "18px",
            "line-height": "25.2px",
            "font-weight": "330",
            "font-variation-settings": "\"wdth\" 98, \"wght\" 330",
            "opacity": "1",
            "visibility": "visible",
            "object-fit": "fill"
          },
          "matchedRules": [
            {
              "selector": "img",
              "declarations": "border-style: none;",
              "conditions": [],
              "ruleIndex": 14,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "*, ::before, ::after",
              "declarations": "box-sizing: inherit;",
              "conditions": [],
              "ruleIndex": 52,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "img, svg, video",
              "declarations": "display: block; max-width: 100%;",
              "conditions": [],
              "ruleIndex": 62,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "img",
              "declarations": "border-style: none;",
              "conditions": [],
              "ruleIndex": 14,
              "sheetOrder": 4,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            },
            {
              "selector": "*, ::before, ::after",
              "declarations": "box-sizing: inherit;",
              "conditions": [],
              "ruleIndex": 52,
              "sheetOrder": 4,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            },
            {
              "selector": "img, svg, video",
              "declarations": "display: block; max-width: 100%;",
              "conditions": [],
              "ruleIndex": 62,
              "sheetOrder": 4,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            },
            {
              "selector": ".fig-1y6dwnd",
              "declarations": "display: block; object-position: center center; width: 100%; height: auto;",
              "conditions": [],
              "ruleIndex": 635,
              "sheetOrder": 4,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            }
          ],
          "image": {
            "src": "https://cdn.sanity.io/images/599r6htc/regionalized/b82592e52a6cc84b26ac68a8fd0fd5f2d05e0a34-656x816.png?q=75&fit=max&auto=format&dpr=2",
            "complete": true,
            "naturalWidth": 1440,
            "naturalHeight": 1791,
            "loading": "lazy"
          },
          "children": []
        }
      ],
      "spacingOwnership": {
        "outer": "Parent UL owns display:grid, gap16px, margin-top40px;2 equal columns below1024px and4 columns from1024px.",
        "inner": "LI padding/margin0. Tile height is the stretched grid row, not an authored fixed435px or233.75px contract.",
        "image": "Visible IMG fills tile width with height:auto:348×432.875 at1440 and187×232.5 at390. LI is348×435 and187×233.75 because another item determines row height.",
        "loading": "Pre-reveal parent opacity0/translateY32px changes to opacity1/transform:none; absolute document Y moves32px. After-reveal measurements are authoritative for visible-state geometry."
      },
      "source": "evidence/geometry-repair/source-media-frame-1440.json",
      "status": "Partial",
      "uncertainty": "Named public source variant only. Local specimen geometry differs; no source/local fidelity pass or private API completeness asserted."
    },
    "localSelector": "[data-component=\"media-frame\"]",
    "provenance": "measured named public source variant; different local reconstruction; see geometry-repairs.json",
    "states": [
      "default",
      "long-content",
      "missing-content"
    ],
    "behavior": "Static research frame. No autoplay in the guide. Product playback is recorded separately; a screenshot does not prove player behavior.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Local static evidence figure. Source comparison variant is a gallery list item containing a loaded marketing image.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#media-frame",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 21662.671875,
          "width": 308,
          "height": 354.78125,
          "top": 21662.671875,
          "right": 349,
          "bottom": 22017.453125,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "308px",
          "height": "354.781px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "IMG",
            "text": "",
            "box": {
              "x": 41,
              "y": 21662.671875,
              "width": 308,
              "height": 308,
              "top": 21662.671875,
              "right": 349,
              "bottom": 21970.671875,
              "left": 41
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline",
              "position": "static",
              "width": "308px",
              "height": "308px",
              "min-width": "0px",
              "max-width": "100%",
              "min-height": "0px",
              "max-height": "440px",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "clip",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "FIGCAPTION",
            "text": "Frozen homepage media frame · observed appearance",
            "box": {
              "x": 41,
              "y": 21976.859375,
              "width": 308,
              "height": 40.59375,
              "top": 21976.859375,
              "right": 349,
              "bottom": 22017.453125,
              "left": 41
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "308px",
              "height": "40.5938px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(97, 97, 97)",
              "border-right": "0px none rgb(97, 97, 97)",
              "border-bottom": "0px none rgb(97, 97, 97)",
              "border-left": "0px none rgb(97, 97, 97)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "20.3px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(97, 97, 97)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 15085.21875,
          "width": 622,
          "height": 466.484375,
          "top": 15085.21875,
          "right": 695,
          "bottom": 15551.703125,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "622px",
          "height": "466.484px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "IMG",
            "text": "",
            "box": {
              "x": 73,
              "y": 15085.21875,
              "width": 622,
              "height": 440,
              "top": 15085.21875,
              "right": 695,
              "bottom": 15525.21875,
              "left": 73
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline",
              "position": "static",
              "width": "622px",
              "height": "440px",
              "min-width": "0px",
              "max-width": "100%",
              "min-height": "0px",
              "max-height": "440px",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "clip",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "FIGCAPTION",
            "text": "Frozen homepage media frame · observed appearance",
            "box": {
              "x": 73,
              "y": 15531.40625,
              "width": 622,
              "height": 20.296875,
              "top": 15531.40625,
              "right": 695,
              "bottom": 15551.703125,
              "left": 73
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "622px",
              "height": "20.2969px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(97, 97, 97)",
              "border-right": "0px none rgb(97, 97, 97)",
              "border-bottom": "0px none rgb(97, 97, 97)",
              "border-left": "0px none rgb(97, 97, 97)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "20.3px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(97, 97, 97)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 13113.578125,
          "width": 1262,
          "height": 466.484375,
          "top": 13113.578125,
          "right": 1351,
          "bottom": 13580.0625,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "1262px",
          "height": "466.484px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "IMG",
            "text": "",
            "box": {
              "x": 89,
              "y": 13113.578125,
              "width": 1262,
              "height": 440,
              "top": 13113.578125,
              "right": 1351,
              "bottom": 13553.578125,
              "left": 89
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline",
              "position": "static",
              "width": "1262px",
              "height": "440px",
              "min-width": "0px",
              "max-width": "100%",
              "min-height": "0px",
              "max-height": "440px",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "clip",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "FIGCAPTION",
            "text": "Frozen homepage media frame · observed appearance",
            "box": {
              "x": 89,
              "y": 13559.765625,
              "width": 1262,
              "height": 20.296875,
              "top": 13559.765625,
              "right": 1351,
              "bottom": 13580.0625,
              "left": 89
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "1262px",
              "height": "20.2969px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(97, 97, 97)",
              "border-right": "0px none rgb(97, 97, 97)",
              "border-bottom": "0px none rgb(97, 97, 97)",
              "border-left": "0px none rgb(97, 97, 97)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "20.3px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(97, 97, 97)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "cookie-notice",
    "name": "Cookie notice",
    "group": "feedback",
    "criticality": "Important",
    "purpose": "Static consent-notice research specimen. Source notice is a fixed div with role=alertdialog and accessible name Cookie Consent.",
    "element": "aside",
    "sourceSelector": "div.fig-1d61hkn[role=\"alertdialog\"][aria-label=\"Cookie Consent\"]",
    "observed": true,
    "source": "evidence/geometry-repair/source-cookie-notice-1440.json",
    "sourceRules": [
      ".fig-1d61hkn {width: calc(min(var(--f-max-content-width), 100vw) - var(--f-gutter) * 2); margin-inline: auto; --f-bg-color: #000000; --f-text-color: #FFFFFF; --f-text-secondary-color: rgba(255, 255, 255, 0.7); --f-primary-btn-bg-color: #FFFFFF; --f-primary-btn-text-color: #000000; --f-form-input-bg-color: rgba(255, 255, 255, 0.16); --f-form-select-hover-bg-color: rgba(255, 255, 255, 0.24); --f-form-placeholder-text-color: rgba(255, 255, 255, 0.6); --f-form-error-bg-color: #FFB3B3; --f-form-error-text-color: #000000; --f-badge-text-color: #FFFFFF; --f-badge-bg-color: rgba(255, 255, 255, 0.16); --f-primary-transparent-color: rgba(255, 255, 255, 0.24); background: var(--f-bg-color, #FFFFFF); color: var(--f-text-color, #000000); position: fixed; bottom: 1.5rem; right: 1.5rem; border-radius: 0.5rem; z-index: 30; padding: 1.5rem; max-height: 70vh; overflow-y: auto;}",
      "@media (min-width: 560px) {.fig-1d61hkn {max-width: 27.5rem;}}",
      "@media (min-width: 960px) {.fig-1d61hkn {transform: unset;}}"
    ],
    "geometry": {
      "id": "cookie-notice",
      "part": "root",
      "variant": "cookie-consent-alertdialog",
      "state": "rest",
      "route": "https://www.figma.com/",
      "selector": "div.fig-1d61hkn[role=\"alertdialog\"][aria-label=\"Cookie Consent\"]",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "inverse",
      "density": "source observed",
      "contentCase": "This website uses cookies, pixel tags, and local storage for performance, personalization, and marketing purposes. Our use of some cookies may be considered a sale, sharing for behavioral advertising, or targeted adverti",
      "box": {
        "x": 976,
        "y": 635.734375,
        "width": 440,
        "height": 340.265625,
        "documentX": 976,
        "documentY": 635.734375
      },
      "computed": {
        "box-sizing": "border-box",
        "display": "block",
        "position": "fixed",
        "top": "635.734px",
        "right": "24px",
        "bottom": "24px",
        "left": "976px",
        "width": "440px",
        "height": "340.266px",
        "min-width": "0px",
        "max-width": "440px",
        "min-height": "0px",
        "max-height": "700px",
        "aspect-ratio": "auto",
        "padding-top": "24px",
        "padding-right": "24px",
        "padding-bottom": "24px",
        "padding-left": "24px",
        "margin-top": "0px",
        "margin-right": "0px",
        "margin-bottom": "0px",
        "margin-left": "0px",
        "border-top": "0px none rgb(255, 255, 255)",
        "border-right": "0px none rgb(255, 255, 255)",
        "border-bottom": "0px none rgb(255, 255, 255)",
        "border-left": "0px none rgb(255, 255, 255)",
        "border-radius": "8px",
        "row-gap": "normal",
        "column-gap": "normal",
        "grid-template-columns": "none",
        "grid-template-rows": "none",
        "grid-column": "auto",
        "grid-row": "auto",
        "flex-direction": "row",
        "flex-wrap": "nowrap",
        "flex-grow": "0",
        "flex-shrink": "1",
        "flex-basis": "auto",
        "align-items": "normal",
        "align-self": "auto",
        "justify-content": "normal",
        "overflow": "auto",
        "overflow-x": "auto",
        "overflow-y": "auto",
        "transform": "none",
        "font-family": "figmaSans, \"figmaSans Fallback\", \"SF Pro Display\", system-ui, helvetica, sans-serif",
        "font-size": "16px",
        "font-weight": "400",
        "font-variation-settings": "normal",
        "font-optical-sizing": "auto",
        "font-feature-settings": "\"kern\"",
        "line-height": "23.2px",
        "letter-spacing": "normal",
        "white-space": "normal",
        "text-wrap": "wrap",
        "text-transform": "none",
        "color": "rgb(255, 255, 255)",
        "background-color": "rgb(0, 0, 0)",
        "opacity": "1",
        "visibility": "visible",
        "z-index": "30",
        "box-shadow": "none",
        "transition": "all",
        "object-fit": "fill",
        "object-position": "50% 50%",
        "clip-path": "none"
      },
      "children": [
        {
          "selector": "div.fig-1iu0vhq",
          "tag": "DIV",
          "attributes": {
            "class": "fig-1iu0vhq"
          },
          "text": "This website uses cookies, pixel tags, and local storage for performance, personalization, and marketing purposes. Our use of some cookies may be considered a sale, sharing for behavioral advertising, or targeted adverti",
          "box": {
            "x": 1000,
            "y": 659.734375,
            "width": 368,
            "height": 251.875,
            "documentX": 1000,
            "documentY": 659.734375
          },
          "computed": {
            "display": "block",
            "position": "static",
            "width": "368px",
            "height": "251.875px",
            "min-width": "0px",
            "max-width": "none",
            "min-height": "0px",
            "max-height": "none",
            "padding-top": "0px",
            "padding-right": "0px",
            "padding-bottom": "0px",
            "padding-left": "0px",
            "margin-top": "0px",
            "margin-right": "24px",
            "margin-bottom": "0px",
            "margin-left": "0px",
            "border-radius": "0px",
            "row-gap": "normal",
            "column-gap": "normal",
            "font-size": "16px",
            "line-height": "23.2px",
            "font-weight": "400",
            "font-variation-settings": "normal",
            "opacity": "1",
            "visibility": "visible",
            "object-fit": "fill"
          },
          "matchedRules": [
            {
              "selector": "*, ::before, ::after",
              "declarations": "box-sizing: inherit;",
              "conditions": [],
              "ruleIndex": 52,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "*, ::before, ::after",
              "declarations": "box-sizing: inherit;",
              "conditions": [],
              "ruleIndex": 52,
              "sheetOrder": 3,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            },
            {
              "selector": ".fig-1iu0vhq",
              "declarations": "margin-inline-end: 1.5rem;",
              "conditions": [],
              "ruleIndex": 72,
              "sheetOrder": 4,
              "sourcePath": "evidence/geometry-repair/css-f045a1815839684d.css",
              "sourceHash": "f045a1815839684daeb7e379d9287b6daf6605e6804c101d74ae94a0c8b377e7"
            }
          ],
          "children": [
            {
              "selector": "div.fig-1iu0vhq > p:nth-child(1)",
              "tag": "P",
              "attributes": {},
              "text": "This website uses cookies, pixel tags, and local storage for performance, personalization, and marketing purposes. Our use of some cookies may be considered a sale, sharing for behavioral advertising, or targeted adverti",
              "box": {
                "x": 1000,
                "y": 659.734375,
                "width": 368,
                "height": 251.875,
                "documentX": 1000,
                "documentY": 659.734375
              },
              "computed": {
                "display": "block",
                "position": "static",
                "width": "368px",
                "height": "251.875px",
                "min-width": "0px",
                "max-width": "none",
                "min-height": "0px",
                "max-height": "none",
                "padding-top": "0px",
                "padding-right": "0px",
                "padding-bottom": "0px",
                "padding-left": "0px",
                "margin-top": "0px",
                "margin-right": "0px",
                "margin-bottom": "0px",
                "margin-left": "0px",
                "border-radius": "0px",
                "row-gap": "normal",
                "column-gap": "normal",
                "font-size": "18px",
                "line-height": "25.2px",
                "font-weight": "330",
                "font-variation-settings": "\"wdth\" 98, \"wght\" 330",
                "opacity": "1",
                "visibility": "visible",
                "object-fit": "fill"
              },
              "matchedRules": [
                {
                  "selector": "*, ::before, ::after",
                  "declarations": "box-sizing: inherit;",
                  "conditions": [],
                  "ruleIndex": 52,
                  "sheetOrder": 2,
                  "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                  "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                },
                {
                  "selector": "p, h1, h2, h3, h4, h5, h6, input[type=\"text\"], input[type=\"tel\"], input[type=\"email\"], input[type=\"search\"], textarea",
                  "declarations": "cursor: var(--global-cursor-text);",
                  "conditions": [
                    {
                      "condition": "(hover: hover) and (pointer: fine)",
                      "active": true
                    }
                  ],
                  "ruleIndex": 58,
                  "sheetOrder": 2,
                  "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                  "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                },
                {
                  "selector": "p, ul, ol",
                  "declarations": "font-family: var(--global-font-sans, 'figmaSans', 'figmaSans Fallback', SF Pro Display, system-ui, helvetica, sans-serif); font-optical-sizing: auto; font-size: 1.125rem; line-height: 1.4; font-weight: 330; font-variation-settings: \"wdth\" 98, \"wght\" 330;",
                  "conditions": [],
                  "ruleIndex": 67,
                  "sheetOrder": 2,
                  "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                  "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                },
                {
                  "selector": "*, ::before, ::after",
                  "declarations": "box-sizing: inherit;",
                  "conditions": [],
                  "ruleIndex": 52,
                  "sheetOrder": 3,
                  "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                  "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                },
                {
                  "selector": "p, h1, h2, h3, h4, h5, h6, input[type=\"text\"], input[type=\"tel\"], input[type=\"email\"], input[type=\"search\"], textarea",
                  "declarations": "cursor: var(--global-cursor-text);",
                  "conditions": [
                    {
                      "condition": "(hover: hover) and (pointer: fine)",
                      "active": true
                    }
                  ],
                  "ruleIndex": 58,
                  "sheetOrder": 3,
                  "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                  "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                },
                {
                  "selector": "p, ul, ol",
                  "declarations": "font-family: var(--global-font-sans, 'figmaSans', 'figmaSans Fallback', SF Pro Display, system-ui, helvetica, sans-serif); font-optical-sizing: auto; font-size: 1.125rem; line-height: 1.4; font-weight: 330; font-variation-settings: \"wdth\" 98, \"wght\" 330;",
                  "conditions": [],
                  "ruleIndex": 67,
                  "sheetOrder": 3,
                  "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                  "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                },
                {
                  "selector": ".fig-1iu0vhq p",
                  "declarations": "font-family: var(--global-font-sans, 'figmaSans', 'figmaSans Fallback', SF Pro Display, system-ui, helvetica, sans-serif); font-optical-sizing: auto; font-size: 0.875rem; line-height: 1.45; font-weight: 340; font-variation-settings: \"wdth\" 98, \"wght\" 340;",
                  "conditions": [],
                  "ruleIndex": 73,
                  "sheetOrder": 4,
                  "sourcePath": "evidence/geometry-repair/css-f045a1815839684d.css",
                  "sourceHash": "f045a1815839684daeb7e379d9287b6daf6605e6804c101d74ae94a0c8b377e7"
                },
                {
                  "selector": ".fig-1iu0vhq p",
                  "declarations": "font-family: var(--global-font-sans, 'figmaSans', 'figmaSans Fallback', SF Pro Display, system-ui, helvetica, sans-serif); font-optical-sizing: auto; font-size: 1.125rem; line-height: 1.4; font-weight: 330; font-variation-settings: \"wdth\" 98, \"wght\" 330;",
                  "conditions": [
                    {
                      "condition": "(min-width: 560px)",
                      "active": true
                    }
                  ],
                  "ruleIndex": 79,
                  "sheetOrder": 4,
                  "sourcePath": "evidence/geometry-repair/css-f045a1815839684d.css",
                  "sourceHash": "f045a1815839684daeb7e379d9287b6daf6605e6804c101d74ae94a0c8b377e7"
                },
                {
                  "selector": ".fig-1iu0vhq p:first-of-type",
                  "declarations": "margin: 0px;",
                  "conditions": [],
                  "ruleIndex": 90,
                  "sheetOrder": 4,
                  "sourcePath": "evidence/geometry-repair/css-f045a1815839684d.css",
                  "sourceHash": "f045a1815839684daeb7e379d9287b6daf6605e6804c101d74ae94a0c8b377e7"
                },
                {
                  "selector": ".fig-1iu0vhq p:last-of-type",
                  "declarations": "margin: 0px;",
                  "conditions": [],
                  "ruleIndex": 91,
                  "sheetOrder": 4,
                  "sourcePath": "evidence/geometry-repair/css-f045a1815839684d.css",
                  "sourceHash": "f045a1815839684daeb7e379d9287b6daf6605e6804c101d74ae94a0c8b377e7"
                }
              ],
              "children": [
                {
                  "selector": "div.fig-1iu0vhq > p:nth-child(1) > a:nth-child(1)",
                  "tag": "A",
                  "attributes": {
                    "href": "https://www.figma.com/privacy/"
                  },
                  "text": "privacy policy.",
                  "box": {
                    "x": 1000,
                    "y": 812.859375,
                    "width": 112.25,
                    "height": 20,
                    "documentX": 1000,
                    "documentY": 812.859375
                  },
                  "computed": {
                    "display": "inline",
                    "position": "static",
                    "width": "auto",
                    "height": "auto",
                    "min-width": "0px",
                    "max-width": "none",
                    "min-height": "0px",
                    "max-height": "none",
                    "padding-top": "0px",
                    "padding-right": "0px",
                    "padding-bottom": "0px",
                    "padding-left": "0px",
                    "margin-top": "0px",
                    "margin-right": "0px",
                    "margin-bottom": "0px",
                    "margin-left": "0px",
                    "border-radius": "0px",
                    "row-gap": "normal",
                    "column-gap": "normal",
                    "font-size": "18px",
                    "line-height": "25.2px",
                    "font-weight": "330",
                    "font-variation-settings": "\"wdth\" 98, \"wght\" 330",
                    "opacity": "1",
                    "visibility": "visible",
                    "object-fit": "fill"
                  },
                  "matchedRules": [
                    {
                      "selector": "a",
                      "declarations": "background-color: transparent;",
                      "conditions": [],
                      "ruleIndex": 6,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                      "declarations": "cursor: var(--global-cursor-pointer);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 59,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a",
                      "declarations": "text-decoration-thickness: 1px; color: inherit; text-underline-offset: 0.25em;",
                      "conditions": [],
                      "ruleIndex": 65,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a",
                      "declarations": "background-color: transparent;",
                      "conditions": [],
                      "ruleIndex": 6,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                      "declarations": "cursor: var(--global-cursor-pointer);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 59,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "a",
                      "declarations": "text-decoration-thickness: 1px; color: inherit; text-underline-offset: 0.25em;",
                      "conditions": [],
                      "ruleIndex": 65,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    }
                  ],
                  "children": []
                },
                {
                  "selector": "div.fig-1iu0vhq > p:nth-child(1) > strong:nth-child(2)",
                  "tag": "STRONG",
                  "attributes": {},
                  "text": "California Residents:",
                  "box": {
                    "x": 1116.484375,
                    "y": 812.859375,
                    "width": 173,
                    "height": 20,
                    "documentX": 1116.484375,
                    "documentY": 812.859375
                  },
                  "computed": {
                    "display": "inline",
                    "position": "static",
                    "width": "auto",
                    "height": "auto",
                    "min-width": "0px",
                    "max-width": "none",
                    "min-height": "0px",
                    "max-height": "none",
                    "padding-top": "0px",
                    "padding-right": "0px",
                    "padding-bottom": "0px",
                    "padding-left": "0px",
                    "margin-top": "0px",
                    "margin-right": "0px",
                    "margin-bottom": "0px",
                    "margin-left": "0px",
                    "border-radius": "0px",
                    "row-gap": "normal",
                    "column-gap": "normal",
                    "font-size": "18px",
                    "line-height": "25.2px",
                    "font-weight": "540",
                    "font-variation-settings": "\"wdth\" 98, \"wght\" 540",
                    "opacity": "1",
                    "visibility": "visible",
                    "object-fit": "fill"
                  },
                  "matchedRules": [
                    {
                      "selector": "b, strong",
                      "declarations": "font-weight: bolder;",
                      "conditions": [],
                      "ruleIndex": 8,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "p strong, ul strong, ol strong",
                      "declarations": "font-weight: 550; font-variation-settings: \"wdth\" 98, \"wght\" 550;",
                      "conditions": [],
                      "ruleIndex": 69,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "p strong, ul strong, ol strong",
                      "declarations": "font-weight: 540; font-variation-settings: \"wdth\" 98, \"wght\" 540;",
                      "conditions": [
                        {
                          "condition": "(min-width: 960px)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 72,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "b, strong",
                      "declarations": "font-weight: bolder;",
                      "conditions": [],
                      "ruleIndex": 8,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "p strong, ul strong, ol strong",
                      "declarations": "font-weight: 550; font-variation-settings: \"wdth\" 98, \"wght\" 550;",
                      "conditions": [],
                      "ruleIndex": 69,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "p strong, ul strong, ol strong",
                      "declarations": "font-weight: 540; font-variation-settings: \"wdth\" 98, \"wght\" 540;",
                      "conditions": [
                        {
                          "condition": "(min-width: 960px)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 72,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": ".fig-1iu0vhq p strong",
                      "declarations": "font-weight: 580; font-variation-settings: \"wdth\" 98, \"wght\" 580;",
                      "conditions": [],
                      "ruleIndex": 75,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-f045a1815839684d.css",
                      "sourceHash": "f045a1815839684daeb7e379d9287b6daf6605e6804c101d74ae94a0c8b377e7"
                    },
                    {
                      "selector": ".fig-1iu0vhq p strong",
                      "declarations": "font-weight: 580; font-variation-settings: \"wdth\" 98, \"wght\" 600;",
                      "conditions": [
                        {
                          "condition": "(min-width: 1440px)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 77,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-f045a1815839684d.css",
                      "sourceHash": "f045a1815839684daeb7e379d9287b6daf6605e6804c101d74ae94a0c8b377e7"
                    },
                    {
                      "selector": ".fig-1iu0vhq p strong",
                      "declarations": "font-weight: 550; font-variation-settings: \"wdth\" 98, \"wght\" 550;",
                      "conditions": [
                        {
                          "condition": "(min-width: 560px)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 81,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-f045a1815839684d.css",
                      "sourceHash": "f045a1815839684daeb7e379d9287b6daf6605e6804c101d74ae94a0c8b377e7"
                    },
                    {
                      "selector": ".fig-1iu0vhq p strong",
                      "declarations": "font-weight: 540; font-variation-settings: \"wdth\" 98, \"wght\" 540;",
                      "conditions": [
                        {
                          "condition": "(min-width: 560px)",
                          "active": true
                        },
                        {
                          "condition": "(min-width: 960px)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 84,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-f045a1815839684d.css",
                      "sourceHash": "f045a1815839684daeb7e379d9287b6daf6605e6804c101d74ae94a0c8b377e7"
                    }
                  ],
                  "children": []
                },
                {
                  "selector": "div.fig-1iu0vhq > p:nth-child(1) > a:nth-child(3)",
                  "tag": "A",
                  "attributes": {
                    "href": "https://www.figma.com/privacy/#ca-notice"
                  },
                  "text": "collected",
                  "box": {
                    "x": 1223.296875,
                    "y": 838.046875,
                    "width": 74.078125,
                    "height": 20,
                    "documentX": 1223.296875,
                    "documentY": 838.046875
                  },
                  "computed": {
                    "display": "inline",
                    "position": "static",
                    "width": "auto",
                    "height": "auto",
                    "min-width": "0px",
                    "max-width": "none",
                    "min-height": "0px",
                    "max-height": "none",
                    "padding-top": "0px",
                    "padding-right": "0px",
                    "padding-bottom": "0px",
                    "padding-left": "0px",
                    "margin-top": "0px",
                    "margin-right": "0px",
                    "margin-bottom": "0px",
                    "margin-left": "0px",
                    "border-radius": "0px",
                    "row-gap": "normal",
                    "column-gap": "normal",
                    "font-size": "18px",
                    "line-height": "25.2px",
                    "font-weight": "330",
                    "font-variation-settings": "\"wdth\" 98, \"wght\" 330",
                    "opacity": "1",
                    "visibility": "visible",
                    "object-fit": "fill"
                  },
                  "matchedRules": [
                    {
                      "selector": "a",
                      "declarations": "background-color: transparent;",
                      "conditions": [],
                      "ruleIndex": 6,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                      "declarations": "cursor: var(--global-cursor-pointer);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 59,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a",
                      "declarations": "text-decoration-thickness: 1px; color: inherit; text-underline-offset: 0.25em;",
                      "conditions": [],
                      "ruleIndex": 65,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a",
                      "declarations": "background-color: transparent;",
                      "conditions": [],
                      "ruleIndex": 6,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                      "declarations": "cursor: var(--global-cursor-pointer);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 59,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "a",
                      "declarations": "text-decoration-thickness: 1px; color: inherit; text-underline-offset: 0.25em;",
                      "conditions": [],
                      "ruleIndex": 65,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    }
                  ],
                  "children": []
                },
                {
                  "selector": "div.fig-1iu0vhq > p:nth-child(1) > a:nth-child(4)",
                  "tag": "A",
                  "attributes": {
                    "href": "https://www.figma.com/privacy/#purpose"
                  },
                  "text": "used",
                  "box": {
                    "x": 1147.4375,
                    "y": 863.234375,
                    "width": 38.625,
                    "height": 20,
                    "documentX": 1147.4375,
                    "documentY": 863.234375
                  },
                  "computed": {
                    "display": "inline",
                    "position": "static",
                    "width": "auto",
                    "height": "auto",
                    "min-width": "0px",
                    "max-width": "none",
                    "min-height": "0px",
                    "max-height": "none",
                    "padding-top": "0px",
                    "padding-right": "0px",
                    "padding-bottom": "0px",
                    "padding-left": "0px",
                    "margin-top": "0px",
                    "margin-right": "0px",
                    "margin-bottom": "0px",
                    "margin-left": "0px",
                    "border-radius": "0px",
                    "row-gap": "normal",
                    "column-gap": "normal",
                    "font-size": "18px",
                    "line-height": "25.2px",
                    "font-weight": "330",
                    "font-variation-settings": "\"wdth\" 98, \"wght\" 330",
                    "opacity": "1",
                    "visibility": "visible",
                    "object-fit": "fill"
                  },
                  "matchedRules": [
                    {
                      "selector": "a",
                      "declarations": "background-color: transparent;",
                      "conditions": [],
                      "ruleIndex": 6,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                      "declarations": "cursor: var(--global-cursor-pointer);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 59,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a",
                      "declarations": "text-decoration-thickness: 1px; color: inherit; text-underline-offset: 0.25em;",
                      "conditions": [],
                      "ruleIndex": 65,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a",
                      "declarations": "background-color: transparent;",
                      "conditions": [],
                      "ruleIndex": 6,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                      "declarations": "cursor: var(--global-cursor-pointer);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 59,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "a",
                      "declarations": "text-decoration-thickness: 1px; color: inherit; text-underline-offset: 0.25em;",
                      "conditions": [],
                      "ruleIndex": 65,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    }
                  ],
                  "children": []
                },
                {
                  "selector": "div.fig-1iu0vhq > p:nth-child(1) > a:nth-child(5)",
                  "tag": "A",
                  "attributes": {
                    "href": "https://www.figma.com/privacy/#ca-notice"
                  },
                  "text": "“sold” or “shared”",
                  "box": {
                    "x": 1000,
                    "y": 863.234375,
                    "width": 347.4375,
                    "height": 45.1875,
                    "documentX": 1000,
                    "documentY": 863.234375
                  },
                  "computed": {
                    "display": "inline",
                    "position": "static",
                    "width": "auto",
                    "height": "auto",
                    "min-width": "0px",
                    "max-width": "none",
                    "min-height": "0px",
                    "max-height": "none",
                    "padding-top": "0px",
                    "padding-right": "0px",
                    "padding-bottom": "0px",
                    "padding-left": "0px",
                    "margin-top": "0px",
                    "margin-right": "0px",
                    "margin-bottom": "0px",
                    "margin-left": "0px",
                    "border-radius": "0px",
                    "row-gap": "normal",
                    "column-gap": "normal",
                    "font-size": "18px",
                    "line-height": "25.2px",
                    "font-weight": "330",
                    "font-variation-settings": "\"wdth\" 98, \"wght\" 330",
                    "opacity": "1",
                    "visibility": "visible",
                    "object-fit": "fill"
                  },
                  "matchedRules": [
                    {
                      "selector": "a",
                      "declarations": "background-color: transparent;",
                      "conditions": [],
                      "ruleIndex": 6,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                      "declarations": "cursor: var(--global-cursor-pointer);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 59,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a",
                      "declarations": "text-decoration-thickness: 1px; color: inherit; text-underline-offset: 0.25em;",
                      "conditions": [],
                      "ruleIndex": 65,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a",
                      "declarations": "background-color: transparent;",
                      "conditions": [],
                      "ruleIndex": 6,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                      "declarations": "cursor: var(--global-cursor-pointer);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 59,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "a",
                      "declarations": "text-decoration-thickness: 1px; color: inherit; text-underline-offset: 0.25em;",
                      "conditions": [],
                      "ruleIndex": 65,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    }
                  ],
                  "children": []
                },
                {
                  "selector": "div.fig-1iu0vhq > p:nth-child(1) > a:nth-child(6)",
                  "tag": "A",
                  "attributes": {
                    "href": "https://www.figma.com/privacy/#retention"
                  },
                  "text": "retained",
                  "box": {
                    "x": 1240.78125,
                    "y": 888.421875,
                    "width": 66.359375,
                    "height": 20,
                    "documentX": 1240.78125,
                    "documentY": 888.421875
                  },
                  "computed": {
                    "display": "inline",
                    "position": "static",
                    "width": "auto",
                    "height": "auto",
                    "min-width": "0px",
                    "max-width": "none",
                    "min-height": "0px",
                    "max-height": "none",
                    "padding-top": "0px",
                    "padding-right": "0px",
                    "padding-bottom": "0px",
                    "padding-left": "0px",
                    "margin-top": "0px",
                    "margin-right": "0px",
                    "margin-bottom": "0px",
                    "margin-left": "0px",
                    "border-radius": "0px",
                    "row-gap": "normal",
                    "column-gap": "normal",
                    "font-size": "18px",
                    "line-height": "25.2px",
                    "font-weight": "330",
                    "font-variation-settings": "\"wdth\" 98, \"wght\" 330",
                    "opacity": "1",
                    "visibility": "visible",
                    "object-fit": "fill"
                  },
                  "matchedRules": [
                    {
                      "selector": "a",
                      "declarations": "background-color: transparent;",
                      "conditions": [],
                      "ruleIndex": 6,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                      "declarations": "cursor: var(--global-cursor-pointer);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 59,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a",
                      "declarations": "text-decoration-thickness: 1px; color: inherit; text-underline-offset: 0.25em;",
                      "conditions": [],
                      "ruleIndex": 65,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a",
                      "declarations": "background-color: transparent;",
                      "conditions": [],
                      "ruleIndex": 6,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                      "declarations": "cursor: var(--global-cursor-pointer);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 59,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "a",
                      "declarations": "text-decoration-thickness: 1px; color: inherit; text-underline-offset: 0.25em;",
                      "conditions": [],
                      "ruleIndex": 65,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    }
                  ],
                  "children": []
                }
              ]
            }
          ]
        },
        {
          "selector": "button.fig-44cewz",
          "tag": "BUTTON",
          "attributes": {
            "class": "fig-44cewz"
          },
          "text": "Opt-Out",
          "box": {
            "x": 1000,
            "y": 927.609375,
            "width": 80.84375,
            "height": 22.390625,
            "documentX": 1000,
            "documentY": 927.609375
          },
          "computed": {
            "display": "inline-flex",
            "position": "relative",
            "width": "80.8438px",
            "height": "22.3906px",
            "min-width": "0px",
            "max-width": "none",
            "min-height": "0px",
            "max-height": "none",
            "padding-top": "0px",
            "padding-right": "0px",
            "padding-bottom": "0px",
            "padding-left": "0px",
            "margin-top": "16px",
            "margin-right": "0px",
            "margin-bottom": "2px",
            "margin-left": "0px",
            "border-radius": "2px",
            "row-gap": "normal",
            "column-gap": "normal",
            "font-size": "16px",
            "line-height": "18.4px",
            "font-weight": "400",
            "font-variation-settings": "normal",
            "opacity": "1",
            "visibility": "visible",
            "object-fit": "fill"
          },
          "matchedRules": [
            {
              "selector": "button, input, optgroup, select, textarea",
              "declarations": "font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px;",
              "conditions": [],
              "ruleIndex": 15,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "button, input",
              "declarations": "overflow: visible;",
              "conditions": [],
              "ruleIndex": 16,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "button, select",
              "declarations": "text-transform: none;",
              "conditions": [],
              "ruleIndex": 17,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "button, [type=\"button\"], [type=\"reset\"], [type=\"submit\"]",
              "declarations": "appearance: button;",
              "conditions": [],
              "ruleIndex": 18,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "*, ::before, ::after",
              "declarations": "box-sizing: inherit;",
              "conditions": [],
              "ruleIndex": 52,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
              "declarations": "cursor: var(--global-cursor-pointer);",
              "conditions": [
                {
                  "condition": "(hover: hover) and (pointer: fine)",
                  "active": true
                }
              ],
              "ruleIndex": 59,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "button, input, optgroup, select, textarea",
              "declarations": "font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px;",
              "conditions": [],
              "ruleIndex": 15,
              "sheetOrder": 3,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            },
            {
              "selector": "button, input",
              "declarations": "overflow: visible;",
              "conditions": [],
              "ruleIndex": 16,
              "sheetOrder": 3,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            },
            {
              "selector": "button, select",
              "declarations": "text-transform: none;",
              "conditions": [],
              "ruleIndex": 17,
              "sheetOrder": 3,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            },
            {
              "selector": "button, [type=\"button\"], [type=\"reset\"], [type=\"submit\"]",
              "declarations": "appearance: button;",
              "conditions": [],
              "ruleIndex": 18,
              "sheetOrder": 3,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            },
            {
              "selector": "*, ::before, ::after",
              "declarations": "box-sizing: inherit;",
              "conditions": [],
              "ruleIndex": 52,
              "sheetOrder": 3,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            },
            {
              "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
              "declarations": "cursor: var(--global-cursor-pointer);",
              "conditions": [
                {
                  "condition": "(hover: hover) and (pointer: fine)",
                  "active": true
                }
              ],
              "ruleIndex": 59,
              "sheetOrder": 3,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            },
            {
              "selector": ".fig-44cewz",
              "declarations": "display: inline-flex; -webkit-box-pack: center; justify-content: center; text-decoration: none; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0.125rem; position: relative; padding: 0px; margin-bottom: 0.125rem; color: var(--f-text-color, #000000); margin-top: 1rem;",
              "conditions": [],
              "ruleIndex": 105,
              "sheetOrder": 4,
              "sourcePath": "evidence/geometry-repair/css-f045a1815839684d.css",
              "sourceHash": "f045a1815839684daeb7e379d9287b6daf6605e6804c101d74ae94a0c8b377e7"
            }
          ],
          "children": [
            {
              "selector": "span.btn-inner.fig-1qhfzz9",
              "tag": "SPAN",
              "attributes": {
                "class": "btn-inner fig-1qhfzz9"
              },
              "text": "Opt-Out",
              "box": {
                "x": 1000,
                "y": 927.609375,
                "width": 80.84375,
                "height": 22.390625,
                "documentX": 1000,
                "documentY": 927.609375
              },
              "computed": {
                "display": "block",
                "position": "relative",
                "width": "80.8438px",
                "height": "22.3906px",
                "min-width": "auto",
                "max-width": "none",
                "min-height": "auto",
                "max-height": "none",
                "padding-top": "0px",
                "padding-right": "20px",
                "padding-bottom": "0px",
                "padding-left": "0px",
                "margin-top": "0px",
                "margin-right": "0px",
                "margin-bottom": "0px",
                "margin-left": "0px",
                "border-radius": "0px",
                "row-gap": "normal",
                "column-gap": "normal",
                "font-size": "0px",
                "line-height": "0px",
                "font-weight": "400",
                "font-variation-settings": "normal",
                "opacity": "1",
                "visibility": "visible",
                "object-fit": "fill"
              },
              "matchedRules": [
                {
                  "selector": "*, ::before, ::after",
                  "declarations": "box-sizing: inherit;",
                  "conditions": [],
                  "ruleIndex": 52,
                  "sheetOrder": 2,
                  "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                  "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                },
                {
                  "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                  "declarations": "cursor: var(--global-cursor-pointer);",
                  "conditions": [
                    {
                      "condition": "(hover: hover) and (pointer: fine)",
                      "active": true
                    }
                  ],
                  "ruleIndex": 59,
                  "sheetOrder": 2,
                  "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                  "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                },
                {
                  "selector": "*, ::before, ::after",
                  "declarations": "box-sizing: inherit;",
                  "conditions": [],
                  "ruleIndex": 52,
                  "sheetOrder": 3,
                  "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                  "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                },
                {
                  "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                  "declarations": "cursor: var(--global-cursor-pointer);",
                  "conditions": [
                    {
                      "condition": "(hover: hover) and (pointer: fine)",
                      "active": true
                    }
                  ],
                  "ruleIndex": 59,
                  "sheetOrder": 3,
                  "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                  "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                },
                {
                  "selector": ".fig-1qhfzz9",
                  "declarations": "position: relative; display: block; font-size: 0px;",
                  "conditions": [],
                  "ruleIndex": 425,
                  "sheetOrder": 3,
                  "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                  "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                },
                {
                  "selector": ".fig-44cewz .btn-inner",
                  "declarations": "transition: 180ms ease-out; padding-right: 1.25rem;",
                  "conditions": [],
                  "ruleIndex": 109,
                  "sheetOrder": 4,
                  "sourcePath": "evidence/geometry-repair/css-f045a1815839684d.css",
                  "sourceHash": "f045a1815839684daeb7e379d9287b6daf6605e6804c101d74ae94a0c8b377e7"
                }
              ],
              "children": [
                {
                  "selector": "span.btn-text.fig-1v6pe89",
                  "tag": "SPAN",
                  "attributes": {
                    "class": "btn-text fig-1v6pe89"
                  },
                  "text": "Opt-Out",
                  "box": {
                    "x": 1000,
                    "y": 929.609375,
                    "width": 60.84375,
                    "height": 18,
                    "documentX": 1000,
                    "documentY": 929.609375
                  },
                  "computed": {
                    "display": "inline",
                    "position": "static",
                    "width": "auto",
                    "height": "auto",
                    "min-width": "0px",
                    "max-width": "none",
                    "min-height": "0px",
                    "max-height": "none",
                    "padding-top": "0px",
                    "padding-right": "0px",
                    "padding-bottom": "0px",
                    "padding-left": "0px",
                    "margin-top": "0px",
                    "margin-right": "0px",
                    "margin-bottom": "0px",
                    "margin-left": "0px",
                    "border-radius": "0px",
                    "row-gap": "normal",
                    "column-gap": "normal",
                    "font-size": "16px",
                    "line-height": "22.4px",
                    "font-weight": "400",
                    "font-variation-settings": "\"wdth\" 98, \"wght\" 400",
                    "opacity": "1",
                    "visibility": "visible",
                    "object-fit": "fill"
                  },
                  "matchedRules": [
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                      "declarations": "cursor: var(--global-cursor-pointer);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 59,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                      "declarations": "cursor: var(--global-cursor-pointer);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 59,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": ".fig-1v6pe89",
                      "declarations": "font-family: var(--global-font-sans, 'figmaSans', 'figmaSans Fallback', SF Pro Display, system-ui, helvetica, sans-serif); font-optical-sizing: auto; font-size: var(--fig-typography-size-button); line-height: var(--fig-typography-lh-relaxed); letter-spacing: var(--fig-typography-ls-none); font-weight: var(--fig-typography-weight); font-variation-settings: \"wdth\" var(--fig-typography-variation-wdth-narrow),\"wght\" var(--fig-typography-variation-wght-regular); margin: 0px; color: inherit;",
                      "conditions": [],
                      "ruleIndex": 427,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": ".fig-44cewz .btn-inner > .btn-text",
                      "declarations": "text-decoration-line: underline; text-underline-offset: var(--fig-space-4, 0.25rem);",
                      "conditions": [],
                      "ruleIndex": 110,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-f045a1815839684d.css",
                      "sourceHash": "f045a1815839684daeb7e379d9287b6daf6605e6804c101d74ae94a0c8b377e7"
                    }
                  ],
                  "children": []
                },
                {
                  "selector": "svg.btn-builtin-icon.fig-crjwdy",
                  "tag": "svg",
                  "attributes": {
                    "xmlns": "http://www.w3.org/2000/svg",
                    "width": "24",
                    "height": "24",
                    "fill": "none",
                    "viewBox": "0 0 24 24",
                    "class": "btn-builtin-icon fig-crjwdy",
                    "aria-hidden": "true"
                  },
                  "text": "",
                  "box": {
                    "x": 1063.84375,
                    "y": 928.796875,
                    "width": 20,
                    "height": 20,
                    "documentX": 1063.84375,
                    "documentY": 928.796875
                  },
                  "computed": {
                    "display": "block",
                    "position": "absolute",
                    "width": "20px",
                    "height": "20px",
                    "min-width": "0px",
                    "max-width": "100%",
                    "min-height": "0px",
                    "max-height": "none",
                    "padding-top": "0px",
                    "padding-right": "0px",
                    "padding-bottom": "0px",
                    "padding-left": "0px",
                    "margin-top": "0px",
                    "margin-right": "0px",
                    "margin-bottom": "0px",
                    "margin-left": "0px",
                    "border-radius": "0px",
                    "row-gap": "normal",
                    "column-gap": "normal",
                    "font-size": "0px",
                    "line-height": "0px",
                    "font-weight": "400",
                    "font-variation-settings": "normal",
                    "opacity": "1",
                    "visibility": "visible",
                    "object-fit": "fill"
                  },
                  "matchedRules": [
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                      "declarations": "cursor: var(--global-cursor-pointer);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 59,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "img, svg, video",
                      "declarations": "display: block; max-width: 100%;",
                      "conditions": [],
                      "ruleIndex": 62,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                      "declarations": "cursor: var(--global-cursor-pointer);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 59,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "img, svg, video",
                      "declarations": "display: block; max-width: 100%;",
                      "conditions": [],
                      "ruleIndex": 62,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": ".fig-crjwdy",
                      "declarations": "display: inline-block; position: absolute; translate: 0px -50%; pointer-events: none; width: 1.25rem; height: 1.25rem; inset: 50% -0.625rem auto auto;",
                      "conditions": [],
                      "ruleIndex": 430,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": ".fig-44cewz .btn-inner > .btn-builtin-icon",
                      "declarations": "transition: transform 180ms ease-out; position: absolute; right: -0.1875rem;",
                      "conditions": [],
                      "ruleIndex": 112,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-f045a1815839684d.css",
                      "sourceHash": "f045a1815839684daeb7e379d9287b6daf6605e6804c101d74ae94a0c8b377e7"
                    }
                  ],
                  "children": []
                }
              ]
            }
          ]
        },
        {
          "selector": "button.fig-15kj97k",
          "tag": "BUTTON",
          "attributes": {
            "aria-label": "Dismiss",
            "class": "fig-15kj97k"
          },
          "text": "",
          "box": {
            "x": 1370,
            "y": 645.734375,
            "width": 36,
            "height": 36,
            "documentX": 1370,
            "documentY": 645.734375
          },
          "computed": {
            "display": "block",
            "position": "absolute",
            "width": "36px",
            "height": "36px",
            "min-width": "0px",
            "max-width": "none",
            "min-height": "0px",
            "max-height": "none",
            "padding-top": "6px",
            "padding-right": "6px",
            "padding-bottom": "6px",
            "padding-left": "6px",
            "margin-top": "0px",
            "margin-right": "0px",
            "margin-bottom": "0px",
            "margin-left": "0px",
            "border-radius": "0px",
            "row-gap": "normal",
            "column-gap": "normal",
            "font-size": "16px",
            "line-height": "23.2px",
            "font-weight": "400",
            "font-variation-settings": "normal",
            "opacity": "1",
            "visibility": "visible",
            "object-fit": "fill"
          },
          "matchedRules": [
            {
              "selector": "button, input, optgroup, select, textarea",
              "declarations": "font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px;",
              "conditions": [],
              "ruleIndex": 15,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "button, input",
              "declarations": "overflow: visible;",
              "conditions": [],
              "ruleIndex": 16,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "button, select",
              "declarations": "text-transform: none;",
              "conditions": [],
              "ruleIndex": 17,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "button, [type=\"button\"], [type=\"reset\"], [type=\"submit\"]",
              "declarations": "appearance: button;",
              "conditions": [],
              "ruleIndex": 18,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "*, ::before, ::after",
              "declarations": "box-sizing: inherit;",
              "conditions": [],
              "ruleIndex": 52,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
              "declarations": "cursor: var(--global-cursor-pointer);",
              "conditions": [
                {
                  "condition": "(hover: hover) and (pointer: fine)",
                  "active": true
                }
              ],
              "ruleIndex": 59,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "button, input, optgroup, select, textarea",
              "declarations": "font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px;",
              "conditions": [],
              "ruleIndex": 15,
              "sheetOrder": 3,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            },
            {
              "selector": "button, input",
              "declarations": "overflow: visible;",
              "conditions": [],
              "ruleIndex": 16,
              "sheetOrder": 3,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            },
            {
              "selector": "button, select",
              "declarations": "text-transform: none;",
              "conditions": [],
              "ruleIndex": 17,
              "sheetOrder": 3,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            },
            {
              "selector": "button, [type=\"button\"], [type=\"reset\"], [type=\"submit\"]",
              "declarations": "appearance: button;",
              "conditions": [],
              "ruleIndex": 18,
              "sheetOrder": 3,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            },
            {
              "selector": "*, ::before, ::after",
              "declarations": "box-sizing: inherit;",
              "conditions": [],
              "ruleIndex": 52,
              "sheetOrder": 3,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            },
            {
              "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
              "declarations": "cursor: var(--global-cursor-pointer);",
              "conditions": [
                {
                  "condition": "(hover: hover) and (pointer: fine)",
                  "active": true
                }
              ],
              "ruleIndex": 59,
              "sheetOrder": 3,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            },
            {
              "selector": ".fig-15kj97k",
              "declarations": "appearance: none; margin: 0px; background: transparent; border: 0px; color: inherit; font-size: inherit; font-weight: inherit; font-variation-settings: inherit; letter-spacing: inherit; line-height: inherit; text-align: inherit; position: absolute; top: 0.625rem; right: 0.625rem; padding: 0.375rem;",
              "conditions": [],
              "ruleIndex": 119,
              "sheetOrder": 4,
              "sourcePath": "evidence/geometry-repair/css-f045a1815839684d.css",
              "sourceHash": "f045a1815839684daeb7e379d9287b6daf6605e6804c101d74ae94a0c8b377e7"
            }
          ],
          "children": [
            {
              "selector": "svg.fig-gjw6ce",
              "tag": "svg",
              "attributes": {
                "xmlns": "http://www.w3.org/2000/svg",
                "width": "24",
                "height": "24",
                "fill": "none",
                "viewBox": "0 0 24 24",
                "class": "fig-gjw6ce",
                "aria-hidden": "true"
              },
              "text": "",
              "box": {
                "x": 1376,
                "y": 651.734375,
                "width": 24,
                "height": 24,
                "documentX": 1376,
                "documentY": 651.734375
              },
              "computed": {
                "display": "block",
                "position": "static",
                "width": "24px",
                "height": "24px",
                "min-width": "0px",
                "max-width": "100%",
                "min-height": "0px",
                "max-height": "none",
                "padding-top": "0px",
                "padding-right": "0px",
                "padding-bottom": "0px",
                "padding-left": "0px",
                "margin-top": "0px",
                "margin-right": "0px",
                "margin-bottom": "0px",
                "margin-left": "0px",
                "border-radius": "0px",
                "row-gap": "normal",
                "column-gap": "normal",
                "font-size": "16px",
                "line-height": "23.2px",
                "font-weight": "400",
                "font-variation-settings": "normal",
                "opacity": "1",
                "visibility": "visible",
                "object-fit": "fill"
              },
              "matchedRules": [
                {
                  "selector": "*, ::before, ::after",
                  "declarations": "box-sizing: inherit;",
                  "conditions": [],
                  "ruleIndex": 52,
                  "sheetOrder": 2,
                  "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                  "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                },
                {
                  "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                  "declarations": "cursor: var(--global-cursor-pointer);",
                  "conditions": [
                    {
                      "condition": "(hover: hover) and (pointer: fine)",
                      "active": true
                    }
                  ],
                  "ruleIndex": 59,
                  "sheetOrder": 2,
                  "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                  "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                },
                {
                  "selector": "img, svg, video",
                  "declarations": "display: block; max-width: 100%;",
                  "conditions": [],
                  "ruleIndex": 62,
                  "sheetOrder": 2,
                  "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                  "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                },
                {
                  "selector": "*, ::before, ::after",
                  "declarations": "box-sizing: inherit;",
                  "conditions": [],
                  "ruleIndex": 52,
                  "sheetOrder": 3,
                  "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                  "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                },
                {
                  "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                  "declarations": "cursor: var(--global-cursor-pointer);",
                  "conditions": [
                    {
                      "condition": "(hover: hover) and (pointer: fine)",
                      "active": true
                    }
                  ],
                  "ruleIndex": 59,
                  "sheetOrder": 3,
                  "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                  "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                },
                {
                  "selector": "img, svg, video",
                  "declarations": "display: block; max-width: 100%;",
                  "conditions": [],
                  "ruleIndex": 62,
                  "sheetOrder": 3,
                  "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                  "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                },
                {
                  "selector": ".fig-gjw6ce",
                  "declarations": "width: var(--fig-space-24, 1.5rem); height: var(--fig-space-24, 1.5rem);",
                  "conditions": [],
                  "ruleIndex": 495,
                  "sheetOrder": 3,
                  "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                  "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                }
              ],
              "children": [
                {
                  "selector": "svg.fig-gjw6ce > path:nth-child(1)",
                  "tag": "path",
                  "attributes": {
                    "fill": "currentColor",
                    "d": "m11.647 12.89-7.955 7.956-.891-.891L10.756 12 2.8 4.045l.89-.89 7.956 7.954 8.308-8.308.89.89L12.538 12l8.309 8.308-.891.891z"
                  },
                  "text": "",
                  "box": {
                    "x": 1378.800048828125,
                    "y": 654.535400390625,
                    "width": 18.0469970703125,
                    "height": 18.39794921875,
                    "documentX": 1378.800048828125,
                    "documentY": 654.535400390625
                  },
                  "computed": {
                    "display": "inline",
                    "position": "static",
                    "width": "auto",
                    "height": "auto",
                    "min-width": "0px",
                    "max-width": "none",
                    "min-height": "0px",
                    "max-height": "none",
                    "padding-top": "0px",
                    "padding-right": "0px",
                    "padding-bottom": "0px",
                    "padding-left": "0px",
                    "margin-top": "0px",
                    "margin-right": "0px",
                    "margin-bottom": "0px",
                    "margin-left": "0px",
                    "border-radius": "0px",
                    "row-gap": "normal",
                    "column-gap": "normal",
                    "font-size": "16px",
                    "line-height": "23.2px",
                    "font-weight": "400",
                    "font-variation-settings": "normal",
                    "opacity": "1",
                    "visibility": "visible",
                    "object-fit": "fill"
                  },
                  "matchedRules": [
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                      "declarations": "cursor: var(--global-cursor-pointer);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 59,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                      "declarations": "cursor: var(--global-cursor-pointer);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 59,
                      "sheetOrder": 3,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    }
                  ],
                  "children": []
                }
              ]
            }
          ]
        }
      ],
      "spacingOwnership": {
        "outer": "Source root fixed bottom24px/right24px, max-height70vh; width342px at390 and max-width440px from560px.",
        "inner": "Root padding24px; text-region margin-right24px; Opt-Out margin-top16px and margin-bottom2px. Dismiss is absolute top10px/right10px with6px padding.",
        "text": "Paragraph14px/20.3px,wght340 below560px;18px/25.2px,wght330 from560px. Same source copy at both widths."
      },
      "source": "evidence/geometry-repair/source-cookie-notice-1440.json",
      "status": "Partial",
      "uncertainty": "Named public source variant only. Local specimen geometry differs; no source/local fidelity pass or private API completeness asserted."
    },
    "localSelector": "[data-component=\"cookie-notice\"]",
    "provenance": "measured named public source variant; different local reconstruction; see geometry-repairs.json",
    "states": [
      "default",
      "long-content",
      "missing-content"
    ],
    "behavior": "Source role=alertdialog and Dismiss label are observed. Focus trapping, keyboard-modal behavior and preference persistence were not tested. Local aside is static explanatory content with a source link.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Static consent-notice research specimen. Source notice is a fixed div with role=alertdialog and accessible name Cookie Consent.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#cookie-notice",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 23799.96875,
          "width": 308,
          "height": 203.125,
          "top": 23799.96875,
          "right": 349,
          "bottom": 24003.09375,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "308px",
          "height": "203.125px",
          "min-width": "0px",
          "max-width": "440px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "24px",
          "padding-right": "24px",
          "padding-bottom": "24px",
          "padding-left": "24px",
          "border-top": "0px none rgb(255, 255, 255)",
          "border-right": "0px none rgb(255, 255, 255)",
          "border-bottom": "0px none rgb(255, 255, 255)",
          "border-left": "0px none rgb(255, 255, 255)",
          "border-radius": "8px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(255, 255, 255)",
          "background-color": "rgb(0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "STRONG",
            "text": "Cookie notice specimen",
            "box": {
              "x": 65,
              "y": 23825.96875,
              "width": 166.5625,
              "height": 18,
              "top": 23825.96875,
              "right": 231.5625,
              "bottom": 23843.96875,
              "left": 65
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline",
              "position": "static",
              "width": "auto",
              "height": "auto",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "400",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "The original describes performance, personalization, and advertising storage. This reference uses no",
            "box": {
              "x": 65,
              "y": 23847.15625,
              "width": 260,
              "height": 92.75,
              "top": 23847.15625,
              "right": 325,
              "bottom": 23939.90625,
              "left": 65
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "260px",
              "height": "92.75px",
              "min-width": "0px",
              "max-width": "654.348px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "Source and rights →",
            "box": {
              "x": 65,
              "y": 23955.90625,
              "width": 143.015625,
              "height": 23.1875,
              "top": 23955.90625,
              "right": 208.015625,
              "bottom": 23979.09375,
              "left": 65
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline-block",
              "position": "static",
              "width": "143.016px",
              "height": "23.1875px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "16px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 16744.703125,
          "width": 440,
          "height": 179.9375,
          "top": 16744.703125,
          "right": 513,
          "bottom": 16924.640625,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "440px",
          "height": "179.938px",
          "min-width": "0px",
          "max-width": "440px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "24px",
          "padding-right": "24px",
          "padding-bottom": "24px",
          "padding-left": "24px",
          "border-top": "0px none rgb(255, 255, 255)",
          "border-right": "0px none rgb(255, 255, 255)",
          "border-bottom": "0px none rgb(255, 255, 255)",
          "border-left": "0px none rgb(255, 255, 255)",
          "border-radius": "8px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(255, 255, 255)",
          "background-color": "rgb(0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "STRONG",
            "text": "Cookie notice specimen",
            "box": {
              "x": 97,
              "y": 16770.703125,
              "width": 166.5625,
              "height": 18,
              "top": 16770.703125,
              "right": 263.5625,
              "bottom": 16788.703125,
              "left": 97
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline",
              "position": "static",
              "width": "auto",
              "height": "auto",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "400",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "The original describes performance, personalization, and advertising storage. This reference uses no",
            "box": {
              "x": 97,
              "y": 16791.890625,
              "width": 392,
              "height": 69.5625,
              "top": 16791.890625,
              "right": 489,
              "bottom": 16861.453125,
              "left": 97
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "392px",
              "height": "69.5625px",
              "min-width": "0px",
              "max-width": "654.348px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "Source and rights →",
            "box": {
              "x": 97,
              "y": 16877.453125,
              "width": 143.015625,
              "height": 23.1875,
              "top": 16877.453125,
              "right": 240.015625,
              "bottom": 16900.640625,
              "left": 97
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline-block",
              "position": "static",
              "width": "143.016px",
              "height": "23.1875px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "16px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 14592.203125,
          "width": 440,
          "height": 179.9375,
          "top": 14592.203125,
          "right": 529,
          "bottom": 14772.140625,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "440px",
          "height": "179.938px",
          "min-width": "0px",
          "max-width": "440px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "24px",
          "padding-right": "24px",
          "padding-bottom": "24px",
          "padding-left": "24px",
          "border-top": "0px none rgb(255, 255, 255)",
          "border-right": "0px none rgb(255, 255, 255)",
          "border-bottom": "0px none rgb(255, 255, 255)",
          "border-left": "0px none rgb(255, 255, 255)",
          "border-radius": "8px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(255, 255, 255)",
          "background-color": "rgb(0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "STRONG",
            "text": "Cookie notice specimen",
            "box": {
              "x": 113,
              "y": 14618.203125,
              "width": 166.5625,
              "height": 18,
              "top": 14618.203125,
              "right": 279.5625,
              "bottom": 14636.203125,
              "left": 113
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline",
              "position": "static",
              "width": "auto",
              "height": "auto",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "400",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "The original describes performance, personalization, and advertising storage. This reference uses no",
            "box": {
              "x": 113,
              "y": 14639.390625,
              "width": 392,
              "height": 69.5625,
              "top": 14639.390625,
              "right": 505,
              "bottom": 14708.953125,
              "left": 113
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "392px",
              "height": "69.5625px",
              "min-width": "0px",
              "max-width": "654.348px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "Source and rights →",
            "box": {
              "x": 113,
              "y": 14724.953125,
              "width": 143.015625,
              "height": 23.1875,
              "top": 14724.953125,
              "right": 256.015625,
              "bottom": 14748.140625,
              "left": 113
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline-block",
              "position": "static",
              "width": "143.016px",
              "height": "23.1875px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "16px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "icon-button",
    "name": "Icon button",
    "group": "actions",
    "criticality": "Important",
    "purpose": "Local named Next example action. Source named variants are carousel Next slide and cookie Dismiss.",
    "element": "button",
    "sourceSelector": "button.fig-5vh56z[aria-label=\"Next slide\"]",
    "observed": true,
    "source": "evidence/geometry-repair/source-icon-next-slide-1440.json",
    "sourceRules": [
      "button, input, optgroup, select, textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px;}",
      "button, input {overflow: visible;}",
      "button, select {text-transform: none;}",
      "button, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {appearance: button;}",
      "@media (hover: hover) and (pointer: fine) {a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"] {cursor: var(--global-cursor-pointer);}}",
      "button, input, optgroup, select, textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px;}",
      "button, input {overflow: visible;}",
      "button, select {text-transform: none;}",
      "button, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {appearance: button;}",
      "@media (hover: hover) and (pointer: fine) {a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"] {cursor: var(--global-cursor-pointer);}}",
      ".fig-5vh56z {text-decoration: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; max-width: fit-content; transition: background 180ms ease-out, box-shadow 180ms ease-out; background: var(--fig-theme-btn-secondary-bg, color-mix(in oklch, #000000, transparent 100%)); box-shadow: inset 0 0 0 1px var(--fig-theme-border, color-mix(in oklch, #000000, transparent 84%)); color: var(--fig-theme-btn-secondary-fg, #000000); padding: var(--fig-space-8, 0.5rem); border-radius: var(--fig-radius-full, 624.9375rem);}"
    ],
    "geometry": {
      "id": "icon-button",
      "part": "root",
      "variant": "carousel-next-slide",
      "state": "rest",
      "route": "https://www.figma.com/",
      "selector": "button.fig-5vh56z[aria-label=\"Next slide\"]",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "source observed",
      "contentCase": "",
      "box": {
        "x": 1364,
        "y": 482.03125,
        "width": 36,
        "height": 36,
        "documentX": 1364,
        "documentY": 7060.03125
      },
      "computed": {
        "box-sizing": "border-box",
        "display": "flex",
        "position": "static",
        "top": "auto",
        "right": "auto",
        "bottom": "auto",
        "left": "auto",
        "width": "36px",
        "height": "36px",
        "min-width": "auto",
        "max-width": "fit-content",
        "min-height": "auto",
        "max-height": "none",
        "aspect-ratio": "auto",
        "padding-top": "8px",
        "padding-right": "8px",
        "padding-bottom": "8px",
        "padding-left": "8px",
        "margin-top": "0px",
        "margin-right": "0px",
        "margin-bottom": "0px",
        "margin-left": "0px",
        "border-top": "0px none rgb(0, 0, 0)",
        "border-right": "0px none rgb(0, 0, 0)",
        "border-bottom": "0px none rgb(0, 0, 0)",
        "border-left": "0px none rgb(0, 0, 0)",
        "border-radius": "9999px",
        "row-gap": "normal",
        "column-gap": "normal",
        "grid-template-columns": "none",
        "grid-template-rows": "none",
        "grid-column": "auto",
        "grid-row": "auto",
        "flex-direction": "row",
        "flex-wrap": "nowrap",
        "flex-grow": "0",
        "flex-shrink": "1",
        "flex-basis": "auto",
        "align-items": "center",
        "align-self": "auto",
        "justify-content": "center",
        "overflow": "visible",
        "overflow-x": "visible",
        "overflow-y": "visible",
        "transform": "none",
        "font-family": "figmaSans, \"figmaSans Fallback\", \"SF Pro Display\", system-ui, helvetica, sans-serif",
        "font-size": "16px",
        "font-weight": "400",
        "font-variation-settings": "normal",
        "font-optical-sizing": "auto",
        "font-feature-settings": "normal",
        "line-height": "18.4px",
        "letter-spacing": "normal",
        "white-space": "normal",
        "text-wrap": "wrap",
        "text-transform": "none",
        "color": "rgb(0, 0, 0)",
        "background-color": "oklch(0 0 none / 0)",
        "opacity": "1",
        "visibility": "visible",
        "z-index": "auto",
        "box-shadow": "oklch(0 0 none / 0.16) 0px 0px 0px 1px inset",
        "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
        "object-fit": "fill",
        "object-position": "50% 50%",
        "clip-path": "none"
      },
      "children": [
        {
          "selector": "span.btn-inner",
          "tag": "SPAN",
          "attributes": {
            "class": "btn-inner"
          },
          "text": "",
          "box": {
            "x": 1372,
            "y": 490.03125,
            "width": 20,
            "height": 20,
            "documentX": 1372,
            "documentY": 7068.03125
          },
          "computed": {
            "display": "block",
            "position": "static",
            "width": "20px",
            "height": "20px",
            "min-width": "auto",
            "max-width": "none",
            "min-height": "auto",
            "max-height": "none",
            "padding-top": "0px",
            "padding-right": "0px",
            "padding-bottom": "0px",
            "padding-left": "0px",
            "margin-top": "0px",
            "margin-right": "0px",
            "margin-bottom": "0px",
            "margin-left": "0px",
            "border-radius": "0px",
            "row-gap": "normal",
            "column-gap": "normal",
            "font-size": "16px",
            "line-height": "18.4px",
            "font-weight": "400",
            "font-variation-settings": "normal",
            "opacity": "1",
            "visibility": "visible",
            "object-fit": "fill"
          },
          "matchedRules": [
            {
              "selector": "*, ::before, ::after",
              "declarations": "box-sizing: inherit;",
              "conditions": [],
              "ruleIndex": 52,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
              "declarations": "cursor: var(--global-cursor-pointer);",
              "conditions": [
                {
                  "condition": "(hover: hover) and (pointer: fine)",
                  "active": true
                }
              ],
              "ruleIndex": 59,
              "sheetOrder": 2,
              "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
              "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
            },
            {
              "selector": "*, ::before, ::after",
              "declarations": "box-sizing: inherit;",
              "conditions": [],
              "ruleIndex": 52,
              "sheetOrder": 4,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            },
            {
              "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
              "declarations": "cursor: var(--global-cursor-pointer);",
              "conditions": [
                {
                  "condition": "(hover: hover) and (pointer: fine)",
                  "active": true
                }
              ],
              "ruleIndex": 59,
              "sheetOrder": 4,
              "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
              "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
            }
          ],
          "children": [
            {
              "selector": "span.btn-icon",
              "tag": "SPAN",
              "attributes": {
                "class": "btn-icon"
              },
              "text": "",
              "box": {
                "x": 1372,
                "y": 490.03125,
                "width": 20,
                "height": 20,
                "documentX": 1372,
                "documentY": 7068.03125
              },
              "computed": {
                "display": "inline",
                "position": "static",
                "width": "auto",
                "height": "auto",
                "min-width": "0px",
                "max-width": "none",
                "min-height": "0px",
                "max-height": "none",
                "padding-top": "0px",
                "padding-right": "0px",
                "padding-bottom": "0px",
                "padding-left": "0px",
                "margin-top": "0px",
                "margin-right": "0px",
                "margin-bottom": "0px",
                "margin-left": "0px",
                "border-radius": "0px",
                "row-gap": "normal",
                "column-gap": "normal",
                "font-size": "16px",
                "line-height": "18.4px",
                "font-weight": "400",
                "font-variation-settings": "normal",
                "opacity": "1",
                "visibility": "visible",
                "object-fit": "fill"
              },
              "matchedRules": [
                {
                  "selector": "*, ::before, ::after",
                  "declarations": "box-sizing: inherit;",
                  "conditions": [],
                  "ruleIndex": 52,
                  "sheetOrder": 2,
                  "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                  "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                },
                {
                  "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                  "declarations": "cursor: var(--global-cursor-pointer);",
                  "conditions": [
                    {
                      "condition": "(hover: hover) and (pointer: fine)",
                      "active": true
                    }
                  ],
                  "ruleIndex": 59,
                  "sheetOrder": 2,
                  "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                  "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                },
                {
                  "selector": "*, ::before, ::after",
                  "declarations": "box-sizing: inherit;",
                  "conditions": [],
                  "ruleIndex": 52,
                  "sheetOrder": 4,
                  "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                  "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                },
                {
                  "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                  "declarations": "cursor: var(--global-cursor-pointer);",
                  "conditions": [
                    {
                      "condition": "(hover: hover) and (pointer: fine)",
                      "active": true
                    }
                  ],
                  "ruleIndex": 59,
                  "sheetOrder": 4,
                  "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                  "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                }
              ],
              "children": [
                {
                  "selector": "svg.fig-gjw6ce",
                  "tag": "svg",
                  "attributes": {
                    "xmlns": "http://www.w3.org/2000/svg",
                    "width": "24",
                    "height": "24",
                    "fill": "none",
                    "viewBox": "0 0 24 24",
                    "class": "fig-gjw6ce",
                    "aria-hidden": "true"
                  },
                  "text": "",
                  "box": {
                    "x": 1372,
                    "y": 490.03125,
                    "width": 20,
                    "height": 20,
                    "documentX": 1372,
                    "documentY": 7068.03125
                  },
                  "computed": {
                    "display": "block",
                    "position": "static",
                    "width": "20px",
                    "height": "20px",
                    "min-width": "0px",
                    "max-width": "100%",
                    "min-height": "0px",
                    "max-height": "none",
                    "padding-top": "0px",
                    "padding-right": "0px",
                    "padding-bottom": "0px",
                    "padding-left": "0px",
                    "margin-top": "0px",
                    "margin-right": "0px",
                    "margin-bottom": "0px",
                    "margin-left": "0px",
                    "border-radius": "0px",
                    "row-gap": "normal",
                    "column-gap": "normal",
                    "font-size": "16px",
                    "line-height": "18.4px",
                    "font-weight": "400",
                    "font-variation-settings": "normal",
                    "opacity": "1",
                    "visibility": "visible",
                    "object-fit": "fill"
                  },
                  "matchedRules": [
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                      "declarations": "cursor: var(--global-cursor-pointer);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 59,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "img, svg, video",
                      "declarations": "display: block; max-width: 100%;",
                      "conditions": [],
                      "ruleIndex": 62,
                      "sheetOrder": 2,
                      "sourcePath": "evidence/geometry-repair/css-0c9db534ef4528c3.css",
                      "sourceHash": "0c9db534ef4528c36a4c485932ba3ea7eaff55c528d874faa0b0ae2a2eadb984"
                    },
                    {
                      "selector": "*, ::before, ::after",
                      "declarations": "box-sizing: inherit;",
                      "conditions": [],
                      "ruleIndex": 52,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "a, a *, button:not(.tooltip-btn), button:not(.tooltip-btn) *, select, input[type=\"checkbox\"]",
                      "declarations": "cursor: var(--global-cursor-pointer);",
                      "conditions": [
                        {
                          "condition": "(hover: hover) and (pointer: fine)",
                          "active": true
                        }
                      ],
                      "ruleIndex": 59,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": "img, svg, video",
                      "declarations": "display: block; max-width: 100%;",
                      "conditions": [],
                      "ruleIndex": 62,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": ".fig-gjw6ce",
                      "declarations": "width: var(--fig-space-24, 1.5rem); height: var(--fig-space-24, 1.5rem);",
                      "conditions": [],
                      "ruleIndex": 495,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    },
                    {
                      "selector": ".fig-5vh56z > .btn-inner .btn-icon svg",
                      "declarations": "height: 1.25rem; width: 1.25rem;",
                      "conditions": [],
                      "ruleIndex": 737,
                      "sheetOrder": 4,
                      "sourcePath": "evidence/geometry-repair/css-cf3fb8592ff30b64.css",
                      "sourceHash": "cf3fb8592ff30b6479300e824b94e46b58718b484538e6ba9ce8d3b6fc55698e"
                    }
                  ],
                  "children": []
                }
              ]
            }
          ]
        }
      ],
      "spacingOwnership": {
        "outer": "Carousel control group uses flex gap12px. Next slide is static,36×36 at both widths.",
        "inner": "Carousel Next slide padding8px with20×20svg; full pill radius and inset1px border shadow. Cookie Dismiss padding6px with24×24svg, absolute top10px/right10px within alertdialog.",
        "local": "Local Next example button44×44;24px text arrow; no observed SVG parity.44px is an intentional local construction, not the measured source target."
      },
      "source": "evidence/geometry-repair/source-icon-next-slide-1440.json",
      "status": "Partial",
      "uncertainty": "Named public source variant only. Local specimen geometry differs; no source/local fidelity pass or private API completeness asserted."
    },
    "localSelector": "[data-component=\"icon-button\"]",
    "provenance": "measured named public source variant; different local reconstruction; see geometry-repairs.json",
    "states": [
      "default",
      "hover",
      "focus",
      "active",
      "disabled",
      "loading"
    ],
    "behavior": "Native link/button. Enter activates; Space activates buttons. Hover reveals the arrow; focus ring stays outside the border. Disabled buttons do not dispatch. Loading retains label and width.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Local named Next example action. Source named variants are carousel Next slide and cookie Dismiss.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#icon-button",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 25837.78125,
          "width": 44,
          "height": 44,
          "top": 25837.78125,
          "right": 85,
          "bottom": 25881.78125,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "inline-grid",
          "position": "static",
          "width": "44px",
          "height": "44px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "1px",
          "padding-right": "6px",
          "padding-bottom": "1px",
          "padding-left": "6px",
          "border-top": "1px solid rgb(214, 214, 214)",
          "border-right": "1px solid rgb(214, 214, 214)",
          "border-bottom": "1px solid rgb(214, 214, 214)",
          "border-left": "1px solid rgb(214, 214, 214)",
          "border-radius": "50%",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "30px",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "center",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "24px",
          "font-weight": "320",
          "line-height": "34.8px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(255, 255, 255)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": []
      },
      "768": {
        "box": {
          "x": 73,
          "y": 18117.640625,
          "width": 44,
          "height": 44,
          "top": 18117.640625,
          "right": 117,
          "bottom": 18161.640625,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "inline-grid",
          "position": "static",
          "width": "44px",
          "height": "44px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "1px",
          "padding-right": "6px",
          "padding-bottom": "1px",
          "padding-left": "6px",
          "border-top": "1px solid rgb(214, 214, 214)",
          "border-right": "1px solid rgb(214, 214, 214)",
          "border-bottom": "1px solid rgb(214, 214, 214)",
          "border-left": "1px solid rgb(214, 214, 214)",
          "border-radius": "50%",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "30px",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "center",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "24px",
          "font-weight": "320",
          "line-height": "34.8px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(255, 255, 255)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": []
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 15784.28125,
          "width": 44,
          "height": 44,
          "top": 15784.28125,
          "right": 133,
          "bottom": 15828.28125,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "inline-grid",
          "position": "static",
          "width": "44px",
          "height": "44px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "1px",
          "padding-right": "6px",
          "padding-bottom": "1px",
          "padding-left": "6px",
          "border-top": "1px solid rgb(214, 214, 214)",
          "border-right": "1px solid rgb(214, 214, 214)",
          "border-bottom": "1px solid rgb(214, 214, 214)",
          "border-left": "1px solid rgb(214, 214, 214)",
          "border-radius": "50%",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "30px",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "center",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "24px",
          "font-weight": "320",
          "line-height": "34.8px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(255, 255, 255)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": []
      }
    }
  },
  {
    "id": "footer",
    "name": "Global footer",
    "group": "shell",
    "criticality": "Important",
    "purpose": "Groups secondary destinations and legal/support links.",
    "element": "footer",
    "sourceSelector": ".fig-97erl1",
    "observed": true,
    "source": "evidence/home/home-1440.json",
    "sourceRules": [
      ".fig-97erl1{--f-bg-color:#000000;--f-text-color:#FFFFFF;--f-list-header-color:rgba(255, 255, 255, 0.6);--f-icon-bg-color:rgba(255, 255, 255, 0.24);--f-badge-text-color:#FFFFFF;--f-badge-bg-color:rgba(255, 255, 255, 0.16);background:var(--f-bg-color, #FFFFFF);color:var(--f-text-color, #000000);padding-block:5rem 3rem;border-top:1px solid rgba(255, 255, 255, 0.16);}",
      ".fig-97erl1{padding-block:7.5rem;}"
    ],
    "geometry": {
      "id": "footer",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "https://www.figma.com/",
      "selector": ".fig-97erl1",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "Figma Socials\nPRODUCT\nFigma Design\nFigma Make\nFigma WeaveNEW\nDev Mode\nFigma MotionNEW\nFigJam\nFigma Slides\nFigma Draw\nFig",
      "box": {
        "x": 0,
        "y": 7772.421875,
        "width": 1440,
        "height": 1200.296875
      },
      "computed": {
        "box-sizing": "border-box",
        "display": "block",
        "position": "static",
        "width": "1440px",
        "height": "1200.3px",
        "min-width": "0px",
        "max-width": "none",
        "min-height": "0px",
        "max-height": "none",
        "margin-top": "0px",
        "margin-right": "0px",
        "margin-bottom": "0px",
        "margin-left": "0px",
        "padding-top": "120px",
        "padding-right": "0px",
        "padding-bottom": "120px",
        "padding-left": "0px",
        "border-top": "1px solid rgba(255, 255, 255, 0.16)",
        "border-right": "0px none rgb(255, 255, 255)",
        "border-bottom": "0px none rgb(255, 255, 255)",
        "border-left": "0px none rgb(255, 255, 255)",
        "border-radius": "0px",
        "row-gap": "normal",
        "column-gap": "normal",
        "grid-template-columns": "none",
        "flex-direction": "row",
        "flex-wrap": "nowrap",
        "align-items": "normal",
        "justify-content": "normal",
        "overflow": "visible",
        "transform": "none",
        "font-family": "figmaSans, \"figmaSans Fallback\", \"SF Pro Display\", system-ui, helvetica, sans-serif",
        "font-size": "16px",
        "font-weight": "400",
        "line-height": "23.2px",
        "letter-spacing": "normal",
        "white-space": "normal",
        "text-transform": "none",
        "color": "rgb(255, 255, 255)",
        "background-color": "rgb(0, 0, 0)",
        "z-index": "auto",
        "transition": "all",
        "box-shadow": "none"
      },
      "children": [
        {
          "tag": "DIV",
          "text": "Figma SocialsProductFigma DesignFigma MakeFigma WeaveNewDev ",
          "box": {
            "x": 60,
            "y": 7893.421875,
            "width": 1320,
            "height": 959.296875
          }
        }
      ],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "evidence/home/home-1440.json",
      "status": "Partial",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"footer\"]",
    "provenance": "measured root; reconstructed local contract",
    "states": [
      "default",
      "long-content",
      "missing-content"
    ],
    "behavior": "Natural document scroll. Header stays above content. Mobile disclosure closes with Escape; skip link targets main content.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Groups secondary destinations and legal/support links.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#footer",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 27848.84375,
          "width": 308,
          "height": 71.1875,
          "top": 27848.84375,
          "right": 349,
          "bottom": 27920.03125,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "flex",
          "position": "static",
          "width": "308px",
          "height": "71.1875px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "24px",
          "padding-right": "24px",
          "padding-bottom": "24px",
          "padding-left": "24px",
          "border-top": "0px none rgb(255, 255, 255)",
          "border-right": "0px none rgb(255, 255, 255)",
          "border-bottom": "0px none rgb(255, 255, 255)",
          "border-left": "0px none rgb(255, 255, 255)",
          "border-radius": "0px",
          "row-gap": "20px",
          "column-gap": "20px",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "wrap",
          "align-items": "normal",
          "justify-content": "space-between",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(255, 255, 255)",
          "background-color": "rgb(0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "STRONG",
            "text": "Figma",
            "box": {
              "x": 65,
              "y": 27872.84375,
              "width": 43.59375,
              "height": 23.1875,
              "top": 27872.84375,
              "right": 108.59375,
              "bottom": 27896.03125,
              "left": 65
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "43.5938px",
              "height": "23.1875px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "400",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "Product map",
            "box": {
              "x": 140.046875,
              "y": 27872.84375,
              "width": 88.953125,
              "height": 23.1875,
              "top": 27872.84375,
              "right": 229,
              "bottom": 27896.03125,
              "left": 140.046875
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "88.9531px",
              "height": "23.1875px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "Evidence",
            "box": {
              "x": 260.453125,
              "y": 27872.84375,
              "width": 64.546875,
              "height": 23.1875,
              "top": 27872.84375,
              "right": 325,
              "bottom": 27896.03125,
              "left": 260.453125
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "64.5469px",
              "height": "23.1875px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 19439.015625,
          "width": 622,
          "height": 103.1875,
          "top": 19439.015625,
          "right": 695,
          "bottom": 19542.203125,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "flex",
          "position": "static",
          "width": "622px",
          "height": "103.188px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "40px",
          "padding-right": "40px",
          "padding-bottom": "40px",
          "padding-left": "40px",
          "border-top": "0px none rgb(255, 255, 255)",
          "border-right": "0px none rgb(255, 255, 255)",
          "border-bottom": "0px none rgb(255, 255, 255)",
          "border-left": "0px none rgb(255, 255, 255)",
          "border-radius": "0px",
          "row-gap": "20px",
          "column-gap": "20px",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "space-between",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(255, 255, 255)",
          "background-color": "rgb(0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "STRONG",
            "text": "Figma",
            "box": {
              "x": 113,
              "y": 19479.015625,
              "width": 43.59375,
              "height": 23.1875,
              "top": 19479.015625,
              "right": 156.59375,
              "bottom": 19502.203125,
              "left": 113
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "43.5938px",
              "height": "23.1875px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "400",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "Product map",
            "box": {
              "x": 329.046875,
              "y": 19479.015625,
              "width": 88.953125,
              "height": 23.1875,
              "top": 19479.015625,
              "right": 418,
              "bottom": 19502.203125,
              "left": 329.046875
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "88.9531px",
              "height": "23.1875px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "Evidence",
            "box": {
              "x": 590.453125,
              "y": 19479.015625,
              "width": 64.546875,
              "height": 23.1875,
              "top": 19479.015625,
              "right": 655,
              "bottom": 19502.203125,
              "left": 590.453125
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "64.5469px",
              "height": "23.1875px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 16901.609375,
          "width": 1262,
          "height": 103.1875,
          "top": 16901.609375,
          "right": 1351,
          "bottom": 17004.796875,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "flex",
          "position": "static",
          "width": "1262px",
          "height": "103.188px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "40px",
          "padding-right": "40px",
          "padding-bottom": "40px",
          "padding-left": "40px",
          "border-top": "0px none rgb(255, 255, 255)",
          "border-right": "0px none rgb(255, 255, 255)",
          "border-bottom": "0px none rgb(255, 255, 255)",
          "border-left": "0px none rgb(255, 255, 255)",
          "border-radius": "0px",
          "row-gap": "20px",
          "column-gap": "20px",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "space-between",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(255, 255, 255)",
          "background-color": "rgb(0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "STRONG",
            "text": "Figma",
            "box": {
              "x": 129,
              "y": 16941.609375,
              "width": 43.59375,
              "height": 23.1875,
              "top": 16941.609375,
              "right": 172.59375,
              "bottom": 16964.796875,
              "left": 129
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "43.5938px",
              "height": "23.1875px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "400",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "Product map",
            "box": {
              "x": 665.046875,
              "y": 16941.609375,
              "width": 88.953125,
              "height": 23.1875,
              "top": 16941.609375,
              "right": 754,
              "bottom": 16964.796875,
              "left": 665.046875
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "88.9531px",
              "height": "23.1875px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "Evidence",
            "box": {
              "x": 1246.453125,
              "y": 16941.609375,
              "width": 64.546875,
              "height": 23.1875,
              "top": 16941.609375,
              "right": 1311,
              "bottom": 16964.796875,
              "left": 1246.453125
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "64.5469px",
              "height": "23.1875px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "auto",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(255, 255, 255)",
              "border-right": "0px none rgb(255, 255, 255)",
              "border-bottom": "0px none rgb(255, 255, 255)",
              "border-left": "0px none rgb(255, 255, 255)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "badge",
    "name": "Product badge",
    "group": "feedback",
    "criticality": "Important",
    "purpose": "A short non-interactive lifecycle label such as Beta or New.",
    "element": "span",
    "sourceSelector": "[data-component=\"badge\"]",
    "observed": false,
    "source": "evidence/inventory/",
    "sourceRules": [],
    "geometry": {
      "id": "badge",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "local reconstructed reference",
      "selector": "[data-component=\"badge\"]",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "Product badge",
      "box": {},
      "computed": {},
      "children": [],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "site/assets/reference.css",
      "status": "Reconstructed",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"badge\"]",
    "provenance": "reconstructed from inventoried public pattern",
    "states": [
      "default",
      "long-content",
      "missing-content"
    ],
    "behavior": "Use text as well as color. Announce updates once through role=status. No timer dismisses essential recovery instructions.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "A short non-interactive lifecycle label such as Beta or New.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#badge",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 29830.921875,
          "width": 50.859375,
          "height": 26.1875,
          "top": 29830.921875,
          "right": 91.859375,
          "bottom": 29857.109375,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "inline-flex",
          "position": "static",
          "width": "50.8594px",
          "height": "26.1875px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "4px",
          "padding-right": "8px",
          "padding-bottom": "4px",
          "padding-left": "8px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "4px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "14px",
          "font-weight": "320",
          "line-height": "18.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "uppercase",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(230, 230, 230)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": []
      },
      "768": {
        "box": {
          "x": 73,
          "y": 20735.203125,
          "width": 50.859375,
          "height": 26.1875,
          "top": 20735.203125,
          "right": 123.859375,
          "bottom": 20761.390625,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "inline-flex",
          "position": "static",
          "width": "50.8594px",
          "height": "26.1875px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "4px",
          "padding-right": "8px",
          "padding-bottom": "4px",
          "padding-left": "8px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "4px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "14px",
          "font-weight": "320",
          "line-height": "18.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "uppercase",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(230, 230, 230)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": []
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 18025.59375,
          "width": 50.859375,
          "height": 26.1875,
          "top": 18025.59375,
          "right": 139.859375,
          "bottom": 18051.78125,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "inline-flex",
          "position": "static",
          "width": "50.8594px",
          "height": "26.1875px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "4px",
          "padding-right": "8px",
          "padding-bottom": "4px",
          "padding-left": "8px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "4px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "14px",
          "font-weight": "320",
          "line-height": "18.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "uppercase",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(230, 230, 230)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": []
      }
    }
  },
  {
    "id": "tabs",
    "name": "Section tabs",
    "group": "navigation",
    "criticality": "Important",
    "purpose": "Shows one panel while keeping the section context.",
    "element": "div",
    "sourceSelector": "[data-component=\"tabs\"]",
    "observed": false,
    "source": "evidence/inventory/",
    "sourceRules": [],
    "geometry": {
      "id": "tabs",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "local reconstructed reference",
      "selector": "[data-component=\"tabs\"]",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "Section tabs",
      "box": {},
      "computed": {},
      "children": [],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "site/assets/reference.css",
      "status": "Reconstructed",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"tabs\"]",
    "provenance": "reconstructed from inventoried public pattern",
    "states": [
      "design-selected",
      "build-selected",
      "keyboard-focus"
    ],
    "behavior": "Local contract: a tablist controls one named panel. The selected tab labels the panel before interaction and after every selection. Click, Enter, or Space selects a tab; Left/Right arrows wrap between tabs, and Home/End selects the first/last tab. Keyboard selection is automatic and keeps focus on the selected tab. Only that tab is in the page tab order. No expanded/collapsed or Escape behavior is implied.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Shows one panel while keeping the section context.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "role=tablist with accessible label",
        "one button role=tab per option with unique id",
        "aria-selected and roving tabindex on tabs",
        "aria-controls points from each tab to panel id",
        "role=tabpanel and initial aria-labelledby pointing to selected tab"
      ],
      "events": [
        "click selects option",
        "ArrowLeft/ArrowRight wraps and selects",
        "Home/End selects first/last"
      ],
      "persistence": "ephemeral selection; defaults to Design on page load"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#tabs",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 31808.953125,
          "width": 308,
          "height": 54.1875,
          "top": 31808.953125,
          "right": 349,
          "bottom": 31863.140625,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "flex",
          "position": "static",
          "width": "308px",
          "height": "54.1875px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "1px solid rgb(204, 204, 204)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "8px",
          "column-gap": "8px",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "BUTTON",
            "text": "Design",
            "box": {
              "x": 41,
              "y": 31808.953125,
              "width": 96.84375,
              "height": 53.1875,
              "top": 31808.953125,
              "right": 137.84375,
              "bottom": 31862.140625,
              "left": 41
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "96.8438px",
              "height": "53.1875px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "14px",
              "padding-right": "24px",
              "padding-bottom": "14px",
              "padding-left": "24px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "2px solid rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(228, 224, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "BUTTON",
            "text": "Build",
            "box": {
              "x": 145.84375,
              "y": 31808.953125,
              "width": 82.890625,
              "height": 53.1875,
              "top": 31808.953125,
              "right": 228.734375,
              "bottom": 31862.140625,
              "left": 145.84375
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "82.8906px",
              "height": "53.1875px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "14px",
              "padding-right": "24px",
              "padding-bottom": "14px",
              "padding-left": "24px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "2px solid rgba(0, 0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 21988.765625,
          "width": 622,
          "height": 54.1875,
          "top": 21988.765625,
          "right": 695,
          "bottom": 22042.953125,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "flex",
          "position": "static",
          "width": "622px",
          "height": "54.1875px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "1px solid rgb(204, 204, 204)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "8px",
          "column-gap": "8px",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "BUTTON",
            "text": "Design",
            "box": {
              "x": 73,
              "y": 21988.765625,
              "width": 96.84375,
              "height": 53.1875,
              "top": 21988.765625,
              "right": 169.84375,
              "bottom": 22041.953125,
              "left": 73
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "96.8438px",
              "height": "53.1875px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "14px",
              "padding-right": "24px",
              "padding-bottom": "14px",
              "padding-left": "24px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "2px solid rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(228, 224, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "BUTTON",
            "text": "Build",
            "box": {
              "x": 177.84375,
              "y": 21988.765625,
              "width": 82.890625,
              "height": 53.1875,
              "top": 21988.765625,
              "right": 260.734375,
              "bottom": 22041.953125,
              "left": 177.84375
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "82.8906px",
              "height": "53.1875px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "14px",
              "padding-right": "24px",
              "padding-bottom": "14px",
              "padding-left": "24px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "2px solid rgba(0, 0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 19140.03125,
          "width": 1262,
          "height": 54.1875,
          "top": 19140.03125,
          "right": 1351,
          "bottom": 19194.21875,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "flex",
          "position": "static",
          "width": "1262px",
          "height": "54.1875px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "1px solid rgb(204, 204, 204)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "8px",
          "column-gap": "8px",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "BUTTON",
            "text": "Design",
            "box": {
              "x": 89,
              "y": 19140.03125,
              "width": 96.84375,
              "height": 53.1875,
              "top": 19140.03125,
              "right": 185.84375,
              "bottom": 19193.21875,
              "left": 89
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "96.8438px",
              "height": "53.1875px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "14px",
              "padding-right": "24px",
              "padding-bottom": "14px",
              "padding-left": "24px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "2px solid rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(228, 224, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "BUTTON",
            "text": "Build",
            "box": {
              "x": 193.84375,
              "y": 19140.03125,
              "width": 82.890625,
              "height": 53.1875,
              "top": 19140.03125,
              "right": 276.734375,
              "bottom": 19193.21875,
              "left": 193.84375
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "82.8906px",
              "height": "53.1875px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "14px",
              "padding-right": "24px",
              "padding-bottom": "14px",
              "padding-left": "24px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "2px solid rgba(0, 0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "accordion",
    "name": "FAQ disclosure",
    "group": "navigation",
    "criticality": "Important",
    "purpose": "Reveals one answer using native keyboard interaction.",
    "element": "details",
    "sourceSelector": "[data-component=\"accordion\"]",
    "observed": false,
    "source": "evidence/inventory/",
    "sourceRules": [],
    "geometry": {
      "id": "accordion",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "local reconstructed reference",
      "selector": "[data-component=\"accordion\"]",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "FAQ disclosure",
      "box": {},
      "computed": {},
      "children": [],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "site/assets/reference.css",
      "status": "Reconstructed",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"accordion\"]",
    "provenance": "reconstructed from inventoried public pattern",
    "states": [
      "expanded",
      "collapsed"
    ],
    "behavior": "Local contract: native details/summary exposes expanded or collapsed state and toggles with click, Enter, or Space. The closed answer is hidden and untabbable. This inline FAQ does not have the Escape-to-dismiss enhancement used by navigation disclosures.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Reveals one answer using native keyboard interaction.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#accordion",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 33810.171875,
          "width": 308,
          "height": 84,
          "top": 33810.171875,
          "right": 349,
          "bottom": 33894.171875,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "308px",
          "height": "84px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "1px solid rgb(170, 170, 170)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "1px solid rgb(170, 170, 170)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SUMMARY",
            "text": "How should a new variant be added?",
            "box": {
              "x": 41,
              "y": 33811.171875,
              "width": 308,
              "height": 82,
              "top": 33811.171875,
              "right": 349,
              "bottom": 33893.171875,
              "left": 41
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "list-item",
              "position": "static",
              "width": "308px",
              "height": "82px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "44px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "4px",
              "padding-bottom": "12px",
              "padding-left": "4px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "20px",
              "font-weight": "320",
              "line-height": "29px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "Reuse the existing tokens. Name the content and state contract, then add a specimen and a regression",
            "box": {
              "x": 41,
              "y": 33893.171875,
              "width": 308,
              "height": 132.75,
              "top": 33893.171875,
              "right": 349,
              "bottom": 34025.921875,
              "left": 41
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "308px",
              "height": "132.75px",
              "min-width": "0px",
              "max-width": "654.348px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "16px",
              "padding-right": "4px",
              "padding-bottom": "24px",
              "padding-left": "4px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 23308.890625,
          "width": 622,
          "height": 55,
          "top": 23308.890625,
          "right": 695,
          "bottom": 23363.890625,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "622px",
          "height": "55px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "1px solid rgb(170, 170, 170)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "1px solid rgb(170, 170, 170)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SUMMARY",
            "text": "How should a new variant be added?",
            "box": {
              "x": 73,
              "y": 23309.890625,
              "width": 622,
              "height": 53,
              "top": 23309.890625,
              "right": 695,
              "bottom": 23362.890625,
              "left": 73
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "list-item",
              "position": "static",
              "width": "622px",
              "height": "53px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "44px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "4px",
              "padding-bottom": "12px",
              "padding-left": "4px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "20px",
              "font-weight": "320",
              "line-height": "29px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "Reuse the existing tokens. Name the content and state contract, then add a specimen and a regression",
            "box": {
              "x": 73,
              "y": 23362.890625,
              "width": 622,
              "height": 86.375,
              "top": 23362.890625,
              "right": 695,
              "bottom": 23449.265625,
              "left": 73
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "622px",
              "height": "86.375px",
              "min-width": "0px",
              "max-width": "654.348px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "16px",
              "padding-right": "4px",
              "padding-bottom": "24px",
              "padding-left": "4px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 20297.84375,
          "width": 1262,
          "height": 55,
          "top": 20297.84375,
          "right": 1351,
          "bottom": 20352.84375,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "1262px",
          "height": "55px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "1px solid rgb(170, 170, 170)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "1px solid rgb(170, 170, 170)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SUMMARY",
            "text": "How should a new variant be added?",
            "box": {
              "x": 89,
              "y": 20298.84375,
              "width": 1262,
              "height": 53,
              "top": 20298.84375,
              "right": 1351,
              "bottom": 20351.84375,
              "left": 89
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "list-item",
              "position": "static",
              "width": "1262px",
              "height": "53px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "44px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "4px",
              "padding-bottom": "12px",
              "padding-left": "4px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "20px",
              "font-weight": "320",
              "line-height": "29px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "Reuse the existing tokens. Name the content and state contract, then add a specimen and a regression",
            "box": {
              "x": 89,
              "y": 20351.84375,
              "width": 654.34375,
              "height": 86.375,
              "top": 20351.84375,
              "right": 743.34375,
              "bottom": 20438.21875,
              "left": 89
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "654.344px",
              "height": "86.375px",
              "min-width": "0px",
              "max-width": "654.348px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "16px",
              "padding-right": "4px",
              "padding-bottom": "24px",
              "padding-left": "4px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "search-field",
    "name": "Catalog search",
    "group": "forms",
    "criticality": "Important",
    "purpose": "Filters a visible collection; announce result counts and preserve the query.",
    "element": "input",
    "sourceSelector": "[data-component=\"search-field\"]",
    "observed": false,
    "source": "evidence/inventory/",
    "sourceRules": [],
    "geometry": {
      "id": "search-field",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "local reconstructed reference",
      "selector": "[data-component=\"search-field\"]",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "Catalog search",
      "box": {},
      "computed": {},
      "children": [],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "site/assets/reference.css",
      "status": "Reconstructed",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"search-field\"]",
    "provenance": "reconstructed from inventoried public pattern",
    "states": [
      "default",
      "empty",
      "invalid",
      "filled"
    ],
    "behavior": "Visible label, native input semantics, helper/error IDs. Validate on submit or explicit blur, preserve entered value, announce completion.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Filters a visible collection; announce result counts and preserve the query.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#search-field",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 35832.828125,
          "width": 308,
          "height": 76.296875,
          "top": 35832.828125,
          "right": 349,
          "bottom": 35909.125,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "308px",
          "height": "76.2969px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "14px",
          "font-weight": "320",
          "line-height": "20.3px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "INPUT",
            "text": "",
            "box": {
              "x": 41,
              "y": 35861.125,
              "width": 308,
              "height": 48,
              "top": 35861.125,
              "right": 349,
              "bottom": 35909.125,
              "left": 41
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "308px",
              "height": "48px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "8px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "14px",
              "padding-bottom": "12px",
              "padding-left": "14px",
              "border-top": "1px solid rgb(136, 136, 136)",
              "border-right": "1px solid rgb(136, 136, 136)",
              "border-bottom": "1px solid rgb(136, 136, 136)",
              "border-left": "1px solid rgb(136, 136, 136)",
              "border-radius": "8px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "clip",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "20.3px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 24607.078125,
          "width": 622,
          "height": 76.296875,
          "top": 24607.078125,
          "right": 695,
          "bottom": 24683.375,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "622px",
          "height": "76.2969px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "14px",
          "font-weight": "320",
          "line-height": "20.3px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "INPUT",
            "text": "",
            "box": {
              "x": 73,
              "y": 24635.375,
              "width": 622,
              "height": 48,
              "top": 24635.375,
              "right": 695,
              "bottom": 24683.375,
              "left": 73
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "622px",
              "height": "48px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "8px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "14px",
              "padding-bottom": "12px",
              "padding-left": "14px",
              "border-top": "1px solid rgb(136, 136, 136)",
              "border-right": "1px solid rgb(136, 136, 136)",
              "border-bottom": "1px solid rgb(136, 136, 136)",
              "border-left": "1px solid rgb(136, 136, 136)",
              "border-radius": "8px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "clip",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "20.3px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 21412.28125,
          "width": 1262,
          "height": 76.296875,
          "top": 21412.28125,
          "right": 1351,
          "bottom": 21488.578125,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "1262px",
          "height": "76.2969px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "14px",
          "font-weight": "320",
          "line-height": "20.3px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "INPUT",
            "text": "",
            "box": {
              "x": 89,
              "y": 21440.578125,
              "width": 1262,
              "height": 48,
              "top": 21440.578125,
              "right": 1351,
              "bottom": 21488.578125,
              "left": 89
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "1262px",
              "height": "48px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "8px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "14px",
              "padding-bottom": "12px",
              "padding-left": "14px",
              "border-top": "1px solid rgb(136, 136, 136)",
              "border-right": "1px solid rgb(136, 136, 136)",
              "border-bottom": "1px solid rgb(136, 136, 136)",
              "border-left": "1px solid rgb(136, 136, 136)",
              "border-radius": "8px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "clip",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "20.3px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "filter-control",
    "name": "Collection filter",
    "group": "forms",
    "criticality": "Important",
    "purpose": "Narrows the collection by one explicit category.",
    "element": "select",
    "sourceSelector": "[data-component=\"filter-control\"]",
    "observed": false,
    "source": "evidence/inventory/",
    "sourceRules": [],
    "geometry": {
      "id": "filter-control",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "local reconstructed reference",
      "selector": "[data-component=\"filter-control\"]",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "Collection filter",
      "box": {},
      "computed": {},
      "children": [],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "site/assets/reference.css",
      "status": "Reconstructed",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"filter-control\"]",
    "provenance": "reconstructed from inventoried public pattern",
    "states": [
      "default",
      "empty",
      "invalid",
      "filled"
    ],
    "behavior": "Visible label, native input semantics, helper/error IDs. Validate on submit or explicit blur, preserve entered value, announce completion.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Narrows the collection by one explicit category.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#filter-control",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 37829.40625,
          "width": 308,
          "height": 76.296875,
          "top": 37829.40625,
          "right": 349,
          "bottom": 37905.703125,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "308px",
          "height": "76.2969px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "14px",
          "font-weight": "320",
          "line-height": "20.3px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SELECT",
            "text": "All productsDesignBuildCollaborate",
            "box": {
              "x": 41,
              "y": 37857.703125,
              "width": 308,
              "height": 48,
              "top": 37857.703125,
              "right": 349,
              "bottom": 37905.703125,
              "left": 41
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "308px",
              "height": "48px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "8px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "14px",
              "padding-bottom": "12px",
              "padding-left": "14px",
              "border-top": "1px solid rgb(136, 136, 136)",
              "border-right": "1px solid rgb(136, 136, 136)",
              "border-bottom": "1px solid rgb(136, 136, 136)",
              "border-left": "1px solid rgb(136, 136, 136)",
              "border-radius": "8px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "normal",
              "overflow": "clip",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "normal",
              "letter-spacing": "normal",
              "white-space": "pre",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 25916.96875,
          "width": 622,
          "height": 76.296875,
          "top": 25916.96875,
          "right": 695,
          "bottom": 25993.265625,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "622px",
          "height": "76.2969px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "14px",
          "font-weight": "320",
          "line-height": "20.3px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SELECT",
            "text": "All productsDesignBuildCollaborate",
            "box": {
              "x": 73,
              "y": 25945.265625,
              "width": 622,
              "height": 48,
              "top": 25945.265625,
              "right": 695,
              "bottom": 25993.265625,
              "left": 73
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "622px",
              "height": "48px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "8px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "14px",
              "padding-bottom": "12px",
              "padding-left": "14px",
              "border-top": "1px solid rgb(136, 136, 136)",
              "border-right": "1px solid rgb(136, 136, 136)",
              "border-bottom": "1px solid rgb(136, 136, 136)",
              "border-left": "1px solid rgb(136, 136, 136)",
              "border-radius": "8px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "normal",
              "overflow": "clip",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "normal",
              "letter-spacing": "normal",
              "white-space": "pre",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 22541.3125,
          "width": 1262,
          "height": 76.296875,
          "top": 22541.3125,
          "right": 1351,
          "bottom": 22617.609375,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "1262px",
          "height": "76.2969px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "14px",
          "font-weight": "320",
          "line-height": "20.3px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SELECT",
            "text": "All productsDesignBuildCollaborate",
            "box": {
              "x": 89,
              "y": 22569.609375,
              "width": 1262,
              "height": 48,
              "top": 22569.609375,
              "right": 1351,
              "bottom": 22617.609375,
              "left": 89
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "1262px",
              "height": "48px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "8px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "14px",
              "padding-bottom": "12px",
              "padding-left": "14px",
              "border-top": "1px solid rgb(136, 136, 136)",
              "border-right": "1px solid rgb(136, 136, 136)",
              "border-bottom": "1px solid rgb(136, 136, 136)",
              "border-left": "1px solid rgb(136, 136, 136)",
              "border-radius": "8px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "normal",
              "overflow": "clip",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "normal",
              "letter-spacing": "normal",
              "white-space": "pre",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "billing-toggle",
    "name": "Billing switch",
    "group": "forms",
    "criticality": "Important",
    "purpose": "Selects monthly or annual display; never initiates a purchase.",
    "element": "input",
    "sourceSelector": "[data-component=\"billing-toggle\"]",
    "observed": false,
    "source": "evidence/inventory/",
    "sourceRules": [],
    "geometry": {
      "id": "billing-toggle",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "local reconstructed reference",
      "selector": "[data-component=\"billing-toggle\"]",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "Billing switch",
      "box": {},
      "computed": {},
      "children": [],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "site/assets/reference.css",
      "status": "Reconstructed",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"billing-toggle\"]",
    "provenance": "reconstructed from inventoried public pattern",
    "states": [
      "default",
      "empty",
      "invalid",
      "filled"
    ],
    "behavior": "Visible label, native input semantics, helper/error IDs. Validate on submit or explicit blur, preserve entered value, announce completion.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Selects monthly or annual display; never initiates a purchase.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#billing-toggle",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 39869.171875,
          "width": 220,
          "height": 34,
          "top": 39869.171875,
          "right": 261,
          "bottom": 39903.171875,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "flex",
          "position": "static",
          "width": "220px",
          "height": "34px",
          "min-width": "0px",
          "max-width": "220px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "20px",
          "margin-right": "0px",
          "margin-bottom": "24px",
          "margin-left": "0px",
          "padding-top": "3px",
          "padding-right": "3px",
          "padding-bottom": "3px",
          "padding-left": "3px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "100px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(238, 238, 238)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "BUTTON",
            "text": "Monthly",
            "box": {
              "x": 44,
              "y": 39872.171875,
              "width": 107,
              "height": 28,
              "top": 39872.171875,
              "right": 151,
              "bottom": 39900.171875,
              "left": 44
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "107px",
              "height": "28px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "28px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "4px",
              "padding-right": "18px",
              "padding-bottom": "4px",
              "padding-left": "18px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "100px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "12px",
              "font-weight": "320",
              "line-height": "17.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "BUTTON",
            "text": "Annual",
            "box": {
              "x": 151,
              "y": 39872.171875,
              "width": 107,
              "height": 28,
              "top": 39872.171875,
              "right": 258,
              "bottom": 39900.171875,
              "left": 151
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "107px",
              "height": "28px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "28px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "4px",
              "padding-right": "18px",
              "padding-bottom": "4px",
              "padding-left": "18px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "100px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "12px",
              "font-weight": "320",
              "line-height": "17.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "rgba(0, 0, 0, 0.133) 0px 1px 3px 0px"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 27232.265625,
          "width": 220,
          "height": 34,
          "top": 27232.265625,
          "right": 293,
          "bottom": 27266.265625,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "flex",
          "position": "static",
          "width": "220px",
          "height": "34px",
          "min-width": "0px",
          "max-width": "220px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "20px",
          "margin-right": "0px",
          "margin-bottom": "24px",
          "margin-left": "0px",
          "padding-top": "3px",
          "padding-right": "3px",
          "padding-bottom": "3px",
          "padding-left": "3px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "100px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(238, 238, 238)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "BUTTON",
            "text": "Monthly",
            "box": {
              "x": 76,
              "y": 27235.265625,
              "width": 107,
              "height": 28,
              "top": 27235.265625,
              "right": 183,
              "bottom": 27263.265625,
              "left": 76
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "107px",
              "height": "28px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "28px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "4px",
              "padding-right": "18px",
              "padding-bottom": "4px",
              "padding-left": "18px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "100px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "12px",
              "font-weight": "320",
              "line-height": "17.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "BUTTON",
            "text": "Annual",
            "box": {
              "x": 183,
              "y": 27235.265625,
              "width": 107,
              "height": 28,
              "top": 27235.265625,
              "right": 290,
              "bottom": 27263.265625,
              "left": 183
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "107px",
              "height": "28px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "28px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "4px",
              "padding-right": "18px",
              "padding-bottom": "4px",
              "padding-left": "18px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "100px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "12px",
              "font-weight": "320",
              "line-height": "17.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "rgba(0, 0, 0, 0.133) 0px 1px 3px 0px"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 23675.75,
          "width": 220,
          "height": 34,
          "top": 23675.75,
          "right": 309,
          "bottom": 23709.75,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "flex",
          "position": "static",
          "width": "220px",
          "height": "34px",
          "min-width": "0px",
          "max-width": "220px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "20px",
          "margin-right": "0px",
          "margin-bottom": "24px",
          "margin-left": "0px",
          "padding-top": "3px",
          "padding-right": "3px",
          "padding-bottom": "3px",
          "padding-left": "3px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "100px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(238, 238, 238)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "BUTTON",
            "text": "Monthly",
            "box": {
              "x": 92,
              "y": 23678.75,
              "width": 107,
              "height": 28,
              "top": 23678.75,
              "right": 199,
              "bottom": 23706.75,
              "left": 92
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "107px",
              "height": "28px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "28px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "4px",
              "padding-right": "18px",
              "padding-bottom": "4px",
              "padding-left": "18px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "100px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "12px",
              "font-weight": "320",
              "line-height": "17.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "BUTTON",
            "text": "Annual",
            "box": {
              "x": 199,
              "y": 23678.75,
              "width": 107,
              "height": 28,
              "top": 23678.75,
              "right": 306,
              "bottom": 23706.75,
              "left": 199
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "107px",
              "height": "28px",
              "min-width": "auto",
              "max-width": "none",
              "min-height": "28px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "4px",
              "padding-right": "18px",
              "padding-bottom": "4px",
              "padding-left": "18px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "100px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "12px",
              "font-weight": "320",
              "line-height": "17.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "rgba(0, 0, 0, 0.133) 0px 1px 3px 0px"
            }
          }
        ]
      }
    }
  },
  {
    "id": "plan-card",
    "name": "Plan card",
    "group": "collections",
    "criticality": "Important",
    "purpose": "Keeps plan name, seat scope, price unit, and next action together.",
    "element": "article",
    "sourceSelector": "[data-component=\"plan-card\"]",
    "observed": false,
    "source": "evidence/inventory/",
    "sourceRules": [],
    "geometry": {
      "id": "plan-card",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "local reconstructed reference",
      "selector": "[data-component=\"plan-card\"]",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "Plan card",
      "box": {},
      "computed": {},
      "children": [],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "site/assets/reference.css",
      "status": "Reconstructed",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"plan-card\"]",
    "provenance": "reconstructed from inventoried public pattern",
    "states": [
      "default",
      "long-content",
      "missing-content"
    ],
    "behavior": "Stable IDs. Keep source order in stacked layouts. No selection or drag is implied by a card. Empty and filtered-empty messages name the recovery.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Keeps plan name, seat scope, price unit, and next action together.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#plan-card",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 41941.6875,
          "width": 308,
          "height": 418.515625,
          "top": 41941.6875,
          "right": 349,
          "bottom": 42360.203125,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "308px",
          "height": "418.516px",
          "min-width": "0px",
          "max-width": "400px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "32px",
          "padding-right": "32px",
          "padding-bottom": "32px",
          "padding-left": "32px",
          "border-top": "1px solid rgb(0, 0, 0)",
          "border-right": "1px solid rgb(0, 0, 0)",
          "border-bottom": "1px solid rgb(0, 0, 0)",
          "border-left": "1px solid rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(255, 255, 255)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SPAN",
            "text": "For a small team",
            "box": {
              "x": 74,
              "y": 41974.6875,
              "width": 146.53125,
              "height": 26.1875,
              "top": 41974.6875,
              "right": 220.53125,
              "bottom": 42000.875,
              "left": 74
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline-flex",
              "position": "static",
              "width": "146.531px",
              "height": "26.1875px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "4px",
              "padding-right": "8px",
              "padding-bottom": "4px",
              "padding-left": "8px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "4px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "18.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "uppercase",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(230, 230, 230)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "H3",
            "text": "Professional",
            "box": {
              "x": 74,
              "y": 42024.875,
              "width": 242,
              "height": 31.1875,
              "top": 42024.875,
              "right": 316,
              "bottom": 42056.0625,
              "left": 74
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "242px",
              "height": "31.1875px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "24px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "24px",
              "font-weight": "400",
              "line-height": "31.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "$16 / Full seat / month",
            "box": {
              "x": 74,
              "y": 42080.0625,
              "width": 242,
              "height": 80.1875,
              "top": 42080.0625,
              "right": 316,
              "bottom": 42160.25,
              "left": 74
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "242px",
              "height": "80.1875px",
              "min-width": "0px",
              "max-width": "1965px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "24px",
              "margin-right": "0px",
              "margin-bottom": "24px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "48px",
              "font-weight": "320",
              "line-height": "52.8px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "Annual billing example, captured September 18, 2026. Verify live pricing before purchase.",
            "box": {
              "x": 74,
              "y": 42184.25,
              "width": 242,
              "height": 69.5625,
              "top": 42184.25,
              "right": 316,
              "bottom": 42253.8125,
              "left": 74
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "242px",
              "height": "69.5625px",
              "min-width": "0px",
              "max-width": "654.348px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "16px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "View current pricing",
            "box": {
              "x": 74,
              "y": 42277.8125,
              "width": 200.734375,
              "height": 49.390625,
              "top": 42277.8125,
              "right": 274.734375,
              "bottom": 42327.203125,
              "left": 74
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline-flex",
              "position": "static",
              "width": "200.734px",
              "height": "49.3906px",
              "min-width": "0px",
              "max-width": "100%",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "24px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "22px",
              "padding-bottom": "12px",
              "padding-left": "22px",
              "border-top": "1px solid rgb(0, 0, 0)",
              "border-right": "1px solid rgb(0, 0, 0)",
              "border-bottom": "1px solid rgb(0, 0, 0)",
              "border-left": "1px solid rgb(0, 0, 0)",
              "border-radius": "8px",
              "row-gap": "8px",
              "column-gap": "8px",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "center",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "18px",
              "font-weight": "320",
              "line-height": "23.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgb(0, 0, 0)",
              "z-index": "auto",
              "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 28605.125,
          "width": 400,
          "height": 395.328125,
          "top": 28605.125,
          "right": 473,
          "bottom": 29000.453125,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "400px",
          "height": "395.328px",
          "min-width": "0px",
          "max-width": "400px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "32px",
          "padding-right": "32px",
          "padding-bottom": "32px",
          "padding-left": "32px",
          "border-top": "1px solid rgb(0, 0, 0)",
          "border-right": "1px solid rgb(0, 0, 0)",
          "border-bottom": "1px solid rgb(0, 0, 0)",
          "border-left": "1px solid rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(255, 255, 255)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SPAN",
            "text": "For a small team",
            "box": {
              "x": 106,
              "y": 28638.125,
              "width": 146.53125,
              "height": 26.1875,
              "top": 28638.125,
              "right": 252.53125,
              "bottom": 28664.3125,
              "left": 106
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline-flex",
              "position": "static",
              "width": "146.531px",
              "height": "26.1875px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "4px",
              "padding-right": "8px",
              "padding-bottom": "4px",
              "padding-left": "8px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "4px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "18.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "uppercase",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(230, 230, 230)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "H3",
            "text": "Professional",
            "box": {
              "x": 106,
              "y": 28688.3125,
              "width": 334,
              "height": 31.1875,
              "top": 28688.3125,
              "right": 440,
              "bottom": 28719.5,
              "left": 106
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "334px",
              "height": "31.1875px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "24px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "24px",
              "font-weight": "400",
              "line-height": "31.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "$16 / Full seat / month",
            "box": {
              "x": 106,
              "y": 28743.5,
              "width": 334,
              "height": 80.1875,
              "top": 28743.5,
              "right": 440,
              "bottom": 28823.6875,
              "left": 106
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "334px",
              "height": "80.1875px",
              "min-width": "0px",
              "max-width": "1965px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "24px",
              "margin-right": "0px",
              "margin-bottom": "24px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "48px",
              "font-weight": "320",
              "line-height": "52.8px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "Annual billing example, captured September 18, 2026. Verify live pricing before purchase.",
            "box": {
              "x": 106,
              "y": 28847.6875,
              "width": 334,
              "height": 46.375,
              "top": 28847.6875,
              "right": 440,
              "bottom": 28894.0625,
              "left": 106
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "334px",
              "height": "46.375px",
              "min-width": "0px",
              "max-width": "654.348px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "16px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "View current pricing",
            "box": {
              "x": 106,
              "y": 28918.0625,
              "width": 200.734375,
              "height": 49.390625,
              "top": 28918.0625,
              "right": 306.734375,
              "bottom": 28967.453125,
              "left": 106
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline-flex",
              "position": "static",
              "width": "200.734px",
              "height": "49.3906px",
              "min-width": "0px",
              "max-width": "100%",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "24px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "22px",
              "padding-bottom": "12px",
              "padding-left": "22px",
              "border-top": "1px solid rgb(0, 0, 0)",
              "border-right": "1px solid rgb(0, 0, 0)",
              "border-bottom": "1px solid rgb(0, 0, 0)",
              "border-left": "1px solid rgb(0, 0, 0)",
              "border-radius": "8px",
              "row-gap": "8px",
              "column-gap": "8px",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "center",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "18px",
              "font-weight": "320",
              "line-height": "23.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgb(0, 0, 0)",
              "z-index": "auto",
              "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 24867.75,
          "width": 400,
          "height": 395.328125,
          "top": 24867.75,
          "right": 489,
          "bottom": 25263.078125,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "400px",
          "height": "395.328px",
          "min-width": "0px",
          "max-width": "400px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "32px",
          "padding-right": "32px",
          "padding-bottom": "32px",
          "padding-left": "32px",
          "border-top": "1px solid rgb(0, 0, 0)",
          "border-right": "1px solid rgb(0, 0, 0)",
          "border-bottom": "1px solid rgb(0, 0, 0)",
          "border-left": "1px solid rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(255, 255, 255)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SPAN",
            "text": "For a small team",
            "box": {
              "x": 122,
              "y": 24900.75,
              "width": 146.53125,
              "height": 26.1875,
              "top": 24900.75,
              "right": 268.53125,
              "bottom": 24926.9375,
              "left": 122
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline-flex",
              "position": "static",
              "width": "146.531px",
              "height": "26.1875px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "4px",
              "padding-right": "8px",
              "padding-bottom": "4px",
              "padding-left": "8px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "4px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "18.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "uppercase",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(230, 230, 230)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "H3",
            "text": "Professional",
            "box": {
              "x": 122,
              "y": 24950.9375,
              "width": 334,
              "height": 31.1875,
              "top": 24950.9375,
              "right": 456,
              "bottom": 24982.125,
              "left": 122
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "334px",
              "height": "31.1875px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "24px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "24px",
              "font-weight": "400",
              "line-height": "31.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "$16 / Full seat / month",
            "box": {
              "x": 122,
              "y": 25006.125,
              "width": 334,
              "height": 80.1875,
              "top": 25006.125,
              "right": 456,
              "bottom": 25086.3125,
              "left": 122
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "334px",
              "height": "80.1875px",
              "min-width": "0px",
              "max-width": "1965px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "24px",
              "margin-right": "0px",
              "margin-bottom": "24px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "48px",
              "font-weight": "320",
              "line-height": "52.8px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "Annual billing example, captured September 18, 2026. Verify live pricing before purchase.",
            "box": {
              "x": 122,
              "y": 25110.3125,
              "width": 334,
              "height": 46.375,
              "top": 25110.3125,
              "right": 456,
              "bottom": 25156.6875,
              "left": 122
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "334px",
              "height": "46.375px",
              "min-width": "0px",
              "max-width": "654.348px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "16px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "View current pricing",
            "box": {
              "x": 122,
              "y": 25180.6875,
              "width": 200.734375,
              "height": 49.390625,
              "top": 25180.6875,
              "right": 322.734375,
              "bottom": 25230.078125,
              "left": 122
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline-flex",
              "position": "static",
              "width": "200.734px",
              "height": "49.3906px",
              "min-width": "0px",
              "max-width": "100%",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "24px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "22px",
              "padding-bottom": "12px",
              "padding-left": "22px",
              "border-top": "1px solid rgb(0, 0, 0)",
              "border-right": "1px solid rgb(0, 0, 0)",
              "border-bottom": "1px solid rgb(0, 0, 0)",
              "border-left": "1px solid rgb(0, 0, 0)",
              "border-radius": "8px",
              "row-gap": "8px",
              "column-gap": "8px",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "center",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "18px",
              "font-weight": "320",
              "line-height": "23.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgb(0, 0, 0)",
              "z-index": "auto",
              "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "comparison-table",
    "name": "Comparison table",
    "group": "collections",
    "criticality": "Important",
    "purpose": "Compares the same feature across plans with proper headers.",
    "element": "table",
    "sourceSelector": "[data-component=\"comparison-table\"]",
    "observed": false,
    "source": "evidence/inventory/",
    "sourceRules": [],
    "geometry": {
      "id": "comparison-table",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "local reconstructed reference",
      "selector": "[data-component=\"comparison-table\"]",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "Comparison table",
      "box": {},
      "computed": {},
      "children": [],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "site/assets/reference.css",
      "status": "Reconstructed",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"comparison-table\"]",
    "provenance": "reconstructed from inventoried public pattern",
    "states": [
      "default",
      "long-content",
      "missing-content"
    ],
    "behavior": "Stable IDs. Keep source order in stacked layouts. No selection or drag is implied by a card. Empty and filtered-empty messages name the recovery.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Compares the same feature across plans with proper headers.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#comparison-table",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 44229.671875,
          "width": 308,
          "height": 160.890625,
          "top": 44229.671875,
          "right": 349,
          "bottom": 44390.5625,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "308px",
          "height": "160.891px",
          "min-width": "0px",
          "max-width": "100%",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "auto",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "TABLE",
            "text": "FeatureStarterProfessionalDesign filesLimitedUnlimitedTeam libraries—Included",
            "box": {
              "x": 41,
              "y": 44229.671875,
              "width": 308,
              "height": 160.890625,
              "top": 44229.671875,
              "right": 349,
              "bottom": 44390.5625,
              "left": 41
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "table",
              "position": "static",
              "width": "308px",
              "height": "160.891px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "20.3px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 30193.453125,
          "width": 622,
          "height": 160.890625,
          "top": 30193.453125,
          "right": 695,
          "bottom": 30354.34375,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "622px",
          "height": "160.891px",
          "min-width": "0px",
          "max-width": "100%",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "auto",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "TABLE",
            "text": "FeatureStarterProfessionalDesign filesLimitedUnlimitedTeam libraries—Included",
            "box": {
              "x": 73,
              "y": 30193.453125,
              "width": 622,
              "height": 160.890625,
              "top": 30193.453125,
              "right": 695,
              "bottom": 30354.34375,
              "left": 73
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "table",
              "position": "static",
              "width": "622px",
              "height": "160.891px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "20.3px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 26295.515625,
          "width": 1262,
          "height": 160.890625,
          "top": 26295.515625,
          "right": 1351,
          "bottom": 26456.40625,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "1262px",
          "height": "160.891px",
          "min-width": "0px",
          "max-width": "100%",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "auto",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "TABLE",
            "text": "FeatureStarterProfessionalDesign filesLimitedUnlimitedTeam libraries—Included",
            "box": {
              "x": 89,
              "y": 26295.515625,
              "width": 1262,
              "height": 160.890625,
              "top": 26295.515625,
              "right": 1351,
              "bottom": 26456.40625,
              "left": 89
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "table",
              "position": "static",
              "width": "1262px",
              "height": "160.891px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "20.3px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "email-field",
    "name": "Newsletter email",
    "group": "forms",
    "criticality": "Important",
    "purpose": "Native email validation with linked error and input preservation.",
    "element": "input",
    "sourceSelector": "[data-component=\"email-field\"]",
    "observed": false,
    "source": "evidence/inventory/",
    "sourceRules": [],
    "geometry": {
      "id": "email-field",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "local reconstructed reference",
      "selector": "[data-component=\"email-field\"]",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "Newsletter email",
      "box": {},
      "computed": {},
      "children": [],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "site/assets/reference.css",
      "status": "Reconstructed",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"email-field\"]",
    "provenance": "reconstructed from inventoried public pattern",
    "states": [
      "default",
      "empty",
      "invalid",
      "filled"
    ],
    "behavior": "Visible label, native input semantics, helper/error IDs. Validate on submit or explicit blur, preserve entered value, announce completion.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Native email validation with linked error and input preservation.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#email-field",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 46280.328125,
          "width": 308,
          "height": 186.28125,
          "top": 46280.328125,
          "right": 349,
          "bottom": 46466.609375,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "308px",
          "height": "186.281px",
          "min-width": "0px",
          "max-width": "480px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "LABEL",
            "text": "Email address",
            "box": {
              "x": 41,
              "y": 46280.328125,
              "width": 308,
              "height": 76.296875,
              "top": 46280.328125,
              "right": 349,
              "bottom": 46356.625,
              "left": 41
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "308px",
              "height": "76.2969px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "20.3px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "Local validation specimen. No address is sent or saved.",
            "box": {
              "x": 41,
              "y": 46356.625,
              "width": 308,
              "height": 40.59375,
              "top": 46356.625,
              "right": 349,
              "bottom": 46397.21875,
              "left": 41
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "308px",
              "height": "40.5938px",
              "min-width": "0px",
              "max-width": "572.881px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(97, 97, 97)",
              "border-right": "0px none rgb(97, 97, 97)",
              "border-bottom": "0px none rgb(97, 97, 97)",
              "border-left": "0px none rgb(97, 97, 97)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "20.3px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(97, 97, 97)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "BUTTON",
            "text": "Validate email",
            "box": {
              "x": 41,
              "y": 46417.21875,
              "width": 155.59375,
              "height": 49.390625,
              "top": 46417.21875,
              "right": 196.59375,
              "bottom": 46466.609375,
              "left": 41
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline-flex",
              "position": "static",
              "width": "155.594px",
              "height": "49.3906px",
              "min-width": "0px",
              "max-width": "100%",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "20px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "22px",
              "padding-bottom": "12px",
              "padding-left": "22px",
              "border-top": "1px solid rgb(0, 0, 0)",
              "border-right": "1px solid rgb(0, 0, 0)",
              "border-bottom": "1px solid rgb(0, 0, 0)",
              "border-left": "1px solid rgb(0, 0, 0)",
              "border-radius": "8px",
              "row-gap": "8px",
              "column-gap": "8px",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "center",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "18px",
              "font-weight": "320",
              "line-height": "23.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgb(0, 0, 0)",
              "z-index": "auto",
              "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "",
            "box": {
              "x": 41,
              "y": 46482.609375,
              "width": 308,
              "height": 0,
              "top": 46482.609375,
              "right": 349,
              "bottom": 46482.609375,
              "left": 41
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "308px",
              "height": "0px",
              "min-width": "0px",
              "max-width": "654.348px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "16px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 31567.640625,
          "width": 480,
          "height": 165.984375,
          "top": 31567.640625,
          "right": 553,
          "bottom": 31733.625,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "480px",
          "height": "165.984px",
          "min-width": "0px",
          "max-width": "480px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "LABEL",
            "text": "Email address",
            "box": {
              "x": 73,
              "y": 31567.640625,
              "width": 480,
              "height": 76.296875,
              "top": 31567.640625,
              "right": 553,
              "bottom": 31643.9375,
              "left": 73
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "480px",
              "height": "76.2969px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "20.3px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "Local validation specimen. No address is sent or saved.",
            "box": {
              "x": 73,
              "y": 31643.9375,
              "width": 480,
              "height": 20.296875,
              "top": 31643.9375,
              "right": 553,
              "bottom": 31664.234375,
              "left": 73
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "480px",
              "height": "20.2969px",
              "min-width": "0px",
              "max-width": "572.881px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(97, 97, 97)",
              "border-right": "0px none rgb(97, 97, 97)",
              "border-bottom": "0px none rgb(97, 97, 97)",
              "border-left": "0px none rgb(97, 97, 97)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "20.3px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(97, 97, 97)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "BUTTON",
            "text": "Validate email",
            "box": {
              "x": 73,
              "y": 31684.234375,
              "width": 155.59375,
              "height": 49.390625,
              "top": 31684.234375,
              "right": 228.59375,
              "bottom": 31733.625,
              "left": 73
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline-flex",
              "position": "static",
              "width": "155.594px",
              "height": "49.3906px",
              "min-width": "0px",
              "max-width": "100%",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "20px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "22px",
              "padding-bottom": "12px",
              "padding-left": "22px",
              "border-top": "1px solid rgb(0, 0, 0)",
              "border-right": "1px solid rgb(0, 0, 0)",
              "border-bottom": "1px solid rgb(0, 0, 0)",
              "border-left": "1px solid rgb(0, 0, 0)",
              "border-radius": "8px",
              "row-gap": "8px",
              "column-gap": "8px",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "center",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "18px",
              "font-weight": "320",
              "line-height": "23.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgb(0, 0, 0)",
              "z-index": "auto",
              "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "",
            "box": {
              "x": 73,
              "y": 31749.625,
              "width": 480,
              "height": 0,
              "top": 31749.625,
              "right": 553,
              "bottom": 31749.625,
              "left": 73
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "480px",
              "height": "0px",
              "min-width": "0px",
              "max-width": "654.348px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "16px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 27488.84375,
          "width": 480,
          "height": 165.984375,
          "top": 27488.84375,
          "right": 569,
          "bottom": 27654.828125,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "480px",
          "height": "165.984px",
          "min-width": "0px",
          "max-width": "480px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "LABEL",
            "text": "Email address",
            "box": {
              "x": 89,
              "y": 27488.84375,
              "width": 480,
              "height": 76.296875,
              "top": 27488.84375,
              "right": 569,
              "bottom": 27565.140625,
              "left": 89
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "480px",
              "height": "76.2969px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "20.3px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "Local validation specimen. No address is sent or saved.",
            "box": {
              "x": 89,
              "y": 27565.140625,
              "width": 480,
              "height": 20.296875,
              "top": 27565.140625,
              "right": 569,
              "bottom": 27585.4375,
              "left": 89
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "480px",
              "height": "20.2969px",
              "min-width": "0px",
              "max-width": "572.881px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(97, 97, 97)",
              "border-right": "0px none rgb(97, 97, 97)",
              "border-bottom": "0px none rgb(97, 97, 97)",
              "border-left": "0px none rgb(97, 97, 97)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "20.3px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(97, 97, 97)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "BUTTON",
            "text": "Validate email",
            "box": {
              "x": 89,
              "y": 27605.4375,
              "width": 155.59375,
              "height": 49.390625,
              "top": 27605.4375,
              "right": 244.59375,
              "bottom": 27654.828125,
              "left": 89
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline-flex",
              "position": "static",
              "width": "155.594px",
              "height": "49.3906px",
              "min-width": "0px",
              "max-width": "100%",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "20px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "22px",
              "padding-bottom": "12px",
              "padding-left": "22px",
              "border-top": "1px solid rgb(0, 0, 0)",
              "border-right": "1px solid rgb(0, 0, 0)",
              "border-bottom": "1px solid rgb(0, 0, 0)",
              "border-left": "1px solid rgb(0, 0, 0)",
              "border-radius": "8px",
              "row-gap": "8px",
              "column-gap": "8px",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "center",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "18px",
              "font-weight": "320",
              "line-height": "23.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(255, 255, 255)",
              "background-color": "rgb(0, 0, 0)",
              "z-index": "auto",
              "transition": "background 0.18s ease-out, box-shadow 0.18s ease-out",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "",
            "box": {
              "x": 89,
              "y": 27670.828125,
              "width": 480,
              "height": 0,
              "top": 27670.828125,
              "right": 569,
              "bottom": 27670.828125,
              "left": 89
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "480px",
              "height": "0px",
              "min-width": "0px",
              "max-width": "654.348px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "16px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "load-more",
    "name": "Load more",
    "group": "collections",
    "criticality": "Important",
    "purpose": "Adds items without resetting the existing collection or keyboard focus.",
    "element": "button",
    "sourceSelector": "[data-component=\"load-more\"]",
    "observed": false,
    "source": "evidence/inventory/",
    "sourceRules": [],
    "geometry": {
      "id": "load-more",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "local reconstructed reference",
      "selector": "[data-component=\"load-more\"]",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "Load more",
      "box": {},
      "computed": {},
      "children": [],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "site/assets/reference.css",
      "status": "Reconstructed",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"load-more\"]",
    "provenance": "reconstructed from inventoried public pattern",
    "states": [
      "default",
      "long-content",
      "missing-content"
    ],
    "behavior": "Stable IDs. Keep source order in stacked layouts. No selection or drag is implied by a card. Empty and filtered-empty messages name the recovery.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Adds items without resetting the existing collection or keyboard focus.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#load-more",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 48352.078125,
          "width": 308,
          "height": 46.375,
          "top": 48352.078125,
          "right": 349,
          "bottom": 48398.453125,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "308px",
          "height": "46.375px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "P",
            "text": "Design systems · Prototyping · Collaboration",
            "box": {
              "x": 41,
              "y": 48352.078125,
              "width": 308,
              "height": 46.375,
              "top": 48352.078125,
              "right": 349,
              "bottom": 48398.453125,
              "left": 41
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "308px",
              "height": "46.375px",
              "min-width": "0px",
              "max-width": "654.348px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 32962.921875,
          "width": 622,
          "height": 23.1875,
          "top": 32962.921875,
          "right": 695,
          "bottom": 32986.109375,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "622px",
          "height": "23.1875px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "P",
            "text": "Design systems · Prototyping · Collaboration",
            "box": {
              "x": 73,
              "y": 32962.921875,
              "width": 622,
              "height": 23.1875,
              "top": 32962.921875,
              "right": 695,
              "bottom": 32986.109375,
              "left": 73
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "622px",
              "height": "23.1875px",
              "min-width": "0px",
              "max-width": "654.348px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 28703.265625,
          "width": 1262,
          "height": 23.1875,
          "top": 28703.265625,
          "right": 1351,
          "bottom": 28726.453125,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "1262px",
          "height": "23.1875px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "P",
            "text": "Design systems · Prototyping · Collaboration",
            "box": {
              "x": 89,
              "y": 28703.265625,
              "width": 654.34375,
              "height": 23.1875,
              "top": 28703.265625,
              "right": 743.34375,
              "bottom": 28726.453125,
              "left": 89
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "654.344px",
              "height": "23.1875px",
              "min-width": "0px",
              "max-width": "654.348px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "copy-control",
    "name": "Copy value",
    "group": "actions",
    "criticality": "Important",
    "purpose": "Copies a token and confirms completion without moving focus.",
    "element": "button",
    "sourceSelector": "[data-component=\"copy-control\"]",
    "observed": false,
    "source": "evidence/inventory/",
    "sourceRules": [],
    "geometry": {
      "id": "copy-control",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "local reconstructed reference",
      "selector": "[data-component=\"copy-control\"]",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "Copy value",
      "box": {},
      "computed": {},
      "children": [],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "site/assets/reference.css",
      "status": "Reconstructed",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"copy-control\"]",
    "provenance": "reconstructed from inventoried public pattern",
    "states": [
      "default",
      "hover",
      "focus",
      "active",
      "disabled",
      "loading"
    ],
    "behavior": "Native link/button. Enter activates; Space activates buttons. Hover reveals the arrow; focus ring stays outside the border. Disabled buttons do not dispatch. Loading retains label and width.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Copies a token and confirms completion without moving focus.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#copy-control",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 50375.546875,
          "width": 308,
          "height": 95.4375,
          "top": 50375.546875,
          "right": 349,
          "bottom": 50470.984375,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "relative",
          "width": "308px",
          "height": "95.4375px",
          "min-width": "0px",
          "max-width": "100%",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "24px",
          "margin-right": "0px",
          "margin-bottom": "24px",
          "margin-left": "0px",
          "padding-top": "24px",
          "padding-right": "24px",
          "padding-bottom": "24px",
          "padding-left": "24px",
          "border-top": "1px solid rgb(214, 214, 214)",
          "border-right": "1px solid rgb(214, 214, 214)",
          "border-bottom": "1px solid rgb(214, 214, 214)",
          "border-left": "1px solid rgb(214, 214, 214)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(244, 244, 244)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "BUTTON",
            "text": "Copy",
            "box": {
              "x": 290.53125,
              "y": 50388.546875,
              "width": 45.46875,
              "height": 36,
              "top": 50388.546875,
              "right": 336,
              "bottom": 50424.546875,
              "left": 290.53125
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "absolute",
              "width": "45.4688px",
              "height": "36px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "36px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "8px",
              "padding-right": "8px",
              "padding-bottom": "8px",
              "padding-left": "8px",
              "border-top": "1px solid rgb(214, 214, 214)",
              "border-right": "1px solid rgb(214, 214, 214)",
              "border-bottom": "1px solid rgb(214, 214, 214)",
              "border-left": "1px solid rgb(214, 214, 214)",
              "border-radius": "4px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "12px",
              "font-weight": "320",
              "line-height": "17.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "PRE",
            "text": "--fig-space-24: 1.5rem;",
            "box": {
              "x": 66,
              "y": 50424.546875,
              "width": 258,
              "height": 21.4375,
              "top": 50424.546875,
              "right": 324,
              "bottom": 50445.984375,
              "left": 66
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "258px",
              "height": "21.4375px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "24px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "auto",
              "transform": "none",
              "font-family": "ui-monospace, monospace",
              "font-size": "13px",
              "font-weight": "400",
              "line-height": "21.45px",
              "letter-spacing": "normal",
              "white-space": "pre-wrap",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 34261.921875,
          "width": 622,
          "height": 95.4375,
          "top": 34261.921875,
          "right": 695,
          "bottom": 34357.359375,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "relative",
          "width": "622px",
          "height": "95.4375px",
          "min-width": "0px",
          "max-width": "100%",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "24px",
          "margin-right": "0px",
          "margin-bottom": "24px",
          "margin-left": "0px",
          "padding-top": "24px",
          "padding-right": "24px",
          "padding-bottom": "24px",
          "padding-left": "24px",
          "border-top": "1px solid rgb(214, 214, 214)",
          "border-right": "1px solid rgb(214, 214, 214)",
          "border-bottom": "1px solid rgb(214, 214, 214)",
          "border-left": "1px solid rgb(214, 214, 214)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(244, 244, 244)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "BUTTON",
            "text": "Copy",
            "box": {
              "x": 636.53125,
              "y": 34274.921875,
              "width": 45.46875,
              "height": 36,
              "top": 34274.921875,
              "right": 682,
              "bottom": 34310.921875,
              "left": 636.53125
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "absolute",
              "width": "45.4688px",
              "height": "36px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "36px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "8px",
              "padding-right": "8px",
              "padding-bottom": "8px",
              "padding-left": "8px",
              "border-top": "1px solid rgb(214, 214, 214)",
              "border-right": "1px solid rgb(214, 214, 214)",
              "border-bottom": "1px solid rgb(214, 214, 214)",
              "border-left": "1px solid rgb(214, 214, 214)",
              "border-radius": "4px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "12px",
              "font-weight": "320",
              "line-height": "17.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "PRE",
            "text": "--fig-space-24: 1.5rem;",
            "box": {
              "x": 98,
              "y": 34310.921875,
              "width": 572,
              "height": 21.4375,
              "top": 34310.921875,
              "right": 670,
              "bottom": 34332.359375,
              "left": 98
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "572px",
              "height": "21.4375px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "24px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "auto",
              "transform": "none",
              "font-family": "ui-monospace, monospace",
              "font-size": "13px",
              "font-weight": "400",
              "line-height": "21.45px",
              "letter-spacing": "normal",
              "white-space": "pre-wrap",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 29841.703125,
          "width": 1262,
          "height": 95.4375,
          "top": 29841.703125,
          "right": 1351,
          "bottom": 29937.140625,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "relative",
          "width": "1262px",
          "height": "95.4375px",
          "min-width": "0px",
          "max-width": "100%",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "24px",
          "margin-right": "0px",
          "margin-bottom": "24px",
          "margin-left": "0px",
          "padding-top": "24px",
          "padding-right": "24px",
          "padding-bottom": "24px",
          "padding-left": "24px",
          "border-top": "1px solid rgb(214, 214, 214)",
          "border-right": "1px solid rgb(214, 214, 214)",
          "border-bottom": "1px solid rgb(214, 214, 214)",
          "border-left": "1px solid rgb(214, 214, 214)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(244, 244, 244)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "BUTTON",
            "text": "Copy",
            "box": {
              "x": 1292.53125,
              "y": 29854.703125,
              "width": 45.46875,
              "height": 36,
              "top": 29854.703125,
              "right": 1338,
              "bottom": 29890.703125,
              "left": 1292.53125
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "absolute",
              "width": "45.4688px",
              "height": "36px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "36px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "8px",
              "padding-right": "8px",
              "padding-bottom": "8px",
              "padding-left": "8px",
              "border-top": "1px solid rgb(214, 214, 214)",
              "border-right": "1px solid rgb(214, 214, 214)",
              "border-bottom": "1px solid rgb(214, 214, 214)",
              "border-left": "1px solid rgb(214, 214, 214)",
              "border-radius": "4px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "12px",
              "font-weight": "320",
              "line-height": "17.4px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "PRE",
            "text": "--fig-space-24: 1.5rem;",
            "box": {
              "x": 114,
              "y": 29890.703125,
              "width": 1212,
              "height": 21.4375,
              "top": 29890.703125,
              "right": 1326,
              "bottom": 29912.140625,
              "left": 114
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "1212px",
              "height": "21.4375px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "24px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "auto",
              "transform": "none",
              "font-family": "ui-monospace, monospace",
              "font-size": "13px",
              "font-weight": "400",
              "line-height": "21.45px",
              "letter-spacing": "normal",
              "white-space": "pre-wrap",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "locale-control",
    "name": "Language selector",
    "group": "forms",
    "criticality": "Important",
    "purpose": "Changes content locale; local reference exposes English and stress-test fixtures only.",
    "element": "select",
    "sourceSelector": "[data-component=\"locale-control\"]",
    "observed": false,
    "source": "evidence/inventory/",
    "sourceRules": [],
    "geometry": {
      "id": "locale-control",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "local reconstructed reference",
      "selector": "[data-component=\"locale-control\"]",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "Language selector",
      "box": {},
      "computed": {},
      "children": [],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "site/assets/reference.css",
      "status": "Reconstructed",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"locale-control\"]",
    "provenance": "reconstructed from inventoried public pattern",
    "states": [
      "default",
      "empty",
      "invalid",
      "filled"
    ],
    "behavior": "Visible label, native input semantics, helper/error IDs. Validate on submit or explicit blur, preserve entered value, announce completion.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Changes content locale; local reference exposes English and stress-test fixtures only.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#locale-control",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 52431.125,
          "width": 308,
          "height": 76.296875,
          "top": 52431.125,
          "right": 349,
          "bottom": 52507.421875,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "308px",
          "height": "76.2969px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "14px",
          "font-weight": "320",
          "line-height": "20.3px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SELECT",
            "text": "EnglishLong translated textArabic direction",
            "box": {
              "x": 41,
              "y": 52459.421875,
              "width": 308,
              "height": 48,
              "top": 52459.421875,
              "right": 349,
              "bottom": 52507.421875,
              "left": 41
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "308px",
              "height": "48px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "8px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "14px",
              "padding-bottom": "12px",
              "padding-left": "14px",
              "border-top": "1px solid rgb(136, 136, 136)",
              "border-right": "1px solid rgb(136, 136, 136)",
              "border-bottom": "1px solid rgb(136, 136, 136)",
              "border-left": "1px solid rgb(136, 136, 136)",
              "border-radius": "8px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "normal",
              "overflow": "clip",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "normal",
              "letter-spacing": "normal",
              "white-space": "pre",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 35641.03125,
          "width": 622,
          "height": 76.296875,
          "top": 35641.03125,
          "right": 695,
          "bottom": 35717.328125,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "622px",
          "height": "76.2969px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "14px",
          "font-weight": "320",
          "line-height": "20.3px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SELECT",
            "text": "EnglishLong translated textArabic direction",
            "box": {
              "x": 73,
              "y": 35669.328125,
              "width": 622,
              "height": 48,
              "top": 35669.328125,
              "right": 695,
              "bottom": 35717.328125,
              "left": 73
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "622px",
              "height": "48px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "8px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "14px",
              "padding-bottom": "12px",
              "padding-left": "14px",
              "border-top": "1px solid rgb(136, 136, 136)",
              "border-right": "1px solid rgb(136, 136, 136)",
              "border-bottom": "1px solid rgb(136, 136, 136)",
              "border-left": "1px solid rgb(136, 136, 136)",
              "border-radius": "8px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "normal",
              "overflow": "clip",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "normal",
              "letter-spacing": "normal",
              "white-space": "pre",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 31016.765625,
          "width": 1262,
          "height": 76.296875,
          "top": 31016.765625,
          "right": 1351,
          "bottom": 31093.0625,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "1262px",
          "height": "76.2969px",
          "min-width": "0px",
          "max-width": "none",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "14px",
          "font-weight": "320",
          "line-height": "20.3px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SELECT",
            "text": "EnglishLong translated textArabic direction",
            "box": {
              "x": 89,
              "y": 31045.0625,
              "width": 1262,
              "height": 48,
              "top": 31045.0625,
              "right": 1351,
              "bottom": 31093.0625,
              "left": 89
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "1262px",
              "height": "48px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "48px",
              "max-height": "none",
              "margin-top": "8px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "14px",
              "padding-bottom": "12px",
              "padding-left": "14px",
              "border-top": "1px solid rgb(136, 136, 136)",
              "border-right": "1px solid rgb(136, 136, 136)",
              "border-bottom": "1px solid rgb(136, 136, 136)",
              "border-left": "1px solid rgb(136, 136, 136)",
              "border-radius": "8px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "normal",
              "overflow": "clip",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "normal",
              "letter-spacing": "normal",
              "white-space": "pre",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "status-message",
    "name": "Status message",
    "group": "feedback",
    "criticality": "Important",
    "purpose": "Announces search, validation, and clipboard results with a polite live region.",
    "element": "p",
    "sourceSelector": "[data-component=\"status-message\"]",
    "observed": false,
    "source": "evidence/inventory/",
    "sourceRules": [],
    "geometry": {
      "id": "status-message",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "local reconstructed reference",
      "selector": "[data-component=\"status-message\"]",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "Status message",
      "box": {},
      "computed": {},
      "children": [],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "site/assets/reference.css",
      "status": "Reconstructed",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"status-message\"]",
    "provenance": "reconstructed from inventoried public pattern",
    "states": [
      "default",
      "long-content",
      "missing-content"
    ],
    "behavior": "Use text as well as color. Announce updates once through role=status. No timer dismisses essential recovery instructions.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Announces search, validation, and clipboard results with a polite live region.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#status-message",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 54450.890625,
          "width": 308,
          "height": 65.1875,
          "top": 54450.890625,
          "right": 349,
          "bottom": 54516.078125,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "308px",
          "height": "65.1875px",
          "min-width": "0px",
          "max-width": "654.348px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "20px",
          "padding-right": "20px",
          "padding-bottom": "20px",
          "padding-left": "20px",
          "border-top": "1px solid rgb(76, 118, 78)",
          "border-right": "1px solid rgb(76, 118, 78)",
          "border-bottom": "1px solid rgb(76, 118, 78)",
          "border-left": "1px solid rgb(76, 118, 78)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(222, 243, 223)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SPAN",
            "text": "✓",
            "box": {
              "x": 62,
              "y": 54473.890625,
              "width": 13.40625,
              "height": 18,
              "top": 54473.890625,
              "right": 75.40625,
              "bottom": 54491.890625,
              "left": 62
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline",
              "position": "static",
              "width": "auto",
              "height": "auto",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 36977.8125,
          "width": 622,
          "height": 65.1875,
          "top": 36977.8125,
          "right": 695,
          "bottom": 37043,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "622px",
          "height": "65.1875px",
          "min-width": "0px",
          "max-width": "654.348px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "20px",
          "padding-right": "20px",
          "padding-bottom": "20px",
          "padding-left": "20px",
          "border-top": "1px solid rgb(76, 118, 78)",
          "border-right": "1px solid rgb(76, 118, 78)",
          "border-bottom": "1px solid rgb(76, 118, 78)",
          "border-left": "1px solid rgb(76, 118, 78)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(222, 243, 223)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SPAN",
            "text": "✓",
            "box": {
              "x": 94,
              "y": 37000.8125,
              "width": 13.40625,
              "height": 18,
              "top": 37000.8125,
              "right": 107.40625,
              "bottom": 37018.8125,
              "left": 94
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline",
              "position": "static",
              "width": "auto",
              "height": "auto",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 32172.6875,
          "width": 654.34375,
          "height": 65.1875,
          "top": 32172.6875,
          "right": 743.34375,
          "bottom": 32237.875,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "654.344px",
          "height": "65.1875px",
          "min-width": "0px",
          "max-width": "654.348px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "20px",
          "padding-right": "20px",
          "padding-bottom": "20px",
          "padding-left": "20px",
          "border-top": "1px solid rgb(76, 118, 78)",
          "border-right": "1px solid rgb(76, 118, 78)",
          "border-bottom": "1px solid rgb(76, 118, 78)",
          "border-left": "1px solid rgb(76, 118, 78)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(222, 243, 223)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SPAN",
            "text": "✓",
            "box": {
              "x": 110,
              "y": 32195.6875,
              "width": 13.40625,
              "height": 18,
              "top": 32195.6875,
              "right": 123.40625,
              "bottom": 32213.6875,
              "left": 110
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline",
              "position": "static",
              "width": "auto",
              "height": "auto",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "resource-card",
    "name": "Resource card",
    "group": "collections",
    "criticality": "Important",
    "purpose": "Combines category, useful title, evidence image, and destination.",
    "element": "article",
    "sourceSelector": "[data-component=\"resource-card\"]",
    "observed": false,
    "source": "evidence/inventory/",
    "sourceRules": [],
    "geometry": {
      "id": "resource-card",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "local reconstructed reference",
      "selector": "[data-component=\"resource-card\"]",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "Resource card",
      "box": {},
      "computed": {},
      "children": [],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "site/assets/reference.css",
      "status": "Reconstructed",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"resource-card\"]",
    "provenance": "reconstructed from inventoried public pattern",
    "states": [
      "default",
      "long-content",
      "missing-content"
    ],
    "behavior": "Stable IDs. Keep source order in stacked layouts. No selection or drag is implied by a card. Empty and filtered-empty messages name the recovery.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Combines category, useful title, evidence image, and destination.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/verify-reference.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#resource-card",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 56470.65625,
          "width": 308,
          "height": 395.75,
          "top": 56470.65625,
          "right": 349,
          "bottom": 56866.40625,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "308px",
          "height": "395.75px",
          "min-width": "0px",
          "max-width": "390px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "24px",
          "padding-right": "24px",
          "padding-bottom": "24px",
          "padding-left": "24px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(255, 255, 255)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "DIV",
            "text": "✳",
            "box": {
              "x": 65,
              "y": 56494.65625,
              "width": 260,
              "height": 200,
              "top": 56494.65625,
              "right": 325,
              "bottom": 56694.65625,
              "left": 65
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "grid",
              "position": "static",
              "width": "260px",
              "height": "200px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "260px",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "160px",
              "font-weight": "320",
              "line-height": "160px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(185, 162, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "Design systems",
            "box": {
              "x": 65,
              "y": 56714.65625,
              "width": 260,
              "height": 18.1875,
              "top": 56714.65625,
              "right": 325,
              "bottom": 56732.84375,
              "left": 65
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "260px",
              "height": "18.1875px",
              "min-width": "0px",
              "max-width": "572.881px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "20px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "18.2px",
              "letter-spacing": "0.5px",
              "white-space": "normal",
              "text-transform": "uppercase",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "H3",
            "text": "A shared place for better ideas",
            "box": {
              "x": 65,
              "y": 56744.84375,
              "width": 260,
              "height": 62.375,
              "top": 56744.84375,
              "right": 325,
              "bottom": 56807.21875,
              "left": 65
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "260px",
              "height": "62.375px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "12px",
              "margin-right": "0px",
              "margin-bottom": "12px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "24px",
              "font-weight": "400",
              "line-height": "31.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "Explore the workflow →",
            "box": {
              "x": 65,
              "y": 56821.21875,
              "width": 164.78125,
              "height": 18,
              "top": 56821.21875,
              "right": 229.78125,
              "bottom": 56839.21875,
              "left": 65
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline",
              "position": "static",
              "width": "auto",
              "height": "auto",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 38273.109375,
          "width": 390,
          "height": 364.5625,
          "top": 38273.109375,
          "right": 463,
          "bottom": 38637.671875,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "390px",
          "height": "364.562px",
          "min-width": "0px",
          "max-width": "390px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "24px",
          "padding-right": "24px",
          "padding-bottom": "24px",
          "padding-left": "24px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(255, 255, 255)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "DIV",
            "text": "✳",
            "box": {
              "x": 97,
              "y": 38297.109375,
              "width": 342,
              "height": 200,
              "top": 38297.109375,
              "right": 439,
              "bottom": 38497.109375,
              "left": 97
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "grid",
              "position": "static",
              "width": "342px",
              "height": "200px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "342px",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "160px",
              "font-weight": "320",
              "line-height": "160px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(185, 162, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "Design systems",
            "box": {
              "x": 97,
              "y": 38517.109375,
              "width": 342,
              "height": 18.1875,
              "top": 38517.109375,
              "right": 439,
              "bottom": 38535.296875,
              "left": 97
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "342px",
              "height": "18.1875px",
              "min-width": "0px",
              "max-width": "572.881px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "20px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "18.2px",
              "letter-spacing": "0.5px",
              "white-space": "normal",
              "text-transform": "uppercase",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "H3",
            "text": "A shared place for better ideas",
            "box": {
              "x": 97,
              "y": 38547.296875,
              "width": 342,
              "height": 31.1875,
              "top": 38547.296875,
              "right": 439,
              "bottom": 38578.484375,
              "left": 97
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "342px",
              "height": "31.1875px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "12px",
              "margin-right": "0px",
              "margin-bottom": "12px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "24px",
              "font-weight": "400",
              "line-height": "31.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "Explore the workflow →",
            "box": {
              "x": 97,
              "y": 38592.484375,
              "width": 164.78125,
              "height": 18,
              "top": 38592.484375,
              "right": 261.78125,
              "bottom": 38610.484375,
              "left": 97
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline",
              "position": "static",
              "width": "auto",
              "height": "auto",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 33287.125,
          "width": 390,
          "height": 364.5625,
          "top": 33287.125,
          "right": 479,
          "bottom": 33651.6875,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "390px",
          "height": "364.562px",
          "min-width": "0px",
          "max-width": "390px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "24px",
          "padding-right": "24px",
          "padding-bottom": "24px",
          "padding-left": "24px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgb(255, 255, 255)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "DIV",
            "text": "✳",
            "box": {
              "x": 113,
              "y": 33311.125,
              "width": 342,
              "height": 200,
              "top": 33311.125,
              "right": 455,
              "bottom": 33511.125,
              "left": 113
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "grid",
              "position": "static",
              "width": "342px",
              "height": "200px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "342px",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "center",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "160px",
              "font-weight": "320",
              "line-height": "160px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(185, 162, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "P",
            "text": "Design systems",
            "box": {
              "x": 113,
              "y": 33531.125,
              "width": 342,
              "height": 18.1875,
              "top": 33531.125,
              "right": 455,
              "bottom": 33549.3125,
              "left": 113
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "342px",
              "height": "18.1875px",
              "min-width": "0px",
              "max-width": "572.881px",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "20px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "14px",
              "font-weight": "320",
              "line-height": "18.2px",
              "letter-spacing": "0.5px",
              "white-space": "normal",
              "text-transform": "uppercase",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "H3",
            "text": "A shared place for better ideas",
            "box": {
              "x": 113,
              "y": 33561.3125,
              "width": 342,
              "height": 31.1875,
              "top": 33561.3125,
              "right": 455,
              "bottom": 33592.5,
              "left": 113
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "block",
              "position": "static",
              "width": "342px",
              "height": "31.1875px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "12px",
              "margin-right": "0px",
              "margin-bottom": "12px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "24px",
              "font-weight": "400",
              "line-height": "31.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "A",
            "text": "Explore the workflow →",
            "box": {
              "x": 113,
              "y": 33606.5,
              "width": 164.78125,
              "height": 18,
              "top": 33606.5,
              "right": 277.78125,
              "bottom": 33624.5,
              "left": 113
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "inline",
              "position": "static",
              "width": "auto",
              "height": "auto",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "0px",
              "padding-right": "0px",
              "padding-bottom": "0px",
              "padding-left": "0px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  },
  {
    "id": "mobile-menu",
    "name": "Mobile navigation",
    "group": "navigation",
    "criticality": "Critical",
    "purpose": "Replaces wide navigation with a disclosure, natural tab order, and Escape return.",
    "element": "nav",
    "sourceSelector": "[data-component=\"mobile-menu\"]",
    "observed": false,
    "source": "evidence/inventory/",
    "sourceRules": [],
    "geometry": {
      "id": "mobile-menu",
      "part": "root",
      "variant": "default",
      "state": "rest",
      "route": "local reconstructed reference",
      "selector": "[data-component=\"mobile-menu\"]",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "theme": "light",
      "density": "default",
      "contentCase": "Mobile navigation",
      "box": {},
      "computed": {},
      "children": [],
      "spacingOwnership": {
        "outer": "parent grid/gap; component margin is recorded per side",
        "inner": "component padding and child gap",
        "text": "CSS line box; visible glyph bounds not measured"
      },
      "source": "site/assets/reference.css",
      "status": "Reconstructed",
      "uncertainty": "State/content variations and direct comparison recorded separately; root observation does not prove private runtime API."
    },
    "localSelector": "[data-component=\"mobile-menu\"]",
    "provenance": "reconstructed from inventoried public pattern",
    "states": [
      "default",
      "expanded",
      "collapsed"
    ],
    "behavior": "Local contract: native details/summary exposes the expanded state and toggles with click, Enter, or Space. The local Escape enhancement closes an open disclosure from its summary or contents and returns focus to the summary. Closed content is untabbable. This is a reconstructed navigation specimen, not Figma’s private menu implementation.",
    "responsive": "Grid margins: 16px small, 24px medium, 40px large; 4 columns small, 12 medium/large; gutter16px. Stack at 1024px for hero and 768px for catalogs.",
    "use": "Replaces wide navigation with a disclosure, natural tab order, and Escape return.",
    "avoid": "Do not use the visual shape to imply an unsupported mutation, permission, or authenticated editor action.",
    "api": {
      "required": [
        "id",
        "visible label or accessible name"
      ],
      "optional": [
        "description",
        "disabled for button controls",
        "data-state for explicit specimen states"
      ],
      "events": [
        "native click/change/input as applicable"
      ],
      "persistence": "ephemeral UI state only; no tracking or account storage"
    },
    "localFile": "site/assets/reference.css",
    "test": "evidence/disclosure-regression/verify.cjs",
    "status": "Partial",
    "credit": 0.5,
    "localGeometryEvidence": "reference-data/local-component-geometry.json#mobile-menu",
    "localMeasuredSamples": {
      "390": {
        "box": {
          "x": 41,
          "y": 58756.171875,
          "width": 308,
          "height": 53,
          "top": 58756.171875,
          "right": 349,
          "bottom": 58809.171875,
          "left": 41
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "308px",
          "height": "53px",
          "min-width": "0px",
          "max-width": "420px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SUMMARY",
            "text": "Products",
            "box": {
              "x": 41,
              "y": 58756.171875,
              "width": 308,
              "height": 53,
              "top": 58756.171875,
              "right": 349,
              "bottom": 58809.171875,
              "left": 41
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "list-item",
              "position": "static",
              "width": "308px",
              "height": "53px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "44px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "4px",
              "padding-bottom": "12px",
              "padding-left": "4px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "20px",
              "font-weight": "320",
              "line-height": "29px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "DIV",
            "text": "Figma DesignFigma MakeFigJam",
            "box": {
              "x": 41,
              "y": 58809.171875,
              "width": 308,
              "height": 157.5625,
              "top": 58809.171875,
              "right": 349,
              "bottom": 58966.734375,
              "left": 41
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "flex",
              "position": "static",
              "width": "308px",
              "height": "157.562px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "24px",
              "padding-right": "24px",
              "padding-bottom": "24px",
              "padding-left": "24px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "20px",
              "column-gap": "20px",
              "grid-template-columns": "none",
              "flex-direction": "column",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "768": {
        "box": {
          "x": 73,
          "y": 39850.96875,
          "width": 420,
          "height": 53,
          "top": 39850.96875,
          "right": 493,
          "bottom": 39903.96875,
          "left": 73
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "420px",
          "height": "53px",
          "min-width": "0px",
          "max-width": "420px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SUMMARY",
            "text": "Products",
            "box": {
              "x": 73,
              "y": 39850.96875,
              "width": 420,
              "height": 53,
              "top": 39850.96875,
              "right": 493,
              "bottom": 39903.96875,
              "left": 73
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "list-item",
              "position": "static",
              "width": "420px",
              "height": "53px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "44px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "4px",
              "padding-bottom": "12px",
              "padding-left": "4px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "20px",
              "font-weight": "320",
              "line-height": "29px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "DIV",
            "text": "Figma DesignFigma MakeFigJam",
            "box": {
              "x": 73,
              "y": 39903.96875,
              "width": 420,
              "height": 157.5625,
              "top": 39903.96875,
              "right": 493,
              "bottom": 40061.53125,
              "left": 73
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "flex",
              "position": "static",
              "width": "420px",
              "height": "157.562px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "24px",
              "padding-right": "24px",
              "padding-bottom": "24px",
              "padding-left": "24px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "20px",
              "column-gap": "20px",
              "grid-template-columns": "none",
              "flex-direction": "column",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      },
      "1440": {
        "box": {
          "x": 89,
          "y": 34684.125,
          "width": 420,
          "height": 53,
          "top": 34684.125,
          "right": 509,
          "bottom": 34737.125,
          "left": 89
        },
        "computed": {
          "box-sizing": "border-box",
          "display": "block",
          "position": "static",
          "width": "420px",
          "height": "53px",
          "min-width": "0px",
          "max-width": "420px",
          "min-height": "0px",
          "max-height": "none",
          "margin-top": "0px",
          "margin-right": "0px",
          "margin-bottom": "0px",
          "margin-left": "0px",
          "padding-top": "0px",
          "padding-right": "0px",
          "padding-bottom": "0px",
          "padding-left": "0px",
          "border-top": "0px none rgb(0, 0, 0)",
          "border-right": "0px none rgb(0, 0, 0)",
          "border-bottom": "0px none rgb(0, 0, 0)",
          "border-left": "0px none rgb(0, 0, 0)",
          "border-radius": "0px",
          "row-gap": "normal",
          "column-gap": "normal",
          "grid-template-columns": "none",
          "flex-direction": "row",
          "flex-wrap": "nowrap",
          "align-items": "normal",
          "justify-content": "normal",
          "overflow": "visible",
          "transform": "none",
          "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
          "font-size": "16px",
          "font-weight": "320",
          "line-height": "23.2px",
          "letter-spacing": "normal",
          "white-space": "normal",
          "text-transform": "none",
          "color": "rgb(0, 0, 0)",
          "background-color": "rgba(0, 0, 0, 0)",
          "z-index": "auto",
          "transition": "all",
          "box-shadow": "none"
        },
        "children": [
          {
            "tag": "SUMMARY",
            "text": "Products",
            "box": {
              "x": 89,
              "y": 34684.125,
              "width": 420,
              "height": 53,
              "top": 34684.125,
              "right": 509,
              "bottom": 34737.125,
              "left": 89
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "list-item",
              "position": "static",
              "width": "420px",
              "height": "53px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "44px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "12px",
              "padding-right": "4px",
              "padding-bottom": "12px",
              "padding-left": "4px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "normal",
              "column-gap": "normal",
              "grid-template-columns": "none",
              "flex-direction": "row",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "20px",
              "font-weight": "320",
              "line-height": "29px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgba(0, 0, 0, 0)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          },
          {
            "tag": "DIV",
            "text": "Figma DesignFigma MakeFigJam",
            "box": {
              "x": 89,
              "y": 34737.125,
              "width": 420,
              "height": 157.5625,
              "top": 34737.125,
              "right": 509,
              "bottom": 34894.6875,
              "left": 89
            },
            "computed": {
              "box-sizing": "border-box",
              "display": "flex",
              "position": "static",
              "width": "420px",
              "height": "157.562px",
              "min-width": "0px",
              "max-width": "none",
              "min-height": "0px",
              "max-height": "none",
              "margin-top": "0px",
              "margin-right": "0px",
              "margin-bottom": "0px",
              "margin-left": "0px",
              "padding-top": "24px",
              "padding-right": "24px",
              "padding-bottom": "24px",
              "padding-left": "24px",
              "border-top": "0px none rgb(0, 0, 0)",
              "border-right": "0px none rgb(0, 0, 0)",
              "border-bottom": "0px none rgb(0, 0, 0)",
              "border-left": "0px none rgb(0, 0, 0)",
              "border-radius": "0px",
              "row-gap": "20px",
              "column-gap": "20px",
              "grid-template-columns": "none",
              "flex-direction": "column",
              "flex-wrap": "nowrap",
              "align-items": "normal",
              "justify-content": "normal",
              "overflow": "visible",
              "transform": "none",
              "font-family": "FigmaSans, FigmaFallback, Arial, sans-serif",
              "font-size": "16px",
              "font-weight": "320",
              "line-height": "23.2px",
              "letter-spacing": "normal",
              "white-space": "normal",
              "text-transform": "none",
              "color": "rgb(0, 0, 0)",
              "background-color": "rgb(255, 255, 255)",
              "z-index": "auto",
              "transition": "all",
              "box-shadow": "none"
            }
          }
        ]
      }
    }
  }
]