accessibility-insights-report 4.8.0 → 5.0.0

package/drop/index.js

@@ -855,7 +855,7 @@ var CombinedReportHtmlGenerator = class {
 };
 
 // src/common/components/cards/failed-instances-section.tsx
-var React38 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 
 // src/reports/components/outcome-counter.ts
 var countByCards = (cards) => cards.length;
@@ -874,14 +874,14 @@ var OutcomeCounter = {
 var failed_instances_section_default = { "failedInstancesContainer": "failed-instances-container--3UUNb" };
 
 // src/common/components/cards/result-section.tsx
-var import_utilities5 = require("@fluentui/utilities");
-var React37 = __toESM(require("react"));
+var import_utilities4 = require("@fluentui/utilities");
+var React28 = __toESM(require("react"));
 
 // src/common/components/cards/result-section-content.tsx
-var React35 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 
 // src/common/components/cards/rules-with-instances.tsx
-var React34 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 
 // src/common/icons/check-icon.tsx
 var React7 = __toESM(require("react"));
@@ -1108,7 +1108,7 @@ var MinimalRuleHeader = NamedFC("MinimalRuleHeader", (props) => {
 });
 
 // src/common/components/cards/rule-content.tsx
-var React33 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 
 // src/common/configs/needs-review-rule-resources.ts
 var needsReviewRuleResourcesPath = "https://accessibilityinsights.io/info-examples/web/needs-review";
@@ -1120,412 +1120,112 @@ var getNeedsReviewRuleResourcesUrl = (ruleId) => {
 };
 
 // src/common/components/cards/instance-details-group.tsx
-var React29 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 
-// src/common/components/cards/get-labelled-string-property-card-row.tsx
+// src/common/components/cards/instance-details.tsx
+var import_classnames = __toESM(require("classnames"));
 var import_lodash4 = require("lodash");
-var React15 = __toESM(require("react"));
-
-// src/common/components/cards/simple-card-row.tsx
-var import_utilities3 = require("@fluentui/utilities");
-var React14 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 
 // src/reports/components/instance-details.scss
 var instance_details_default = { "hiddenHighlightButton": "hidden-highlight-button--vu3B3", "instanceDetailsCard": "instance-details-card--owGQF", "instanceDetailsCardContainer": "instance-details-card-container--KLHTp", "selected": "selected--wEA4l", "focused": "focused--pvBWq", "interactive": "interactive--an0ab", "reportInstanceTable": "report-instance-table--3VoZX", "row": "row---3i35", "rowLabel": "row-label--FlVZl", "rowContent": "row-content--07KUh" };
 
-// src/common/components/cards/simple-card-row.tsx
-var SimpleCardRow = NamedFC(
-  "SimpleCardRow",
-  ({ label: givenLabel, content, rowKey, contentClassName }) => {
-    const contentStyling = (0, import_utilities3.css)(instance_details_default.rowContent, contentClassName);
-    return /* @__PURE__ */ React14.createElement("tr", { className: instance_details_default.row, key: rowKey }, /* @__PURE__ */ React14.createElement("th", { className: instance_details_default.rowLabel }, givenLabel), /* @__PURE__ */ React14.createElement("td", { className: contentStyling }, content));
-  }
-);
-
-// src/common/components/cards/get-labelled-string-property-card-row.tsx
-var GetLabelledStringPropertyCardRow = (label, contentClassName) => {
-  return NamedFC("StringPropertyCardRowProps", (props) => {
-    if ((0, import_lodash4.isEmpty)(props.propertyData)) {
-      return null;
-    }
-    return /* @__PURE__ */ React15.createElement(
-      SimpleCardRow,
-      {
-        label,
-        content: props.propertyData,
-        rowKey: `${label}-${props.index}`,
-        contentClassName
-      }
-    );
-  });
-};
+// src/common/components/cards/instance-details-footer.tsx
+var import_react5 = require("@fluentui/react");
 
-// src/common/components/cards/class-name-card-row.ts
-var ClassNameCardRow = GetLabelledStringPropertyCardRow("Class name");
+// src/common/components/cards/card-footer-instance-action-buttons.tsx
+var import_react4 = require("@fluentui/react");
+var import_Styling = require("@fluentui/react/lib/Styling");
 
-// src/common/components/cards/content-description-card-row.ts
-var ContentDescriptionCardRow = GetLabelledStringPropertyCardRow("Content description");
+// src/common/icons/more-actions-menu-icon.tsx
+var React14 = __toESM(require("react"));
+var MoreActionsMenuIcon = NamedFC("MoreActionsMenuIcon", () => /* @__PURE__ */ React14.createElement(
+  "svg",
+  {
+    width: "10",
+    height: "16",
+    viewBox: "0 0 10 16",
+    fill: "none",
+    stroke: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true"
+  },
+  /* @__PURE__ */ React14.createElement("circle", { cx: "5", cy: "14", r: "1.5" }),
+  /* @__PURE__ */ React14.createElement("circle", { cx: "5", cy: "8", r: "1.5" }),
+  /* @__PURE__ */ React14.createElement("circle", { cx: "5", cy: "2", r: "1.5" })
+));
 
-// src/common/components/cards/related-paths-card-row.tsx
-var import_lodash5 = require("lodash");
+// src/common/components/cards/card-footer-instance-action-buttons.tsx
 var React16 = __toESM(require("react"));
 
-// src/common/components/cards/related-paths-card-row.scss
-var related_paths_card_row_default = { "pathList": "path-list--MxxKM" };
-
-// src/common/components/cards/related-paths-card-row.tsx
-var RelatedPathsCardRow = NamedFC(
-  "RelatedPathsCardRow",
-  ({ index, propertyData }) => {
-    if ((0, import_lodash5.isEmpty)(propertyData)) {
-      return null;
-    }
-    return /* @__PURE__ */ React16.createElement(
-      SimpleCardRow,
-      {
-        label: `Related paths`,
-        content: /* @__PURE__ */ React16.createElement("ul", { className: related_paths_card_row_default.pathList }, propertyData.map((selector) => /* @__PURE__ */ React16.createElement("li", { key: selector }, selector))),
-        rowKey: `related-paths-row-${index}`
-      }
-    );
-  }
-);
-
-// src/common/components/cards/rich-resolution-card-row.tsx
-var React19 = __toESM(require("react"));
-
-// src/assessments/markup.tsx
-var React17 = __toESM(require("react"));
-function Term(props) {
-  return /* @__PURE__ */ React17.createElement("strong", null, props.children);
-}
-
-// src/common/components/cards/rich-resolution-content.tsx
-var React18 = __toESM(require("react"));
+// src/common/components/toast.tsx
+var import_utilities3 = require("@fluentui/utilities");
+var React15 = __toESM(require("react"));
 
-// src/common/components/cards/rich-resolution-content.scss
-var rich_resolution_content_default = { "multiLineTextYesBullet": "multi-line-text-yes-bullet--TXyX-", "multiLineTextNoBullet": "multi-line-text-no-bullet--AUXXt", "combinationLists": "combination-lists--boK5y" };
+// src/common/components/toast.scss
+var toast_default = { "toastContainer": "toast-container--L-5HM", "toastContent": "toast-content--8-Mx1" };
 
-// src/common/components/cards/rich-resolution-content.tsx
-var RichResolutionContent = NamedFC(
-  "RichResolutionContent",
-  ({ deps: { LinkComponent }, contentId, contentVariables }) => {
-    switch (contentId) {
-      case "web/aria-input-field-name": {
-        return /* @__PURE__ */ React18.createElement("div", null, "Inspect the element using the", " ", /* @__PURE__ */ React18.createElement(LinkComponent, { href: "https://developers.google.com/web/updates/2018/01/devtools" }, "Accessibility pane in the browser Developer Tools"), " ", "to verify that the field's accessible name is complete without its associated", " ", /* @__PURE__ */ React18.createElement("b", null, "<", "label", ">"), ".");
-      }
-      case "web/color-contrast": {
-        return /* @__PURE__ */ React18.createElement("div", { className: rich_resolution_content_default.combinationLists }, /* @__PURE__ */ React18.createElement("ul", { className: rich_resolution_content_default.multiLineTextYesBullet }, /* @__PURE__ */ React18.createElement("li", null, "If the instance is an icon or other non-text content, ignore it. This rule applies only to text."), /* @__PURE__ */ React18.createElement("li", null, "If the instance is text, use", " ", /* @__PURE__ */ React18.createElement(LinkComponent, { href: "https://go.microsoft.com/fwlink/?linkid=2075365" }, "Accessibility Insights for Windows"), " ", "(or the", " ", /* @__PURE__ */ React18.createElement(LinkComponent, { href: "https://developer.paciellogroup.com/resources/contrastanalyser/" }, "Colour Contrast Analyser"), " ", "if you're testing on a Mac) to manually verify that it has sufficient contrast compared to the background. If the background is an image or gradient, test an area where contrast appears to be lowest.")), /* @__PURE__ */ React18.createElement("ul", { className: rich_resolution_content_default.multiLineTextNoBullet }, /* @__PURE__ */ React18.createElement("li", null, "For detailed test instructions, see", " ", /* @__PURE__ */ React18.createElement(Term, null, "Assessment ", ">", " Adaptable content ", ">", " Contrast"), ".")));
-      }
-      case "web/duplicate-id-aria": {
-        return /* @__PURE__ */ React18.createElement("div", null, "Document has multiple elements referenced with ARIA with the same id attribute. Examine any duplicate ID values and rename them. Duplicate IDs are common validation errors that may break the accessibility of labels, e.g., form fields, table header cells.");
-      }
-      case "web/th-has-data-cells": {
-        return /* @__PURE__ */ React18.createElement("div", null, "Examine the header cell in the context of the table to verify that it has no data cells.");
-      }
-      case "web/label-content-name-mismatch": {
-        return /* @__PURE__ */ React18.createElement("span", null, "Inspect the element using the Accessibility pane in the browser Developer tools and verify that the element\u2019s accessible name contains its visible text.");
-      }
-      case "web/p-as-heading": {
-        return /* @__PURE__ */ React18.createElement("span", null, "Inspect the ", `<p>`, " element and verify that the element is not used as a heading through visual styling with bold, italic text or font-size. If headings are needed, use the appropriate heading tags.");
-      }
-      default: {
-        throw new Error(
-          `Cannot render RichResolutionContent with unrecognized contentId ${contentId}`
-        );
-      }
-    }
+// src/common/components/toast.tsx
+var Toast = class _Toast extends React15.Component {
+  timeoutId;
+  static defaultProps = {
+    timeoutLength: 6e3
+  };
+  constructor(props) {
+    super(props);
+    this.state = { toastVisible: false, content: null };
   }
-);
-
-// src/common/components/cards/rich-resolution-card-row.tsx
-var RichResolutionCardRow = NamedFC(
-  "RichResolutionCardRow",
-  ({ deps, index, propertyData }) => {
-    return /* @__PURE__ */ React19.createElement(
-      SimpleCardRow,
-      {
-        label: `How to ${propertyData.labelType}`,
-        content: /* @__PURE__ */ React19.createElement(RichResolutionContent, { deps, ...propertyData }),
-        rowKey: `rich-resolution-row-${index}`
-      }
-    );
+  show(content) {
+    this.setState({ toastVisible: true, content });
+    this.timeoutId = this.props.deps.windowUtils.setTimeout(() => {
+      this.setState({ toastVisible: false, content: null });
+    }, this.props.timeoutLength ?? _Toast.defaultProps.timeoutLength);
   }
-);
-
-// src/common/components/cards/text-card-row.ts
-var TextCardRow = GetLabelledStringPropertyCardRow("Text");
-
-// src/common/components/cards/urls-card-row.tsx
-var React20 = __toESM(require("react"));
-
-// src/common/components/cards/urls-card-row.scss
-var urls_card_row_default = { "urlsRowContent": "urls-row-content--JDdRx", "urlsRowContentNewFailure": "urls-row-content-new-Failure--oL5lS" };
-
-// src/common/components/cards/urls-card-row.tsx
-var UrlsCardRow = NamedFC("UrlsCardRow", ({ deps, ...props }) => {
-  const urlInfos = props.propertyData.urlInfos;
-  const renderUrlContent = () => {
-    return /* @__PURE__ */ React20.createElement("ul", { className: urls_card_row_default.urlsRowContent }, urlInfos.map((urlInfo, index) => getUrlListItem(urlInfo, index, deps)));
-  };
-  return /* @__PURE__ */ React20.createElement(
-    SimpleCardRow,
-    {
-      label: "URL",
-      content: renderUrlContent(),
-      rowKey: `urls-row-${props.index}`
+  componentWillUnmount() {
+    if (this.timeoutId) {
+      this.props.deps.windowUtils.clearTimeout(this.timeoutId);
+      this.timeoutId = null;
     }
-  );
-});
-var isNewViolation = (urlInfo) => {
-  return urlInfo.baselineStatus === "new";
-};
-function getUrlListItem(urlInfo, index, deps) {
-  const key = `urls-${index}`;
-  if (isNewViolation(urlInfo)) {
-    return /* @__PURE__ */ React20.createElement("li", { key }, /* @__PURE__ */ React20.createElement(deps.LinkComponent, { "aria-label": `NEW. ${urlInfo.url}`, href: urlInfo.url }, urlInfo.url), /* @__PURE__ */ React20.createElement("span", { key: "new", "aria-hidden": "true", className: urls_card_row_default.urlsRowContentNewFailure }, "  NEW!"));
   }
-  return /* @__PURE__ */ React20.createElement("li", { key }, /* @__PURE__ */ React20.createElement(deps.LinkComponent, { href: urlInfo.url }, urlInfo.url));
-}
-
-// src/common/components/cards/how-to-fix-card-row.tsx
-var React22 = __toESM(require("react"));
+  render() {
+    return /* @__PURE__ */ React15.createElement("div", { className: toast_default.toastContainer, "aria-live": "polite" }, this.state.toastVisible ? /* @__PURE__ */ React15.createElement("div", { className: (0, import_utilities3.css)("ms-fadeIn100", toast_default.toastContent) }, this.state.content) : null);
+  }
+};
 
-// src/common/types/check-type.ts
-var CheckType = /* @__PURE__ */ ((CheckType2) => {
-  CheckType2[CheckType2["All"] = 0] = "All";
-  CheckType2[CheckType2["Any"] = 1] = "Any";
-  CheckType2[CheckType2["None"] = 2] = "None";
-  return CheckType2;
-})(CheckType || {});
+// src/common/components/cards/card-footer-instance-action-buttons.scss
+var card_footer_instance_action_buttons_default = { "kebabMenuIcon": "kebab-menu-icon--EUIj-", "kebabMenuButton": "kebab-menu-button--9Qt0a" };
 
-// src/common/components/fix-instruction-panel.tsx
-var React21 = __toESM(require("react"));
-var FixInstructionPanel = NamedFC(
-  "FixInstructionPanel",
-  (props) => {
-    const { fixInstructionProcessor } = props.deps;
-    const getPanelTitle = (checkType, checkCount) => {
-      if (checkCount === 1) {
-        return "Fix the following:";
-      }
-      if (checkType === 1 /* Any */) {
-        return "Fix ONE of the following:";
+// src/common/components/cards/card-footer-instance-action-buttons.tsx
+(0, import_Styling.registerIcons)({
+  icons: {
+    MoreActionsMenuIcon: /* @__PURE__ */ React16.createElement(MoreActionsMenuIcon, null)
+  }
+});
+var CardFooterInstanceActionButtons = class extends React16.Component {
+  constructor(props) {
+    super(props);
+    this.focusButtonAfterDialogClosed = () => {
+      var _a, _b, _c;
+      if ((_a = this.props.narrowModeStatus) == null ? void 0 : _a.isCardFooterCollapsed) {
+        (_b = this.kebabButtonRef) == null ? void 0 : _b.focus();
       } else {
-        return "Fix ALL of the following:";
+        (_c = this.fileIssueButtonRef) == null ? void 0 : _c.focus();
       }
     };
-    const renderInstructions = (checkType) => {
-      const instructionList = props.checks.map((check, checkIndex) => {
-        return /* @__PURE__ */ React21.createElement("li", { key: `instruction-${CheckType[checkType]}-${checkIndex + 1}` }, fixInstructionProcessor.process(check.message, props.deps.recommendColor));
-      });
-      return instructionList;
-    };
-    if (props.checks.length === 0) {
+    this.toastRef = React16.createRef();
+  }
+  render() {
+    const menuItems = this.getMenuItems();
+    if (menuItems.length === 0) {
       return null;
     }
-    const title2 = getPanelTitle(props.checkType, props.checks.length);
-    return /* @__PURE__ */ React21.createElement("div", null, props.renderTitleElement(title2), /* @__PURE__ */ React21.createElement("ul", null, renderInstructions(props.checkType)));
-  }
-);
-
-// src/common/components/cards/how-to-fix-card-row.scss
-var how_to_fix_card_row_default = { "howToFixContent": "how-to-fix-content--Zz96u" };
-
-// src/common/components/cards/how-to-fix-card-row.tsx
-var HowToFixWebCardRow = NamedFC(
-  "HowToFixWebCardRow",
-  ({ deps, ...props }) => {
-    const { any: anyOf, all, none } = props.propertyData;
-    const renderFixInstructionsContent = () => {
-      return /* @__PURE__ */ React22.createElement("div", { className: how_to_fix_card_row_default.howToFixContent }, /* @__PURE__ */ React22.createElement(
-        FixInstructionPanel,
-        {
-          deps,
-          checkType: 0 /* All */,
-          checks: all.concat(none).map(turnStringToMessageObject),
-          renderTitleElement: renderFixInstructionsTitleElement
-        }
-      ), /* @__PURE__ */ React22.createElement(
-        FixInstructionPanel,
-        {
-          deps,
-          checkType: 1 /* Any */,
-          checks: anyOf.map(turnStringToMessageObject),
-          renderTitleElement: renderFixInstructionsTitleElement
-        }
-      ));
-    };
-    const turnStringToMessageObject = (s) => {
-      return { message: s };
-    };
-    const renderFixInstructionsTitleElement = (titleText) => {
-      return /* @__PURE__ */ React22.createElement("div", null, titleText);
-    };
-    return /* @__PURE__ */ React22.createElement(
-      SimpleCardRow,
-      {
-        label: "How to fix",
-        content: renderFixInstructionsContent(),
-        rowKey: `how-to-fix-row-${props.index}`
-      }
-    );
-  }
-);
-
-// src/common/components/cards/path-card-row.tsx
-var PathCardRow = GetLabelledStringPropertyCardRow("Path");
-
-// src/common/components/cards/snippet-card-row.scss
-var snippet_card_row_default = { "snippet": "snippet--hSNfv" };
-
-// src/common/components/cards/snippet-card-row.tsx
-var SnippetCardRow = GetLabelledStringPropertyCardRow("Snippet", snippet_card_row_default.snippet);
-
-// src/common/configs/unified-result-property-configurations.tsx
-var howToFixWebConfiguration = {
-  cardRow: HowToFixWebCardRow
-};
-var richResolutionConfiguration = {
-  cardRow: RichResolutionCardRow
-};
-var cssSelectorConfiguration = {
-  cardRow: PathCardRow
-};
-var relatedCssSelectorsConfiguration = {
-  cardRow: RelatedPathsCardRow
-};
-var snippetConfiguration = {
-  cardRow: SnippetCardRow
-};
-var classNameConfiguration = {
-  cardRow: ClassNameCardRow
-};
-var contentDescriptionConfiguration = {
-  cardRow: ContentDescriptionCardRow
-};
-var textConfiguration = {
-  cardRow: TextCardRow
-};
-var urlsConfiguration = {
-  cardRow: UrlsCardRow
-};
-var propertyIdToConfigurationMap = {
-  "css-selector": cssSelectorConfiguration,
-  "how-to-fix-web": howToFixWebConfiguration,
-  richResolution: richResolutionConfiguration,
-  snippet: snippetConfiguration,
-  className: classNameConfiguration,
-  contentDescription: contentDescriptionConfiguration,
-  text: textConfiguration,
-  urls: urlsConfiguration,
-  relatedCssSelectors: relatedCssSelectorsConfiguration
-};
-function getPropertyConfiguration(id2) {
-  return propertyIdToConfigurationMap[id2];
-}
-
-// src/common/components/cards/instance-details.tsx
-var import_classnames = __toESM(require("classnames"));
-var import_lodash6 = require("lodash");
-var React28 = __toESM(require("react"));
-
-// src/common/components/cards/instance-details-footer.tsx
-var import_react5 = require("@fluentui/react");
-
-// src/common/components/cards/card-footer-instance-action-buttons.tsx
-var import_react4 = require("@fluentui/react");
-var import_Styling = require("@fluentui/react/lib/Styling");
-
-// src/common/icons/more-actions-menu-icon.tsx
-var React23 = __toESM(require("react"));
-var MoreActionsMenuIcon = NamedFC("MoreActionsMenuIcon", () => /* @__PURE__ */ React23.createElement(
-  "svg",
-  {
-    width: "10",
-    height: "16",
-    viewBox: "0 0 10 16",
-    fill: "none",
-    stroke: "currentColor",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img",
-    "aria-hidden": "true"
-  },
-  /* @__PURE__ */ React23.createElement("circle", { cx: "5", cy: "14", r: "1.5" }),
-  /* @__PURE__ */ React23.createElement("circle", { cx: "5", cy: "8", r: "1.5" }),
-  /* @__PURE__ */ React23.createElement("circle", { cx: "5", cy: "2", r: "1.5" })
-));
-
-// src/common/components/cards/card-footer-instance-action-buttons.tsx
-var React25 = __toESM(require("react"));
-
-// src/common/components/toast.tsx
-var import_utilities4 = require("@fluentui/utilities");
-var React24 = __toESM(require("react"));
-
-// src/common/components/toast.scss
-var toast_default = { "toastContainer": "toast-container--L-5HM", "toastContent": "toast-content--8-Mx1" };
-
-// src/common/components/toast.tsx
-var Toast = class _Toast extends React24.Component {
-  timeoutId;
-  static defaultProps = {
-    timeoutLength: 6e3
-  };
-  constructor(props) {
-    super(props);
-    this.state = { toastVisible: false, content: null };
-  }
-  show(content) {
-    this.setState({ toastVisible: true, content });
-    this.timeoutId = this.props.deps.windowUtils.setTimeout(() => {
-      this.setState({ toastVisible: false, content: null });
-    }, this.props.timeoutLength ?? _Toast.defaultProps.timeoutLength);
-  }
-  componentWillUnmount() {
-    if (this.timeoutId) {
-      this.props.deps.windowUtils.clearTimeout(this.timeoutId);
-      this.timeoutId = null;
-    }
-  }
-  render() {
-    return /* @__PURE__ */ React24.createElement("div", { className: toast_default.toastContainer, "aria-live": "polite" }, this.state.toastVisible ? /* @__PURE__ */ React24.createElement("div", { className: (0, import_utilities4.css)("ms-fadeIn100", toast_default.toastContent) }, this.state.content) : null);
-  }
-};
-
-// src/common/components/cards/card-footer-instance-action-buttons.scss
-var card_footer_instance_action_buttons_default = { "kebabMenuIcon": "kebab-menu-icon--EUIj-", "kebabMenuButton": "kebab-menu-button--9Qt0a" };
-
-// src/common/components/cards/card-footer-instance-action-buttons.tsx
-(0, import_Styling.registerIcons)({
-  icons: {
-    MoreActionsMenuIcon: /* @__PURE__ */ React25.createElement(MoreActionsMenuIcon, null)
-  }
-});
-var CardFooterInstanceActionButtons = class extends React25.Component {
-  constructor(props) {
-    super(props);
-    this.focusButtonAfterDialogClosed = () => {
-      var _a, _b, _c;
-      if ((_a = this.props.narrowModeStatus) == null ? void 0 : _a.isCardFooterCollapsed) {
-        (_b = this.kebabButtonRef) == null ? void 0 : _b.focus();
-      } else {
-        (_c = this.fileIssueButtonRef) == null ? void 0 : _c.focus();
-      }
-    };
-    this.toastRef = React25.createRef();
-  }
-  render() {
-    const menuItems = this.getMenuItems();
-    if (menuItems.length === 0) {
-      return null;
-    }
-    return (
-      // The wrapper has to be a real element, not a <>, because we want the placeholder elements
-      // the dialog/toast involve to be considered as part of the button for the purposes of layout
-      // calculation in this component's parent.
-      /* @__PURE__ */ React25.createElement("div", { onKeyDown: (event) => event.stopPropagation() }, this.renderButtons(), this.renderCopyFailureDetailsToast())
-    );
+    return (
+      // The wrapper has to be a real element, not a <>, because we want the placeholder elements
+      // the dialog/toast involve to be considered as part of the button for the purposes of layout
+      // calculation in this component's parent.
+      /* @__PURE__ */ React16.createElement("div", { onKeyDown: (event) => event.stopPropagation() }, this.renderButtons(), this.renderCopyFailureDetailsToast())
+    );
   }
   renderButtons() {
     var _a;
@@ -1536,7 +1236,7 @@ var CardFooterInstanceActionButtons = class extends React25.Component {
     }
   }
   renderKebabButton() {
-    return /* @__PURE__ */ React25.createElement(
+    return /* @__PURE__ */ React16.createElement(
       import_react4.ActionButton,
       {
         componentRef: (ref) => this.kebabButtonRef = ref,
@@ -1555,7 +1255,7 @@ var CardFooterInstanceActionButtons = class extends React25.Component {
   }
   renderExpandedButtons() {
     const menuItems = this.getMenuItems();
-    return /* @__PURE__ */ React25.createElement(React25.Fragment, null, menuItems.map((props) => /* @__PURE__ */ React25.createElement("span", { key: props.key }, /* @__PURE__ */ React25.createElement(
+    return /* @__PURE__ */ React16.createElement(React16.Fragment, null, menuItems.map((props) => /* @__PURE__ */ React16.createElement("span", { key: props.key }, /* @__PURE__ */ React16.createElement(
       import_react4.ActionButton,
       {
         onClick: props.onClick,
@@ -1571,7 +1271,7 @@ var CardFooterInstanceActionButtons = class extends React25.Component {
     if (!cardInteractionSupport.supportsCopyFailureDetails) {
       return null;
     }
-    return /* @__PURE__ */ React25.createElement(Toast, { ref: this.toastRef, deps: this.props.deps });
+    return /* @__PURE__ */ React16.createElement(Toast, { ref: this.toastRef, deps: this.props.deps });
   }
   getMenuItems() {
     return this.props.deps.cardFooterMenuItemsBuilder.getCardFooterMenuItems({
@@ -1584,8 +1284,8 @@ var CardFooterInstanceActionButtons = class extends React25.Component {
 };
 
 // src/common/icons/highlight-status-icons.tsx
-var React26 = __toESM(require("react"));
-var HighlightVisibleIcon = NamedFC("HighlightVisibleIcon", () => /* @__PURE__ */ React26.createElement(
+var React17 = __toESM(require("react"));
+var HighlightVisibleIcon = NamedFC("HighlightVisibleIcon", () => /* @__PURE__ */ React17.createElement(
   "svg",
   {
     width: "34",
@@ -1595,7 +1295,7 @@ var HighlightVisibleIcon = NamedFC("HighlightVisibleIcon", () => /* @__PURE__ */
     role: "img",
     "aria-hidden": "true"
   },
-  /* @__PURE__ */ React26.createElement(
+  /* @__PURE__ */ React17.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1604,7 +1304,7 @@ var HighlightVisibleIcon = NamedFC("HighlightVisibleIcon", () => /* @__PURE__ */
     }
   )
 ));
-var HighlightUnavailableIcon = NamedFC("HighlightUnavailableIcon", () => /* @__PURE__ */ React26.createElement(
+var HighlightUnavailableIcon = NamedFC("HighlightUnavailableIcon", () => /* @__PURE__ */ React17.createElement(
   "svg",
   {
     width: "34",
@@ -1614,7 +1314,7 @@ var HighlightUnavailableIcon = NamedFC("HighlightUnavailableIcon", () => /* @__P
     role: "img",
     "aria-hidden": "true"
   },
-  /* @__PURE__ */ React26.createElement(
+  /* @__PURE__ */ React17.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1623,7 +1323,7 @@ var HighlightUnavailableIcon = NamedFC("HighlightUnavailableIcon", () => /* @__P
     }
   )
 ));
-var HighlightHiddenIcon = NamedFC("HighlightHiddenIcon", () => /* @__PURE__ */ React26.createElement(
+var HighlightHiddenIcon = NamedFC("HighlightHiddenIcon", () => /* @__PURE__ */ React17.createElement(
   "svg",
   {
     width: "34",
@@ -1633,7 +1333,7 @@ var HighlightHiddenIcon = NamedFC("HighlightHiddenIcon", () => /* @__PURE__ */ R
     role: "img",
     "aria-hidden": "true"
   },
-  /* @__PURE__ */ React26.createElement(
+  /* @__PURE__ */ React17.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1644,7 +1344,7 @@ var HighlightHiddenIcon = NamedFC("HighlightHiddenIcon", () => /* @__PURE__ */ R
 ));
 
 // src/common/components/cards/instance-details-footer.tsx
-var React27 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 
 // src/common/components/cards/instance-details-footer.scss
 var instance_details_footer_default = { "foot": "foot--p1DfC", "highlightStatus": "highlight-status--xJvvI" };
@@ -1666,7 +1366,7 @@ var InstanceDetailsFooter = NamedFC(
       }
       const issueDetailsData = deps.unifiedResultToIssueFilingDataConverter.convert(result, rule, targetAppInfo);
       const kebabMenuAriaLabel = `More Actions for failure instance ${result.identifiers.identifier} in rule ${rule.id}`;
-      return /* @__PURE__ */ React27.createElement(
+      return /* @__PURE__ */ React18.createElement(
         CardFooterInstanceActionButtons,
         {
           deps,
@@ -1684,13 +1384,13 @@ var InstanceDetailsFooter = NamedFC(
       const highlightState = result.highlightStatus;
       const label = "Highlight " + highlightState;
       const icon = {
-        unavailable: /* @__PURE__ */ React27.createElement(HighlightUnavailableIcon, null),
-        visible: /* @__PURE__ */ React27.createElement(HighlightVisibleIcon, null),
-        hidden: /* @__PURE__ */ React27.createElement(HighlightHiddenIcon, null)
+        unavailable: /* @__PURE__ */ React18.createElement(HighlightUnavailableIcon, null),
+        visible: /* @__PURE__ */ React18.createElement(HighlightVisibleIcon, null),
+        hidden: /* @__PURE__ */ React18.createElement(HighlightHiddenIcon, null)
       }[highlightState];
-      return /* @__PURE__ */ React27.createElement("div", { className: instance_details_footer_default.highlightStatus }, icon, /* @__PURE__ */ React27.createElement(import_react5.Label, null, label));
+      return /* @__PURE__ */ React18.createElement("div", { className: instance_details_footer_default.highlightStatus }, icon, /* @__PURE__ */ React18.createElement(import_react5.Label, null, label));
     };
-    return /* @__PURE__ */ React27.createElement("div", { className: instance_details_footer_default.foot }, renderHighlightStatus(), renderKebabMenu());
+    return /* @__PURE__ */ React18.createElement("div", { className: instance_details_footer_default.foot }, renderHighlightStatus(), renderKebabMenu());
   }
 );
 
@@ -1706,7 +1406,7 @@ var InstanceDetails = NamedFC("InstanceDetails", (props) => {
     cardSelectionMessageCreator,
     narrowModeStatus
   } = props;
-  const [cardFocused, setCardFocus] = React28.useState(false);
+  const [cardFocused, setCardFocus] = React19.useState(false);
   const isHighlightSupported = deps.cardInteractionSupport.supportsHighlighting;
   const instanceDetailsCardStyling = (0, import_classnames.default)({
     [instance_details_default.instanceDetailsCard]: true,
@@ -1722,7 +1422,7 @@ var InstanceDetails = NamedFC("InstanceDetails", (props) => {
     event.stopPropagation();
     cardSelectionMessageCreator == null ? void 0 : cardSelectionMessageCreator.toggleCardSelection(result.ruleId, result.uid, event);
   };
-  const hiddenButton = React28.useRef(null);
+  const hiddenButton = React19.useRef(null);
   const cardHighlightingProperties = isHighlightSupported ? {
     onClick: (event) => {
       var _a, _b;
@@ -1733,13 +1433,13 @@ var InstanceDetails = NamedFC("InstanceDetails", (props) => {
     },
     tabIndex: -1
   } : {};
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React19.createElement(
     "div",
     {
       "data-automation-id": instanceCardAutomationId,
       className: instanceDetailsCardContainerStyling
     },
-    /* @__PURE__ */ React28.createElement("div", { className: instanceDetailsCardStyling, ...cardHighlightingProperties }, /* @__PURE__ */ React28.createElement("div", null, /* @__PURE__ */ React28.createElement("table", { className: instance_details_default.reportInstanceTable }, /* @__PURE__ */ React28.createElement("tbody", null, renderCardRowsForPropertyBag(result.identifiers, props), renderCardRowsForPropertyBag(result.descriptors, props), renderCardRowsForPropertyBag(result.resolution, props))), isHighlightSupported && cardSelectionMessageCreator !== void 0 && /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React19.createElement("div", { className: instanceDetailsCardStyling, ...cardHighlightingProperties }, /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("table", { className: instance_details_default.reportInstanceTable }, /* @__PURE__ */ React19.createElement("tbody", null, renderCardRowsForPropertyBag(result.identifiers, props), renderCardRowsForPropertyBag(result.descriptors, props), renderCardRowsForPropertyBag(result.resolution, props))), isHighlightSupported && cardSelectionMessageCreator !== void 0 && /* @__PURE__ */ React19.createElement(
       "button",
       {
         ref: hiddenButton,
@@ -1750,7 +1450,7 @@ var InstanceDetails = NamedFC("InstanceDetails", (props) => {
         onFocus: (_) => setCardFocus(true),
         onBlur: (_) => setCardFocus(false)
       }
-    ), /* @__PURE__ */ React28.createElement(
+    ), /* @__PURE__ */ React19.createElement(
       InstanceDetailsFooter,
       {
         deps,
@@ -1766,13 +1466,13 @@ var InstanceDetails = NamedFC("InstanceDetails", (props) => {
 var renderCardRowsForPropertyBag = (propertyBag, props) => {
   let propertyIndex = 0;
   const cardRows = [];
-  (0, import_lodash6.forOwn)(propertyBag, (propertyData, propertyName) => {
+  (0, import_lodash4.forOwn)(propertyBag, (propertyData, propertyName) => {
     const propertyConfig = props.deps.getPropertyConfigById(propertyName);
-    if (!(0, import_lodash6.isEmpty)(propertyConfig)) {
+    if (!(0, import_lodash4.isEmpty)(propertyConfig)) {
       const CardRow = propertyConfig.cardRow;
       ++propertyIndex;
       cardRows.push(
-        /* @__PURE__ */ React28.createElement(
+        /* @__PURE__ */ React19.createElement(
           CardRow,
           {
             deps: props.deps,
@@ -1784,7 +1484,7 @@ var renderCardRowsForPropertyBag = (propertyBag, props) => {
       );
     }
   });
-  return /* @__PURE__ */ React28.createElement(React28.Fragment, null, cardRows);
+  return /* @__PURE__ */ React19.createElement(React19.Fragment, null, cardRows);
 };
 
 // src/common/components/cards/instance-details-group.scss
@@ -1810,20 +1510,19 @@ var InstanceDetailsGroup = NamedFC(
       url: rule.url,
       guidance: rule.guidance
     };
-    return /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React20.createElement(
       "ul",
       {
         "data-automation-id": ruleContentAutomationId,
         className: instance_details_group_default.instanceDetailsList,
         "aria-label": "instances with additional information like path, snippet and how to fix"
       },
-      nodes.map((node, index) => /* @__PURE__ */ React29.createElement("li", { key: `instance-details-${index}` }, /* @__PURE__ */ React29.createElement(
+      nodes.map((node, index) => /* @__PURE__ */ React20.createElement("li", { key: `instance-details-${index}` }, /* @__PURE__ */ React20.createElement(
         InstanceDetails,
         {
           ...{ index },
           deps,
           result: node,
-          getPropertyConfigById: getPropertyConfiguration,
           userConfigurationStoreData,
           rule: unifiedRule,
           targetAppInfo,
@@ -1836,11 +1535,11 @@ var InstanceDetailsGroup = NamedFC(
 );
 
 // src/common/components/guidance-links.tsx
-var import_lodash7 = require("lodash");
-var React30 = __toESM(require("react"));
+var import_lodash5 = require("lodash");
+var React21 = __toESM(require("react"));
 var GuidanceLinks = NamedFC("GuidanceLinks", (props) => {
   const { links, classNameForDiv } = props;
-  if ((0, import_lodash7.isEmpty)(links)) {
+  if ((0, import_lodash5.isEmpty)(links)) {
     return null;
   }
   const renderLinks = () => {
@@ -1850,39 +1549,39 @@ var GuidanceLinks = NamedFC("GuidanceLinks", (props) => {
     });
   };
   const getLinksWithDestinations = () => {
-    return links.filter((link2) => !(0, import_lodash7.isEmpty)(link2.href));
+    return links.filter((link2) => !(0, import_lodash5.isEmpty)(link2.href));
   };
   const renderLink = (link2, index, length) => {
     const addComma = index !== length - 1;
-    const comma = addComma ? /* @__PURE__ */ React30.createElement("span", null, ",\xA0") : null;
+    const comma = addComma ? /* @__PURE__ */ React21.createElement("span", null, ",\xA0") : null;
     const LinkComponent = props.LinkComponent;
-    return /* @__PURE__ */ React30.createElement(React30.Fragment, { key: `guidance-link-${index}` }, /* @__PURE__ */ React30.createElement(LinkComponent, { href: link2.href, onClick: (event) => event.stopPropagation() }, link2.text.toUpperCase()), comma);
+    return /* @__PURE__ */ React21.createElement(React21.Fragment, { key: `guidance-link-${index}` }, /* @__PURE__ */ React21.createElement(LinkComponent, { href: link2.href, onClick: (event) => event.stopPropagation() }, link2.text.toUpperCase()), comma);
   };
   const spanClassName = classNameForDiv || "guidance-links";
-  return /* @__PURE__ */ React30.createElement("span", { className: spanClassName }, renderLinks());
+  return /* @__PURE__ */ React21.createElement("span", { className: spanClassName }, renderLinks());
 });
 
 // src/common/components/guidance-tags.tsx
-var import_lodash8 = require("lodash");
-var React31 = __toESM(require("react"));
+var import_lodash6 = require("lodash");
+var React22 = __toESM(require("react"));
 var GuidanceTags = NamedFC("GuidanceTags", (props) => {
   const { links, deps } = props;
-  if ((0, import_lodash8.isEmpty)(links)) {
+  if ((0, import_lodash6.isEmpty)(links)) {
     return null;
   }
   const tags = deps.getGuidanceTagsFromGuidanceLinks(links);
-  if ((0, import_lodash8.isEmpty)(tags)) {
+  if ((0, import_lodash6.isEmpty)(tags)) {
     return null;
   }
   const tagElements = tags.map((tag, index) => {
-    return /* @__PURE__ */ React31.createElement("span", { key: index }, tag.displayText);
+    return /* @__PURE__ */ React22.createElement("span", { key: index }, tag.displayText);
   });
-  return /* @__PURE__ */ React31.createElement("span", { className: "guidance-tags" }, tagElements);
+  return /* @__PURE__ */ React22.createElement("span", { className: "guidance-tags" }, tagElements);
 });
 
 // src/common/components/cards/rule-resources.tsx
-var import_lodash9 = require("lodash");
-var React32 = __toESM(require("react"));
+var import_lodash7 = require("lodash");
+var React23 = __toESM(require("react"));
 
 // src/common/components/cards/rule-resources.scss
 var rule_resources_default = { "ruleMoreResources": "rule-more-resources--uw9mc", "moreResourcesTitle": "more-resources-title--jOuUL", "ruleDetailsId": "rule-details-id--s-TpO", "ruleGuidance": "rule-guidance--TIQgm" };
@@ -1891,23 +1590,23 @@ var rule_resources_default = { "ruleMoreResources": "rule-more-resources--uw9mc"
 var RuleResources = NamedFC(
   "RuleResources",
   ({ deps, rule, outcomeType }) => {
-    if (rule.url == null && (0, import_lodash9.isEmpty)(rule.guidance)) {
+    if (rule.url == null && (0, import_lodash7.isEmpty)(rule.guidance)) {
       return null;
     }
-    const renderTitle = () => /* @__PURE__ */ React32.createElement("div", { className: rule_resources_default.moreResourcesTitle }, "Resources for this rule");
+    const renderTitle = () => /* @__PURE__ */ React23.createElement("div", { className: rule_resources_default.moreResourcesTitle }, "Resources for this rule");
     const renderRuleLink = () => {
       if (rule.url == null) {
         return null;
       }
       const ruleId = rule.id;
       const ruleUrl = deps.IsOutcomeNeedsReview(outcomeType) ? deps.GetNeedsReviewRuleResourcesUrl(ruleId) : rule.url;
-      return /* @__PURE__ */ React32.createElement("span", { className: rule_resources_default.ruleDetailsId }, /* @__PURE__ */ React32.createElement(deps.LinkComponent, { href: ruleUrl }, "More information about ", ruleId));
+      return /* @__PURE__ */ React23.createElement("span", { className: rule_resources_default.ruleDetailsId }, /* @__PURE__ */ React23.createElement(deps.LinkComponent, { href: ruleUrl }, "More information about ", ruleId));
     };
     const renderGuidanceLinks = () => {
-      return /* @__PURE__ */ React32.createElement(GuidanceLinks, { links: rule.guidance, LinkComponent: deps.LinkComponent });
+      return /* @__PURE__ */ React23.createElement(GuidanceLinks, { links: rule.guidance, LinkComponent: deps.LinkComponent });
     };
-    const renderGuidanceTags = () => /* @__PURE__ */ React32.createElement(GuidanceTags, { deps, links: rule.guidance });
-    return /* @__PURE__ */ React32.createElement("div", { className: rule_resources_default.ruleMoreResources }, renderTitle(), renderRuleLink(), /* @__PURE__ */ React32.createElement("span", { className: rule_resources_default.ruleGuidance }, renderGuidanceLinks(), renderGuidanceTags()));
+    const renderGuidanceTags = () => /* @__PURE__ */ React23.createElement(GuidanceTags, { deps, links: rule.guidance });
+    return /* @__PURE__ */ React23.createElement("div", { className: rule_resources_default.ruleMoreResources }, renderTitle(), renderRuleLink(), /* @__PURE__ */ React23.createElement("span", { className: rule_resources_default.ruleGuidance }, renderGuidanceLinks(), renderGuidanceTags()));
   }
 );
 
@@ -1915,7 +1614,7 @@ var RuleResources = NamedFC(
 var RuleContent = NamedFC("RuleContent", (props) => {
   props.deps.GetNeedsReviewRuleResourcesUrl = getNeedsReviewRuleResourcesUrl;
   props.deps.IsOutcomeNeedsReview = isOutcomeNeedsReview;
-  return /* @__PURE__ */ React33.createElement(React33.Fragment, null, /* @__PURE__ */ React33.createElement(RuleResources, { ...props }), /* @__PURE__ */ React33.createElement(InstanceDetailsGroup, { ...props }));
+  return /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(RuleResources, { ...props }), /* @__PURE__ */ React24.createElement(InstanceDetailsGroup, { ...props }));
 });
 
 // src/common/components/cards/rules-with-instances.scss
@@ -1941,7 +1640,7 @@ var RulesWithInstances = NamedFC(
       return {
         id: rule.id,
         key: `summary-details-${idx + 1}`,
-        header: /* @__PURE__ */ React34.createElement(
+        header: /* @__PURE__ */ React25.createElement(
           MinimalRuleHeader,
           {
             key: rule.id,
@@ -1950,7 +1649,7 @@ var RulesWithInstances = NamedFC(
             outcomeCounter
           }
         ),
-        content: /* @__PURE__ */ React34.createElement(
+        content: /* @__PURE__ */ React25.createElement(
           RuleContent,
           {
             key: `${rule.id}-rule-group`,
@@ -1974,7 +1673,7 @@ var RulesWithInstances = NamedFC(
         isExpanded: rule.isExpanded
       };
     };
-    return /* @__PURE__ */ React34.createElement(
+    return /* @__PURE__ */ React25.createElement(
       "div",
       {
         className: rules_with_instances_default.ruleDetailsGroup,
@@ -2011,13 +1710,13 @@ var ResultSectionContent = NamedFC(
     if (results.length === 0) {
       return null;
     }
-    return /* @__PURE__ */ React35.createElement(React35.Fragment, null, cardSelectionMessageCreator !== void 0 && /* @__PURE__ */ React35.createElement(
+    return /* @__PURE__ */ React26.createElement(React26.Fragment, null, cardSelectionMessageCreator !== void 0 && /* @__PURE__ */ React26.createElement(
       deps.cardsVisualizationModifierButtons,
       {
         ...props,
         cardSelectionMessageCreator
       }
-    ), /* @__PURE__ */ React35.createElement(
+    ), /* @__PURE__ */ React26.createElement(
       RulesWithInstances,
       {
         deps,
@@ -2035,7 +1734,7 @@ var ResultSectionContent = NamedFC(
 );
 
 // src/common/components/cards/result-section-title.tsx
-var React36 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 
 // src/common/components/cards/result-section-title.scss
 var result_section_title_default = { "resultSectionTitle": "result-section-title--RGFI5", "title": "title--WBYFE", "heading": "heading--NdP4Q", "outcomeChipContainer": "outcome-chip-container--BT3j5" };
@@ -2049,8 +1748,8 @@ var ResultSectionTitle = NamedFC("ResultSectionTitle", (props) => {
   const singularMessageSubject = props.outcomeType === "review" ? "instance to review" : "failure";
   const pluralMessageSubject = props.outcomeType === "review" ? "instances to review" : "failures";
   const alertTerm = props.badgeCount !== 1 ? `${pluralMessageSubject} were` : `${singularMessageSubject} was`;
-  const alertingFailuresCount = /* @__PURE__ */ React36.createElement("span", { role: "alert" }, props.badgeCount, " ", alertTerm, " detected.");
-  return /* @__PURE__ */ React36.createElement("span", { className: result_section_title_default.resultSectionTitle }, /* @__PURE__ */ React36.createElement("span", { className: "screen-reader-only" }, props.title, " ", props.shouldAlertFailuresCount ? alertingFailuresCount : props.badgeCount), /* @__PURE__ */ React36.createElement("span", { className: titleClassNames[props.titleSize], "aria-hidden": "true" }, props.title), /* @__PURE__ */ React36.createElement("span", { className: result_section_title_default.outcomeChipContainer, "aria-hidden": "true" }, /* @__PURE__ */ React36.createElement(OutcomeChip, { outcomeType: props.outcomeType, count: props.badgeCount })));
+  const alertingFailuresCount = /* @__PURE__ */ React27.createElement("span", { role: "alert" }, props.badgeCount, " ", alertTerm, " detected.");
+  return /* @__PURE__ */ React27.createElement("span", { className: result_section_title_default.resultSectionTitle }, /* @__PURE__ */ React27.createElement("span", { className: "screen-reader-only" }, props.title, " ", props.shouldAlertFailuresCount ? alertingFailuresCount : props.badgeCount), /* @__PURE__ */ React27.createElement("span", { className: titleClassNames[props.titleSize], "aria-hidden": "true" }, props.title), /* @__PURE__ */ React27.createElement("span", { className: result_section_title_default.outcomeChipContainer, "aria-hidden": "true" }, /* @__PURE__ */ React27.createElement(OutcomeChip, { outcomeType: props.outcomeType, count: props.badgeCount })));
 });
 
 // src/common/components/cards/result-section.scss
@@ -2060,14 +1759,14 @@ var result_section_default = { "resultSection": "result-section--HfO9s", "titleC
 var resultSectionAutomationId = "result-section";
 var ResultSection = NamedFC("ResultSection", (props) => {
   const { containerClassName, sectionHeadingLevel, deps } = props;
-  return /* @__PURE__ */ React37.createElement(
+  return /* @__PURE__ */ React28.createElement(
     "div",
     {
-      className: (0, import_utilities5.css)(containerClassName, result_section_default.resultSection),
+      className: (0, import_utilities4.css)(containerClassName, result_section_default.resultSection),
       "data-automation-id": resultSectionAutomationId
     },
-    /* @__PURE__ */ React37.createElement(HeadingElementForLevel, { headingLevel: sectionHeadingLevel }, /* @__PURE__ */ React37.createElement(ResultSectionTitle, { ...props, titleSize: "title" })),
-    /* @__PURE__ */ React37.createElement(
+    /* @__PURE__ */ React28.createElement(HeadingElementForLevel, { headingLevel: sectionHeadingLevel }, /* @__PURE__ */ React28.createElement(ResultSectionTitle, { ...props, titleSize: "title" })),
+    /* @__PURE__ */ React28.createElement(
       ResultSectionContent,
       {
         headingLevel: deps.getNextHeadingLevel(sectionHeadingLevel),
@@ -2096,7 +1795,7 @@ var FailedInstancesSection = NamedFC(
     const count = cardsViewData.cards.fail.reduce((total, rule) => {
       return total + rule.nodes.length;
     }, 0);
-    return /* @__PURE__ */ React38.createElement(
+    return /* @__PURE__ */ React29.createElement(
       ResultSection,
       {
         deps,
@@ -2126,14 +1825,14 @@ var toolName = title;
 var windowsProductName = `${brand} for Windows`;
 
 // src/reports/components/report-sections/reporter-header-section.tsx
-var React42 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 
 // src/reports/components/report-sections/header-section.tsx
-var React41 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 
 // src/icons/brand/white/brand-white.tsx
-var React39 = __toESM(require("react"));
-var BrandWhite = NamedFC("BrandWhite", () => /* @__PURE__ */ React39.createElement(
+var React30 = __toESM(require("react"));
+var BrandWhite = NamedFC("BrandWhite", () => /* @__PURE__ */ React30.createElement(
   "svg",
   {
     role: "img",
@@ -2143,7 +1842,7 @@ var BrandWhite = NamedFC("BrandWhite", () => /* @__PURE__ */ React39.createEleme
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React39.createElement(
+  /* @__PURE__ */ React30.createElement(
     "mask",
     {
       id: "mask0",
@@ -2154,7 +1853,7 @@ var BrandWhite = NamedFC("BrandWhite", () => /* @__PURE__ */ React39.createEleme
       height: "43",
       style: { maskType: "alpha" }
     },
-    /* @__PURE__ */ React39.createElement(
+    /* @__PURE__ */ React30.createElement(
       "path",
       {
         d: "M43.8309 27.1383C49.3148 21.6544 49.3148 12.7633 43.8309 7.27934C38.347 1.79544 29.4558 1.79543 23.9719 7.27934C18.488 1.79544 9.59684 1.79544 4.11293 7.27934C-1.37098 12.7633 -1.37098 21.6544 4.11293 27.1383L21.986 45.0114C23.0828 46.1082 24.861 46.1082 25.9578 45.0114L43.8309 27.1383Z",
@@ -2162,13 +1861,13 @@ var BrandWhite = NamedFC("BrandWhite", () => /* @__PURE__ */ React39.createEleme
       }
     )
   ),
-  /* @__PURE__ */ React39.createElement("g", { mask: "url(#mask0)" }, /* @__PURE__ */ React39.createElement(
+  /* @__PURE__ */ React30.createElement("g", { mask: "url(#mask0)" }, /* @__PURE__ */ React30.createElement(
     "path",
     {
       d: "M43.8309 27.1383C49.3148 21.6544 49.3148 12.7633 43.8309 7.27934C38.347 1.79544 29.4558 1.79543 23.9719 7.27934C18.488 1.79544 9.59684 1.79544 4.11293 7.27934C-1.37098 12.7633 -1.37098 21.6544 4.11293 27.1383L21.986 45.0114C23.0828 46.1082 24.861 46.1082 25.9578 45.0114L43.8309 27.1383Z",
       fill: "white"
     }
-  ), /* @__PURE__ */ React39.createElement(
+  ), /* @__PURE__ */ React30.createElement(
     "rect",
     {
       x: "43.9494",
@@ -2178,7 +1877,7 @@ var BrandWhite = NamedFC("BrandWhite", () => /* @__PURE__ */ React39.createEleme
       transform: "rotate(45 43.9494 7.24556)",
       fill: "#D6E9F7"
     }
-  ), /* @__PURE__ */ React39.createElement(
+  ), /* @__PURE__ */ React30.createElement(
     "mask",
     {
       id: "mask1",
@@ -2189,33 +1888,33 @@ var BrandWhite = NamedFC("BrandWhite", () => /* @__PURE__ */ React39.createEleme
       height: "31",
       style: { maskType: "alpha" }
     },
-    /* @__PURE__ */ React39.createElement(
+    /* @__PURE__ */ React30.createElement(
       "path",
       {
         d: "M23.9718 7.27863L4.11284 27.1376C-1.37106 21.6537 -1.37106 12.7625 4.11284 7.27863C9.59675 1.79472 18.4879 1.79472 23.9718 7.27863Z",
         fill: "#CFEBFF"
       }
     ),
-    /* @__PURE__ */ React39.createElement(
+    /* @__PURE__ */ React30.createElement(
       "path",
       {
         d: "M23.9718 7.27863L4.11284 27.1376C-1.37106 21.6537 -1.37106 12.7625 4.11284 7.27863C9.59675 1.79472 18.4879 1.79472 23.9718 7.27863Z",
         fill: "url(#paint0_linear)"
       }
     )
-  ), /* @__PURE__ */ React39.createElement("g", { mask: "url(#mask1)" }, /* @__PURE__ */ React39.createElement(
+  ), /* @__PURE__ */ React30.createElement("g", { mask: "url(#mask1)" }, /* @__PURE__ */ React30.createElement(
     "path",
     {
       d: "M23.9718 7.27863L4.11284 27.1376C-1.37106 21.6537 -1.37106 12.7625 4.11284 7.27863C9.59675 1.79472 18.4879 1.79472 23.9718 7.27863Z",
       fill: "white"
     }
-  ), /* @__PURE__ */ React39.createElement(
+  ), /* @__PURE__ */ React30.createElement(
     "path",
     {
       d: "M23.9718 7.27863L4.11284 27.1376C-1.37106 21.6537 -1.37106 12.7625 4.11284 7.27863C9.59675 1.79472 18.4879 1.79472 23.9718 7.27863Z",
       fill: "url(#paint1_linear)"
     }
-  ), /* @__PURE__ */ React39.createElement(
+  ), /* @__PURE__ */ React30.createElement(
     "rect",
     {
       x: "4.54834",
@@ -2225,7 +1924,7 @@ var BrandWhite = NamedFC("BrandWhite", () => /* @__PURE__ */ React39.createEleme
       transform: "rotate(-45 4.54834 6.88206)",
       fill: "#D6E9F7"
     }
-  ), /* @__PURE__ */ React39.createElement(
+  ), /* @__PURE__ */ React30.createElement(
     "rect",
     {
       x: "4.54834",
@@ -2235,7 +1934,7 @@ var BrandWhite = NamedFC("BrandWhite", () => /* @__PURE__ */ React39.createEleme
       transform: "rotate(-45 4.54834 6.88206)",
       fill: "url(#paint2_linear)"
     }
-  )), /* @__PURE__ */ React39.createElement("g", { filter: "url(#filter0_d)" }, /* @__PURE__ */ React39.createElement(
+  )), /* @__PURE__ */ React30.createElement("g", { filter: "url(#filter0_d)" }, /* @__PURE__ */ React30.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2244,7 +1943,7 @@ var BrandWhite = NamedFC("BrandWhite", () => /* @__PURE__ */ React39.createEleme
       fill: "#004880"
     }
   ))),
-  /* @__PURE__ */ React39.createElement("defs", null, /* @__PURE__ */ React39.createElement(
+  /* @__PURE__ */ React30.createElement("defs", null, /* @__PURE__ */ React30.createElement(
     "filter",
     {
       id: "filter0_d",
@@ -2255,8 +1954,8 @@ var BrandWhite = NamedFC("BrandWhite", () => /* @__PURE__ */ React39.createEleme
       filterUnits: "userSpaceOnUse",
       colorInterpolationFilters: "sRGB"
     },
-    /* @__PURE__ */ React39.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-    /* @__PURE__ */ React39.createElement(
+    /* @__PURE__ */ React30.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+    /* @__PURE__ */ React30.createElement(
       "feColorMatrix",
       {
         in: "SourceAlpha",
@@ -2264,18 +1963,18 @@ var BrandWhite = NamedFC("BrandWhite", () => /* @__PURE__ */ React39.createEleme
         values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
       }
     ),
-    /* @__PURE__ */ React39.createElement("feOffset", { dy: "0.725705" }),
-    /* @__PURE__ */ React39.createElement("feGaussianBlur", { stdDeviation: "0.40317" }),
-    /* @__PURE__ */ React39.createElement(
+    /* @__PURE__ */ React30.createElement("feOffset", { dy: "0.725705" }),
+    /* @__PURE__ */ React30.createElement("feGaussianBlur", { stdDeviation: "0.40317" }),
+    /* @__PURE__ */ React30.createElement(
       "feColorMatrix",
       {
         type: "matrix",
         values: "0 0 0 0 0.0447352 0 0 0 0 0.305769 0 0 0 0 0.492222 0 0 0 0.51 0"
       }
     ),
-    /* @__PURE__ */ React39.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow" }),
-    /* @__PURE__ */ React39.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow", result: "shape" })
-  ), /* @__PURE__ */ React39.createElement(
+    /* @__PURE__ */ React30.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow" }),
+    /* @__PURE__ */ React30.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow", result: "shape" })
+  ), /* @__PURE__ */ React30.createElement(
     "linearGradient",
     {
       id: "paint0_linear",
@@ -2285,9 +1984,9 @@ var BrandWhite = NamedFC("BrandWhite", () => /* @__PURE__ */ React39.createEleme
       y2: "8.23504",
       gradientUnits: "userSpaceOnUse"
     },
-    /* @__PURE__ */ React39.createElement("stop", { offset: "0", stopColor: "#073A5F", stopOpacity: "0.3" }),
-    /* @__PURE__ */ React39.createElement("stop", { offset: "1", stopColor: "#CFEBFF", stopOpacity: "0" })
-  ), /* @__PURE__ */ React39.createElement(
+    /* @__PURE__ */ React30.createElement("stop", { offset: "0", stopColor: "#073A5F", stopOpacity: "0.3" }),
+    /* @__PURE__ */ React30.createElement("stop", { offset: "1", stopColor: "#CFEBFF", stopOpacity: "0" })
+  ), /* @__PURE__ */ React30.createElement(
     "linearGradient",
     {
       id: "paint1_linear",
@@ -2297,9 +1996,9 @@ var BrandWhite = NamedFC("BrandWhite", () => /* @__PURE__ */ React39.createEleme
       y2: "8.23504",
       gradientUnits: "userSpaceOnUse"
     },
-    /* @__PURE__ */ React39.createElement("stop", { offset: "0", stopColor: "#165B8E", stopOpacity: "0.29" }),
-    /* @__PURE__ */ React39.createElement("stop", { offset: "1", stopColor: "white", stopOpacity: "0" })
-  ), /* @__PURE__ */ React39.createElement(
+    /* @__PURE__ */ React30.createElement("stop", { offset: "0", stopColor: "#165B8E", stopOpacity: "0.29" }),
+    /* @__PURE__ */ React30.createElement("stop", { offset: "1", stopColor: "white", stopOpacity: "0" })
+  ), /* @__PURE__ */ React30.createElement(
     "linearGradient",
     {
       id: "paint2_linear",
@@ -2309,20 +2008,20 @@ var BrandWhite = NamedFC("BrandWhite", () => /* @__PURE__ */ React39.createEleme
       y2: "11.1606",
       gradientUnits: "userSpaceOnUse"
     },
-    /* @__PURE__ */ React39.createElement("stop", { offset: "0", stopColor: "#165B8E", stopOpacity: "0.29" }),
-    /* @__PURE__ */ React39.createElement("stop", { offset: "1", stopColor: "#D6E9F7", stopOpacity: "0" })
+    /* @__PURE__ */ React30.createElement("stop", { offset: "0", stopColor: "#165B8E", stopOpacity: "0.29" }),
+    /* @__PURE__ */ React30.createElement("stop", { offset: "1", stopColor: "#D6E9F7", stopOpacity: "0" })
   ))
 ));
 
 // src/reports/components/header-bar.tsx
-var React40 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 
 // src/reports/components/header-bar.scss
 var header_bar_default = { "reportHeaderBar": "report-header-bar--SDV11", "headerText": "header-text--EdTxw" };
 
 // src/reports/components/header-bar.tsx
 var HeaderBar = NamedFC("HeaderBar", (props) => {
-  return /* @__PURE__ */ React40.createElement("div", { className: header_bar_default.reportHeaderBar }, /* @__PURE__ */ React40.createElement(BrandWhite, null), /* @__PURE__ */ React40.createElement("div", { className: header_bar_default.headerText }, props.headerText));
+  return /* @__PURE__ */ React31.createElement("div", { className: header_bar_default.reportHeaderBar }, /* @__PURE__ */ React31.createElement(BrandWhite, null), /* @__PURE__ */ React31.createElement("div", { className: header_bar_default.headerText }, props.headerText));
 });
 
 // src/reports/components/report-sections/header-section.scss
@@ -2333,7 +2032,7 @@ var reportHeaderSectionDataAutomationId = "report-header-section";
 var HeaderSection = NamedFC(
   "HeaderSection",
   ({ targetAppInfo, headerText }) => {
-    return /* @__PURE__ */ React41.createElement("header", { "data-automation-id": reportHeaderSectionDataAutomationId }, /* @__PURE__ */ React41.createElement(HeaderBar, { headerText }), /* @__PURE__ */ React41.createElement("div", { className: header_section_default.reportHeaderCommandBar }, /* @__PURE__ */ React41.createElement("div", { className: header_section_default.targetPage }, "Target page:\xA0", /* @__PURE__ */ React41.createElement(
+    return /* @__PURE__ */ React32.createElement("header", { "data-automation-id": reportHeaderSectionDataAutomationId }, /* @__PURE__ */ React32.createElement(HeaderBar, { headerText }), /* @__PURE__ */ React32.createElement("div", { className: header_section_default.reportHeaderCommandBar }, /* @__PURE__ */ React32.createElement("div", { className: header_section_default.targetPage }, "Target page:\xA0", /* @__PURE__ */ React32.createElement(
       NewTabLinkWithConfirmationDialog,
       {
         href: targetAppInfo.url,
@@ -2348,22 +2047,23 @@ var HeaderSection = NamedFC(
 var ReporterHeaderSection = NamedFC(
   "AutomatedChecksHeaderSection",
   ({ scanMetadata }) => {
-    return /* @__PURE__ */ React42.createElement(HeaderSection, { targetAppInfo: scanMetadata.targetAppInfo, headerText: brand });
+    return /* @__PURE__ */ React33.createElement(HeaderSection, { targetAppInfo: scanMetadata.targetAppInfo, headerText: brand });
   }
 );
 
 // src/reports/components/reporter-automated-check-head.tsx
-var React44 = __toESM(require("react"));
+var React35 = __toESM(require("react"));
 
 // src/reports/components/head.tsx
-var React43 = __toESM(require("react"));
+var React34 = __toESM(require("react"));
 
 // src/reports/automated-checks-report.styles.ts
 var styleSheet = `:root {\n  --black: #000;\n  --light-black: #161616;\n  --white: #fff;\n  --brand-blue: #004880;\n  --grey: #333;\n  --ada-brand-color: var(--brand-blue);\n  --primary-text: rgb(0 0 0 / 90%);\n  --secondary-text: rgb(0 0 0 / 70%);\n  --disabled-text: rgb(0 0 0 / 38%);\n  --communication-primary: #106ebe;\n  --communication-tint-40: #eff6fc;\n  --communication-tint-30: #deecf9;\n  --communication-tint-20: #c7e0f4;\n  --communication-tint-10: #2b88d8;\n  --communication-shade-20: #004578;\n  --neutral-0: var(--white);\n  --neutral-2: #f8f8f8;\n  --neutral-3: #f6f6f6;\n  --neutral-4: #f4f4f4;\n  --neutral-6: #f2f2f2;\n  --neutral-6-5: #f1f1f1;\n  --neutral-8: #ebebeb;\n  --neutral-10: #dedede;\n  --neutral-20: #c8c8c8;\n  --neutral-30: #a6a6a6;\n  --neutral-55: #6e6e6e;\n  --neutral-60: #666;\n  --neutral-70: #3c3c3c;\n  --neutral-80: var(--grey);\n  --neutral-100: var(--black);\n  --neutral-alpha-2: rgb(0 0 0 / 2%);\n  --neutral-alpha-4: rgb(0 0 0 / 4%);\n  --neutral-alpha-6: rgb(0 0 0 / 6%);\n  --neutral-alpha-8: rgb(0 0 0 / 8%);\n  --neutral-alpha-10: rgb(0 0 0 / 10%);\n  --neutral-alpha-20: rgb(0 0 0 / 20%);\n  --neutral-alpha-30: rgb(0 0 0 / 30%);\n  --neutral-alpha-60: rgb(0 0 0 / 60%);\n  --neutral-alpha-70: rgb(0 0 0 / 70%);\n  --neutral-alpha-80: rgb(0 0 0 / 80%);\n  --neutral-alpha-90: rgb(0 0 0 / 90%);\n  --positive-outcome: #228722;\n  --negative-outcome: #e81123;\n  --neutral-outcome: var(--neutral-60);\n  --box-shadow-108: rgb(0 0 0 / 10.8%);\n  --box-shadow-132: rgb(0 0 0 / 13.2%);\n  --box-shadow-27: rgb(0 0 0 / 27%);\n  --screenshot-image-outline: #8b8b8b;\n  --card-border: transparent;\n  --card-footer-border: var(--neutral-10);\n  --header-bar-title-color: var(--neutral-0);\n  --help-links-section-background: var(--neutral-4);\n  --help-links-section-border: var(--neutral-4);\n  --index-circle-background: var(--communication-primary);\n  --link-hover: var(--communication-shade-20);\n  --link: var(--communication-primary);\n  --menu-border: var(--neutral-3);\n  --menu-item-background-active: var(--neutral-alpha-8);\n  --menu-item-background-hover: var(--neutral-alpha-4);\n  --left-nav-icon: var(--neutral-55);\n  --pill-background: var(--neutral-alpha-8);\n  --pill: var(--primary-text);\n  --spinner-text: var(--communication-primary);\n  --nav-link-hover: var(--neutral-alpha-8);\n  --nav-link-selected: var(--communication-tint-20);\n  --nav-link-expanded: var(--communication-tint-40);\n  --insights-button-hover: #0179d4;\n  --report-footer-text: #222;\n  --landmark-contentinfo: #00a88c;\n  --landmark-main: #cb2e6d;\n  --landmark-complementary: #6b9d1a;\n  --landmark-banner: #d08311;\n  --landmark-region: #2560e0;\n  --landmark-navigation: #9b38e6;\n  --landmark-search: #d363d8;\n  --landmark-form: #0298c7;\n}\n:root .high-contrast-theme {\n  --ada-brand-color: var(--white);\n  --secondary-text: var(--white);\n  --primary-text: var(--white);\n  --disabled-text: #c285ff;\n  --communication-tint-40: #38a9ff;\n  --communication-tint-30: var(--communication-tint-10);\n  --neutral-0: var(--light-black);\n  --neutral-2: var(--light-black);\n  --neutral-3: var(--light-black);\n  --neutral-4: var(--light-black);\n  --neutral-6: var(--light-black);\n  --neutral-6-5: var(--light-black);\n  --neutral-8: var(--white);\n  --neutral-10: var(--light-black);\n  --neutral-20: var(--white);\n  --neutral-30: var(--white);\n  --neutral-55: var(--white);\n  --neutral-60: var(--white);\n  --neutral-70: var(--white);\n  --neutral-80: var(--white);\n  --neutral-100: var(--white);\n  --neutral-alpha-8: var(--white);\n  --neutral-alpha-90: var(--white);\n  --positive-outcome: #4ac94a;\n  --negative-outcome: #fc7ab1;\n  --neutral-outcome: var(--neutral-0);\n  --card-border: var(--white);\n  --card-footer-border: var(--white);\n  --header-bar-title-color: var(--brand-blue);\n  --help-links-section-background: transparent;\n  --help-links-section-border: var(--white);\n  --index-circle-background: var(--communication-tint-40);\n  --link-hover: #ff0;\n  --link: #ff0;\n  --menu-border: var(--grey);\n  --menu-item-background-active: var(--communication-tint-40);\n  --menu-item-background-hover: var(--grey);\n  --left-nav-icon: var(--black);\n  --pill-background: var(--white);\n  --pill: var(--black);\n  --screenshot-image-outline: var(--white);\n  --spinner-text: var(--communication-tint-40);\n  --nav-link-hover: #2a2a2a;\n  --nav-link-selected: var(--communication-tint-40);\n  --nav-link-expanded: transparent;\n}\n\n.ms-Fabric.is-focusVisible .ms-Nav-group .ms-nav-linkButton:focus::after {\n  border: 1px solid var(--neutral-100);\n}\n@media screen and (forced-colors: active) {\n  .ms-Fabric.is-focusVisible .ms-Nav-group .ms-nav-linkButton:focus::after {\n    border: 1px dashed windowtext !important;\n  }\n}\n\nbutton::after {\n  content: \"\";\n  position: absolute;\n}\n\n.ms-fontColor-neutralPrimary,\n.ms-fontColor-neutralPrimary--hover:hover {\n  color: var(--neutral-100) !important;\n}\n\n.ms-Fabric {\n  color: var(--neutral-100);\n}\n\n.insights-link {\n  color: var(--link) !important;\n  text-decoration: none;\n}\n@media screen and (forced-colors: active) {\n  .insights-link {\n    forced-color-adjust: unset;\n  }\n}\n.insights-link:hover {\n  color: var(--link-hover) !important;\n  text-decoration: underline;\n}\n\n.high-contrast-theme .insights-link:hover {\n  text-decoration: underline;\n}\n.high-contrast-theme .is-selected .status-icon {\n  color: var(--black) !important;\n}\n\n.insights-code {\n  font-family: menlo, consolas, courier new, monospace;\n}\n\n.ms-Spinner .ms-Spinner-circle {\n  border-top-color: var(--spinner-text);\n}\n.ms-Spinner .ms-Spinner-label {\n  color: var(--spinner-text);\n}\n\n@media screen and (forced-colors: active) {\n  .ms-ContextualMenu button:hover .ms-ContextualMenu-itemText,\n  .ms-ContextualMenu button:hover .ms-ContextualMenu-linkText {\n    color: highlight;\n  }\n}\n\n.guidance-tags span {\n  font-size: 12px;\n  font-weight: normal;\n  padding-top: 2px;\n  padding-right: 12px;\n  padding-bottom: 2px;\n  padding-left: 12px;\n  color: var(--pill);\n  background-color: var(--pill-background);\n  border-radius: 120px;\n}\n\n.hidden-highlight-button {\n  opacity: 0;\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n\n.instance-details-card {\n  border-radius: 4px;\n  border: 1px solid var(--card-border);\n  outline-style: \"border-style\";\n  box-shadow: 0 0.6px 1.8px var(--box-shadow-108), 0 3.2px 7.2px var(--box-shadow-132);\n  margin-bottom: 16px;\n  width: -moz-available;\n  width: -webkit-fill-available;\n  width: stretch;\n}\n\n.instance-details-card-container.selected {\n  outline: 5px solid var(--communication-tint-10);\n}\n\n.instance-details-card.selected {\n  border: 1px solid transparent;\n}\n\n.instance-details-card.focused,\n.instance-details-card:focus {\n  outline: 2px solid var(--primary-text);\n  outline-offset: 2px;\n}\n\n.instance-details-card.selected.focused,\n.instance-details-card.selected:focus {\n  outline-offset: 8px;\n}\n\n.instance-details-card.interactive {\n  cursor: pointer;\n}\n\n.instance-details-card.interactive:hover {\n  box-shadow: 0 8px 10px var(--box-shadow-108), 0 8px 10px var(--box-shadow-132);\n}\n\n.report-instance-table {\n  background: var(--neutral-0);\n  display: table;\n  table-layout: fixed;\n  width: -moz-available;\n  width: -webkit-fill-available;\n  width: stretch;\n  border-radius: inherit;\n  border-collapse: collapse;\n  overflow-wrap: break-word;\n  word-break: break-word;\n}\n.report-instance-table .row {\n  display: flex;\n  flex-wrap: wrap;\n  padding-top: 2px;\n  padding-bottom: 14px;\n  padding-left: 0;\n  padding-right: 20px;\n  border-bottom: 0.5px solid var(--neutral-10);\n}\n.report-instance-table .row > * {\n  margin-top: 12px;\n  margin-bottom: 0;\n  margin-left: 20px;\n  margin-right: 0;\n  padding: 0;\n}\n.report-instance-table .row:last-child {\n  border-bottom: none;\n}\n.report-instance-table .row-label {\n  flex-basis: 90px;\n  flex-shrink: 1;\n  flex-grow: 0;\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 600;\n  color: var(--primary-text);\n  text-align: left;\n}\n.report-instance-table .row-content {\n  flex-basis: 200px;\n  flex-shrink: 1;\n  flex-grow: 1;\n  color: var(--secondary-text);\n  font-size: 14px;\n  line-height: 20px;\n  align-items: flex-end;\n  display: flex;\n}\n\n.outcome-summary-bar {\n  display: flex;\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n  margin-top: 16px;\n  margin-bottom: 0;\n  line-height: 24px;\n  font-size: 17px;\n  font-weight: 600;\n  white-space: pre-wrap;\n}\n.outcome-summary-bar .block,\n.outcome-summary-bar .incomplete,\n.outcome-summary-bar .inapplicable,\n.outcome-summary-bar .unscannable,\n.outcome-summary-bar .pass,\n.outcome-summary-bar .fail {\n  font-family: 'Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\n  line-height: 20px;\n  font-size: 16px;\n  color: var(--neutral-0);\n  padding-top: 8px;\n  padding-right: 8px;\n  padding-bottom: 10px;\n  padding-left: 10px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  margin-right: 4px;\n}\n.outcome-summary-bar .count {\n  font-weight: 600;\n}\n.outcome-summary-bar .fail {\n  background-color: var(--negative-outcome);\n}\n.outcome-summary-bar .fail .check-container {\n  position: relative;\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-summary-bar .fail .check-container svg circle {\n  fill: var(--negative-outcome);\n}\n.outcome-summary-bar .fail .check-container {\n  bottom: -1px;\n  margin-right: 8px;\n}\n.outcome-summary-bar .pass {\n  background-color: var(--positive-outcome);\n}\n.outcome-summary-bar .pass .check-container {\n  position: relative;\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-summary-bar .pass .check-container svg circle {\n  fill: var(--positive-outcome);\n}\n.outcome-summary-bar .pass .check-container {\n  bottom: -1px;\n  margin-right: 8px;\n  margin-left: 4px;\n}\n.outcome-summary-bar .inapplicable,\n.outcome-summary-bar .unscannable {\n  background-color: var(--neutral-outcome);\n}\n.outcome-summary-bar .inapplicable .check-container,\n.outcome-summary-bar .unscannable .check-container {\n  position: relative;\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-summary-bar .inapplicable .check-container,\n.outcome-summary-bar .unscannable .check-container {\n  bottom: -1px;\n  margin-right: 8px;\n  margin-left: 4px;\n}\n.outcome-summary-bar .incomplete {\n  background-color: var(--neutral-outcome);\n  color: var(--white);\n  border: 2px var(--neutral-60) solid;\n  height: 12px;\n}\n.outcome-summary-bar .incomplete .check-container {\n  position: relative;\n  width: 8px;\n  height: 8px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 3px solid var(--neutral-0);\n}\n.outcome-summary-bar .incomplete .check-container {\n  margin-right: 6px;\n  border-color: var(--white);\n}\n.outcome-summary-bar .summary-bar-left-edge {\n  border-top-left-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n.outcome-summary-bar .summary-bar-right-edge {\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n  margin-right: 0;\n}\n.outcome-summary-bar .label {\n  font-weight: normal;\n}\n\n.screen-reader-only {\n  position: absolute;\n  left: -10000px;\n  top: auto;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(100% 100% 100% 100%);\n}\n\n.check-container svg {\n  width: 100%;\n  height: 100%;\n}\n\n.outcome-chip {\n  height: 16px;\n  color: var(--primary-text);\n  border-radius: 0 8px 8px 0;\n  margin-right: 4px;\n  margin-bottom: -3px;\n  margin-left: 4px;\n  display: inline-flex;\n  align-items: center;\n}\n.outcome-chip .icon {\n  border-radius: 50%;\n  width: 16px;\n  height: 16px;\n}\n.outcome-chip .count {\n  font-family: 'Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\n  line-height: 13px;\n  font-size: 11px;\n  border-radius: 0 8px 8px 0;\n  padding-right: 6px;\n  padding-left: 10px;\n  font-weight: 700;\n  margin-left: -8px;\n  height: 13px;\n}\n@media screen and (forced-colors: active) {\n  .outcome-chip .count {\n    forced-color-adjust: none;\n    border-color: canvastext !important;\n    color: canvastext;\n  }\n}\n.outcome-chip.outcome-chip-pass .check-container {\n  position: relative;\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-chip.outcome-chip-pass .check-container svg circle {\n  fill: var(--positive-outcome);\n}\n.outcome-chip.outcome-chip-pass .check-container {\n  background-color: var(--positive-outcome);\n}\n.outcome-chip.outcome-chip-pass .count {\n  background-color: transparent;\n  border: 1.5px solid var(--positive-outcome);\n  width: max-content;\n}\n.outcome-chip.outcome-chip-incomplete .check-container, .outcome-chip.outcome-chip-review .check-container {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 1px solid var(--neutral-0);\n}\n.outcome-chip.outcome-chip-incomplete .check-container, .outcome-chip.outcome-chip-review .check-container {\n  background-color: var(--neutral-60);\n}\n.outcome-chip.outcome-chip-incomplete .count, .outcome-chip.outcome-chip-review .count {\n  background-color: transparent;\n  border: 1.5px solid var(--neutral-60);\n  width: max-content;\n}\n.outcome-chip.outcome-chip-fail .check-container {\n  position: relative;\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-chip.outcome-chip-fail .check-container svg circle {\n  fill: var(--negative-outcome);\n}\n.outcome-chip.outcome-chip-fail .check-container {\n  background-color: var(--negative-outcome);\n}\n.outcome-chip.outcome-chip-fail .count {\n  background-color: transparent;\n  border: 1.5px solid var(--negative-outcome);\n  width: max-content;\n}\n.outcome-chip.outcome-chip-inapplicable .check-container, .outcome-chip.outcome-chip-unscannable .check-container {\n  position: relative;\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-chip.outcome-chip-inapplicable .check-container, .outcome-chip.outcome-chip-unscannable .check-container {\n  background-color: var(--neutral-outcome);\n}\n.outcome-chip.outcome-chip-inapplicable .count, .outcome-chip.outcome-chip-unscannable .count {\n  background-color: transparent;\n  border: 1.5px solid var(--neutral-outcome);\n  width: max-content;\n}\n\n.outcome-icon-set .outcome-icon {\n  margin-left: 4px;\n  border-radius: 50%;\n}\n.outcome-icon-set .outcome-icon-pass .check-container {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-icon-set .outcome-icon-pass .check-container svg circle {\n  fill: var(--positive-outcome);\n}\n.outcome-icon-set .outcome-icon-incomplete .check-container {\n  position: relative;\n  width: 12px;\n  height: 12px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 1px solid var(--neutral-0);\n}\n.outcome-icon-set .outcome-icon-incomplete .check-container {\n  border-color: var(--neutral-60);\n}\n.outcome-icon-set .outcome-icon-fail .check-container {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-icon-set .outcome-icon-fail .check-container svg circle {\n  fill: var(--negative-outcome);\n}\n\nbody {\n  font-size: 14px;\n  margin: auto;\n  background-color: var(--neutral-2);\n  color: black;\n  font-family: 'Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\n}\n\n.outer-container {\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);\n}\n.outer-container .content-container {\n  max-width: 960px;\n  margin-right: auto;\n  margin-left: auto;\n  margin-top: 24px;\n}\n.outer-container .content-container h2 {\n  margin: 0;\n  font-size: 17px;\n  line-height: 24px;\n}\n@media only screen and (width <= 1000px) {\n  .outer-container .content-container {\n    margin-top: 24px;\n    margin-right: 16px;\n    margin-left: 16px;\n  }\n}\n\n.scan-details-section {\n  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);\n  border-radius: 4px;\n  background-color: var(--neutral-0);\n  padding: 20px;\n  margin-bottom: 22px;\n}\n.scan-details-section .details-section-list {\n  list-style: none;\n  font-size: 14px;\n  line-height: 16px;\n  padding-left: 0;\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  flex-direction: column;\n}\n.scan-details-section h3 {\n  margin: 0;\n  font-size: 17px;\n  line-height: 24px;\n}\n.scan-details-section li {\n  display: inline-block;\n  padding-top: 12px;\n}\n.scan-details-section li .icon {\n  padding-right: 12px;\n  position: relative;\n  top: 3px;\n}\n.scan-details-section .text {\n  word-break: break-all;\n}\n.scan-details-section .description-text {\n  white-space: pre-wrap;\n}\n.scan-details-section .screen-reader-only {\n  position: absolute;\n  left: -10000px;\n  top: auto;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(100% 100% 100% 100%);\n}\n\n.report-footer-container {\n  max-width: 960px;\n  margin-right: auto;\n  margin-left: auto;\n  margin-bottom: 68px;\n  margin-top: 24px;\n}\n.report-footer-container .report-footer {\n  line-height: 20px;\n  color: var(--report-footer-text);\n}\n@media only screen and (width <= 1000px) {\n  .report-footer-container {\n    margin-right: 16px;\n    margin-left: 16px;\n  }\n}\n\n.report-header-command-bar {\n  height: 40px;\n  width: 100%;\n  display: flex;\n  justify-content: end;\n  min-height: fit-content;\n  align-items: center;\n  background-color: var(--neutral-0);\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);\n}\n.report-header-command-bar .target-page {\n  white-space: nowrap;\n  margin-left: 16px;\n  display: flex;\n  color: var(--primary-text);\n  font-family: 'Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: normal;\n  min-width: 0;\n}\n.report-header-command-bar .target-page a {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.report-congrats-message {\n  word-break: break-word;\n  overflow-wrap: break-word;\n}\n\n.report-congrats-head {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--primary-text);\n  padding-top: 10px;\n  padding-right: 0;\n  padding-bottom: 10px;\n  padding-left: 0;\n}\n\n.report-congrats-info {\n  font-size: 14px;\n  color: var(--secondary-text);\n  padding-top: 10px;\n  padding-right: 0;\n  padding-bottom: 10px;\n  padding-left: 0;\n}\n\n.sleeping-ada {\n  height: 100px;\n}\n\n.title-section {\n  margin-top: 56px;\n}\n.title-section h1 {\n  font-weight: 600;\n  margin-bottom: 24px;\n  font-size: 21px;\n  line-height: 32px;\n  letter-spacing: -0.02em;\n}\n\n.results-container {\n  margin-top: 56px;\n}\n.results-container .title-container :is(h1, h2, h3, h4, h5, h6) {\n  font-weight: unset;\n  margin-block: 0;\n  margin-inline: 0;\n}\n\n@media screen and (width <= 640px) {\n  .outcome-past-tense {\n    display: none;\n  }\n}\n.collapsible-container .collapsible-control[aria-expanded=true]::before, .collapsible-container .collapsible-control[aria-expanded=false]::before {\n  display: inline-block;\n  border-right: 1px solid var(--secondary-text);\n  border-bottom: 1px solid var(--secondary-text);\n  min-width: 7px;\n  width: 7px;\n  height: 7px;\n  content: \"\";\n  transform-origin: 50% 50%;\n  transition: transform 0.1s linear 0s;\n}\n\n.summary-section {\n  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);\n  border-radius: 4px;\n  background-color: var(--neutral-0);\n  padding: 20px;\n  margin-bottom: 24px;\n}\n\n.result-section {\n  padding-bottom: 24px;\n}\n.result-section .title-container .collapsible-control::before {\n  position: relative;\n  bottom: 2px;\n  margin-right: 14px;\n}\n.result-section .collapsible-content {\n  margin-left: 16px;\n}\n\n.collapsible-container .collapsible-control {\n  font-family: \"Segoe UI Web (West European)\", \"Segoe UI\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", Helvetica, Ubuntu, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  background-color: transparent;\n  cursor: pointer;\n  border: none;\n  display: flex;\n  align-items: baseline;\n  width: 100%;\n}\n.collapsible-container .collapsible-control:hover {\n  background-color: var(--neutral-alpha-4);\n}\n.collapsible-container:not(.collapsible-rule-details-group) .collapsible-control {\n  padding-left: 2px;\n  padding-right: 16px;\n  position: relative;\n}\n.collapsible-container .collapsible-control[aria-expanded=false]::before {\n  transform: rotate(-45deg);\n}\n.collapsible-container .collapsible-control[aria-expanded=true]::before {\n  transform: rotate(45deg);\n}\n.collapsible-container .collapsible-content[aria-hidden=true] {\n  display: none;\n}\n\nul.instance-details-list {\n  list-style-type: none;\n  padding-inline-start: unset;\n  margin-block-start: unset;\n  margin-block-end: unset;\n}\nul.instance-details-list li {\n  margin-bottom: 16px;\n}\nul.instance-details-list li:last-child {\n  margin-bottom: unset;\n}`;
 
 // src/reports/components/head.tsx
 var Head = NamedFC("Head", (props) => {
-  return /* @__PURE__ */ React43.createElement("head", null, /* @__PURE__ */ React43.createElement("meta", { charSet: "UTF-8" }), /* @__PURE__ */ React43.createElement("title", null, props.titlePreface, " ", props.title), /* @__PURE__ */ React43.createElement("style", { dangerouslySetInnerHTML: { __html: styleSheet } }), /* @__PURE__ */ React43.createElement("style", { dangerouslySetInnerHTML: { __html: props.bundledStyles.styleSheet } }));
+  const titleValue = `${props.titlePreface} ${props.title}`;
+  return /* @__PURE__ */ React34.createElement("head", null, /* @__PURE__ */ React34.createElement("meta", { charSet: "UTF-8" }), /* @__PURE__ */ React34.createElement("title", null, titleValue), /* @__PURE__ */ React34.createElement("style", { dangerouslySetInnerHTML: { __html: styleSheet } }), /* @__PURE__ */ React34.createElement("style", { dangerouslySetInnerHTML: { __html: props.bundledStyles.styleSheet } }));
 });
 
 // src/reports/bundled-reporter-styles.ts
@@ -2371,11 +2071,11 @@ var bundled_reporter_styles_exports = {};
 __export(bundled_reporter_styles_exports, {
   styleSheet: () => styleSheet2
 });
-var styleSheet2 = `/* css-modules:src/common/components/heading-element-for-level */\n.heading-element-for-level--ifVX6 {\n  margin-block-start: unset;\n  margin-block-end: unset;\n}\n\n/* css-modules:src/common/components/cards/failed-instances-section */\n.failed-instances-container--3UUNb .collapsible-content {\n  margin-left: 24px;\n}\n\n/* css-modules:src/reports/components/report-sections/minimal-rule-header */\n.outcome-chip-container--G5Dfr {\n  min-width: 50px;\n}\n\n/* css-modules:src/reports/components/instance-details */\n.hidden-highlight-button--vu3B3 {\n  opacity: 0;\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n.instance-details-card--owGQF {\n  border-radius: 4px;\n  border: 1px solid var(--card-border);\n  outline-style: \"border-style\";\n  box-shadow: 0 0.6px 1.8px var(--box-shadow-108), 0 3.2px 7.2px var(--box-shadow-132);\n  margin-bottom: 16px;\n  width: -moz-available;\n  width: -webkit-fill-available;\n  width: stretch;\n}\n.instance-details-card-container--KLHTp.selected--wEA4l {\n  outline: 5px solid var(--communication-tint-10);\n}\n.instance-details-card--owGQF.selected--wEA4l {\n  border: 1px solid transparent;\n}\n.instance-details-card--owGQF.focused--pvBWq,\n.instance-details-card--owGQF:focus {\n  outline: 2px solid var(--primary-text);\n  outline-offset: 2px;\n}\n.instance-details-card--owGQF.selected--wEA4l.focused--pvBWq,\n.instance-details-card--owGQF.selected--wEA4l:focus {\n  outline-offset: 8px;\n}\n.instance-details-card--owGQF.interactive--an0ab {\n  cursor: pointer;\n}\n.instance-details-card--owGQF.interactive--an0ab:hover {\n  box-shadow: 0 8px 10px var(--box-shadow-108), 0 8px 10px var(--box-shadow-132);\n}\n.report-instance-table--3VoZX {\n  background: var(--neutral-0);\n  display: table;\n  table-layout: fixed;\n  width: -moz-available;\n  width: -webkit-fill-available;\n  width: stretch;\n  border-radius: inherit;\n  border-collapse: collapse;\n  overflow-wrap: break-word;\n  word-break: break-word;\n}\n.report-instance-table--3VoZX .row---3i35 {\n  display: flex;\n  flex-wrap: wrap;\n  padding-top: 2px;\n  padding-bottom: 14px;\n  padding-left: 0;\n  padding-right: 20px;\n  border-bottom: 0.5px solid var(--neutral-10);\n}\n.report-instance-table--3VoZX .row---3i35 > * {\n  margin-top: 12px;\n  margin-bottom: 0;\n  margin-left: 20px;\n  margin-right: 0;\n  padding: 0;\n}\n.report-instance-table--3VoZX .row---3i35:last-child {\n  border-bottom: none;\n}\n.report-instance-table--3VoZX .row-label--FlVZl {\n  flex-basis: 90px;\n  flex-shrink: 1;\n  flex-grow: 0;\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 600;\n  color: var(--primary-text);\n  text-align: left;\n}\n.report-instance-table--3VoZX .row-content--07KUh {\n  flex-basis: 200px;\n  flex-shrink: 1;\n  flex-grow: 1;\n  color: var(--secondary-text);\n  font-size: 14px;\n  line-height: 20px;\n  align-items: flex-end;\n  display: flex;\n}\n\n/* css-modules:src/common/components/cards/related-paths-card-row */\n.path-list--MxxKM {\n  padding-left: 16px;\n  list-style-type: disc;\n}\n\n/* css-modules:src/common/components/cards/rich-resolution-content */\n.multi-line-text-yes-bullet--TXyX- {\n  padding-left: 16px;\n}\n.multi-line-text-yes-bullet--TXyX- li {\n  list-style-type: disc;\n  margin-bottom: 4px;\n}\n.multi-line-text-no-bullet--AUXXt {\n  padding-left: 0;\n  list-style: none;\n}\n.multi-line-text-no-bullet--AUXXt li:not(:last-child) {\n  margin-bottom: 4px;\n}\n.combination-lists--boK5y {\n  flex-direction: column;\n  display: flex;\n}\n\n/* css-modules:src/common/components/cards/urls-card-row */\n.urls-row-content--JDdRx {\n  padding-left: 16px;\n}\n.urls-row-content--JDdRx li {\n  list-style-type: disc;\n  margin-bottom: 4px;\n}\n.urls-row-content-new-Failure--oL5lS {\n  color: var(--negative-outcome);\n  font-weight: bold;\n}\n\n/* css-modules:src/common/components/cards/how-to-fix-card-row */\n.how-to-fix-content--Zz96u {\n  margin-bottom: 16px;\n}\n.how-to-fix-content--Zz96u ul {\n  padding-left: 16px;\n}\n.how-to-fix-content--Zz96u ul li {\n  list-style-type: disc;\n  margin-bottom: 4px;\n}\n\n/* css-modules:src/common/components/cards/snippet-card-row */\n.snippet--hSNfv {\n  font-family:\n    menlo,\n    consolas,\n    courier new,\n    monospace;\n  white-space: normal;\n}\n\n/* css-modules:src/common/components/toast */\n.toast-container--L-5HM {\n  display: inline-block;\n}\n.toast-content--8-Mx1 {\n  background: var(--neutral-70);\n  border-radius: 4px;\n  color: var(--neutral-0);\n  padding-left: 20px;\n  padding-top: 14px;\n  padding-bottom: 14px;\n  padding-right: 20px;\n  width: 316px;\n  margin-left: calc(316px / -2 - 20px);\n  left: 50%;\n  bottom: 20px;\n  z-index: 1000;\n  position: absolute;\n}\n\n/* css-modules:src/common/components/cards/card-footer-instance-action-buttons */\n.kebab-menu-icon--EUIj- {\n  flex-grow: 1;\n  padding-left: 9px !important;\n  padding-right: 9px !important;\n  padding-top: 6px !important;\n  padding-bottom: 6px !important;\n}\n@media screen and (forced-colors: active) {\n  .kebab-menu-icon--EUIj- {\n    color: buttontext !important;\n  }\n}\n.kebab-menu-icon--EUIj-:hover {\n  border-style: solid !important;\n  border-width: 1px;\n  padding-left: 8px !important;\n  padding-right: 8px !important;\n  padding-top: 5px !important;\n  padding-bottom: 5px !important;\n}\n.kebab-menu-button--9Qt0a {\n  margin-right: 8px;\n  width: 32px;\n  height: 32px;\n}\n.kebab-menu-button--9Qt0a:hover {\n  background-color: var(--menu-item-background-hover);\n}\n.kebab-menu-button--9Qt0a.is-expanded {\n  background-color: var(--menu-item-background-active);\n}\n@media screen and (forced-colors: active) {\n  .kebab-menu-button--9Qt0a.is-expanded .kebab-menu-icon--EUIj-,\n  .kebab-menu-button--9Qt0a:hover .kebab-menu-icon--EUIj- {\n    color: highlight;\n  }\n}\n\n/* css-modules:src/common/components/cards/instance-details-footer */\n.foot--p1DfC {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: var(--neutral-2);\n  min-height: 48px;\n  padding-left: 12px;\n  border-top: 0.5px solid var(--card-footer-border);\n  border-bottom-left-radius: inherit;\n  border-bottom-right-radius: inherit;\n}\n.foot--p1DfC .highlight-status--xJvvI {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: transparent;\n}\n.foot--p1DfC .highlight-status--xJvvI svg {\n  fill: var(--secondary-text);\n}\n@media screen and (forced-colors: active) {\n  .foot--p1DfC .highlight-status--xJvvI svg {\n    fill: ButtonFace !important;\n    stroke: ButtonText !important;\n  }\n}\n.foot--p1DfC .highlight-status--xJvvI label {\n  color: var(--secondary-text);\n  font-size: 14px;\n  overflow-wrap: break-word;\n  word-break: break-word;\n}\n\n/* css-modules:src/common/components/cards/instance-details-group */\nul.instance-details-list--YfkRy {\n  list-style-type: none;\n  padding-inline-start: unset;\n  margin-block-start: unset;\n  margin-block-end: unset;\n}\nul.instance-details-list--YfkRy > li {\n  margin-bottom: 16px;\n}\nul.instance-details-list--YfkRy > li:last-child {\n  margin-bottom: unset;\n}\n\n/* css-modules:src/common/components/cards/rule-resources */\n.rule-more-resources--uw9mc {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 16px;\n  padding-top: 14px;\n  padding-right: 20px;\n  padding-bottom: 14px;\n  padding-left: 20px;\n  background-color: var(--neutral-0);\n  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);\n  border-radius: 4px;\n  border: 1px solid var(--card-border);\n  line-height: 20px;\n  overflow-wrap: break-word;\n  word-break: break-word;\n}\n.rule-more-resources--uw9mc .more-resources-title--jOuUL {\n  font-weight: 600;\n}\n.rule-more-resources--uw9mc .rule-details-id--s-TpO {\n  padding-top: 12px;\n  padding-bottom: 12px;\n}\n.rule-more-resources--uw9mc .rule-guidance--TIQgm > :not(span:first-of-type) {\n  margin-left: 8px;\n}\n\n/* css-modules:src/common/components/cards/rules-with-instances */\n.rule-details-group--Tb-LW .rule-detail {\n  font-size: 14px;\n  padding-top: 16px;\n  padding-right: 8px;\n  padding-bottom: 16px;\n  padding-left: 8px;\n  display: flex;\n  align-items: baseline;\n  text-align: left;\n}\n.rule-details-group--Tb-LW .rule-detail .outcome-chip {\n  vertical-align: middle;\n  margin-bottom: 2px;\n}\n.rule-details-group--Tb-LW .rule-detail .rule-details-id {\n  font-weight: 600;\n  color: var(--primary-text);\n  word-break: break-all;\n}\n.rule-details-group--Tb-LW .rule-detail .rule-details-id a {\n  font-weight: 600;\n  color: var(--primary-text) !important;\n}\n.rule-details-group--Tb-LW .rule-detail .rule-details-id strong {\n  font-weight: 600;\n}\n.rule-details-group--Tb-LW .rule-detail .rule-detail-description {\n  color: var(--secondary-text) !important;\n  word-break: break-all;\n}\n.collapsible-rule-details-group--V-HWh {\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);\n}\n.collapsible-rule-details-group--V-HWh .rule-detail {\n  box-shadow: unset;\n}\n.collapsible-rule-details-group--V-HWh:not(.collapsed) {\n  box-shadow: unset;\n}\n\n/* css-modules:src/common/components/cards/result-section-title */\n.result-section-title--RGFI5 {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  margin-top: 8px;\n  margin-bottom: 8px;\n}\n.result-section-title--RGFI5 .outcome-chip.outcome-chip-fail .count {\n  line-height: 11px;\n}\n.result-section-title--RGFI5 .outcome-chip.outcome-chip-fail svg {\n  margin-bottom: 3px;\n}\n.result-section-title--RGFI5 .title--WBYFE {\n  font-weight: 600;\n  font-size: 17px;\n  line-height: 24px;\n  margin-right: 6px;\n  color: var(--primary-text);\n}\n.result-section-title--RGFI5 .heading--NdP4Q {\n  font-weight: 600;\n  font-size: 15px;\n  line-height: 20px;\n  margin-right: 6px;\n  color: var(--primary-text);\n}\n.result-section-title--RGFI5 .outcome-chip-container--BT3j5 {\n  display: flex;\n  height: 16px;\n}\n\n/* css-modules:src/common/components/cards/result-section */\n.result-section--HfO9s {\n  padding-bottom: 24px;\n}\n.result-section--HfO9s .title-container--JzN4A .collapsible-control--e42Z7::before {\n  position: relative;\n  bottom: 2px;\n}\n.result-section--HfO9s > h2 {\n  margin: 0;\n  font-size: 17px;\n  line-height: 24px;\n}\n\n/* css-modules:src/reports/components/header-bar */\n.report-header-bar--SDV11 {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  flex-wrap: nowrap;\n  background-color: var(--ada-brand-color);\n  height: 40px;\n  width: 100%;\n}\n.report-header-bar--SDV11 .header-icon {\n  flex-shrink: 0;\n  margin-left: 16px;\n  height: 22px;\n  width: 22px;\n}\n.report-header-bar--SDV11 .header-text--EdTxw {\n  margin-left: 8px;\n  color: var(--header-bar-title-color);\n  flex-shrink: 1;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family:\n    \"Segoe UI Web (West European)\",\n    \"Segoe UI\",\n    \"-apple-system\",\n    BlinkMacSystemFont,\n    Roboto,\n    \"Helvetica Neue\",\n    Helvetica,\n    Ubuntu,\n    Arial,\n    sans-serif,\n    \"Apple Color Emoji\",\n    \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\";\n  font-weight: normal;\n  font-size: 17px;\n  line-height: 24px;\n}\n\n/* css-modules:src/reports/components/report-sections/header-section */\n.report-header-command-bar--NJWdl {\n  height: 40px;\n  width: 100%;\n  display: flex;\n  justify-content: end;\n  min-height: fit-content;\n  align-items: center;\n  background-color: var(--neutral-0);\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);\n}\n.report-header-command-bar--NJWdl .target-page--hjh44 {\n  white-space: nowrap;\n  margin-left: 16px;\n  display: flex;\n  color: var(--primary-text);\n  font-family:\n    \"Segoe UI Web (West European)\",\n    \"Segoe UI\",\n    \"-apple-system\",\n    BlinkMacSystemFont,\n    Roboto,\n    \"Helvetica Neue\",\n    Helvetica,\n    Ubuntu,\n    Arial,\n    sans-serif,\n    \"Apple Color Emoji\",\n    \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\";\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: normal;\n  min-width: 0;\n}\n.report-header-command-bar--NJWdl .target-page--hjh44 a {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* css-modules:src/common/components/cards/combined-report-result-section-title */\n.combined-report-result-section-title--TqIZO {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  margin-top: 8px;\n  margin-bottom: 8px;\n}\n.combined-report-result-section-title--TqIZO .title--6WIyt {\n  font-weight: 600;\n  font-size: 17px;\n  line-height: 24px;\n  margin-right: 6px;\n  color: var(--primary-text);\n}\n.combined-report-result-section-title--TqIZO .heading--UpAHf {\n  font-weight: 600;\n  font-size: 15px;\n  line-height: 20px;\n  margin-right: 6px;\n  color: var(--primary-text);\n}\n\n/* css-modules:src/reports/components/report-sections/urls-summary-section */\n.urls-summary-section--jNa-v {\n  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);\n  border-radius: 4px;\n  background-color: var(--neutral-0);\n  padding: 20px;\n  margin-bottom: 24px;\n}\n.urls-summary-section--jNa-v h2 {\n  margin-bottom: 16px !important;\n}\n.urls-summary-section--jNa-v .total-urls--95-ge {\n  font-weight: 600;\n}\n.urls-summary-section--jNa-v .failure-instances--2WDtT {\n  margin-top: 40px;\n}\n.urls-summary-section--jNa-v .failure-outcome-chip--JF-lj {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n/* css-modules:src/reports/components/report-sections/rules-results-container */\n.rules-results-container--HaLDw {\n  margin-top: 56px;\n}\n.rules-results-container--HaLDw .results-heading--H9Puz {\n  margin-top: 32px;\n  margin-bottom: 32px;\n  font-weight: 600;\n  font-size: 17px;\n  line-height: 24px;\n}\n\n/* css-modules:src/reports/components/report-sections/summary-report-details-section */\n.crawl-details-section--a6evz {\n  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);\n  border-radius: 4px;\n  background-color: var(--neutral-0);\n  padding: 20px;\n  margin-bottom: 22px;\n}\n.crawl-details-section--a6evz .crawl-details-section-list--WV1Di {\n  list-style: none;\n  font-size: 14px;\n  line-height: 16px;\n  padding-left: 0;\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  flex-direction: column;\n}\n.crawl-details-section--a6evz .crawl-details-section-list--WV1Di li {\n  display: inline-block;\n}\n.crawl-details-section--a6evz .crawl-details-section-list--WV1Di li .icon--APJEn {\n  padding-right: 12px;\n  position: relative;\n  top: 3px;\n}\n.crawl-details-section--a6evz .crawl-details-section-list--WV1Di li.targetSite--wBJT- {\n  margin-bottom: 6px;\n}\n.crawl-details-section--a6evz .text--rViTo,\n.crawl-details-section--a6evz .label--DUNYf {\n  word-break: break-all;\n  color: var(--neutral-55);\n  font-family:\n    \"Segoe UI Web (West European)\",\n    \"Segoe UI\",\n    \"-apple-system\",\n    BlinkMacSystemFont,\n    Roboto,\n    \"Helvetica Neue\",\n    Helvetica,\n    Ubuntu,\n    Arial,\n    sans-serif,\n    \"Apple Color Emoji\",\n    \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\";\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 20px;\n}\n.crawl-details-section--a6evz .label--DUNYf {\n  font-weight: 600;\n}\n.crawl-details-section--a6evz .label--DUNYf.no-icon--VrSr5 {\n  padding-left: 29px;\n}\n\n/* css-modules:src/reports/components/report-sections/collapsible-url-result-section */\n.url-result-section--SkOlZ {\n  padding-bottom: 31px;\n}\n.url-result-section--SkOlZ .title-container[aria-level=\"3\"] .collapsible-control::before {\n  position: relative;\n  bottom: 2px;\n  margin-right: 14px;\n}\n.url-result-section--SkOlZ .collapsible-content {\n  margin-top: 19px;\n}\n\n/* css-modules:src/reports/components/report-sections/summary-results-table */\n.summary-results-table--Iezr- {\n  width: 100%;\n  margin: 0;\n  text-align: left;\n  border-spacing: 0;\n  border-collapse: collapse;\n  font-size: 14px;\n  line-height: 20px;\n}\n.summary-results-table--Iezr- th,\n.summary-results-table--Iezr- td {\n  border: 1px solid var(--neutral-20);\n  padding-top: 16px;\n  padding-right: 8px;\n  padding-bottom: 16px;\n  padding-left: 8px;\n}\n.summary-results-table--Iezr- th {\n  font-weight: 600;\n  background-color: var(--neutral-6);\n}\n.summary-results-table--Iezr- thead tr :first-child {\n  width: 172px;\n}\n.summary-results-table--Iezr- td {\n  background-color: var(--neutral-0);\n}\n.summary-results-table--Iezr- td.text-cell--EaUrM {\n  overflow-wrap: break-word;\n}\n.summary-results-table--Iezr- td.url-cell--mg-3l {\n  overflow-wrap: anywhere;\n}\n\n/* css-modules:src/reports/components/report-sections/results-by-url-container */\n.url-results-container---dq9B {\n  margin-top: 56px;\n}\n.url-results-container---dq9B .results-heading--2dWBX {\n  margin-top: 32px;\n  margin-bottom: 32px;\n}\n\n/* css-modules:src/common/components/cards/fix-instruction-color-box */\n.fix-instruction-color-box--DQpQE {\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  vertical-align: -5%;\n  margin-right: 2px;\n  margin-left: 2px;\n  border: 1px solid var(--light-black);\n}\n@media screen and (forced-colors: active) {\n  .fix-instruction-color-box--DQpQE {\n    forced-color-adjust: none;\n  }\n}\n.screen-reader-only--6LUiO {\n  position: absolute;\n  left: -10000px;\n  top: auto;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(100% 100% 100% 100%);\n}\n/*# sourceMappingURL=report.css.map */\n`;
+var styleSheet2 = `/* css-modules:src/common/components/heading-element-for-level */\n.heading-element-for-level--ifVX6 {\n  margin-block-start: unset;\n  margin-block-end: unset;\n}\n\n/* css-modules:src/common/components/cards/failed-instances-section */\n.failed-instances-container--3UUNb .collapsible-content {\n  margin-left: 24px;\n}\n\n/* css-modules:src/reports/components/report-sections/minimal-rule-header */\n.outcome-chip-container--G5Dfr {\n  min-width: 50px;\n}\n\n/* css-modules:src/reports/components/instance-details */\n.hidden-highlight-button--vu3B3 {\n  opacity: 0;\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n.instance-details-card--owGQF {\n  border-radius: 4px;\n  border: 1px solid var(--card-border);\n  outline-style: \"border-style\";\n  box-shadow: 0 0.6px 1.8px var(--box-shadow-108), 0 3.2px 7.2px var(--box-shadow-132);\n  margin-bottom: 16px;\n  width: -moz-available;\n  width: -webkit-fill-available;\n  width: stretch;\n}\n.instance-details-card-container--KLHTp.selected--wEA4l {\n  outline: 5px solid var(--communication-tint-10);\n}\n.instance-details-card--owGQF.selected--wEA4l {\n  border: 1px solid transparent;\n}\n.instance-details-card--owGQF.focused--pvBWq,\n.instance-details-card--owGQF:focus {\n  outline: 2px solid var(--primary-text);\n  outline-offset: 2px;\n}\n.instance-details-card--owGQF.selected--wEA4l.focused--pvBWq,\n.instance-details-card--owGQF.selected--wEA4l:focus {\n  outline-offset: 8px;\n}\n.instance-details-card--owGQF.interactive--an0ab {\n  cursor: pointer;\n}\n.instance-details-card--owGQF.interactive--an0ab:hover {\n  box-shadow: 0 8px 10px var(--box-shadow-108), 0 8px 10px var(--box-shadow-132);\n}\n.report-instance-table--3VoZX {\n  background: var(--neutral-0);\n  display: table;\n  table-layout: fixed;\n  width: -moz-available;\n  width: -webkit-fill-available;\n  width: stretch;\n  border-radius: inherit;\n  border-collapse: collapse;\n  overflow-wrap: break-word;\n  word-break: break-word;\n}\n.report-instance-table--3VoZX .row---3i35 {\n  display: flex;\n  flex-wrap: wrap;\n  padding-top: 2px;\n  padding-bottom: 14px;\n  padding-left: 0;\n  padding-right: 20px;\n  border-bottom: 0.5px solid var(--neutral-10);\n}\n.report-instance-table--3VoZX .row---3i35 > * {\n  margin-top: 12px;\n  margin-bottom: 0;\n  margin-left: 20px;\n  margin-right: 0;\n  padding: 0;\n}\n.report-instance-table--3VoZX .row---3i35:last-child {\n  border-bottom: none;\n}\n.report-instance-table--3VoZX .row-label--FlVZl {\n  flex-basis: 90px;\n  flex-shrink: 1;\n  flex-grow: 0;\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 600;\n  color: var(--primary-text);\n  text-align: left;\n}\n.report-instance-table--3VoZX .row-content--07KUh {\n  flex-basis: 200px;\n  flex-shrink: 1;\n  flex-grow: 1;\n  color: var(--secondary-text);\n  font-size: 14px;\n  line-height: 20px;\n  align-items: flex-end;\n  display: flex;\n}\n\n/* css-modules:src/common/components/toast */\n.toast-container--L-5HM {\n  display: inline-block;\n}\n.toast-content--8-Mx1 {\n  background: var(--neutral-70);\n  border-radius: 4px;\n  color: var(--neutral-0);\n  padding-left: 20px;\n  padding-top: 14px;\n  padding-bottom: 14px;\n  padding-right: 20px;\n  width: 316px;\n  margin-left: calc(316px / -2 - 20px);\n  left: 50%;\n  bottom: 20px;\n  z-index: 1000;\n  position: absolute;\n}\n\n/* css-modules:src/common/components/cards/card-footer-instance-action-buttons */\n.kebab-menu-icon--EUIj- {\n  flex-grow: 1;\n  padding-left: 9px !important;\n  padding-right: 9px !important;\n  padding-top: 6px !important;\n  padding-bottom: 6px !important;\n}\n@media screen and (forced-colors: active) {\n  .kebab-menu-icon--EUIj- {\n    color: buttontext !important;\n  }\n}\n.kebab-menu-icon--EUIj-:hover {\n  border-style: solid !important;\n  border-width: 1px;\n  padding-left: 8px !important;\n  padding-right: 8px !important;\n  padding-top: 5px !important;\n  padding-bottom: 5px !important;\n}\n.kebab-menu-button--9Qt0a {\n  margin-right: 8px;\n  width: 32px;\n  height: 32px;\n}\n.kebab-menu-button--9Qt0a:hover {\n  background-color: var(--menu-item-background-hover);\n}\n.kebab-menu-button--9Qt0a.is-expanded {\n  background-color: var(--menu-item-background-active);\n}\n@media screen and (forced-colors: active) {\n  .kebab-menu-button--9Qt0a.is-expanded .kebab-menu-icon--EUIj-,\n  .kebab-menu-button--9Qt0a:hover .kebab-menu-icon--EUIj- {\n    color: highlight;\n  }\n}\n\n/* css-modules:src/common/components/cards/instance-details-footer */\n.foot--p1DfC {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: var(--neutral-2);\n  min-height: 48px;\n  padding-left: 12px;\n  border-top: 0.5px solid var(--card-footer-border);\n  border-bottom-left-radius: inherit;\n  border-bottom-right-radius: inherit;\n}\n.foot--p1DfC .highlight-status--xJvvI {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: transparent;\n}\n.foot--p1DfC .highlight-status--xJvvI svg {\n  fill: var(--secondary-text);\n}\n@media screen and (forced-colors: active) {\n  .foot--p1DfC .highlight-status--xJvvI svg {\n    fill: ButtonFace !important;\n    stroke: ButtonText !important;\n  }\n}\n.foot--p1DfC .highlight-status--xJvvI label {\n  color: var(--secondary-text);\n  font-size: 14px;\n  overflow-wrap: break-word;\n  word-break: break-word;\n}\n\n/* css-modules:src/common/components/cards/instance-details-group */\nul.instance-details-list--YfkRy {\n  list-style-type: none;\n  padding-inline-start: unset;\n  margin-block-start: unset;\n  margin-block-end: unset;\n}\nul.instance-details-list--YfkRy > li {\n  margin-bottom: 16px;\n}\nul.instance-details-list--YfkRy > li:last-child {\n  margin-bottom: unset;\n}\n\n/* css-modules:src/common/components/cards/rule-resources */\n.rule-more-resources--uw9mc {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 16px;\n  padding-top: 14px;\n  padding-right: 20px;\n  padding-bottom: 14px;\n  padding-left: 20px;\n  background-color: var(--neutral-0);\n  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);\n  border-radius: 4px;\n  border: 1px solid var(--card-border);\n  line-height: 20px;\n  overflow-wrap: break-word;\n  word-break: break-word;\n}\n.rule-more-resources--uw9mc .more-resources-title--jOuUL {\n  font-weight: 600;\n}\n.rule-more-resources--uw9mc .rule-details-id--s-TpO {\n  padding-top: 12px;\n  padding-bottom: 12px;\n}\n.rule-more-resources--uw9mc .rule-guidance--TIQgm > :not(span:first-of-type) {\n  margin-left: 8px;\n}\n\n/* css-modules:src/common/components/cards/rules-with-instances */\n.rule-details-group--Tb-LW .rule-detail {\n  font-size: 14px;\n  padding-top: 16px;\n  padding-right: 8px;\n  padding-bottom: 16px;\n  padding-left: 8px;\n  display: flex;\n  align-items: baseline;\n  text-align: left;\n}\n.rule-details-group--Tb-LW .rule-detail .outcome-chip {\n  vertical-align: middle;\n  margin-bottom: 2px;\n}\n.rule-details-group--Tb-LW .rule-detail .rule-details-id {\n  font-weight: 600;\n  color: var(--primary-text);\n  word-break: break-all;\n}\n.rule-details-group--Tb-LW .rule-detail .rule-details-id a {\n  font-weight: 600;\n  color: var(--primary-text) !important;\n}\n.rule-details-group--Tb-LW .rule-detail .rule-details-id strong {\n  font-weight: 600;\n}\n.rule-details-group--Tb-LW .rule-detail .rule-detail-description {\n  color: var(--secondary-text) !important;\n  word-break: break-all;\n}\n.collapsible-rule-details-group--V-HWh {\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);\n}\n.collapsible-rule-details-group--V-HWh .rule-detail {\n  box-shadow: unset;\n}\n.collapsible-rule-details-group--V-HWh:not(.collapsed) {\n  box-shadow: unset;\n}\n\n/* css-modules:src/common/components/cards/result-section-title */\n.result-section-title--RGFI5 {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  margin-top: 8px;\n  margin-bottom: 8px;\n}\n.result-section-title--RGFI5 .outcome-chip.outcome-chip-fail .count {\n  line-height: 11px;\n}\n.result-section-title--RGFI5 .outcome-chip.outcome-chip-fail svg {\n  margin-bottom: 3px;\n}\n.result-section-title--RGFI5 .title--WBYFE {\n  font-weight: 600;\n  font-size: 17px;\n  line-height: 24px;\n  margin-right: 6px;\n  color: var(--primary-text);\n}\n.result-section-title--RGFI5 .heading--NdP4Q {\n  font-weight: 600;\n  font-size: 15px;\n  line-height: 20px;\n  margin-right: 6px;\n  color: var(--primary-text);\n}\n.result-section-title--RGFI5 .outcome-chip-container--BT3j5 {\n  display: flex;\n  height: 16px;\n}\n\n/* css-modules:src/common/components/cards/result-section */\n.result-section--HfO9s {\n  padding-bottom: 24px;\n}\n.result-section--HfO9s .title-container--JzN4A .collapsible-control--e42Z7::before {\n  position: relative;\n  bottom: 2px;\n}\n.result-section--HfO9s > h2 {\n  margin: 0;\n  font-size: 17px;\n  line-height: 24px;\n}\n\n/* css-modules:src/reports/components/header-bar */\n.report-header-bar--SDV11 {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  flex-wrap: nowrap;\n  background-color: var(--ada-brand-color);\n  height: 40px;\n  width: 100%;\n}\n.report-header-bar--SDV11 .header-icon {\n  flex-shrink: 0;\n  margin-left: 16px;\n  height: 22px;\n  width: 22px;\n}\n.report-header-bar--SDV11 .header-text--EdTxw {\n  margin-left: 8px;\n  color: var(--header-bar-title-color);\n  flex-shrink: 1;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family:\n    \"Segoe UI Web (West European)\",\n    \"Segoe UI\",\n    \"-apple-system\",\n    BlinkMacSystemFont,\n    Roboto,\n    \"Helvetica Neue\",\n    Helvetica,\n    Ubuntu,\n    Arial,\n    sans-serif,\n    \"Apple Color Emoji\",\n    \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\";\n  font-weight: normal;\n  font-size: 17px;\n  line-height: 24px;\n}\n\n/* css-modules:src/reports/components/report-sections/header-section */\n.report-header-command-bar--NJWdl {\n  height: 40px;\n  width: 100%;\n  display: flex;\n  justify-content: end;\n  min-height: fit-content;\n  align-items: center;\n  background-color: var(--neutral-0);\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);\n}\n.report-header-command-bar--NJWdl .target-page--hjh44 {\n  white-space: nowrap;\n  margin-left: 16px;\n  display: flex;\n  color: var(--primary-text);\n  font-family:\n    \"Segoe UI Web (West European)\",\n    \"Segoe UI\",\n    \"-apple-system\",\n    BlinkMacSystemFont,\n    Roboto,\n    \"Helvetica Neue\",\n    Helvetica,\n    Ubuntu,\n    Arial,\n    sans-serif,\n    \"Apple Color Emoji\",\n    \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\";\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: normal;\n  min-width: 0;\n}\n.report-header-command-bar--NJWdl .target-page--hjh44 a {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* css-modules:src/common/components/cards/combined-report-result-section-title */\n.combined-report-result-section-title--TqIZO {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  margin-top: 8px;\n  margin-bottom: 8px;\n}\n.combined-report-result-section-title--TqIZO .title--6WIyt {\n  font-weight: 600;\n  font-size: 17px;\n  line-height: 24px;\n  margin-right: 6px;\n  color: var(--primary-text);\n}\n.combined-report-result-section-title--TqIZO .heading--UpAHf {\n  font-weight: 600;\n  font-size: 15px;\n  line-height: 20px;\n  margin-right: 6px;\n  color: var(--primary-text);\n}\n\n/* css-modules:src/reports/components/report-sections/urls-summary-section */\n.urls-summary-section--jNa-v {\n  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);\n  border-radius: 4px;\n  background-color: var(--neutral-0);\n  padding: 20px;\n  margin-bottom: 24px;\n}\n.urls-summary-section--jNa-v h2 {\n  margin-bottom: 16px !important;\n}\n.urls-summary-section--jNa-v .total-urls--95-ge {\n  font-weight: 600;\n}\n.urls-summary-section--jNa-v .failure-instances--2WDtT {\n  margin-top: 40px;\n}\n.urls-summary-section--jNa-v .failure-outcome-chip--JF-lj {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n/* css-modules:src/reports/components/report-sections/rules-results-container */\n.rules-results-container--HaLDw {\n  margin-top: 56px;\n}\n.rules-results-container--HaLDw .results-heading--H9Puz {\n  margin-top: 32px;\n  margin-bottom: 32px;\n  font-weight: 600;\n  font-size: 17px;\n  line-height: 24px;\n}\n\n/* css-modules:src/reports/components/report-sections/summary-report-details-section */\n.crawl-details-section--a6evz {\n  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);\n  border-radius: 4px;\n  background-color: var(--neutral-0);\n  padding: 20px;\n  margin-bottom: 22px;\n}\n.crawl-details-section--a6evz .crawl-details-section-list--WV1Di {\n  list-style: none;\n  font-size: 14px;\n  line-height: 16px;\n  padding-left: 0;\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  flex-direction: column;\n}\n.crawl-details-section--a6evz .crawl-details-section-list--WV1Di li {\n  display: inline-block;\n}\n.crawl-details-section--a6evz .crawl-details-section-list--WV1Di li .icon--APJEn {\n  padding-right: 12px;\n  position: relative;\n  top: 3px;\n}\n.crawl-details-section--a6evz .crawl-details-section-list--WV1Di li.targetSite--wBJT- {\n  margin-bottom: 6px;\n}\n.crawl-details-section--a6evz .text--rViTo,\n.crawl-details-section--a6evz .label--DUNYf {\n  word-break: break-all;\n  color: var(--neutral-55);\n  font-family:\n    \"Segoe UI Web (West European)\",\n    \"Segoe UI\",\n    \"-apple-system\",\n    BlinkMacSystemFont,\n    Roboto,\n    \"Helvetica Neue\",\n    Helvetica,\n    Ubuntu,\n    Arial,\n    sans-serif,\n    \"Apple Color Emoji\",\n    \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\";\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 20px;\n}\n.crawl-details-section--a6evz .label--DUNYf {\n  font-weight: 600;\n}\n.crawl-details-section--a6evz .label--DUNYf.no-icon--VrSr5 {\n  padding-left: 29px;\n}\n\n/* css-modules:src/reports/components/report-sections/collapsible-url-result-section */\n.url-result-section--SkOlZ {\n  padding-bottom: 31px;\n}\n.url-result-section--SkOlZ .title-container[aria-level=\"3\"] .collapsible-control::before {\n  position: relative;\n  bottom: 2px;\n  margin-right: 14px;\n}\n.url-result-section--SkOlZ .collapsible-content {\n  margin-top: 19px;\n}\n\n/* css-modules:src/reports/components/report-sections/summary-results-table */\n.summary-results-table--Iezr- {\n  width: 100%;\n  margin: 0;\n  text-align: left;\n  border-spacing: 0;\n  border-collapse: collapse;\n  font-size: 14px;\n  line-height: 20px;\n}\n.summary-results-table--Iezr- th,\n.summary-results-table--Iezr- td {\n  border: 1px solid var(--neutral-20);\n  padding-top: 16px;\n  padding-right: 8px;\n  padding-bottom: 16px;\n  padding-left: 8px;\n}\n.summary-results-table--Iezr- th {\n  font-weight: 600;\n  background-color: var(--neutral-6);\n}\n.summary-results-table--Iezr- thead tr :first-child {\n  width: 172px;\n}\n.summary-results-table--Iezr- td {\n  background-color: var(--neutral-0);\n}\n.summary-results-table--Iezr- td.text-cell--EaUrM {\n  overflow-wrap: break-word;\n}\n.summary-results-table--Iezr- td.url-cell--mg-3l {\n  overflow-wrap: anywhere;\n}\n\n/* css-modules:src/reports/components/report-sections/results-by-url-container */\n.url-results-container---dq9B {\n  margin-top: 56px;\n}\n.url-results-container---dq9B .results-heading--2dWBX {\n  margin-top: 32px;\n  margin-bottom: 32px;\n}\n\n/* css-modules:src/common/components/cards/fix-instruction-color-box */\n.fix-instruction-color-box--DQpQE {\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  vertical-align: -5%;\n  margin-right: 2px;\n  margin-left: 2px;\n  border: 1px solid var(--light-black);\n}\n@media screen and (forced-colors: active) {\n  .fix-instruction-color-box--DQpQE {\n    forced-color-adjust: none;\n  }\n}\n.screen-reader-only--6LUiO {\n  position: absolute;\n  left: -10000px;\n  top: auto;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(100% 100% 100% 100%);\n}\n\n/* css-modules:src/common/components/cards/related-paths-card-row */\n.path-list--MxxKM {\n  padding-left: 16px;\n  list-style-type: disc;\n}\n\n/* css-modules:src/common/components/cards/rich-resolution-content */\n.multi-line-text-yes-bullet--TXyX- {\n  padding-left: 16px;\n}\n.multi-line-text-yes-bullet--TXyX- li {\n  list-style-type: disc;\n  margin-bottom: 4px;\n}\n.multi-line-text-no-bullet--AUXXt {\n  padding-left: 0;\n  list-style: none;\n}\n.multi-line-text-no-bullet--AUXXt li:not(:last-child) {\n  margin-bottom: 4px;\n}\n.combination-lists--boK5y {\n  flex-direction: column;\n  display: flex;\n}\n\n/* css-modules:src/common/components/cards/urls-card-row */\n.urls-row-content--JDdRx {\n  padding-left: 16px;\n}\n.urls-row-content--JDdRx li {\n  list-style-type: disc;\n  margin-bottom: 4px;\n}\n.urls-row-content-new-Failure--oL5lS {\n  color: var(--negative-outcome);\n  font-weight: bold;\n}\n\n/* css-modules:src/common/components/cards/how-to-fix-card-row */\n.how-to-fix-content--Zz96u {\n  margin-bottom: 16px;\n}\n.how-to-fix-content--Zz96u ul {\n  padding-left: 16px;\n}\n.how-to-fix-content--Zz96u ul li {\n  list-style-type: disc;\n  margin-bottom: 4px;\n}\n\n/* css-modules:src/common/components/cards/snippet-card-row */\n.snippet--hSNfv {\n  font-family:\n    menlo,\n    consolas,\n    courier new,\n    monospace;\n  white-space: normal;\n}\n/*# sourceMappingURL=report.css.map */\n`;
 
 // src/reports/components/reporter-automated-check-head.tsx
 var ReporterHead = NamedFC("ReporterHead", () => {
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React35.createElement(
     Head,
     {
       titlePreface: brand,
@@ -2386,11 +2086,11 @@ var ReporterHead = NamedFC("ReporterHead", () => {
 });
 
 // src/reports/package/footer-text-for-service.tsx
-var React46 = __toESM(require("react"));
+var React37 = __toESM(require("react"));
 
 // src/reports/components/report-sections/tool-link.tsx
-var React45 = __toESM(require("react"));
-var ToolLink = NamedFC("ToolLink", () => /* @__PURE__ */ React45.createElement(
+var React36 = __toESM(require("react"));
+var ToolLink = NamedFC("ToolLink", () => /* @__PURE__ */ React36.createElement(
   NewTabLink,
   {
     className: "tool-name-link",
@@ -2403,37 +2103,37 @@ var ToolLink = NamedFC("ToolLink", () => /* @__PURE__ */ React45.createElement(
 // src/reports/package/footer-text-for-service.tsx
 var FooterTextForService = NamedFC("FooterTextForService", ({ scanMetadata }) => {
   const toolData = scanMetadata.toolData;
-  return /* @__PURE__ */ React46.createElement(React46.Fragment, null, "This automated checks result was generated using the ", toolData.applicationProperties.name, " ", "that helps find some of the most common accessibility issues. The scan was", " ", "performed in a clean browser environment, using ", toolData.scanEngineProperties.name, " ", toolData.scanEngineProperties.version, " and ", toolData.applicationProperties.environmentName, " ", "with a display resolution of ", toolData.applicationProperties.resolution, ". For a complete", " ", "WCAG 2.1 compliance assessment please visit", " ", /* @__PURE__ */ React46.createElement(ToolLink, null), ".");
+  return /* @__PURE__ */ React37.createElement(React37.Fragment, null, "This automated checks result was generated using the ", toolData.applicationProperties.name, " ", "that helps find some of the most common accessibility issues. The scan was", " ", "performed in a clean browser environment, using ", toolData.scanEngineProperties.name, " ", toolData.scanEngineProperties.version, " and ", toolData.applicationProperties.environmentName, " ", "with a display resolution of ", toolData.applicationProperties.resolution, ". For a complete", " ", "WCAG 2.1 compliance assessment please visit", " ", /* @__PURE__ */ React37.createElement(ToolLink, null), ".");
 });
 
 // src/reports/components/report-sections/automated-checks-title-section.tsx
-var React47 = __toESM(require("react"));
+var React38 = __toESM(require("react"));
 var AutomatedChecksTitleSection = NamedFC("AutomatedChecksTitleSection", () => {
-  return /* @__PURE__ */ React47.createElement("div", { className: "title-section" }, /* @__PURE__ */ React47.createElement("h1", null, "Automated checks results"));
+  return /* @__PURE__ */ React38.createElement("div", { className: "title-section" }, /* @__PURE__ */ React38.createElement("h1", null, "Automated checks results"));
 });
 
 // src/reports/components/report-sections/body-section.tsx
-var React48 = __toESM(require("react"));
+var React39 = __toESM(require("react"));
 var BodySection = NamedFC("BodySection", ({ children }) => {
-  return /* @__PURE__ */ React48.createElement("body", null, children);
+  return /* @__PURE__ */ React39.createElement("body", null, children);
 });
 
 // src/reports/components/report-sections/content-container.tsx
-var React49 = __toESM(require("react"));
+var React40 = __toESM(require("react"));
 var ContentContainer = NamedFC("ContentSection", ({ children }) => {
-  return /* @__PURE__ */ React49.createElement("main", { className: "outer-container" }, /* @__PURE__ */ React49.createElement("div", { className: "content-container" }, children));
+  return /* @__PURE__ */ React40.createElement("main", { className: "outer-container" }, /* @__PURE__ */ React40.createElement("div", { className: "content-container" }, children));
 });
 
 // src/reports/components/report-sections/details-section.tsx
-var React54 = __toESM(require("react"));
+var React45 = __toESM(require("react"));
 
 // src/reports/components/report-sections/make-details-section-fc.tsx
-var import_utilities6 = require("@fluentui/utilities");
+var import_utilities5 = require("@fluentui/utilities");
 
 // src/common/icons/comment-icon.tsx
-var React50 = __toESM(require("react"));
+var React41 = __toESM(require("react"));
 var d = "M16 11.2891V0.289062H-7.62939e-06V11.2891H1.99999V15L5.71093 11.2891H16ZM1 1.28906H15L15 10.2891H5.28906L3 12.5781V10.2891H1V1.28906ZM9.99999 6.28906H8.99999V4.28906H11V6.28906C11 6.42969 10.974 6.55859 10.9219 6.67969C10.8698 6.80078 10.7982 6.90625 10.707 6.99609C10.6159 7.08594 10.5104 7.16016 10.3906 7.21094C10.2708 7.26172 10.1406 7.28906 9.99999 7.28906V6.28906ZM4.99999 6.28906H5.99999V7.28906C6.14062 7.28906 6.27083 7.26172 6.39062 7.21094C6.51041 7.16016 6.61588 7.08594 6.70702 6.99609C6.79817 6.90625 6.86978 6.80078 6.92187 6.67969C6.97395 6.55859 6.99999 6.42969 6.99999 6.28906V4.28906H4.99999V6.28906Z";
-var CommentIcon = NamedFC("CommentIcon", () => /* @__PURE__ */ React50.createElement(
+var CommentIcon = NamedFC("CommentIcon", () => /* @__PURE__ */ React41.createElement(
   "svg",
   {
     width: "17",
@@ -2444,13 +2144,13 @@ var CommentIcon = NamedFC("CommentIcon", () => /* @__PURE__ */ React50.createEle
     role: "img",
     "aria-hidden": "true"
   },
-  /* @__PURE__ */ React50.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d, fill: "#737373" })
+  /* @__PURE__ */ React41.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d, fill: "#737373" })
 ));
 
 // src/common/icons/date-icon.tsx
-var React51 = __toESM(require("react"));
+var React42 = __toESM(require("react"));
 var d2 = "M8.82353 16C8.09697 16 7.39677 15.9062 6.72294 15.7188C6.05497 15.5312 5.42802 15.2676 4.84208 14.9277C4.26201 14.582 3.73173 14.1719 3.25126 13.6973C2.77665 13.2168 2.3665 12.6865 2.02079 12.1064C1.68095 11.5205 1.41728 10.8936 1.22978 10.2256C1.04228 9.55176 0.948529 8.85156 0.948529 8.125C0.948529 7.39844 1.04228 6.70117 1.22978 6.0332C1.41728 5.35937 1.68095 4.73242 2.02079 4.15234C2.3665 3.56641 2.77665 3.03613 3.25126 2.56152C3.73173 2.08105 4.26201 1.6709 4.84208 1.33105C5.42802 0.985352 6.05497 0.71875 6.72294 0.53125C7.39677 0.34375 8.09697 0.25 8.82353 0.25C9.55009 0.25 10.2474 0.34375 10.9153 0.53125C11.5892 0.71875 12.2161 0.985352 12.7962 1.33105C13.3821 1.6709 13.9124 2.08105 14.387 2.56152C14.8675 3.03613 15.2776 3.56641 15.6175 4.15234C15.9632 4.73242 16.2298 5.35937 16.4173 6.0332C16.6048 6.70117 16.6985 7.39844 16.6985 8.125C16.6985 8.85156 16.6048 9.55176 16.4173 10.2256C16.2298 10.8936 15.9632 11.5205 15.6175 12.1064C15.2776 12.6865 14.8675 13.2168 14.387 13.6973C13.9124 14.1719 13.3821 14.582 12.7962 14.9277C12.2161 15.2676 11.5892 15.5312 10.9153 15.7188C10.2474 15.9062 9.55009 16 8.82353 16ZM8.82353 1.375C7.89189 1.375 7.01591 1.55371 6.1956 1.91113C5.38115 2.2627 4.6663 2.74609 4.05107 3.36133C3.44169 3.9707 2.95829 4.68555 2.60087 5.50586C2.24931 6.32031 2.07353 7.19336 2.07353 8.125C2.07353 9.05664 2.24931 9.93262 2.60087 10.7529C2.95829 11.5674 3.44169 12.2822 4.05107 12.8975C4.6663 13.5068 5.38115 13.9902 6.1956 14.3477C7.01591 14.6992 7.89189 14.875 8.82353 14.875C9.75517 14.875 10.6282 14.6992 11.4427 14.3477C12.263 13.9902 12.9778 13.5068 13.5872 12.8975C14.2024 12.2822 14.6858 11.5674 15.0374 10.7529C15.3948 9.93262 15.5735 9.05664 15.5735 8.125C15.5735 7.19336 15.3948 6.32031 15.0374 5.50586C14.6858 4.68555 14.2024 3.9707 13.5872 3.36133C12.9778 2.74609 12.263 2.2627 11.4427 1.91113C10.6282 1.55371 9.75517 1.375 8.82353 1.375ZM8.82353 8.125V3.625H7.69853V9.25H12.1985V8.125H8.82353Z";
-var DateIcon = NamedFC("DateIcon", () => /* @__PURE__ */ React51.createElement(
+var DateIcon = NamedFC("DateIcon", () => /* @__PURE__ */ React42.createElement(
   "svg",
   {
     width: "17",
@@ -2461,13 +2161,13 @@ var DateIcon = NamedFC("DateIcon", () => /* @__PURE__ */ React51.createElement(
     role: "img",
     "aria-hidden": "true"
   },
-  /* @__PURE__ */ React51.createElement("path", { d: d2, fill: "#737373" })
+  /* @__PURE__ */ React42.createElement("path", { d: d2, fill: "#737373" })
 ));
 
 // src/common/icons/url-icon.tsx
-var React52 = __toESM(require("react"));
+var React43 = __toESM(require("react"));
 var d3 = "M8.82353 0C9.5579 0 10.2662 0.0963542 10.9485 0.289062C11.6308 0.476562 12.2688 0.744792 12.8626 1.09375C13.4563 1.4375 13.9954 1.85417 14.4798 2.34375C14.9694 2.82812 15.386 3.36719 15.7298 3.96094C16.0787 4.55469 16.347 5.19271 16.5345 5.875C16.7272 6.55729 16.8235 7.26562 16.8235 8C16.8235 8.73438 16.7272 9.44271 16.5345 10.125C16.347 10.8073 16.0787 11.4453 15.7298 12.0391C15.386 12.6328 14.9694 13.1745 14.4798 13.6641C13.9954 14.1484 13.4563 14.5651 12.8626 14.9141C12.2688 15.2578 11.6308 15.526 10.9485 15.7188C10.2662 15.9062 9.5579 16 8.82353 16C8.08915 16 7.38082 15.9062 6.69853 15.7188C6.01624 15.526 5.37822 15.2578 4.78447 14.9141C4.19072 14.5651 3.64905 14.1484 3.15947 13.6641C2.67509 13.1745 2.25843 12.6328 1.90947 12.0391C1.56572 11.4453 1.29749 10.8099 1.10478 10.1328C0.917279 9.45052 0.823529 8.73958 0.823529 8C0.823529 7.26562 0.917279 6.55729 1.10478 5.875C1.29749 5.19271 1.56572 4.55469 1.90947 3.96094C2.25843 3.36719 2.67509 2.82812 3.15947 2.34375C3.64905 1.85417 4.19072 1.4375 4.78447 1.09375C5.37822 0.744792 6.01363 0.476562 6.69072 0.289062C7.37301 0.0963542 8.08395 0 8.82353 0ZM15.1438 5C14.9459 4.57812 14.7063 4.18229 14.4251 3.8125C14.1438 3.4375 13.8313 3.09635 13.4876 2.78906C13.1438 2.48177 12.7714 2.20833 12.3704 1.96875C11.9694 1.72917 11.5501 1.53385 11.1126 1.38281C11.3001 1.64323 11.4694 1.91927 11.6204 2.21094C11.7714 2.5026 11.9043 2.80469 12.0188 3.11719C12.1386 3.42448 12.2402 3.73698 12.3235 4.05469C12.4069 4.3724 12.4798 4.6875 12.5423 5H15.1438ZM15.8235 8C15.8235 7.30729 15.7272 6.64062 15.5345 6H12.6985C12.7402 6.33333 12.7714 6.66667 12.7923 7C12.8131 7.32812 12.8235 7.66146 12.8235 8C12.8235 8.33854 12.8131 8.67448 12.7923 9.00781C12.7714 9.33594 12.7402 9.66667 12.6985 10H15.5345C15.7272 9.35938 15.8235 8.69271 15.8235 8ZM8.82353 15C9.07874 15 9.31572 14.9297 9.53447 14.7891C9.75843 14.6484 9.96415 14.4635 10.1517 14.2344C10.3392 14.0052 10.5058 13.7474 10.6517 13.4609C10.8027 13.1693 10.9355 12.875 11.0501 12.5781C11.1647 12.2812 11.261 11.9948 11.3392 11.7188C11.4173 11.4427 11.4772 11.2031 11.5188 11H6.12822C6.16988 11.2031 6.22978 11.4427 6.3079 11.7188C6.38603 11.9948 6.48238 12.2812 6.59697 12.5781C6.71155 12.875 6.84176 13.1693 6.98759 13.4609C7.13863 13.7474 7.3079 14.0052 7.4954 14.2344C7.6829 14.4635 7.88603 14.6484 8.10478 14.7891C8.32874 14.9297 8.56832 15 8.82353 15ZM11.6907 10C11.7324 9.66667 11.7636 9.33594 11.7845 9.00781C11.8105 8.67448 11.8235 8.33854 11.8235 8C11.8235 7.66146 11.8105 7.32812 11.7845 7C11.7636 6.66667 11.7324 6.33333 11.6907 6H5.95634C5.91468 6.33333 5.88082 6.66667 5.85478 7C5.83395 7.32812 5.82353 7.66146 5.82353 8C5.82353 8.33854 5.83395 8.67448 5.85478 9.00781C5.88082 9.33594 5.91468 9.66667 5.95634 10H11.6907ZM1.82353 8C1.82353 8.69271 1.91988 9.35938 2.11259 10H4.94853C4.90686 9.66667 4.87561 9.33594 4.85478 9.00781C4.83395 8.67448 4.82353 8.33854 4.82353 8C4.82353 7.66146 4.83395 7.32812 4.85478 7C4.87561 6.66667 4.90686 6.33333 4.94853 6H2.11259C1.91988 6.64062 1.82353 7.30729 1.82353 8ZM8.82353 1C8.56832 1 8.32874 1.07031 8.10478 1.21094C7.88603 1.35156 7.6829 1.53646 7.4954 1.76562C7.3079 1.99479 7.13863 2.25521 6.98759 2.54688C6.84176 2.83333 6.71155 3.125 6.59697 3.42188C6.48238 3.71875 6.38603 4.00521 6.3079 4.28125C6.22978 4.55729 6.16988 4.79688 6.12822 5H11.5188C11.4772 4.79688 11.4173 4.55729 11.3392 4.28125C11.261 4.00521 11.1647 3.71875 11.0501 3.42188C10.9355 3.125 10.8027 2.83333 10.6517 2.54688C10.5058 2.25521 10.3392 1.99479 10.1517 1.76562C9.96415 1.53646 9.75843 1.35156 9.53447 1.21094C9.31572 1.07031 9.07874 1 8.82353 1ZM6.53447 1.38281C6.09697 1.53385 5.6777 1.72917 5.27665 1.96875C4.87561 2.20833 4.50322 2.48177 4.15947 2.78906C3.81572 3.09635 3.50322 3.4375 3.22197 3.8125C2.94072 4.18229 2.70113 4.57812 2.50322 5H5.10478C5.16728 4.6875 5.2402 4.3724 5.32353 4.05469C5.40686 3.73698 5.50582 3.42448 5.6204 3.11719C5.7402 2.80469 5.87561 2.5026 6.02665 2.21094C6.1777 1.91927 6.34697 1.64323 6.53447 1.38281ZM2.50322 11C2.70113 11.4219 2.94072 11.8203 3.22197 12.1953C3.50322 12.5651 3.81572 12.9036 4.15947 13.2109C4.50322 13.5182 4.87561 13.7917 5.27665 14.0312C5.6777 14.2708 6.09697 14.4661 6.53447 14.6172C6.34697 14.3568 6.1777 14.0807 6.02665 13.7891C5.87561 13.4974 5.7402 13.1979 5.6204 12.8906C5.50582 12.5781 5.40686 12.263 5.32353 11.9453C5.2402 11.6276 5.16728 11.3125 5.10478 11H2.50322ZM11.1126 14.6172C11.5501 14.4661 11.9694 14.2708 12.3704 14.0312C12.7714 13.7917 13.1438 13.5182 13.4876 13.2109C13.8313 12.9036 14.1438 12.5651 14.4251 12.1953C14.7063 11.8203 14.9459 11.4219 15.1438 11H12.5423C12.4798 11.3125 12.4069 11.6276 12.3235 11.9453C12.2402 12.263 12.1386 12.5781 12.0188 12.8906C11.9043 13.1979 11.7714 13.4974 11.6204 13.7891C11.4694 14.0807 11.3001 14.3568 11.1126 14.6172Z";
-var UrlIcon = NamedFC("UrlIcon", () => /* @__PURE__ */ React52.createElement(
+var UrlIcon = NamedFC("UrlIcon", () => /* @__PURE__ */ React43.createElement(
   "svg",
   {
     width: "17",
@@ -2478,25 +2178,25 @@ var UrlIcon = NamedFC("UrlIcon", () => /* @__PURE__ */ React52.createElement(
     role: "img",
     "aria-hidden": "true"
   },
-  /* @__PURE__ */ React52.createElement("path", { d: d3, fill: "#737373" })
+  /* @__PURE__ */ React43.createElement("path", { d: d3, fill: "#737373" })
 ));
 
 // src/reports/components/report-sections/make-details-section-fc.tsx
-var import_lodash10 = require("lodash");
-var React53 = __toESM(require("react"));
+var import_lodash8 = require("lodash");
+var React44 = __toESM(require("react"));
 function makeDetailsSectionFC(getDisplayedScanTargetInfo) {
   return NamedFC("DetailsSection", (props) => {
     const { scanMetadata, description, toUtcString } = props;
-    const createListItem = (icon, label, content, contentClassName) => /* @__PURE__ */ React53.createElement("li", null, /* @__PURE__ */ React53.createElement("span", { className: "icon" }, icon), /* @__PURE__ */ React53.createElement("span", { className: "screen-reader-only" }, label), /* @__PURE__ */ React53.createElement("span", { className: (0, import_utilities6.css)("text", contentClassName) }, content));
+    const createListItem = (icon, label, content, contentClassName) => /* @__PURE__ */ React44.createElement("li", null, /* @__PURE__ */ React44.createElement("span", { className: "icon" }, icon), /* @__PURE__ */ React44.createElement("span", { className: "screen-reader-only" }, label), /* @__PURE__ */ React44.createElement("span", { className: (0, import_utilities5.css)("text", contentClassName) }, content));
     const scanDateUTC = toUtcString(scanMetadata.timespan.scanComplete);
-    const showCommentRow = !(0, import_lodash10.isEmpty)(description);
+    const showCommentRow = !(0, import_lodash8.isEmpty)(description);
     const displayedScanTargetInfo = getDisplayedScanTargetInfo(scanMetadata);
-    return /* @__PURE__ */ React53.createElement("div", { className: "scan-details-section" }, /* @__PURE__ */ React53.createElement("h2", null, "Scan details"), /* @__PURE__ */ React53.createElement("ul", { className: "details-section-list" }, createListItem(
-      /* @__PURE__ */ React53.createElement(UrlIcon, null),
+    return /* @__PURE__ */ React44.createElement("div", { className: "scan-details-section" }, /* @__PURE__ */ React44.createElement("h2", null, "Scan details"), /* @__PURE__ */ React44.createElement("ul", { className: "details-section-list" }, createListItem(
+      /* @__PURE__ */ React44.createElement(UrlIcon, null),
       displayedScanTargetInfo.label,
       displayedScanTargetInfo.content
-    ), createListItem(/* @__PURE__ */ React53.createElement(DateIcon, null), "scan date:", scanDateUTC), showCommentRow && createListItem(
-      /* @__PURE__ */ React53.createElement(CommentIcon, null),
+    ), createListItem(/* @__PURE__ */ React44.createElement(DateIcon, null), "scan date:", scanDateUTC), showCommentRow && createListItem(
+      /* @__PURE__ */ React44.createElement(CommentIcon, null),
       "comment:",
       description,
       "description-text"
@@ -2508,7 +2208,7 @@ function makeDetailsSectionFC(getDisplayedScanTargetInfo) {
 function getUrlItemInfo(scanMetadata) {
   return {
     label: "target page url:",
-    content: /* @__PURE__ */ React54.createElement(
+    content: /* @__PURE__ */ React45.createElement(
       NewTabLinkWithConfirmationDialog,
       {
         href: scanMetadata.targetAppInfo.url,
@@ -2521,31 +2221,31 @@ function getUrlItemInfo(scanMetadata) {
 var DetailsSection = makeDetailsSectionFC(getUrlItemInfo);
 
 // src/reports/components/report-sections/not-applicable-checks-section.tsx
-var React58 = __toESM(require("react"));
+var React49 = __toESM(require("react"));
 
 // src/reports/components/report-sections/collapsible-result-section.tsx
-var React57 = __toESM(require("react"));
+var React48 = __toESM(require("react"));
 
 // src/reports/components/report-sections/rules-only.tsx
-var React56 = __toESM(require("react"));
+var React47 = __toESM(require("react"));
 
 // src/reports/components/report-sections/full-rule-header.tsx
-var import_lodash11 = require("lodash");
-var React55 = __toESM(require("react"));
+var import_lodash9 = require("lodash");
+var React46 = __toESM(require("react"));
 var FullRuleHeader = NamedFC("FullRuleHeader", (props) => {
   const { outcomeType, deps, cardRuleResult: cardResult } = props;
   const outcomeText = outcomeTypeSemantics[props.outcomeType].pastTense;
-  const ariaDescribedBy = `${(0, import_lodash11.kebabCase)(outcomeText)}-rule-${cardResult.id}-description`;
+  const ariaDescribedBy = `${(0, import_lodash9.kebabCase)(outcomeText)}-rule-${cardResult.id}-description`;
   const renderCountBadge = () => {
     if (outcomeType !== "fail") {
       return null;
     }
-    return /* @__PURE__ */ React55.createElement("span", { "aria-hidden": "true" }, /* @__PURE__ */ React55.createElement(OutcomeChip, { count: cardResult.nodes.length, outcomeType }));
+    return /* @__PURE__ */ React46.createElement("span", { "aria-hidden": "true" }, /* @__PURE__ */ React46.createElement(OutcomeChip, { count: cardResult.nodes.length, outcomeType }));
   };
   const renderRuleLink = () => {
     const ruleId = cardResult.id;
     const ruleUrl = cardResult.url;
-    const displayedRule = ruleUrl ? /* @__PURE__ */ React55.createElement(
+    const displayedRule = ruleUrl ? /* @__PURE__ */ React46.createElement(
       NewTabLink,
       {
         href: ruleUrl,
@@ -2553,31 +2253,31 @@ var FullRuleHeader = NamedFC("FullRuleHeader", (props) => {
         "aria-describedby": ariaDescribedBy
       },
       ruleId
-    ) : /* @__PURE__ */ React55.createElement(React55.Fragment, null, ruleId);
-    return /* @__PURE__ */ React55.createElement("span", { className: "rule-details-id" }, displayedRule);
+    ) : /* @__PURE__ */ React46.createElement(React46.Fragment, null, ruleId);
+    return /* @__PURE__ */ React46.createElement("span", { className: "rule-details-id" }, displayedRule);
   };
   const renderGuidanceLinks = () => {
     var _a;
-    const links = ((_a = cardResult.guidance) == null ? void 0 : _a.filter((guidanceLink) => !(0, import_lodash11.isEmpty)(guidanceLink.href))) || [];
-    if ((0, import_lodash11.isEmpty)(links)) {
+    const links = ((_a = cardResult.guidance) == null ? void 0 : _a.filter((guidanceLink) => !(0, import_lodash9.isEmpty)(guidanceLink.href))) || [];
+    if ((0, import_lodash9.isEmpty)(links)) {
       return null;
     }
-    return /* @__PURE__ */ React55.createElement(React55.Fragment, null, "(", /* @__PURE__ */ React55.createElement(GuidanceLinks, { links, LinkComponent: deps.LinkComponent }), ")");
+    return /* @__PURE__ */ React46.createElement(React46.Fragment, null, "(", /* @__PURE__ */ React46.createElement(GuidanceLinks, { links, LinkComponent: deps.LinkComponent }), ")");
   };
   const renderDescription = () => {
-    return /* @__PURE__ */ React55.createElement("span", { className: "rule-details-description", id: ariaDescribedBy }, cardResult.description);
+    return /* @__PURE__ */ React46.createElement("span", { className: "rule-details-description", id: ariaDescribedBy }, cardResult.description);
   };
   const renderGuidanceTags = () => {
-    return /* @__PURE__ */ React55.createElement(GuidanceTags, { deps, links: cardResult.guidance });
+    return /* @__PURE__ */ React46.createElement(GuidanceTags, { deps, links: cardResult.guidance });
   };
-  return /* @__PURE__ */ React55.createElement(React55.Fragment, null, /* @__PURE__ */ React55.createElement("div", { className: "rule-detail" }, /* @__PURE__ */ React55.createElement("div", null, renderCountBadge(), " ", renderRuleLink(), ": ", renderDescription(), renderGuidanceLinks(), renderGuidanceTags())));
+  return /* @__PURE__ */ React46.createElement(React46.Fragment, null, /* @__PURE__ */ React46.createElement("div", { className: "rule-detail" }, /* @__PURE__ */ React46.createElement("div", null, renderCountBadge(), " ", renderRuleLink(), ": ", renderDescription(), renderGuidanceLinks(), renderGuidanceTags())));
 });
 
 // src/reports/components/report-sections/rules-only.tsx
 var RulesOnly = NamedFC(
   "RulesOnly",
   ({ outcomeType, deps, cardRuleResults: cardResults }) => {
-    return /* @__PURE__ */ React56.createElement("div", { className: rules_with_instances_default.ruleDetailsGroup }, cardResults.map((cardRuleResult) => /* @__PURE__ */ React56.createElement(
+    return /* @__PURE__ */ React47.createElement("div", { className: rules_with_instances_default.ruleDetailsGroup }, cardResults.map((cardRuleResult) => /* @__PURE__ */ React47.createElement(
       FullRuleHeader,
       {
         deps,
@@ -2596,16 +2296,15 @@ var CollapsibleResultSection = NamedFC(
     const { containerClassName, containerId, deps, cardSelectionMessageCreator, testKey } = props;
     const CollapsibleContent = deps.collapsibleControl({
       id: containerId,
-      header: /* @__PURE__ */ React57.createElement(ResultSectionTitle, { ...props, titleSize: "title" }),
-      content: /* @__PURE__ */ React57.createElement(RulesOnly, { ...props }),
+      header: /* @__PURE__ */ React48.createElement(ResultSectionTitle, { ...props, titleSize: "title" }),
+      content: /* @__PURE__ */ React48.createElement(RulesOnly, { ...props }),
       headingLevel: props.headingLevel,
-      deps: null,
       testKey,
       onExpandToggle: (event) => {
         cardSelectionMessageCreator == null ? void 0 : cardSelectionMessageCreator.toggleRuleExpandCollapse(containerId, event);
       }
     });
-    return /* @__PURE__ */ React57.createElement("div", { className: containerClassName }, CollapsibleContent);
+    return /* @__PURE__ */ React48.createElement("div", { className: containerClassName }, CollapsibleContent);
   }
 );
 
@@ -2614,7 +2313,7 @@ var NotApplicableChecksSection = NamedFC(
   "NotApplicableChecksSection",
   ({ deps, cardsViewData, cardSelectionMessageCreator, sectionHeadingLevel }) => {
     const cardRuleResults = cardsViewData.cards.inapplicable;
-    return /* @__PURE__ */ React58.createElement(
+    return /* @__PURE__ */ React49.createElement(
       CollapsibleResultSection,
       {
         deps,
@@ -2632,13 +2331,13 @@ var NotApplicableChecksSection = NamedFC(
 );
 
 // src/reports/components/report-sections/passed-checks-section.tsx
-var React59 = __toESM(require("react"));
+var React50 = __toESM(require("react"));
 var PassedChecksSection = NamedFC(
   "PassedChecksSection",
   ({ deps, cardsViewData, cardSelectionMessageCreator, testKey, sectionHeadingLevel }) => {
     var _a;
     const cardRuleResults = ((_a = cardsViewData == null ? void 0 : cardsViewData.cards) == null ? void 0 : _a.pass) ?? [];
-    return /* @__PURE__ */ React59.createElement(
+    return /* @__PURE__ */ React50.createElement(
       CollapsibleResultSection,
       {
         deps,
@@ -2657,33 +2356,33 @@ var PassedChecksSection = NamedFC(
 );
 
 // src/reports/components/report-sections/report-footer.tsx
-var React60 = __toESM(require("react"));
+var React51 = __toESM(require("react"));
 var ReportFooter = NamedFC("ReportFooter", ({ children }) => {
-  return /* @__PURE__ */ React60.createElement("div", { className: "report-footer-container" }, /* @__PURE__ */ React60.createElement("div", { className: "report-footer", role: "contentinfo" }, children));
+  return /* @__PURE__ */ React51.createElement("div", { className: "report-footer-container" }, /* @__PURE__ */ React51.createElement("div", { className: "report-footer", role: "contentinfo" }, children));
 });
 
 // src/reports/components/report-sections/results-container.tsx
-var React61 = __toESM(require("react"));
+var React52 = __toESM(require("react"));
 var ResultsContainer = NamedFC(
   "ResultsContainer",
   ({ children, getCollapsibleScript }) => {
-    return /* @__PURE__ */ React61.createElement(React61.Fragment, null, /* @__PURE__ */ React61.createElement("div", { className: "results-container" }, children), /* @__PURE__ */ React61.createElement("script", { dangerouslySetInnerHTML: { __html: getCollapsibleScript() } }));
+    return /* @__PURE__ */ React52.createElement(React52.Fragment, null, /* @__PURE__ */ React52.createElement("div", { className: "results-container" }, children), /* @__PURE__ */ React52.createElement("script", { dangerouslySetInnerHTML: { __html: getCollapsibleScript() } }));
   }
 );
 
 // src/reports/components/report-sections/summary-section.tsx
-var React63 = __toESM(require("react"));
+var React54 = __toESM(require("react"));
 
 // src/reports/components/outcome-summary-bar.tsx
 var import_classnames2 = __toESM(require("classnames"));
-var import_lodash12 = require("lodash");
-var React62 = __toESM(require("react"));
+var import_lodash10 = require("lodash");
+var React53 = __toESM(require("react"));
 var outcomeSummaryBarAutomationId = "outcome-summary-bar";
 var OutcomeSummaryBar = NamedFC("OutcomeSummaryBar", (props) => {
   const outcomeTypesCount = props.allOutcomeTypes.length;
   const getClassNames = (outcomeType, index) => {
     return (0, import_classnames2.default)({
-      [(0, import_lodash12.kebabCase)(outcomeType)]: true,
+      [(0, import_lodash10.kebabCase)(outcomeType)]: true,
       "summary-bar-left-edge": index === 0,
       "summary-bar-right-edge": index === outcomeTypesCount - 1
     });
@@ -2702,9 +2401,9 @@ var OutcomeSummaryBar = NamedFC("OutcomeSummaryBar", (props) => {
       return null;
     }
     const outcomePastTense = outcomeTypeSemantics[outcomeType].pastTense;
-    return /* @__PURE__ */ React62.createElement("span", { className: "label" }, ` ${outcomePastTense}`);
+    return /* @__PURE__ */ React53.createElement("span", { className: "label" }, ` ${outcomePastTense}`);
   };
-  return /* @__PURE__ */ React62.createElement(
+  return /* @__PURE__ */ React53.createElement(
     "div",
     {
       className: "outcome-summary-bar",
@@ -2717,7 +2416,7 @@ var OutcomeSummaryBar = NamedFC("OutcomeSummaryBar", (props) => {
       const iconMap = iconStyleInverted === true ? outcomeIconMapInverted : outcomeIconMap;
       const outcomeIcon = iconMap[outcomeType];
       const count = props.outcomeStats[outcomeType];
-      return /* @__PURE__ */ React62.createElement("div", { key: outcomeType, style: { flexGrow: count } }, /* @__PURE__ */ React62.createElement("span", { className: getClassNames(outcomeType, index) }, outcomeIcon, count, countSuffix, getTextLabel(outcomeType)));
+      return /* @__PURE__ */ React53.createElement("div", { key: outcomeType, style: { flexGrow: count } }, /* @__PURE__ */ React53.createElement("span", { className: getClassNames(outcomeType, index) }, outcomeIcon, count, countSuffix, getTextLabel(outcomeType)));
     })
   );
 });
@@ -2736,7 +2435,7 @@ var BaseSummarySection = NamedFC("BaseSummarySection", (props) => {
     review: 0
     // never used
   };
-  return /* @__PURE__ */ React63.createElement("div", { className: "summary-section" }, /* @__PURE__ */ React63.createElement("h2", null, "Summary"), /* @__PURE__ */ React63.createElement(
+  return /* @__PURE__ */ React54.createElement("div", { className: "summary-section" }, /* @__PURE__ */ React54.createElement("h2", null, "Summary"), /* @__PURE__ */ React54.createElement(
     OutcomeSummaryBar,
     {
       outcomeStats: countSummary,
@@ -2748,13 +2447,13 @@ var BaseSummarySection = NamedFC("BaseSummarySection", (props) => {
 var AllOutcomesSummarySection = NamedFC(
   "AllOutcomesSummarySection",
   (props) => {
-    return /* @__PURE__ */ React63.createElement(BaseSummarySection, { ...props, outcomeTypesShown: ["fail", "pass", "inapplicable"] });
+    return /* @__PURE__ */ React54.createElement(BaseSummarySection, { ...props, outcomeTypesShown: ["fail", "pass", "inapplicable"] });
   }
 );
 var PassFailSummarySection = NamedFC(
   "PassFailSummarySection",
   (props) => {
-    return /* @__PURE__ */ React63.createElement(BaseSummarySection, { ...props, outcomeTypesShown: ["fail", "pass"] });
+    return /* @__PURE__ */ React54.createElement(BaseSummarySection, { ...props, outcomeTypesShown: ["fail", "pass"] });
   }
 );
 
@@ -2807,7 +2506,7 @@ var getAddListenerForCollapsibleSection = (code) => `(${String(code)})(document)
 var getDefaultAddListenerForCollapsibleSection = () => getAddListenerForCollapsibleSection(addEventListenerForCollapsibleSection);
 
 // src/common/components/cards/combined-report-result-section-title.tsx
-var React64 = __toESM(require("react"));
+var React55 = __toESM(require("react"));
 
 // src/common/components/cards/combined-report-result-section-title.scss
 var combined_report_result_section_title_default = { "combinedReportResultSectionTitle": "combined-report-result-section-title--TqIZO", "title": "title--6WIyt", "heading": "heading--UpAHf" };
@@ -2819,14 +2518,14 @@ var CombinedReportResultSectionTitle = NamedFC(
     const singularMessageSubject = props.outcomeType === "review" ? "instance to review" : "failure";
     const pluralMessageSubject = props.outcomeType === "review" ? "instances to review" : "failures";
     const alertTerm = props.outcomeCount !== 1 ? `${pluralMessageSubject} were` : `${singularMessageSubject} was`;
-    const alertingFailuresCount = /* @__PURE__ */ React64.createElement("span", { role: "alert" }, props.outcomeCount, " ", alertTerm, " detected.");
-    const titleWithInstance = /* @__PURE__ */ React64.createElement("span", { className: combined_report_result_section_title_default.heading, "aria-hidden": "true" }, props.title, " (", props.outcomeCount, ")");
-    return /* @__PURE__ */ React64.createElement("span", { className: combined_report_result_section_title_default.combinedReportResultSectionTitle }, /* @__PURE__ */ React64.createElement("span", { className: "screen-reader-only" }, props.title, " ", props.shouldAlertFailuresCount ? alertingFailuresCount : props.outcomeCount), titleWithInstance);
+    const alertingFailuresCount = /* @__PURE__ */ React55.createElement("span", { role: "alert" }, props.outcomeCount, " ", alertTerm, " detected.");
+    const titleWithInstance = /* @__PURE__ */ React55.createElement("span", { className: combined_report_result_section_title_default.heading, "aria-hidden": "true" }, props.title, " (", props.outcomeCount, ")");
+    return /* @__PURE__ */ React55.createElement("span", { className: combined_report_result_section_title_default.combinedReportResultSectionTitle }, /* @__PURE__ */ React55.createElement("span", { className: "screen-reader-only" }, props.title, " ", props.shouldAlertFailuresCount ? alertingFailuresCount : props.outcomeCount), titleWithInstance);
   }
 );
 
 // src/reports/components/report-sections/combined-report-failed-section.tsx
-var React65 = __toESM(require("react"));
+var React56 = __toESM(require("react"));
 var CombinedReportFailedSection = NamedFC(
   "CombinedReportFailedSection",
   (props) => {
@@ -2835,7 +2534,7 @@ var CombinedReportFailedSection = NamedFC(
     const sectionId = "combined-report-failed-section";
     const CollapsibleContent = deps.collapsibleControl({
       id: sectionId,
-      header: /* @__PURE__ */ React65.createElement(
+      header: /* @__PURE__ */ React56.createElement(
         CombinedReportResultSectionTitle,
         {
           outcomeCount: ruleCount,
@@ -2843,7 +2542,7 @@ var CombinedReportFailedSection = NamedFC(
           title: "Failed rules"
         }
       ),
-      content: /* @__PURE__ */ React65.createElement(
+      content: /* @__PURE__ */ React56.createElement(
         ResultSectionContent,
         {
           deps,
@@ -2862,12 +2561,12 @@ var CombinedReportFailedSection = NamedFC(
       headingLevel: 3,
       deps: {}
     });
-    return /* @__PURE__ */ React65.createElement("div", { className: "result-section" }, CollapsibleContent);
+    return /* @__PURE__ */ React56.createElement("div", { className: "result-section" }, CollapsibleContent);
   }
 );
 
 // src/reports/components/report-sections/combined-report-rules-only-sections.tsx
-var React66 = __toESM(require("react"));
+var React57 = __toESM(require("react"));
 var makeCombinedReportRulesOnlySection = (options) => NamedFC(
   "CombinedReportRulesOnlySection",
   ({ deps, cardsViewData, cardSelectionMessageCreator }) => {
@@ -2876,7 +2575,7 @@ var makeCombinedReportRulesOnlySection = (options) => NamedFC(
     const sectionId = `${outcomeType}-checks-section`;
     const CollapsibleContent = deps.collapsibleControl({
       id: sectionId,
-      header: /* @__PURE__ */ React66.createElement(
+      header: /* @__PURE__ */ React57.createElement(
         CombinedReportResultSectionTitle,
         {
           outcomeCount: cardRuleResults.length,
@@ -2884,7 +2583,7 @@ var makeCombinedReportRulesOnlySection = (options) => NamedFC(
           title: title2
         }
       ),
-      content: /* @__PURE__ */ React66.createElement(
+      content: /* @__PURE__ */ React57.createElement(
         RulesOnly,
         {
           deps,
@@ -2898,7 +2597,7 @@ var makeCombinedReportRulesOnlySection = (options) => NamedFC(
       headingLevel: 3,
       deps: null
     });
-    return /* @__PURE__ */ React66.createElement("div", { className: "result-section" }, CollapsibleContent);
+    return /* @__PURE__ */ React57.createElement("div", { className: "result-section" }, CollapsibleContent);
   }
 );
 var CombinedReportPassedSection = makeCombinedReportRulesOnlySection({
@@ -2911,10 +2610,10 @@ var CombinedReportNotApplicableSection = makeCombinedReportRulesOnlySection({
 });
 
 // src/reports/components/report-sections/combined-report-summary-section.tsx
-var React68 = __toESM(require("react"));
+var React59 = __toESM(require("react"));
 
 // src/reports/components/report-sections/urls-summary-section.tsx
-var React67 = __toESM(require("react"));
+var React58 = __toESM(require("react"));
 
 // src/reports/components/url-outcome-type.ts
 var allUrlOutcomeTypes = ["fail", "unscannable", "pass"];
@@ -2932,7 +2631,7 @@ var UrlsSummarySection = NamedFC("UrlsSummarySection", (props) => {
   } = props;
   const getTotalUrls = () => {
     const totalUrls = urlsPassedCount + urlsFailedCount + urlsNotScannedCount;
-    return /* @__PURE__ */ React67.createElement(React67.Fragment, null, /* @__PURE__ */ React67.createElement("h2", null, "URLs"), /* @__PURE__ */ React67.createElement("span", { className: urls_summary_section_default.totalUrls }, totalUrls), " total URLs scanned");
+    return /* @__PURE__ */ React58.createElement(React58.Fragment, null, /* @__PURE__ */ React58.createElement("h2", null, "URLs"), /* @__PURE__ */ React58.createElement("span", { className: urls_summary_section_default.totalUrls }, totalUrls), " total URLs scanned");
   };
   const getSummaryBar = () => {
     const countSummary = {
@@ -2940,7 +2639,7 @@ var UrlsSummarySection = NamedFC("UrlsSummarySection", (props) => {
       unscannable: urlsNotScannedCount,
       pass: urlsPassedCount
     };
-    return /* @__PURE__ */ React67.createElement(
+    return /* @__PURE__ */ React58.createElement(
       OutcomeSummaryBar,
       {
         outcomeStats: countSummary,
@@ -2951,9 +2650,9 @@ var UrlsSummarySection = NamedFC("UrlsSummarySection", (props) => {
     );
   };
   const getFailedInstances = () => {
-    return /* @__PURE__ */ React67.createElement("div", { className: urls_summary_section_default.failureInstances }, /* @__PURE__ */ React67.createElement("h2", null, "Failure Instances"), /* @__PURE__ */ React67.createElement("span", { className: urls_summary_section_default.failureOutcomeChip }, /* @__PURE__ */ React67.createElement(OutcomeChip, { count: failureInstancesCount, outcomeType: "fail" }), /* @__PURE__ */ React67.createElement("span", null, "Failure instances were detected")));
+    return /* @__PURE__ */ React58.createElement("div", { className: urls_summary_section_default.failureInstances }, /* @__PURE__ */ React58.createElement("h2", null, "Failure Instances"), /* @__PURE__ */ React58.createElement("span", { className: urls_summary_section_default.failureOutcomeChip }, /* @__PURE__ */ React58.createElement(OutcomeChip, { count: failureInstancesCount, outcomeType: "fail" }), /* @__PURE__ */ React58.createElement("span", null, "Failure instances were detected")));
   };
-  return /* @__PURE__ */ React67.createElement("div", { className: urls_summary_section_default.urlsSummarySection }, getTotalUrls(), getSummaryBar(), getFailedInstances());
+  return /* @__PURE__ */ React58.createElement("div", { className: urls_summary_section_default.urlsSummarySection }, getTotalUrls(), getSummaryBar(), getFailedInstances());
 });
 
 // src/reports/components/report-sections/combined-report-summary-section.tsx
@@ -2974,12 +2673,12 @@ var CombinedReportSummarySection = NamedFC(
       notScannedUrlsCount: urlResultCounts.unscannableUrls,
       failureInstancesCount: failedInstances
     };
-    return /* @__PURE__ */ React68.createElement(UrlsSummarySection, { ...urlsSummarySectionProps });
+    return /* @__PURE__ */ React59.createElement(UrlsSummarySection, { ...urlsSummarySectionProps });
   }
 );
 
 // src/reports/components/report-sections/rules-results-container.tsx
-var React69 = __toESM(require("react"));
+var React60 = __toESM(require("react"));
 
 // src/reports/components/report-sections/rules-results-container.scss
 var rules_results_container_default = { "rulesResultsContainer": "rules-results-container--HaLDw", "resultsHeading": "results-heading--H9Puz" };
@@ -2988,13 +2687,13 @@ var rules_results_container_default = { "rulesResultsContainer": "rules-results-
 var RulesResultsContainer = NamedFC(
   "RulesResultsContainer",
   ({ children, getCollapsibleScript }) => {
-    return /* @__PURE__ */ React69.createElement(React69.Fragment, null, /* @__PURE__ */ React69.createElement("div", { className: rules_results_container_default.rulesResultsContainer }, /* @__PURE__ */ React69.createElement("div", { className: rules_results_container_default.resultsHeading }, /* @__PURE__ */ React69.createElement("h2", null, "Rules")), children), /* @__PURE__ */ React69.createElement("script", { dangerouslySetInnerHTML: { __html: getCollapsibleScript() } }));
+    return /* @__PURE__ */ React60.createElement(React60.Fragment, null, /* @__PURE__ */ React60.createElement("div", { className: rules_results_container_default.rulesResultsContainer }, /* @__PURE__ */ React60.createElement("div", { className: rules_results_container_default.resultsHeading }, /* @__PURE__ */ React60.createElement("h2", null, "Rules")), children), /* @__PURE__ */ React60.createElement("script", { dangerouslySetInnerHTML: { __html: getCollapsibleScript() } }));
   }
 );
 
 // src/reports/components/report-sections/summary-report-details-section.tsx
 var import_react6 = require("@fluentui/react");
-var React70 = __toESM(require("react"));
+var React61 = __toESM(require("react"));
 
 // src/reports/components/report-sections/summary-report-details-section.scss
 var summary_report_details_section_default = { "crawlDetailsSection": "crawl-details-section--a6evz", "crawlDetailsSectionList": "crawl-details-section-list--WV1Di", "icon": "icon--APJEn", "targetSite": "targetSite--wBJT-", "text": "text--rViTo", "label": "label--DUNYf", "noIcon": "no-icon--VrSr5" };
@@ -3005,12 +2704,12 @@ var SummaryReportDetailsSection = NamedFC(
   (props) => {
     const { scanMetadata, toUtcString, secondsToTimeString } = props;
     const scanTimespan = scanMetadata.timespan;
-    const createListItem = (label, content, icon, className) => icon ? /* @__PURE__ */ React70.createElement("li", { key: label, className }, /* @__PURE__ */ React70.createElement("span", { className: summary_report_details_section_default.icon }, icon), /* @__PURE__ */ React70.createElement("span", { className: summary_report_details_section_default.label }, `${label} `), /* @__PURE__ */ React70.createElement("span", { className: summary_report_details_section_default.text }, content)) : /* @__PURE__ */ React70.createElement("li", { key: label, className }, /* @__PURE__ */ React70.createElement("span", { className: (0, import_react6.css)(summary_report_details_section_default.noIcon, summary_report_details_section_default.label) }, `${label} `), /* @__PURE__ */ React70.createElement("span", { className: summary_report_details_section_default.text }, content));
+    const createListItem = (label, content, icon, className) => icon ? /* @__PURE__ */ React61.createElement("li", { key: label, className }, /* @__PURE__ */ React61.createElement("span", { className: summary_report_details_section_default.icon }, icon), /* @__PURE__ */ React61.createElement("span", { className: summary_report_details_section_default.label }, `${label} `), /* @__PURE__ */ React61.createElement("span", { className: summary_report_details_section_default.text }, content)) : /* @__PURE__ */ React61.createElement("li", { key: label, className }, /* @__PURE__ */ React61.createElement("span", { className: (0, import_react6.css)(summary_report_details_section_default.noIcon, summary_report_details_section_default.label) }, `${label} `), /* @__PURE__ */ React61.createElement("span", { className: summary_report_details_section_default.text }, content));
     const listItems = [];
     listItems.push(
       createListItem(
         "Target site",
-        /* @__PURE__ */ React70.createElement(
+        /* @__PURE__ */ React61.createElement(
           NewTabLinkWithConfirmationDialog,
           {
             href: scanMetadata.targetAppInfo.url,
@@ -3018,13 +2717,13 @@ var SummaryReportDetailsSection = NamedFC(
           },
           scanMetadata.targetAppInfo.url
         ),
-        /* @__PURE__ */ React70.createElement(UrlIcon, null),
+        /* @__PURE__ */ React61.createElement(UrlIcon, null),
         summary_report_details_section_default.targetSite
       )
     );
     if (scanTimespan.scanStart != null) {
       const scanStartUTC = toUtcString(scanTimespan.scanStart);
-      listItems.push(createListItem("Scans started", scanStartUTC, /* @__PURE__ */ React70.createElement(DateIcon, null)));
+      listItems.push(createListItem("Scans started", scanStartUTC, /* @__PURE__ */ React61.createElement(DateIcon, null)));
     }
     const scanCompleteUTC = toUtcString(scanTimespan.scanComplete);
     listItems.push(createListItem("Scans completed", scanCompleteUTC));
@@ -3032,20 +2731,21 @@ var SummaryReportDetailsSection = NamedFC(
       const duration = secondsToTimeString(scanTimespan.durationSeconds);
       listItems.push(createListItem("Duration", duration));
     }
-    return /* @__PURE__ */ React70.createElement("div", { className: summary_report_details_section_default.crawlDetailsSection }, /* @__PURE__ */ React70.createElement("h2", null, "Scan details"), /* @__PURE__ */ React70.createElement("ul", { className: summary_report_details_section_default.crawlDetailsSectionList }, listItems));
+    return /* @__PURE__ */ React61.createElement("div", { className: summary_report_details_section_default.crawlDetailsSection }, /* @__PURE__ */ React61.createElement("h2", null, "Scan details"), /* @__PURE__ */ React61.createElement("ul", { className: summary_report_details_section_default.crawlDetailsSectionList }, listItems));
   }
 );
 
 // src/reports/components/report-sections/summary-report-header-section.tsx
-var React71 = __toESM(require("react"));
+var React62 = __toESM(require("react"));
 var SummaryReportHeaderSection = NamedFC("SummaryReportHeaderSection", () => {
-  return /* @__PURE__ */ React71.createElement("header", null, /* @__PURE__ */ React71.createElement(HeaderBar, { headerText: brand }));
+  return /* @__PURE__ */ React62.createElement("header", null, /* @__PURE__ */ React62.createElement(HeaderBar, { headerText: brand }));
 });
 
 // src/reports/components/summary-report-head.tsx
-var React72 = __toESM(require("react"));
+var React63 = __toESM(require("react"));
 var SummaryReportHead = NamedFC("SummaryReportHead", () => {
-  return /* @__PURE__ */ React72.createElement("head", null, /* @__PURE__ */ React72.createElement("meta", { charSet: "UTF-8" }), /* @__PURE__ */ React72.createElement("title", null, brand, " automated checks result"), /* @__PURE__ */ React72.createElement("style", { dangerouslySetInnerHTML: { __html: styleSheet } }), /* @__PURE__ */ React72.createElement("style", { dangerouslySetInnerHTML: { __html: styleSheet2 } }));
+  const titleValue = `${brand} automated checks result`;
+  return /* @__PURE__ */ React63.createElement("head", null, /* @__PURE__ */ React63.createElement("meta", { charSet: "UTF-8" }), /* @__PURE__ */ React63.createElement("title", null, titleValue), /* @__PURE__ */ React63.createElement("style", { dangerouslySetInnerHTML: { __html: styleSheet } }), /* @__PURE__ */ React63.createElement("style", { dangerouslySetInnerHTML: { __html: styleSheet2 } }));
 });
 
 // src/reports/components/report-sections/combined-report-section-factory.ts
@@ -3067,10 +2767,10 @@ var CombinedReportSectionFactory = {
 };
 
 // src/reports/components/report-sections/failed-urls-section.tsx
-var React76 = __toESM(require("react"));
+var React67 = __toESM(require("react"));
 
 // src/reports/components/report-sections/collapsible-url-result-section.tsx
-var React73 = __toESM(require("react"));
+var React64 = __toESM(require("react"));
 
 // src/reports/components/report-sections/collapsible-url-result-section.scss
 var collapsible_url_result_section_default = { "urlResultSection": "url-result-section--SkOlZ" };
@@ -3082,19 +2782,19 @@ var CollapsibleUrlResultSection = NamedFC(
     const { containerId, deps, content } = props;
     const CollapsibleContent = deps.collapsibleControl({
       id: containerId,
-      header: /* @__PURE__ */ React73.createElement(ResultSectionTitle, { ...props, titleSize: "heading" }),
+      header: /* @__PURE__ */ React64.createElement(ResultSectionTitle, { ...props, titleSize: "heading" }),
       content,
       headingLevel: 3
     });
-    return /* @__PURE__ */ React73.createElement("div", { className: collapsible_url_result_section_default.urlResultSection }, CollapsibleContent);
+    return /* @__PURE__ */ React64.createElement("div", { className: collapsible_url_result_section_default.urlResultSection }, CollapsibleContent);
   }
 );
 
 // src/reports/components/report-sections/url-scan-results-table.tsx
-var React75 = __toESM(require("react"));
+var React66 = __toESM(require("react"));
 
 // src/reports/components/report-sections/summary-results-table.tsx
-var React74 = __toESM(require("react"));
+var React65 = __toESM(require("react"));
 
 // src/reports/components/report-sections/summary-results-table.scss
 var summary_results_table_default = { "summaryResultsTable": "summary-results-table--Iezr-", "textCell": "text-cell--EaUrM", "urlCell": "url-cell--mg-3l" };
@@ -3112,8 +2812,8 @@ var SummaryResultsTable = NamedFC(
       return `${id2}-header${colIndex}`;
     };
     const getTableHeaders = () => {
-      return /* @__PURE__ */ React74.createElement("tr", null, columns.map((column, index) => {
-        return /* @__PURE__ */ React74.createElement("th", { key: index, id: getHeaderId(index) }, column.header);
+      return /* @__PURE__ */ React65.createElement("tr", null, columns.map((column, index) => {
+        return /* @__PURE__ */ React65.createElement("th", { key: index, id: getHeaderId(index) }, column.header);
       }));
     };
     const getCellClassName = (colIndex) => {
@@ -3121,8 +2821,8 @@ var SummaryResultsTable = NamedFC(
       return cellClassNames[contentType];
     };
     const getRow = (row, rowIndex) => {
-      return /* @__PURE__ */ React74.createElement("tr", { key: rowIndex }, row.map((item, colIndex) => {
-        return /* @__PURE__ */ React74.createElement(
+      return /* @__PURE__ */ React65.createElement("tr", { key: rowIndex }, row.map((item, colIndex) => {
+        return /* @__PURE__ */ React65.createElement(
           "td",
           {
             key: colIndex,
@@ -3136,7 +2836,7 @@ var SummaryResultsTable = NamedFC(
     const getTableRows = () => {
       return rows.map(getRow);
     };
-    return /* @__PURE__ */ React74.createElement("table", { className: summary_results_table_default.summaryResultsTable, id: id2 }, /* @__PURE__ */ React74.createElement("thead", null, getTableHeaders()), /* @__PURE__ */ React74.createElement("tbody", null, getTableRows()));
+    return /* @__PURE__ */ React65.createElement("table", { className: summary_results_table_default.summaryResultsTable, id: id2 }, /* @__PURE__ */ React65.createElement("thead", null, getTableHeaders()), /* @__PURE__ */ React65.createElement("tbody", null, getTableRows()));
   }
 );
 
@@ -3154,11 +2854,11 @@ var UrlScanResultsTable = NamedFC(
     ];
     const rows = results.map((result) => {
       const { url, reportLocation } = result;
-      const urlLink = /* @__PURE__ */ React75.createElement(NewTabLink, { href: url }, url);
-      const reportLink = /* @__PURE__ */ React75.createElement(NewTabLink, { href: reportLocation, "aria-label": `Report for ${url}` }, "Report");
+      const urlLink = /* @__PURE__ */ React66.createElement(NewTabLink, { href: url }, url);
+      const reportLink = /* @__PURE__ */ React66.createElement(NewTabLink, { href: reportLocation, "aria-label": `Report for ${url}` }, "Report");
       return [`${result.numFailures}`, urlLink, reportLink];
     });
-    return /* @__PURE__ */ React75.createElement(SummaryResultsTable, { columns, rows, id: props.id });
+    return /* @__PURE__ */ React66.createElement(SummaryResultsTable, { columns, rows, id: props.id });
   }
 );
 
@@ -3166,8 +2866,8 @@ var UrlScanResultsTable = NamedFC(
 var FailedUrlsSection = NamedFC(
   "FailedUrlsSection",
   ({ results, deps }) => {
-    const table = /* @__PURE__ */ React76.createElement(UrlScanResultsTable, { results: results.failed, id: "failed-urls-table" });
-    return /* @__PURE__ */ React76.createElement(
+    const table = /* @__PURE__ */ React67.createElement(UrlScanResultsTable, { results: results.failed, id: "failed-urls-table" });
+    return /* @__PURE__ */ React67.createElement(
       CollapsibleUrlResultSection,
       {
         deps,
@@ -3182,10 +2882,10 @@ var FailedUrlsSection = NamedFC(
 );
 
 // src/reports/components/report-sections/not-scanned-urls-section.tsx
-var React78 = __toESM(require("react"));
+var React69 = __toESM(require("react"));
 
 // src/reports/components/report-sections/url-errors-table.tsx
-var React77 = __toESM(require("react"));
+var React68 = __toESM(require("react"));
 var UrlErrorsTable = NamedFC("UrlErrorsTable", (props) => {
   const errors = props.errors;
   const columns = [
@@ -3195,19 +2895,19 @@ var UrlErrorsTable = NamedFC("UrlErrorsTable", (props) => {
   ];
   const rows = errors.map((scanError) => {
     const { errorDescription, errorType, url, errorLogLocation } = scanError;
-    const urlLink = /* @__PURE__ */ React77.createElement(NewTabLink, { href: url }, url);
-    const errorLogLink = /* @__PURE__ */ React77.createElement(NewTabLink, { href: errorLogLocation }, errorDescription);
+    const urlLink = /* @__PURE__ */ React68.createElement(NewTabLink, { href: url }, url);
+    const errorLogLink = /* @__PURE__ */ React68.createElement(NewTabLink, { href: errorLogLocation }, errorDescription);
     return [errorType, urlLink, errorLogLink];
   });
-  return /* @__PURE__ */ React77.createElement(SummaryResultsTable, { columns, rows, id: props.id });
+  return /* @__PURE__ */ React68.createElement(SummaryResultsTable, { columns, rows, id: props.id });
 });
 
 // src/reports/components/report-sections/not-scanned-urls-section.tsx
 var NotScannedUrlsSection = NamedFC(
   "NotScannedUrlsSection",
   ({ results, deps }) => {
-    const table = /* @__PURE__ */ React78.createElement(UrlErrorsTable, { errors: results.unscannable, id: "not-scanned-urls-table" });
-    return /* @__PURE__ */ React78.createElement(
+    const table = /* @__PURE__ */ React69.createElement(UrlErrorsTable, { errors: results.unscannable, id: "not-scanned-urls-table" });
+    return /* @__PURE__ */ React69.createElement(
       CollapsibleUrlResultSection,
       {
         deps,
@@ -3222,12 +2922,12 @@ var NotScannedUrlsSection = NamedFC(
 );
 
 // src/reports/components/report-sections/passed-urls-section.tsx
-var React79 = __toESM(require("react"));
+var React70 = __toESM(require("react"));
 var PassedUrlsSection = NamedFC(
   "PassedUrlsSection",
   ({ results, deps }) => {
-    const table = /* @__PURE__ */ React79.createElement(UrlScanResultsTable, { results: results.passed, id: "passed-urls-table" });
-    return /* @__PURE__ */ React79.createElement(
+    const table = /* @__PURE__ */ React70.createElement(UrlScanResultsTable, { results: results.passed, id: "passed-urls-table" });
+    return /* @__PURE__ */ React70.createElement(
       CollapsibleUrlResultSection,
       {
         deps,
@@ -3242,7 +2942,7 @@ var PassedUrlsSection = NamedFC(
 );
 
 // src/reports/components/report-sections/results-by-url-container.tsx
-var React80 = __toESM(require("react"));
+var React71 = __toESM(require("react"));
 
 // src/reports/components/report-sections/results-by-url-container.scss
 var results_by_url_container_default = { "urlResultsContainer": "url-results-container---dq9B", "resultsHeading": "results-heading--2dWBX" };
@@ -3251,12 +2951,12 @@ var results_by_url_container_default = { "urlResultsContainer": "url-results-con
 var ResultsByUrlContainer = NamedFC(
   "ResultsContainer",
   ({ children, getCollapsibleScript }) => {
-    return /* @__PURE__ */ React80.createElement(React80.Fragment, null, /* @__PURE__ */ React80.createElement("div", { className: results_by_url_container_default.urlResultsContainer }, /* @__PURE__ */ React80.createElement("div", { className: results_by_url_container_default.resultsHeading }, /* @__PURE__ */ React80.createElement("h2", null, "Results by URL")), children), /* @__PURE__ */ React80.createElement("script", { dangerouslySetInnerHTML: { __html: getCollapsibleScript() } }));
+    return /* @__PURE__ */ React71.createElement(React71.Fragment, null, /* @__PURE__ */ React71.createElement("div", { className: results_by_url_container_default.urlResultsContainer }, /* @__PURE__ */ React71.createElement("div", { className: results_by_url_container_default.resultsHeading }, /* @__PURE__ */ React71.createElement("h2", null, "Results by URL")), children), /* @__PURE__ */ React71.createElement("script", { dangerouslySetInnerHTML: { __html: getCollapsibleScript() } }));
   }
 );
 
 // src/reports/components/report-sections/summary-report-summary-section.tsx
-var React81 = __toESM(require("react"));
+var React72 = __toESM(require("react"));
 var SummaryReportSummarySection = NamedFC(
   "SummaryReportSummarySection",
   (props) => {
@@ -3271,7 +2971,7 @@ var SummaryReportSummarySection = NamedFC(
       notScannedUrlsCount: results.unscannable.length,
       failureInstancesCount: failedInstances
     };
-    return /* @__PURE__ */ React81.createElement(UrlsSummarySection, { ...urlsSummarySectionProps });
+    return /* @__PURE__ */ React72.createElement(UrlsSummarySection, { ...urlsSummarySectionProps });
   }
 );
 
@@ -3294,14 +2994,14 @@ var SummaryReportSectionFactory = {
 };
 
 // src/common/store-data-to-scan-node-result-converter.ts
-var import_lodash13 = require("lodash");
+var import_lodash11 = require("lodash");
 function convertUnifiedStoreDataToScanNodeResults(unifiedScanResultStoreData) {
   const { rules, results } = unifiedScanResultStoreData;
   if (unifiedScanResultStoreData == null || results == null) {
     return null;
   }
   const transformedResults = results.map((unifiedResult) => {
-    const rule = rules ? (0, import_lodash13.find)(rules, (unifiedRule) => unifiedRule.id === unifiedResult.ruleId) : { id: unifiedResult.ruleId };
+    const rule = rules ? (0, import_lodash11.find)(rules, (unifiedRule) => unifiedRule.id === unifiedResult.ruleId) : { id: unifiedResult.ruleId };
     if (rule == null) {
       throw new Error(`Got result with unknown ruleId ${unifiedResult.ruleId}`);
     }
@@ -3399,7 +3099,7 @@ var CombinedResultsReport = class {
 };
 
 // src/reports/package/combined-results-to-cards-model-converter.ts
-var import_lodash14 = require("lodash");
+var import_lodash12 = require("lodash");
 var CombinedResultsToCardsModelConverter = class {
   constructor(mapAxeTagsToGuidanceLinks2, cardSelectionViewData, uuidGenerator, helpUrlGetter, getFixResolution2, extractRelatedSelectors2) {
     this.mapAxeTagsToGuidanceLinks = mapAxeTagsToGuidanceLinks2;
@@ -3425,7 +3125,7 @@ var CombinedResultsToCardsModelConverter = class {
       };
     };
     this.getCardRuleResults = (rules) => {
-      if ((0, import_lodash14.isNil)(rules)) {
+      if ((0, import_lodash12.isNil)(rules)) {
         return [];
       }
       return rules.map((rule) => this.getCardRuleResult(rule));
@@ -3437,7 +3137,7 @@ var CombinedResultsToCardsModelConverter = class {
         url: this.helpUrlGetter.getHelpUrl(rule.ruleId, rule.ruleUrl),
         isExpanded: false,
         guidance: this.mapAxeTagsToGuidanceLinks(rule.ruleId, rule.tags),
-        nodes: (0, import_lodash14.isNil)(nodes) ? [] : nodes
+        nodes: (0, import_lodash12.isNil)(nodes) ? [] : nodes
       };
     };
     this.getFailuresGroupedByRule = (groupedFailures) => {
@@ -3534,7 +3234,7 @@ var ReactStaticRenderer = class {
 };
 
 // src/reports/report-html-generator.tsx
-var React82 = __toESM(require("react"));
+var React73 = __toESM(require("react"));
 var ReportHtmlGenerator = class {
   constructor(sectionFactory, reactStaticRenderer, getCollapsibleScript, utcDateConverter, getGuidanceTagsFromGuidanceLinks, fixInstructionProcessor, recommendColor, getPropertyConfiguration2, getNextHeadingLevel) {
     this.sectionFactory = sectionFactory;
@@ -3549,7 +3249,7 @@ var ReportHtmlGenerator = class {
   }
   generateHtml(description, cardsViewData, scanMetadata) {
     const HeadSection = this.sectionFactory.HeadSection;
-    const headMarkup = this.reactStaticRenderer.renderToStaticMarkup(/* @__PURE__ */ React82.createElement(HeadSection, null));
+    const headMarkup = this.reactStaticRenderer.renderToStaticMarkup(/* @__PURE__ */ React73.createElement(HeadSection, null));
     const detailsProps = {
       description,
       deps: {
@@ -3576,14 +3276,14 @@ var ReportHtmlGenerator = class {
       sectionFactory: this.sectionFactory,
       ...detailsProps
     };
-    const bodyElement = /* @__PURE__ */ React82.createElement(ReportBody, { ...props });
+    const bodyElement = /* @__PURE__ */ React73.createElement(ReportBody, { ...props });
     const bodyMarkup = this.reactStaticRenderer.renderToStaticMarkup(bodyElement);
     return '<!DOCTYPE html><html lang="en">' + headMarkup + bodyMarkup + "</html>";
   }
 };
 
 // src/reports/summary-report-html-generator.tsx
-var React83 = __toESM(require("react"));
+var React74 = __toESM(require("react"));
 var SummaryReportHtmlGenerator = class {
   constructor(sectionFactory, reactStaticRenderer, getCollapsibleScript, utcDateConverter, secondsToTimeStringConverter) {
     this.sectionFactory = sectionFactory;
@@ -3594,7 +3294,7 @@ var SummaryReportHtmlGenerator = class {
   }
   generateHtml(scanMetadata, results) {
     const HeadSection = this.sectionFactory.HeadSection;
-    const headMarkup = this.reactStaticRenderer.renderToStaticMarkup(/* @__PURE__ */ React83.createElement(HeadSection, null));
+    const headMarkup = this.reactStaticRenderer.renderToStaticMarkup(/* @__PURE__ */ React74.createElement(HeadSection, null));
     const detailsProps = {
       deps: {
         collapsibleControl: ReportCollapsibleContainerControl
@@ -3609,7 +3309,7 @@ var SummaryReportHtmlGenerator = class {
       sectionFactory: this.sectionFactory,
       ...detailsProps
     };
-    const bodyElement = /* @__PURE__ */ React83.createElement(ReportBody, { ...props });
+    const bodyElement = /* @__PURE__ */ React74.createElement(ReportBody, { ...props });
     const bodyMarkup = this.reactStaticRenderer.renderToStaticMarkup(bodyElement);
     return '<!DOCTYPE html><html lang="en">' + headMarkup + bodyMarkup + "</html>";
   }
@@ -5437,7 +5137,7 @@ var link = {
 };
 
 // src/scanner/map-axe-tags-to-guidance-links.ts
-var import_lodash15 = require("lodash");
+var import_lodash13 = require("lodash");
 var BestPractice = {
   text: "",
   href: "",
@@ -5448,7 +5148,7 @@ var bestPracticeToGuidanceTagOverrideMapping = {
   "presentation-role-conflict": ["wcag131"]
 };
 function addGuidanceTagOverrides(resultId, currentTags) {
-  return (0, import_lodash15.concat)(currentTags ?? [], bestPracticeToGuidanceTagOverrideMapping[resultId] ?? []);
+  return (0, import_lodash13.concat)(currentTags ?? [], bestPracticeToGuidanceTagOverrideMapping[resultId] ?? []);
 }
 function mapAxeTagToGuidanceLink(axeTag) {
   if (axeTag === "best-practice") {
@@ -5464,7 +5164,7 @@ function mapAxeTagsToGuidanceLinks(resultId, axeTags) {
   const normalizedTags = addGuidanceTagOverrides(resultId, axeTags);
   const unsortedMaybeLinks = normalizedTags.map(mapAxeTagToGuidanceLink);
   const unsortedLinks = unsortedMaybeLinks.filter(isNotNull);
-  const sortedLinks = (0, import_lodash15.sortBy)(unsortedLinks, (link2) => link2.text);
+  const sortedLinks = (0, import_lodash13.sortBy)(unsortedLinks, (link2) => link2.text);
   return sortedLinks;
 }
 function isNotNull(maybeInstance) {
@@ -5566,7 +5266,7 @@ var RuleProcessor = class {
 };
 
 // src/common/components/fix-instruction-processor.tsx
-var React84 = __toESM(require("react"));
+var React75 = __toESM(require("react"));
 
 // src/common/components/cards/fix-instruction-color-box.scss
 var fix_instruction_color_box_default = { "fixInstructionColorBox": "fix-instruction-color-box--DQpQE", "screenReaderOnly": "screen-reader-only--6LUiO" };
@@ -5608,7 +5308,7 @@ var FixInstructionProcessor = class {
     return this.tryProcessAsColorContrastRecommendation(fixInstruction, recommendColor) ?? this.tryProcessAsRelatedNodesReference(fixInstruction) ?? this.processAsNoop(fixInstruction);
   }
   processAsNoop(fixInstruction) {
-    return /* @__PURE__ */ React84.createElement(React84.Fragment, null, fixInstruction);
+    return /* @__PURE__ */ React75.createElement(React75.Fragment, null, fixInstruction);
   }
   // We perform this replacement because what axe-core exposes as a "relatedNodes" property
   // is presented in our cards views as a "Related paths" row. This only comes up in practice
@@ -5619,7 +5319,7 @@ var FixInstructionProcessor = class {
       return null;
     }
     const inputBody = input.slice(0, input.length - " (see related nodes)".length);
-    return /* @__PURE__ */ React84.createElement(React84.Fragment, null, inputBody, " (see ", /* @__PURE__ */ React84.createElement("em", null, "Related paths"), ")");
+    return /* @__PURE__ */ React75.createElement(React75.Fragment, null, inputBody, " (see ", /* @__PURE__ */ React75.createElement("em", null, "Related paths"), ")");
   }
   tryProcessAsColorContrastRecommendation(fixInstruction, recommendColor) {
     const matches6 = this.getColorMatches(fixInstruction);
@@ -5712,14 +5412,14 @@ var FixInstructionProcessor = class {
   }
   splitFixInstruction(fixInstruction, recommendationStrings, matches6) {
     if (matches6.length === 0) {
-      return /* @__PURE__ */ React84.createElement(React84.Fragment, null, fixInstruction);
+      return /* @__PURE__ */ React75.createElement(React75.Fragment, null, fixInstruction);
     }
     const recommendations = [];
     const howToFixMatches = matches6.slice(0, 2);
     const recommendationMatches = matches6.slice(2);
     const results = this.getInstructionWithAndWithoutBoxes(howToFixMatches, fixInstruction);
     if (recommendationStrings.length === 0) {
-      return /* @__PURE__ */ React84.createElement(React84.Fragment, null, results);
+      return /* @__PURE__ */ React75.createElement(React75.Fragment, null, results);
     }
     const recommendationOne = this.getInstructionWithAndWithoutBoxes(
       recommendationMatches.slice(0, 2),
@@ -5736,7 +5436,7 @@ var FixInstructionProcessor = class {
     return this.addRecommendationsToResults(results, recommendations);
   }
   addRecommendationsToResults(results, recommendations) {
-    return /* @__PURE__ */ React84.createElement(React84.Fragment, null, results, /* @__PURE__ */ React84.createElement("ul", { key: "recommendations-list", "data-automation-id": recommendationsAutomationId }, recommendations.map((rec, idx) => /* @__PURE__ */ React84.createElement("li", { key: `recommendation-${idx}` }, rec))));
+    return /* @__PURE__ */ React75.createElement(React75.Fragment, null, results, /* @__PURE__ */ React75.createElement("ul", { key: "recommendations-list", "data-automation-id": recommendationsAutomationId }, recommendations.map((rec, idx) => /* @__PURE__ */ React75.createElement("li", { key: `recommendation-${idx}` }, rec))));
   }
   getInstructionWithBoxes(matches6, fixInstruction) {
     let insertionIndex = 0;
@@ -5745,19 +5445,19 @@ var FixInstructionProcessor = class {
     matches6.forEach((match) => {
       const endIndex = match.splitIndex - match.colorHexValue.length;
       const substring = fixInstruction.substring(insertionIndex, endIndex);
-      result.push(/* @__PURE__ */ React84.createElement("span", { key: `instruction-split-${keyIndex++}` }, substring));
+      result.push(/* @__PURE__ */ React75.createElement("span", { key: `instruction-split-${keyIndex++}` }, substring));
       result.push(this.createColorBox(match.colorHexValue, keyIndex++));
       insertionIndex = endIndex;
     });
     const coda = fixInstruction.substr(insertionIndex);
-    result.push(/* @__PURE__ */ React84.createElement("span", { key: `instruction-split-${keyIndex++}` }, coda));
+    result.push(/* @__PURE__ */ React75.createElement("span", { key: `instruction-split-${keyIndex++}` }, coda));
     return result;
   }
   getInstructionWithAndWithoutBoxes(matches6, fixInstruction) {
-    return /* @__PURE__ */ React84.createElement(React84.Fragment, null, /* @__PURE__ */ React84.createElement("span", { "aria-hidden": "true" }, this.getInstructionWithBoxes(matches6, fixInstruction)), /* @__PURE__ */ React84.createElement("span", { className: fix_instruction_color_box_default.screenReaderOnly }, fixInstruction));
+    return /* @__PURE__ */ React75.createElement(React75.Fragment, null, /* @__PURE__ */ React75.createElement("span", { "aria-hidden": "true" }, this.getInstructionWithBoxes(matches6, fixInstruction)), /* @__PURE__ */ React75.createElement("span", { className: fix_instruction_color_box_default.screenReaderOnly }, fixInstruction));
   }
   createColorBox(colorHexValue, keyIndex) {
-    return /* @__PURE__ */ React84.createElement(
+    return /* @__PURE__ */ React75.createElement(
       "span",
       {
         "aria-hidden": true,
@@ -5769,6 +5469,304 @@ var FixInstructionProcessor = class {
   }
 };
 
+// src/common/components/cards/get-labelled-string-property-card-row.tsx
+var import_lodash14 = require("lodash");
+var React77 = __toESM(require("react"));
+
+// src/common/components/cards/simple-card-row.tsx
+var import_utilities6 = require("@fluentui/utilities");
+var React76 = __toESM(require("react"));
+var SimpleCardRow = NamedFC(
+  "SimpleCardRow",
+  ({ label: givenLabel, content, rowKey, contentClassName }) => {
+    const contentStyling = (0, import_utilities6.css)(instance_details_default.rowContent, contentClassName);
+    return /* @__PURE__ */ React76.createElement("tr", { className: instance_details_default.row, key: rowKey }, /* @__PURE__ */ React76.createElement("th", { className: instance_details_default.rowLabel }, givenLabel), /* @__PURE__ */ React76.createElement("td", { className: contentStyling }, content));
+  }
+);
+
+// src/common/components/cards/get-labelled-string-property-card-row.tsx
+var GetLabelledStringPropertyCardRow = (label, contentClassName) => {
+  return NamedFC("StringPropertyCardRowProps", (props) => {
+    if ((0, import_lodash14.isEmpty)(props.propertyData)) {
+      return null;
+    }
+    return /* @__PURE__ */ React77.createElement(
+      SimpleCardRow,
+      {
+        label,
+        content: props.propertyData,
+        rowKey: `${label}-${props.index}`,
+        contentClassName
+      }
+    );
+  });
+};
+
+// src/common/components/cards/class-name-card-row.ts
+var ClassNameCardRow = GetLabelledStringPropertyCardRow("Class name");
+
+// src/common/components/cards/content-description-card-row.ts
+var ContentDescriptionCardRow = GetLabelledStringPropertyCardRow("Content description");
+
+// src/common/components/cards/related-paths-card-row.tsx
+var import_lodash15 = require("lodash");
+var React78 = __toESM(require("react"));
+
+// src/common/components/cards/related-paths-card-row.scss
+var related_paths_card_row_default = { "pathList": "path-list--MxxKM" };
+
+// src/common/components/cards/related-paths-card-row.tsx
+var RelatedPathsCardRow = NamedFC(
+  "RelatedPathsCardRow",
+  ({ index, propertyData }) => {
+    if ((0, import_lodash15.isEmpty)(propertyData)) {
+      return null;
+    }
+    return /* @__PURE__ */ React78.createElement(
+      SimpleCardRow,
+      {
+        label: `Related paths`,
+        content: /* @__PURE__ */ React78.createElement("ul", { className: related_paths_card_row_default.pathList }, propertyData.map((selector) => /* @__PURE__ */ React78.createElement("li", { key: selector }, selector))),
+        rowKey: `related-paths-row-${index}`
+      }
+    );
+  }
+);
+
+// src/common/components/cards/rich-resolution-card-row.tsx
+var React81 = __toESM(require("react"));
+
+// src/assessments/markup.tsx
+var React79 = __toESM(require("react"));
+function Term(props) {
+  return /* @__PURE__ */ React79.createElement("strong", null, props.children);
+}
+
+// src/common/components/cards/rich-resolution-content.tsx
+var React80 = __toESM(require("react"));
+
+// src/common/components/cards/rich-resolution-content.scss
+var rich_resolution_content_default = { "multiLineTextYesBullet": "multi-line-text-yes-bullet--TXyX-", "multiLineTextNoBullet": "multi-line-text-no-bullet--AUXXt", "combinationLists": "combination-lists--boK5y" };
+
+// src/common/components/cards/rich-resolution-content.tsx
+var RichResolutionContent = NamedFC(
+  "RichResolutionContent",
+  ({ deps: { LinkComponent }, contentId, contentVariables }) => {
+    switch (contentId) {
+      case "web/aria-input-field-name": {
+        return /* @__PURE__ */ React80.createElement("div", null, "Inspect the element using the", " ", /* @__PURE__ */ React80.createElement(LinkComponent, { href: "https://developers.google.com/web/updates/2018/01/devtools" }, "Accessibility pane in the browser Developer Tools"), " ", "to verify that the field's accessible name is complete without its associated", " ", /* @__PURE__ */ React80.createElement("b", null, "<", "label", ">"), ".");
+      }
+      case "web/color-contrast": {
+        return /* @__PURE__ */ React80.createElement("div", { className: rich_resolution_content_default.combinationLists }, /* @__PURE__ */ React80.createElement("ul", { className: rich_resolution_content_default.multiLineTextYesBullet }, /* @__PURE__ */ React80.createElement("li", null, "If the instance is an icon or other non-text content, ignore it. This rule applies only to text."), /* @__PURE__ */ React80.createElement("li", null, "If the instance is text, use", " ", /* @__PURE__ */ React80.createElement(LinkComponent, { href: "https://go.microsoft.com/fwlink/?linkid=2075365" }, "Accessibility Insights for Windows"), " ", "(or the", " ", /* @__PURE__ */ React80.createElement(LinkComponent, { href: "https://developer.paciellogroup.com/resources/contrastanalyser/" }, "Colour Contrast Analyser"), " ", "if you're testing on a Mac) to manually verify that it has sufficient contrast compared to the background. If the background is an image or gradient, test an area where contrast appears to be lowest.")), /* @__PURE__ */ React80.createElement("ul", { className: rich_resolution_content_default.multiLineTextNoBullet }, /* @__PURE__ */ React80.createElement("li", null, "For detailed test instructions, see", " ", /* @__PURE__ */ React80.createElement(Term, null, "Assessment ", ">", " Adaptable content ", ">", " Contrast"), ".")));
+      }
+      case "web/duplicate-id-aria": {
+        return /* @__PURE__ */ React80.createElement("div", null, "Document has multiple elements referenced with ARIA with the same id attribute. Examine any duplicate ID values and rename them. Duplicate IDs are common validation errors that may break the accessibility of labels, e.g., form fields, table header cells.");
+      }
+      case "web/th-has-data-cells": {
+        return /* @__PURE__ */ React80.createElement("div", null, "Examine the header cell in the context of the table to verify that it has no data cells.");
+      }
+      case "web/label-content-name-mismatch": {
+        return /* @__PURE__ */ React80.createElement("span", null, "Inspect the element using the Accessibility pane in the browser Developer tools and verify that the element\u2019s accessible name contains its visible text.");
+      }
+      case "web/p-as-heading": {
+        return /* @__PURE__ */ React80.createElement("span", null, "Inspect the ", `<p>`, " element and verify that the element is not used as a heading through visual styling with bold, italic text or font-size. If headings are needed, use the appropriate heading tags.");
+      }
+      default: {
+        throw new Error(
+          `Cannot render RichResolutionContent with unrecognized contentId ${contentId}`
+        );
+      }
+    }
+  }
+);
+
+// src/common/components/cards/rich-resolution-card-row.tsx
+var RichResolutionCardRow = NamedFC(
+  "RichResolutionCardRow",
+  ({ deps, index, propertyData }) => {
+    return /* @__PURE__ */ React81.createElement(
+      SimpleCardRow,
+      {
+        label: `How to ${propertyData.labelType}`,
+        content: /* @__PURE__ */ React81.createElement(RichResolutionContent, { deps, ...propertyData }),
+        rowKey: `rich-resolution-row-${index}`
+      }
+    );
+  }
+);
+
+// src/common/components/cards/text-card-row.ts
+var TextCardRow = GetLabelledStringPropertyCardRow("Text");
+
+// src/common/components/cards/urls-card-row.tsx
+var React82 = __toESM(require("react"));
+
+// src/common/components/cards/urls-card-row.scss
+var urls_card_row_default = { "urlsRowContent": "urls-row-content--JDdRx", "urlsRowContentNewFailure": "urls-row-content-new-Failure--oL5lS" };
+
+// src/common/components/cards/urls-card-row.tsx
+var UrlsCardRow = NamedFC("UrlsCardRow", ({ deps, ...props }) => {
+  const urlInfos = props.propertyData.urlInfos;
+  const renderUrlContent = () => {
+    return /* @__PURE__ */ React82.createElement("ul", { className: urls_card_row_default.urlsRowContent }, urlInfos.map((urlInfo, index) => getUrlListItem(urlInfo, index, deps)));
+  };
+  return /* @__PURE__ */ React82.createElement(
+    SimpleCardRow,
+    {
+      label: "URL",
+      content: renderUrlContent(),
+      rowKey: `urls-row-${props.index}`
+    }
+  );
+});
+var isNewViolation = (urlInfo) => {
+  return urlInfo.baselineStatus === "new";
+};
+function getUrlListItem(urlInfo, index, deps) {
+  const key = `urls-${index}`;
+  if (isNewViolation(urlInfo)) {
+    return /* @__PURE__ */ React82.createElement("li", { key }, /* @__PURE__ */ React82.createElement(deps.LinkComponent, { "aria-label": `NEW. ${urlInfo.url}`, href: urlInfo.url }, urlInfo.url), /* @__PURE__ */ React82.createElement("span", { key: "new", "aria-hidden": "true", className: urls_card_row_default.urlsRowContentNewFailure }, "  NEW!"));
+  }
+  return /* @__PURE__ */ React82.createElement("li", { key }, /* @__PURE__ */ React82.createElement(deps.LinkComponent, { href: urlInfo.url }, urlInfo.url));
+}
+
+// src/common/components/cards/how-to-fix-card-row.tsx
+var React84 = __toESM(require("react"));
+
+// src/common/types/check-type.ts
+var CheckType = /* @__PURE__ */ ((CheckType2) => {
+  CheckType2[CheckType2["All"] = 0] = "All";
+  CheckType2[CheckType2["Any"] = 1] = "Any";
+  CheckType2[CheckType2["None"] = 2] = "None";
+  return CheckType2;
+})(CheckType || {});
+
+// src/common/components/fix-instruction-panel.tsx
+var React83 = __toESM(require("react"));
+var FixInstructionPanel = NamedFC(
+  "FixInstructionPanel",
+  (props) => {
+    const { fixInstructionProcessor } = props.deps;
+    const getPanelTitle = (checkType, checkCount) => {
+      if (checkCount === 1) {
+        return "Fix the following:";
+      }
+      if (checkType === 1 /* Any */) {
+        return "Fix ONE of the following:";
+      } else {
+        return "Fix ALL of the following:";
+      }
+    };
+    const renderInstructions = (checkType) => {
+      const instructionList = props.checks.map((check, checkIndex) => {
+        return /* @__PURE__ */ React83.createElement("li", { key: `instruction-${CheckType[checkType]}-${checkIndex + 1}` }, fixInstructionProcessor.process(check.message, props.deps.recommendColor));
+      });
+      return instructionList;
+    };
+    if (props.checks.length === 0) {
+      return null;
+    }
+    const title2 = getPanelTitle(props.checkType, props.checks.length);
+    return /* @__PURE__ */ React83.createElement("div", null, props.renderTitleElement(title2), /* @__PURE__ */ React83.createElement("ul", null, renderInstructions(props.checkType)));
+  }
+);
+
+// src/common/components/cards/how-to-fix-card-row.scss
+var how_to_fix_card_row_default = { "howToFixContent": "how-to-fix-content--Zz96u" };
+
+// src/common/components/cards/how-to-fix-card-row.tsx
+var HowToFixWebCardRow = NamedFC(
+  "HowToFixWebCardRow",
+  ({ deps, ...props }) => {
+    const { any: anyOf, all, none } = props.propertyData;
+    const renderFixInstructionsContent = () => {
+      return /* @__PURE__ */ React84.createElement("div", { className: how_to_fix_card_row_default.howToFixContent }, /* @__PURE__ */ React84.createElement(
+        FixInstructionPanel,
+        {
+          deps,
+          checkType: 0 /* All */,
+          checks: all.concat(none).map(turnStringToMessageObject),
+          renderTitleElement: renderFixInstructionsTitleElement
+        }
+      ), /* @__PURE__ */ React84.createElement(
+        FixInstructionPanel,
+        {
+          deps,
+          checkType: 1 /* Any */,
+          checks: anyOf.map(turnStringToMessageObject),
+          renderTitleElement: renderFixInstructionsTitleElement
+        }
+      ));
+    };
+    const turnStringToMessageObject = (s) => {
+      return { message: s };
+    };
+    const renderFixInstructionsTitleElement = (titleText) => {
+      return /* @__PURE__ */ React84.createElement("div", null, titleText);
+    };
+    return /* @__PURE__ */ React84.createElement(
+      SimpleCardRow,
+      {
+        label: "How to fix",
+        content: renderFixInstructionsContent(),
+        rowKey: `how-to-fix-row-${props.index}`
+      }
+    );
+  }
+);
+
+// src/common/components/cards/path-card-row.tsx
+var PathCardRow = GetLabelledStringPropertyCardRow("Path");
+
+// src/common/components/cards/snippet-card-row.scss
+var snippet_card_row_default = { "snippet": "snippet--hSNfv" };
+
+// src/common/components/cards/snippet-card-row.tsx
+var SnippetCardRow = GetLabelledStringPropertyCardRow("Snippet", snippet_card_row_default.snippet);
+
+// src/common/configs/unified-result-property-configurations.tsx
+var howToFixWebConfiguration = {
+  cardRow: HowToFixWebCardRow
+};
+var richResolutionConfiguration = {
+  cardRow: RichResolutionCardRow
+};
+var cssSelectorConfiguration = {
+  cardRow: PathCardRow
+};
+var relatedCssSelectorsConfiguration = {
+  cardRow: RelatedPathsCardRow
+};
+var snippetConfiguration = {
+  cardRow: SnippetCardRow
+};
+var classNameConfiguration = {
+  cardRow: ClassNameCardRow
+};
+var contentDescriptionConfiguration = {
+  cardRow: ContentDescriptionCardRow
+};
+var textConfiguration = {
+  cardRow: TextCardRow
+};
+var urlsConfiguration = {
+  cardRow: UrlsCardRow
+};
+var propertyIdToConfigurationMap = {
+  "css-selector": cssSelectorConfiguration,
+  "how-to-fix-web": howToFixWebConfiguration,
+  richResolution: richResolutionConfiguration,
+  snippet: snippetConfiguration,
+  className: classNameConfiguration,
+  contentDescription: contentDescriptionConfiguration,
+  text: textConfiguration,
+  urls: urlsConfiguration,
+  relatedCssSelectors: relatedCssSelectorsConfiguration
+};
+function getPropertyConfiguration(id2) {
+  return propertyIdToConfigurationMap[id2];
+}
+
 // src/common/date-provider.ts
 var import_luxon = require("luxon");
 var DateProvider = class _DateProvider {