Update scorecard docs and sync status card icon colors

content/scorecard.md

@@ -1,7 +1,7 @@
 ---
 title: "Scorecard"
 date: 2025-07-03
-modified: 2026-10-19
+modified: 2026-10-25
 description: "About ScanGov digital experience scorecards."
 icon: "fa-solid fa-star"
 category: "product"
@@ -14,19 +14,22 @@ videos:
 
 ## About
 
-ScanGov scorecards are public status reports of how government websites meet established [digital experience standards](https://standards.scangov.org). Each scorecard shows a site's score and grade across four [indicators](/indicators):
+A ScanGov scorecard is a public status report that shows how a website meets established [digital experience standards](https://standards.scangov.org). It shows the site's overall grade and a grade for each [indicator](/indicators):
 
-- Botability
 - Accessibility
-- Usability
+- Botability
+- Readability
 - Security
+- Usability
+
+The page follows your device's light or dark setting.
 
 ## Why it matters
 
-- Residents and reporters can see, in plain terms, how their city or agency's site is performing
-- Public scores give agencies a concrete, visible reason to fix known issues
-- Comparing scorecards over time shows whether a site is actually improving
-- Publishing the same standards for every government site keeps the comparison fair
+- Visitors and reporters can see, in plain terms, how a site is performing
+- Public scores give teams a concrete, visible reason to fix known issues
+- Comparing scorecards over time shows whether a site is improving
+- Publishing the same standards for every site keeps the comparison fair
 
 ## Turning your scorecard on or off
 

public/css/scangov.css

@@ -2824,6 +2824,7 @@ a .fa-up-right-from-square {
 [data-bs-theme=light] .fa-circle-nodes:not([class*="text-"]),
 [data-bs-theme=light] .fa-scale-balanced:not([class*="text-"]),
 [data-bs-theme=light] .fa-link:not([class*="text-"]),
+[data-bs-theme=light] .fa-window-maximize:not([class*="text-"]),
 [data-bs-theme=light] .fa-copy:not([class*="text-"]),
 [data-bs-theme=light] .fa-rotate-left:not([class*="text-"]),
 [data-bs-theme=light] .fa-link-slash:not([class*="text-"]),
@@ -2893,6 +2894,23 @@ a .fa-up-right-from-square {
     fill: var(--bs-btn-hover-color) !important;
 }
 
+/* Status cards keep their own text color for icons in light mode too: the blanket
+   light-mode icon rule above would otherwise turn an info icon black on a red card.
+   The anchor selectors out-rank the "a:not(.btn):not(.active) .fa-solid" light-mode rule. */
+[data-bs-theme=light] .card.text-bg-success .fa-solid:not([class*="text-"]),
+[data-bs-theme=light] .card.text-bg-success a:not(.btn):not(.active) .fa-solid:not([class*="text-"]),
+[data-bs-theme=light] .card.text-bg-warning .fa-solid:not([class*="text-"]),
+[data-bs-theme=light] .card.text-bg-warning a:not(.btn):not(.active) .fa-solid:not([class*="text-"]) {
+    color: #13171f !important;
+    fill: #13171f !important;
+}
+
+[data-bs-theme=light] .card.text-bg-danger .fa-solid:not([class*="text-"]),
+[data-bs-theme=light] .card.text-bg-danger a:not(.btn):not(.active) .fa-solid:not([class*="text-"]) {
+    color: #ffffff !important;
+    fill: #ffffff !important;
+}
+
 [data-bs-theme=light] .bg-secondary-subtle {
     color: var(--bs-body-color) !important;
     background-color: #ffffff !important;