diff --git a/.changeset/violet-keys-burn.md b/.changeset/violet-keys-burn.md
new file mode 100644
index 0000000000..0ee3870a90
--- /dev/null
+++ b/.changeset/violet-keys-burn.md
@@ -0,0 +1,6 @@
+---
+"@stackoverflow/stacks": minor
+"@stackoverflow/stacks-svelte": minor
+---
+
+Update Post Summary to SHINE styles
diff --git a/MIGRATION_GUIDE.md b/MIGRATION_GUIDE.md
index 6023180a6f..6296b3d654 100755
--- a/MIGRATION_GUIDE.md
+++ b/MIGRATION_GUIDE.md
@@ -137,6 +137,9 @@ The menu component has been updated to use new class names and structure. The fo
 #### Pagination
 - The next and previous button now uses an `ArrowRight` and `ArrowLeft` icon instead of text. To apply the new styling, use the class `.s-pagination--item__nav`. Since these buttons use icons to represent their behavior, make sure to include descriptive text for screen readers.
 
+#### Post Summary
+The Post Summary component has changed dramatically. Please refer to the docs for complete guidance.
+
 #### Popover
 - The new popovers no longer include an arrow element. The `s-popover--arrow` css class has been removed, and any markup using it (e.g. `<div class="s-popover--arrow"></div>`) should be deleted from the codebases as part of the migration.
 
diff --git a/package-lock.json b/package-lock.json
index ae808d3866..2f416bc4f6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,7 +20,7 @@
                 "@rollup/plugin-commonjs": "^26.0.1",
                 "@rollup/plugin-replace": "^6.0.3",
                 "@stackoverflow/prettier-config": "^1.0.0",
-                "@stackoverflow/stacks-icons": "^7.0.0-beta.16",
+                "@stackoverflow/stacks-icons": "^7.0.0-beta.18",
                 "@stackoverflow/stacks-icons-legacy": "npm:@stackoverflow/stacks-icons@^6.9.0",
                 "@storybook/addon-a11y": "^10.1.11",
                 "@storybook/addon-docs": "^10.1.11",
@@ -112,7 +112,6 @@
             "version": "3.1.2",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "@11ty/dependency-tree": "^4.0.0",
                 "@11ty/dependency-tree-esm": "^2.0.0",
@@ -615,7 +614,6 @@
                 }
             ],
             "license": "MIT",
-            "peer": true,
             "engines": {
                 "node": ">=20.19.0"
             },
@@ -655,7 +653,6 @@
                 }
             ],
             "license": "MIT",
-            "peer": true,
             "engines": {
                 "node": ">=20.19.0"
             }
@@ -1581,13 +1578,11 @@
         },
         "node_modules/@lezer/common": {
             "version": "1.3.0",
-            "license": "MIT",
-            "peer": true
+            "license": "MIT"
         },
         "node_modules/@lezer/highlight": {
             "version": "1.2.3",
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "@lezer/common": "^1.3.0"
             }
@@ -2654,9 +2649,9 @@
             "license": "MIT"
         },
         "node_modules/@stackoverflow/stacks-icons": {
-            "version": "7.0.0-beta.16",
-            "resolved": "https://registry.npmjs.org/@stackoverflow/stacks-icons/-/stacks-icons-7.0.0-beta.16.tgz",
-            "integrity": "sha512-SYdyCI8qNuf7lactFB0LNEwnh0PgK3EwLQpBk+nbwmtzdxhXIfTE4HxNbHBlV8TZpd18WOsq1n1AyN2EpcY7hA==",
+            "version": "7.0.0-beta.18",
+            "resolved": "https://registry.npmjs.org/@stackoverflow/stacks-icons/-/stacks-icons-7.0.0-beta.18.tgz",
+            "integrity": "sha512-OAr/4zDGfwbe9kogdUUFGRfyNfWqb98+CQrfCW/Udc7A0yRwoKFwXIfqv4tJdX2Jmxxh+EuFOEV7Xa/8mg7J3g==",
             "license": "Apache-2.0"
         },
         "node_modules/@stackoverflow/stacks-icons-legacy": {
@@ -2847,7 +2842,6 @@
             "version": "10.1.11",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "ts-dedent": "^2.0.0",
                 "type-fest": "~2.19"
@@ -2941,7 +2935,6 @@
             "version": "6.2.4",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "@sveltejs/vite-plugin-svelte-inspector": "^5.0.0",
                 "deepmerge": "^4.3.1",
@@ -2977,7 +2970,6 @@
             "version": "10.4.1",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "@babel/code-frame": "^7.10.4",
                 "@babel/runtime": "^7.12.5",
@@ -3215,7 +3207,6 @@
             "version": "9.6.1",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "@types/estree": "*",
                 "@types/json-schema": "*"
@@ -3367,7 +3358,6 @@
             "version": "24.9.1",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "undici-types": "~7.16.0"
             }
@@ -3527,7 +3517,6 @@
             "version": "8.53.1",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "@typescript-eslint/scope-manager": "8.53.1",
                 "@typescript-eslint/types": "8.53.1",
@@ -4439,7 +4428,6 @@
         "node_modules/acorn": {
             "version": "8.15.0",
             "license": "MIT",
-            "peer": true,
             "bin": {
                 "acorn": "bin/acorn"
             },
@@ -4816,7 +4804,6 @@
             "version": "4.11.0",
             "dev": true,
             "license": "MPL-2.0",
-            "peer": true,
             "engines": {
                 "node": ">=4"
             }
@@ -5053,7 +5040,6 @@
                 }
             ],
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "baseline-browser-mapping": "^2.9.0",
                 "caniuse-lite": "^1.0.30001759",
@@ -5211,7 +5197,6 @@
             "version": "6.2.2",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "engines": {
                 "node": ">=18"
             }
@@ -5736,6 +5721,7 @@
             "version": "2.0.6",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "is-what": "^3.14.1"
             },
@@ -6006,7 +5992,8 @@
         "node_modules/csstype": {
             "version": "3.2.3",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/dashdash": {
             "version": "1.14.1",
@@ -6222,8 +6209,7 @@
         "node_modules/devtools-protocol": {
             "version": "0.0.1508733",
             "dev": true,
-            "license": "BSD-3-Clause",
-            "peer": true
+            "license": "BSD-3-Clause"
         },
         "node_modules/diff": {
             "version": "5.2.0",
@@ -6568,7 +6554,6 @@
             "dev": true,
             "hasInstallScript": true,
             "license": "MIT",
-            "peer": true,
             "bin": {
                 "esbuild": "bin/esbuild"
             },
@@ -6661,7 +6646,6 @@
             "version": "9.39.2",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "@eslint-community/eslint-utils": "^4.8.0",
                 "@eslint-community/regexpp": "^4.12.1",
@@ -6720,7 +6704,6 @@
             "version": "10.1.8",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "bin": {
                 "eslint-config-prettier": "bin/cli.js"
             },
@@ -7797,7 +7780,6 @@
         "node_modules/highlight.js": {
             "version": "11.11.1",
             "license": "BSD-3-Clause",
-            "peer": true,
             "engines": {
                 "node": ">=12.0.0"
             }
@@ -8010,6 +7992,7 @@
             "dev": true,
             "license": "MIT",
             "optional": true,
+            "peer": true,
             "bin": {
                 "image-size": "bin/image-size.js"
             },
@@ -8441,7 +8424,8 @@
         "node_modules/is-what": {
             "version": "3.14.1",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/is-windows": {
             "version": "1.0.2",
@@ -8679,7 +8663,6 @@
             "version": "5.5.5",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "@keyv/serialize": "^1.1.1"
             }
@@ -8869,6 +8852,7 @@
             "dev": true,
             "license": "MIT",
             "optional": true,
+            "peer": true,
             "dependencies": {
                 "prr": "~1.0.1"
             },
@@ -8881,6 +8865,7 @@
             "dev": true,
             "license": "MIT",
             "optional": true,
+            "peer": true,
             "dependencies": {
                 "pify": "^4.0.1",
                 "semver": "^5.6.0"
@@ -8894,6 +8879,7 @@
             "dev": true,
             "license": "MIT",
             "optional": true,
+            "peer": true,
             "bin": {
                 "mime": "cli.js"
             },
@@ -8906,6 +8892,7 @@
             "dev": true,
             "license": "ISC",
             "optional": true,
+            "peer": true,
             "bin": {
                 "semver": "bin/semver"
             }
@@ -8915,6 +8902,7 @@
             "dev": true,
             "license": "BSD-3-Clause",
             "optional": true,
+            "peer": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -9531,6 +9519,7 @@
             "dev": true,
             "license": "MIT",
             "optional": true,
+            "peer": true,
             "dependencies": {
                 "iconv-lite": "^0.6.3",
                 "sax": "^1.2.4"
@@ -9547,6 +9536,7 @@
             "dev": true,
             "license": "MIT",
             "optional": true,
+            "peer": true,
             "dependencies": {
                 "safer-buffer": ">= 2.1.2 < 3.0.0"
             },
@@ -10003,6 +9993,7 @@
             "version": "1.0.1",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.10"
             }
@@ -10285,7 +10276,6 @@
                 }
             ],
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "nanoid": "^3.3.11",
                 "picocolors": "^1.1.1",
@@ -10862,7 +10852,6 @@
             "version": "7.1.1",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "cssesc": "^3.0.0",
                 "util-deprecate": "^1.0.2"
@@ -10909,7 +10898,6 @@
             "version": "0.16.7",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "posthtml-parser": "^0.11.0",
                 "posthtml-render": "^3.0.0"
@@ -11040,7 +11028,6 @@
             "version": "3.8.0",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "bin": {
                 "prettier": "bin/prettier.cjs"
             },
@@ -11186,7 +11173,6 @@
         "node_modules/prosemirror-model": {
             "version": "1.25.4",
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "orderedmap": "^2.0.0"
             }
@@ -11210,7 +11196,6 @@
         "node_modules/prosemirror-state": {
             "version": "1.4.4",
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "prosemirror-model": "^1.0.0",
                 "prosemirror-transform": "^1.0.0",
@@ -11235,7 +11220,6 @@
         "node_modules/prosemirror-view": {
             "version": "1.41.3",
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "prosemirror-model": "^1.20.0",
                 "prosemirror-state": "^1.0.0",
@@ -11453,7 +11437,6 @@
             "version": "19.2.0",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -11462,7 +11445,6 @@
             "version": "19.2.0",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "scheduler": "^0.27.0"
             },
@@ -11841,7 +11823,6 @@
             "version": "4.52.5",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "@types/estree": "1.0.8"
             },
@@ -12677,7 +12658,6 @@
             "version": "1.97.2",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "chokidar": "^4.0.0",
                 "immutable": "^5.0.2",
@@ -12751,7 +12731,6 @@
             "version": "8.17.1",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "fast-deep-equal": "^3.1.3",
                 "fast-uri": "^3.0.1",
@@ -13229,7 +13208,6 @@
             "version": "10.1.11",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "@storybook/global": "^5.0.0",
                 "@storybook/icons": "^2.0.0",
@@ -13728,7 +13706,6 @@
         "node_modules/svelte": {
             "version": "5.47.1",
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "@jridgewell/remapping": "^2.3.4",
                 "@jridgewell/sourcemap-codec": "^1.5.0",
@@ -14126,7 +14103,6 @@
             "version": "5.44.0",
             "dev": true,
             "license": "BSD-2-Clause",
-            "peer": true,
             "dependencies": {
                 "@jridgewell/source-map": "^0.3.3",
                 "acorn": "^8.15.0",
@@ -14408,7 +14384,6 @@
             "version": "5.9.3",
             "dev": true,
             "license": "Apache-2.0",
-            "peer": true,
             "bin": {
                 "tsc": "bin/tsc",
                 "tsserver": "bin/tsserver"
@@ -14627,7 +14602,6 @@
             "version": "7.3.1",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "esbuild": "^0.27.0",
                 "fdir": "^6.5.0",
@@ -15199,7 +15173,6 @@
             "version": "4.0.17",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "@vitest/expect": "4.0.17",
                 "@vitest/mocker": "4.0.17",
@@ -15402,7 +15375,6 @@
             "version": "5.104.1",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "@types/eslint-scope": "^3.7.7",
                 "@types/estree": "^1.0.8",
@@ -15450,7 +15422,6 @@
             "version": "6.0.1",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "@discoveryjs/json-ext": "^0.6.1",
                 "@webpack-cli/configtest": "^3.0.1",
@@ -15897,7 +15868,7 @@
                 "@hotwired/stimulus": "^3.2.2",
                 "@stackoverflow/stacks": "*",
                 "@stackoverflow/stacks-editor": "^1.0.0-beta.3",
-                "@stackoverflow/stacks-icons": "^7.0.0-beta.16",
+                "@stackoverflow/stacks-icons": "^7.0.0-beta.18",
                 "@stackoverflow/stacks-icons-legacy": "npm:@stackoverflow/stacks-icons@^6.9.0",
                 "cheerio": "^1.1.2",
                 "docsearch.js": "^2.6.3",
@@ -15910,7 +15881,7 @@
             "version": "1.0.0-beta.26",
             "dependencies": {
                 "@floating-ui/core": "^1.7.3",
-                "@stackoverflow/stacks-icons": "^7.0.0-beta.16",
+                "@stackoverflow/stacks-icons": "^7.0.0-beta.18",
                 "@stackoverflow/stacks-icons-legacy": "npm:@stackoverflow/stacks-icons@^6.9.0",
                 "@stackoverflow/stacks-utils": "^1.0.0-beta.2",
                 "svelte-floating-ui": "^1.6.2",
diff --git a/package.json b/package.json
index e510710f79..2cbc0a9fd9 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
         "@rollup/plugin-commonjs": "^26.0.1",
         "@rollup/plugin-replace": "^6.0.3",
         "@stackoverflow/prettier-config": "^1.0.0",
-        "@stackoverflow/stacks-icons": "^7.0.0-beta.16",
+        "@stackoverflow/stacks-icons": "^7.0.0-beta.18",
         "@stackoverflow/stacks-icons-legacy": "npm:@stackoverflow/stacks-icons@^6.9.0",
         "@storybook/addon-a11y": "^10.1.11",
         "@storybook/addon-docs": "^10.1.11",
diff --git a/packages/stacks-classic/lib/components/post-summary/post-summary.a11y.test.ts b/packages/stacks-classic/lib/components/post-summary/post-summary.a11y.test.ts
index bb1fe41fc5..d95515cbd2 100644
--- a/packages/stacks-classic/lib/components/post-summary/post-summary.a11y.test.ts
+++ b/packages/stacks-classic/lib/components/post-summary/post-summary.a11y.test.ts
@@ -1,26 +1,7 @@
-// TODO SPARK reinstate accessibility tests once component styles are updated
-// import { runA11yTests } from "../../test/a11y-test-utils";
-// import testArgs from "./post-summary.test.setup";
-// import "../../index";
+import { runA11yTests } from "../../test/a11y-test-utils";
+import testArgs from "./post-summary.test.setup";
+import "../../index";
 
-// describe("post-summary", () => {
-//     // Base, sparce
-//     runA11yTests({
-//         ...testArgs.base,
-//         // TODO resolve test failures
-//         skippedTestids: [
-//             /-deleted/,
-//             /-ignored/,
-//             /-highcontrast-(light|dark)-watched/,
-//         ],
-//     });
-
-//     // Truncated description sizes
-//     runA11yTests(testArgs.sizes);
-
-//     // Stats - answers, view hotness
-//     runA11yTests(testArgs.stats);
-
-//     // Badges
-//     runA11yTests(testArgs.badges);
-// });
+describe("post-summary", () => {
+    runA11yTests(testArgs);
+});
diff --git a/packages/stacks-classic/lib/components/post-summary/post-summary.less b/packages/stacks-classic/lib/components/post-summary/post-summary.less
index c52328047f..3fabe9041d 100644
--- a/packages/stacks-classic/lib/components/post-summary/post-summary.less
+++ b/packages/stacks-classic/lib/components/post-summary/post-summary.less
@@ -1,458 +1,291 @@
 .s-post-summary {
-    // --_ps-state-* are custom properties to broadly override colors for a given post summary state
-    --_ps-bb: var(--su1) solid var(--bc-light);
-    --_ps-bg: unset;
-    --_ps-o: unset;
-    // Child components
-    --_ps-content-excerpt-fc: var(--_ps-state-fc, var(--fc-medium));
-    --_ps-content-title-a-fc: var(--_ps-state-fc, var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary))));
-    --_ps-content-title-a-fc-hover: var(--_ps-state-fc, var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--theme-secondary-500))));
-    --_ps-content-title-a-fc-visited: var(--_ps-state-fc, var(--theme-post-title-color-visited, var(--theme-link-color-visited, var(--purple-500))));
-    --_ps-content-title-a-fc-hover-visited: var(--_ps-state-fc, var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--purple-600))));
-    --_ps-stats-ai: flex-end;
-    --_ps-stats-fc: var(--_ps-state-fc, var(--fc-light));
-    --_ps-stats-fd: column;
-    --_ps-stats-w: calc(var(--su96) + var(--su12));
-    // Stats item modifiers
-    --_ps-has-answers-bc: var(--green-400);
-    --_ps-has-answers-bg: unset;
-    --_ps-has-answers-fc: var(--green-400);
-    --_ps-has-accepted-answers-bc: var(--green-400);
-    --_ps-has-accepted-answers-bg: var(--green-400);
-    --_ps-has-accepted-answers-fc: var(--white);
-    --_ps-stats-item-emphasized-fc: var(--_ps-state-fc, var(--fc-dark));
-
-    // CONTEXTUAL STYLES
-    #stacks-internals #screen-md({
-        --_ps-stats-ai: center;
-        --_ps-stats-fd: row;
-        --_ps-stats-w: auto;
-
-        flex-direction: column;
+    @psx-container-sm: 28rem;
+    --_ps-answer-icon-fc: unset;
+    --_ps-content-type-bc: var(--black-200);
+    --_ps-content-type-bg: var(--black-050);
+    --_ps-content-type-fc: var(--black-600);
+    --_ps-stats-answers-bg: unset;
+    --_ps-stats-answers-fc: var(--black-400);
+    --_ps-stats-answers-fw: unset;
+    --_ps-stats-answers-icon-fc: unset;
+    --_ps-title-link-fc: var(--theme-secondary-600);
+
+    // Conditional styles
+    .highcontrast-mode({
+        &__deleted * {
+            --_ps-ignored-fc: var(--black-500);
+        }
     });
 
-    // MODIFIERS
-    &&__minimal,
-    & &--answer {
-        --_ps-stats-ai: center;
-        --_ps-stats-fd: row;
-        --_ps-stats-w: auto;
+    // Note: we cannot use CSS custom properties for container query values
+    @container post-summary (width <= @psx-container-sm) {
+        .s-post-summary--sm-hide {
+            display: none !important;
+        }
+        .s-post-summary--sm-show {
+            display: flex !important;
+        }
     }
 
-    &&__minimal {
-        .s-post-summary--content {
-            width: 100%;
+    @container post-summary (width > @psx-container-sm) {
+        .s-post-summary--sm-hide {
+            display: flex !important;
+        }
+        .s-post-summary--sm-show {
+            display: none !important;
         }
+    }
 
-        flex-direction: column;
+    // MODIFIERS
+    &&__answered {
+        --_ps-stats-answers-bg: var(--green-400);
+        --_ps-stats-answers-fc: var(--white);
+        --_ps-stats-answers-fw: 600;
+        --_ps-stats-answers-icon-fc: var(--green-400);
     }
 
-    // VARIANTS
     &&__deleted,
-    &&__ignored {
-        --_ps-o: 0.75;
-        --_ps-has-answers-bc: var(--black-350);
-        --_ps-has-answers-bg: transparent;
-        --_ps-has-answers-fc: var(--_ps-state-fc);
-        --_ps-has-accepted-answers-bc: transparent;
-        --_ps-has-accepted-answers-bg: var(--black-150);
-        --_ps-has-accepted-answers-fc: var(--_ps-state-fc);
-        --_ps-meta-tags-tag-bg: var(--black-150);
-        --_ps-meta-tags-tag-fc: var(--_ps-state-fc);
-        --_ps-state-fc: var(--black-400);
-
-        .s-post-summary--meta-tags {
-            a, // TODO: remove rule for `a` once Core replaces `.post-tag` with `.s-tag`
-            .post-tag,
-            .s-tag {
-                &,
-                &:active,
-                &:hover,
-                &:focus,
-                .focus-bordered {
-                    .highcontrast-mode({
-                        border-color: currentColor;
-                    });
-
-                    background-color: var(--_ps-meta-tags-tag-bg);
-                    color: var(--black-500);
-                    border-color: var(--black-300);
-                }
-            }
+    &:has(.s-tag.s-tag__ignored) {
+        --_ps-ignored-bg: var(--black-100);
+        --_ps-ignored-fc: var(--black-400);
+        
+        &.s-post-summary__answered {
+            --_ps-stats-answers-bg: var(--_ps-ignored-bg);
+            --_ps-stats-answers-fc: var(--_ps-ignored-fc);
+            --_ps-stats-answers-icon-fc: var(--black-350);
         }
 
-        .s-user-card {
-            a,
-            .s-user-card--link,
-            .s-user-card--rep,
-            .s-user-card--time {
-                color: var(--_ps-state-fc);
-            }
-
-            .s-badge {
-                filter: grayscale(100%);
-            }
+        * {
+            color: var(--_ps-ignored-fc) !important;
         }
-    }
-    &&__deleted,
-    &&__watched {
-        background-color: var(--_ps-bg);
-    }
 
-    &&__deleted {
-        --_ps-bg: var(--red-100);
-        --_ps-has-accepted-answers-bg: var(--black-200);
-        --_ps-has-accepted-answers-fc: var(--black-500);
-        --_ps-meta-tags-tag-bg: var(--black-200);
-
-        .is-deleted,
-        .s-badge__danger.s-badge__filled {
-            .dark-mode({
-                background-color: var(--red-600);
-                color: var(--white);
-            });
+        .s-avatar {
+            opacity: 0.5;
+        }
 
-            background-color: var(--red-500);
+        .s-user-card--rep .s-bling:before {
+            background-color: var(--_ps-ignored-fc) !important;
         }
-    }
 
-    &&__watched {
-        &:not(.s-post-summary__deleted):not(.s-post-summary__ignored) {
-            --_ps-bg: var(--yellow-100);
-            --_ps-stats-fc: var(--black-400);
-            --_ps-content-title-a-fc: var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary)));
-            --_ps-content-title-a-fc-hover: var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--theme-secondary-500)));
-            --_ps-content-title-a-fc-visited: var(--theme-post-title-color-visited, var(--theme-link-color-visited, var(--purple-500)));
-            --_ps-content-title-a-fc-hover-visited: var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--purple-600)));
-
-            .s-user-card {
-                a {
-                    &:active,
-                    &:hover {
-                        color: var(--_ps-content-title-a-fc-hover);
-                    }
-
-                    &:visited {
-                        &:hover {
-                            color: var(--_ps-content-title-a-fc-hover-visited);
-                        }
-
-                        color: var(--_ps-content-title-a-fc-visited);
-                    }
-
-                    color: var(--_ps-content-title-a-fc);
-                }
-
-                .s-user-card--rep,
-                .s-user-card--time {
-                    color: var(--black-500);
-                }
-            }
+        .s-badge,
+        .s-tag,
+        .s-post-summary--stats-bounty {
+            background-color: var(--_ps-ignored-bg) !important;
+            border-color: var(--_ps-ignored-bg) !important;
+            color: var(--_ps-ignored-fc) !important;
         }
     }
 
-    &:last-child {
-        --_ps-bb: none;
+    &&__deleted {
+        background-color: var(--red-100);
+        border: var(--su8) solid var(--red-100);
     }
 
-    // Child Elements
-    & & {
-        &--answer {
-            & + & {
-                margin-top: var(--su16);
-            }
+    // Child components
+    .s-tag.s-tag__watched {
+        --_ta-bc: var(--yellow-200);
+        --_ta-bg: var(--yellow-200);
+        --_ta-fc: var(--yellow-600);
+        --_ta-bc-hover: var(--yellow-200);
+        --_ta-bg-hover: var(--yellow-200);
+    }
 
-            &:before {
-                .highcontrast-mode({
-                    background: var(--black-500);
-                });
-
-                background: var(--black-250);
-                border-radius: var(--su8);
-                bottom: 0;
-                content: "";
-                display: block;
-                left: 0;
-                position: absolute;
-                top: 0;
-                width: var(--su4);
-            }
+    // TODO SHINE complete answers styling
+    & &--answers {
+        display: flex;
+        flex-direction: column;
+        gap: var(--su16);
+        padding-top: calc(var(--su8) + var(--su2)); // 10px
+    }
 
-            margin: var(--su16) 1em 0 1em;
-            padding: 0.5em 0 0.5em calc(1em + var(--su4));
-            position: relative;
+    & &--answer {
+        &__accepted {
+            --_ps-answer-icon-fc: var(--green-400);
         }
 
-        &--answer-excerpt {
-            .v-truncate4;
-            color: var(--black-500);
-            margin-bottom: var(--su8);
+        .s-post-summary--stats-answers--icon {
+            color: var(--_ps-answer-icon-fc);
         }
 
-        &--content {
-            > *:not(.s-post-summary--content-menu-button):not(.s-post-summary--meta):not(.s-popover) {
-                opacity: var(--_ps-o);
-            }
-
-            flex-grow: 1;
-            max-width: 100%;
-        }
+        border-left: var(--su4) solid var(--black-200);
+        display: flex;
+        flex-direction: column;
+        gap: var(--su6);
+        padding-left: var(--su8);
+    }
 
-        &--content-excerpt {
-            &.s-post-summary--content-excerpt {
-                &__sm {
-                    .v-truncate1;
-                }
+    & &--content {
+        display: flex;
+        flex-direction: column;
+        gap: var(--su4);
+        width: 100%;
+    }
 
-                &__md {
-                    .v-truncate3;
-                }
+    & &--content-meta {
+        align-items: center;
+        color: var(--black-400);
+        display: flex;
+        flex-wrap: wrap;
+        font-size: var(--fs-caption);
+        gap: var(--su6);
+        margin-bottom: var(--su4);
+    }
 
-                &__lg {
-                    .v-truncate4;
-                }
-            }
+    & &--content-type {
+        &:focus-visible {
+            .focus-styles();
+        }
 
-            .break-word;
-            .v-truncate2;
-            color: var( --_ps-content-excerpt-fc);
-            font-family: var(--theme-post-body-font-family, var(--theme-body-font-family));
-            margin-top: var(--sun2);
-            margin-bottom: var(--su8);
+        &:hover {
+            --_ps-content-type-bc: var(--black-150);
+            --_ps-content-type-bg: var(--black-100);
+            --_ps-content-type-fc: var(--black-600);
         }
 
-        &--content-menu-button {
-            .svg-icon {
-                margin: 0 !important;
-            }
+        border: var(--su-static1) solid var(--_ps-content-type-bc);
+        background-color: var(--_ps-content-type-bg);
+        color: var(--_ps-content-type-fc);
 
-            &,
-            &.s-btn { // To override .s-btn class attributes
-                padding: var(--su8);
-                position: absolute;
-            }
+        display: flex;
+        align-items: center;
+        gap: var(--su4);
+        padding: 0 var(--su4);
+        font-size: var(--fs-caption);
+    }
 
-            right: var(--su8);
-            top: var(--su8);
-        }
+    & &--excerpt {
+        line-height: 1.25rem; // TODO use a standard line-height variable (currently 20px)
+        margin-bottom: 0;
+    }
 
-        &--content-title {
-            a {
-                &:active,
-                &:hover {
-                    color: var(--_ps-content-title-a-fc-hover);
-                }
-                &:visited {
-                    &:hover {
-                        color: var(--_ps-content-title-a-fc-hover-visited);
-                    }
-
-                    color: var(--_ps-content-title-a-fc-visited);
-                }
-
-                .break-word;
-                color: var(--_ps-content-title-a-fc);
-                font-family: var(--theme-post-title-font-family, var(--theme-body-font-family));
-            }
+    & &--stats {
+        &.s-post-summary--sm-hide {
+            .s-post-summary--stats-answers {
+                background-color: var(--_ps-stats-answers-bg);
+                color: var(--_ps-stats-answers-fc);
+                font-weight: var(--_ps-stats-answers-fw);
 
-            .iconShield {
-                color: var(--fc-light);
+                align-items: center;
+                display: flex;
+                gap: var(--su4);
+                justify-content: center;
+                padding: var(--su4);
             }
 
-            .svg-icon {
-                position: relative;
-                top: var(--sun1);
-                vertical-align: text-bottom; // Optical alignment
+            .s-post-summary--stats-bounty {
+                align-items: center;
+                background-color: var(--blue-400);
+                color: var(--white);
+                display: flex;
+                gap: var(--su2);
+                font-weight: 600;
+                justify-content: center;
+                padding: var(--su4);
             }
 
-            .break-word;
-            display: block;
-            font-size: var(--fs-body3);
-            font-weight: normal;
-            line-height: var(--lh-md);
-            margin-bottom: 0.3365rem;
-            margin-top: -0.125rem; // Optical alignment to compensate for title's containing block
-            padding-right: var(--su24);
-        }
-
-        &--content-type {
-            .svg-icon {
-                color: var(--fc-light);
-                margin-left: var(--sun2);
+            .s-post-summary--stats-votes {
+                align-items: center;
+                aspect-ratio: 1/1;
+                border: var(--su1) solid var(--black-200);
+                display: flex;
+                justify-content: center;
+                font-size: var(--fs-body2);
+                font-weight: 600;
+                margin-bottom: var(--su2);
+                padding: var(--su4);
+                width: calc(var(--su48) + var(--su8)); // 3.5rem
             }
 
-            color: var(--fc-medium);
-            margin-bottom: var(--su4);
+            flex-direction: column;
         }
 
-        &--meta {
-            > *:not(.s-post-summary--meta-tags):not(.s-user-card) > * {
-                opacity: var(--_ps-o);
-            }
-
-            .s-user-card {
-                > *:not(.magic-popup) {
-                    opacity: var(--_ps-o);
-                }
-
-                flex-wrap: wrap;
-                justify-content: flex-end;
-                margin-left: auto;
+        &.s-post-summary--sm-show {
+            .s-post-summary--stats-answers--icon {
+                color: var(--_ps-stats-answers-icon-fc);
             }
 
             align-items: center;
-            column-gap: var(--su6);
-            display: flex;
-            flex-wrap: wrap;
-            justify-content: space-between;
-            row-gap: var(--su8);
+            justify-content: center;
+            padding: var(--su4);
         }
 
-        &--meta-tags {
-            > ul > li > a,
-            > a,
-            .post-tag,
-            .s-tag {
-                opacity: var(--_ps-o);
-            }
-
+        .s-post-summary--stats-bounty {
+            align-items: center;
+            justify-content: center;
+            background-color: var(--blue-400);
+            color: var(--white);
             display: flex;
-            flex-wrap: wrap;
-            gap: var(--su4);
+            gap: var(--su1);
+            padding: 0 calc(var(--su4) - var(--su1));
         }
 
-        &--stats {
-            > *:not(.s-badge__danger) {
-                opacity: var(--_ps-o);
-            }
-    
-            align-items: var(--_ps-stats-ai);
-            color: var(--_ps-stats-fc);
-            flex-direction: var(--_ps-stats-fd);
-            width: var(--_ps-stats-w);
+        display: flex;
+        gap: var(--su6);
+        font-size: var(--fs-caption);
+    }
 
-            display: flex;
-            flex-shrink: 0;
-            flex-wrap: wrap;
-            font-size: var(--fs-body1);
-            gap: var(--su6);
-            margin-bottom: var(--su4);
-            margin-right: var(--su16);
+    & &--stats-item {
+        &:before {
+            aspect-ratio: 1/1;
+            background-color: var(--black-300);
+            content: "";
+            display: block;
+            height: var(--su4);
         }
 
-        &--stats-item {
-            &:not(.s-badge) {
-                &.is-deleted {
-                    color: var(--white);
-                }
-
-                align-items: center;
-                border: var(--su1) solid transparent;
-                display: inline-flex;
-                gap: 0.3em;
-                justify-content: center;
-                white-space: nowrap;
-            }
-
-            &.s-badge {
-                font-size: var(--fs-body1);
-                line-height: var(--lh-md);
-                padding: var(--su2) var(--su4);
-            }
-
-            &.has-answers,
-            &.has-bounty, // TODO DEPRECATED: Remove .has-bounty styling
-            &.is-archived,
-            &.is-closed,
-            &.is-deleted,
-            &.is-draft,
-            &.is-pinned,
-            &.is-published,
-            &.is-review {
-                border-radius: var(--br-md);
-                padding: var(--su2) var(--su4);
-            }
-
-            &.has-answers {
-                &.has-accepted-answer {
-                    background-color: var(--_ps-has-accepted-answers-bg);
-                    border-color: var(--_ps-has-accepted-answers-bc);
-                    color: var(--_ps-has-accepted-answers-fc);
-                }
-
-                background-color: var(--_ps-has-answers-bg);
-                border: var(--su1) solid var(--_ps-has-answers-bc);
-                color: var(--_ps-has-answers-fc);
-            }
-
-            &.has-bounty { // TODO DEPRECATED: Remove and replace with references with `s-badge s-badge__bounty`
-                background-color: var(--blue-500);
-                color: var(--white);
-            }
-
-            // Hotness
-            &.is-warm {
-                color: var(--_ps-state-fc, var(--yellow-500));
-            }
-
-            &.is-hot {
-                color: var(--_ps-state-fc, var(--orange-500));
-            }
-
-            &.is-supernova {
-                color: var(--_ps-state-fc, var(--red-500));
-            }
-
-            // Status
-            &.is-archived { // TODO DEPRECATED: Remove and replace with references with `s-badge s-badge__muted s-badge__icon`
-                background-color: var(--black-225);
-                border-color: var(--black-500);
-                color: var(--black-600);
-            }
-
-            &.is-closed { // TODO DEPRECATED: Remove and replace with references with `s-badge s-badge__danger s-badge__icon`
-                background-color: var(--red-300);
-                border-color: var(--red-500);
-                color: var(--red-600);
-            }
-
-            &.is-draft { // TODO DEPRECATED: Remove and replace with references with `s-badge s-badge__info s-badge__icon`
-                background-color: var(--blue-300);
-                border-color: var(--blue-500);
-                color: var(--blue-600);
-            }
+        align-items: center;
+        display: flex;
+        gap: var(--su6);
+    }
 
-            &.is-pinned { // TODO DEPRECATED: Remove and replace with references with `s-badge s-badge__muted s-badge__filled s-badge__icon`
-                background-color: var(--black-500);
-                color: var(--white);
-            }
+    & &--tags {
+        display: flex;
+        flex-wrap: wrap;
+        gap: var(--su8);
+        margin-top: var(--su6);
+    }
 
-            &.is-published {
-                background-color: var(--black-150);
-                color: var(--black-600);
-            }
+    & &--title {
+        display: flex;
+        gap: var(--su6);
+        line-height: 1.563rem; // TODO use a standard line-height variable (currently 25px)
+    }
 
-            &.is-review { // TODO DEPRECATED: Remove and replace with references with `s-badge s-badge__warning s-badge__icon`
-                background-color: var(--yellow-300);
-                border-color: var(--yellow-500);
-                color: var(--yellow-600);
-            }
+    & &--title-link {
+        &:hover {
+            --_ps-title-link-fc: var(--theme-secondary-500);
 
-            &__emphasized {
-                color: var(--_ps-stats-item-emphasized-fc);
+            &:visited {
+                color: var(--theme-secondary-600);
             }
         }
 
-        &--stats-item-number {
-            font-weight: 500;
+        // TODO: Since custom property is not being applied for some reason, we're changing the color directly. Remove this once the custom property is fixed.
+        // I suspect this is because of restrictions on the `:visited` pseudo-class.
+        // See https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:visited#privacy_restrictions
+        &:visited {
+            color: var(--theme-secondary-400);
         }
 
+        color: var(--_ps-title-link-fc);
+        display: flex;
+        font-size: var(--fs-body3);
+        font-weight: 600;
+        gap: var(--su4);
+        margin-top: var(--su2);
+    }
+
+    & &--title-icon {
+        flex-shrink: 0;
     }
 
-    background-color: var(--_ps-bg);
-    border-bottom: var(--_ps-bb);
+    // Container query setup
+    container-type: inline-size;
+    container-name: post-summary;
 
+    color: var(--black-500);
     display: flex;
-    padding: var(--su16);
+    gap: var(--su16);
     position: relative;
+    width: 100%;
 }
diff --git a/packages/stacks-classic/lib/components/post-summary/post-summary.test.setup.ts b/packages/stacks-classic/lib/components/post-summary/post-summary.test.setup.ts
index 83e96f5288..9d05ec5650 100644
--- a/packages/stacks-classic/lib/components/post-summary/post-summary.test.setup.ts
+++ b/packages/stacks-classic/lib/components/post-summary/post-summary.test.setup.ts
@@ -1,435 +1,314 @@
 import { html } from "@open-wc/testing";
 import {
-    IconArchiveSm,
-    IconCheckmarkSm,
-    IconEllipsisVertical,
-    IconEyeSm,
-    IconNotInterested,
-    IconPencilSm,
-    IconTackSm,
-    IconTrashSm,
-} from "@stackoverflow/stacks-icons-legacy/icons";
+    IconDocumentAlt,
+    IconShield,
+} from "@stackoverflow/stacks-icons-legacy";
 import type { TestVariationArgs } from "../../test/test-utils";
 import "../../index";
+import {
+    IconAnswer16,
+    IconAnswer16Fill,
+    IconCompose,
+} from "@stackoverflow/stacks-icons/icons";
 
-type BadgeType =
-    | "danger"
-    | "danger-filled"
-    | "info"
-    | "muted"
-    | "muted-filled"
-    | "warning";
+// ISO timestamp used for the user time tooltip (title)
+const USER_TIME_ISO = "2026-01-15T12:00:00.000Z";
 
 type Stats = {
-    votes: number;
-    views: number;
-    answers: number;
+    votes: number | string;
+    views: number | string;
+    answers: number | string;
     accepted?: boolean;
-    bounty?: number;
-    badge?: BadgeType;
+    bounty?: number | string;
+    badge?: boolean;
 };
 
-type Tags = { text: string; type?: "required" | "moderator" }[];
-
-type TruncationSizes = "sm" | "md" | "lg" | "";
+type Tags = {
+    text: string;
+    type?: "ignored" | "watched";
+}[];
 
-const formatNumber = (num: number) => {
-    switch (true) {
-        case num > 10000090:
-            return (num / 1000000).toFixed(0) + "m";
-        case num > 1000000:
-            return (num / 1000000).toFixed(1) + "m";
-        case num > 10000:
-            return (num / 1000).toFixed(0) + "k";
-        case num > 1000:
-            return (num / 1000).toFixed(1) + "k";
-        default:
-            return num.toString();
-    }
+const getBadge = () => {
+    return `<span class="s-badge s-badge__info">${IconCompose} Draft</span>`;
 };
 
-const getBadge = (type: BadgeType) => {
-    const badgeClasses = type
-        .split("-")
-        .map((modifier) => `s-badge__${modifier}`)
-        .join(" ");
-    const getIcon = () => {
-        switch (type) {
-            case "danger":
-                return IconNotInterested;
-            case "danger-filled":
-                return IconTrashSm;
-            case "info":
-                return IconPencilSm;
-            case "muted":
-                return IconArchiveSm;
-            case "muted-filled":
-                return IconTackSm;
-            case "warning":
-                return IconEyeSm;
-            default:
-                return "";
+// Stats block for wide containers
+const getStatsSmHide = ({ votes, answers, accepted, bounty }: Stats) => `
+    <div class="s-post-summary--stats s-post-summary--sm-hide">
+        <div class="s-post-summary--stats-votes">
+            ${Number(votes) > 0 ? "+" : ""}${votes}
+            <span class="v-visible-sr">${votes === 1 ? "vote" : "votes"}</span>
+        </div>
+        <div class="s-post-summary--stats-answers">
+            ${accepted ? IconAnswer16Fill : IconAnswer16}
+            ${answers}
+            <span class="v-visible-sr">${answers === 1 ? "answer" : "answers"}</span>
+        </div>
+        ${
+            bounty
+                ? `
+            <div class="s-post-summary--stats-bounty">
+                <span>+</span>
+                ${bounty}
+                <span class="v-visible-sr">bounty</span>
+            </div>
+        `
+                : ""
         }
-    };
+    </div>
+`;
 
-    const getText = () => {
-        switch (type) {
-            case "danger":
-                return "Closed";
-            case "danger-filled":
-                return "Deleted";
-            case "info":
-                return "Draft";
-            case "muted":
-                return "Archived";
-            case "muted-filled":
-                return "Pinned";
-            case "warning":
-                return "Review";
-            default:
-                return "";
+// Stats block for small containers
+const getStatsSmShow = ({ votes, answers, accepted, bounty }: Stats) => `
+    <div class="s-post-summary--stats s-post-summary--sm-show">
+        <div class="s-post-summary--stats-votes">
+            ${votes}
+            <span class="v-visible-sr">votes</span>
+        </div>
+        <div class="s-post-summary--stats-answers">
+            ${accepted ? IconAnswer16Fill : IconAnswer16}
+            ${answers}
+            <span class="v-visible-sr">${answers === 1 ? "answer" : "answers"}</span>
+        </div>
+        ${
+            bounty
+                ? `
+            <div class="s-post-summary--stats-bounty">
+                <span>+</span>
+                ${bounty}
+                <span class="v-visible-sr">bounty</span>
+            </div>
+        `
+                : ""
         }
-    };
-
-    return `
-      <div
-          class="s-post-summary--stats-item s-badge s-badge__icon ${badgeClasses}"
-      >
-          ${getIcon()}
-          ${getText()}
-      </div>`;
-};
-
-const getDescription = (truncation?: TruncationSizes, text?: string) => `
-  <p class="s-post-summary--content-excerpt
-      ${truncation ? `s-post-summary--content-excerpt__${truncation}` : ""}
-  ">
-      ${text ? text : "In the spirit of type safety associated with the CriteriaQuery JPA 2.0 also has an API to support Metamodel representation of entities. Is anyone aware of a fully functional implementation of this API (to generate the Metamodel as opposed to creating the metamodel classes manually)? It would be awesome if someone also knows the steps for setting this up in Eclipse (I assume it's as simple as setting up an annotation processor, but you never know)."}
-  </p>
+    </div>
 `;
 
-const getHotnessClass = (num: number) => {
-    switch (true) {
-        case num > 100000:
-            return "is-supernova";
-        case num > 10000:
-            return "is-hot";
-        case num > 1000:
-            return "is-warm";
-        default:
-            return "";
-    }
-};
+// Tags
+const DEFAULT_TAGS: Tags = [
+    { text: "llm" },
+    { text: "database" },
+    { text: "open-source" },
+];
 
-const getStats = ({
-    votes,
-    views,
-    answers,
-    accepted,
-    bounty,
-    badge,
-}: Stats) => `
-  <div class="s-post-summary--stats">
-      ${badge ? getBadge(badge) : ""}
-      <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-          <span class="s-post-summary--stats-item-number">${formatNumber(votes)}</span>
-          <span class="s-post-summary--stats-item-unit">${votes === 1 ? "vote" : "votes"}</span>
-      </div>
-      <div class="s-post-summary--stats-item ${accepted ? "has-accepted-answer" : ""} ${answers > 0 ? "has-answers" : ""}">
-          ${accepted ? IconCheckmarkSm : ""}
-          <span class="s-post-summary--stats-item-number">${formatNumber(answers)}</span>
-          <span class="s-post-summary--stats-item-unit">${answers === 1 ? "answer" : "answers"}</span>
-      </div>
-      <div class="s-post-summary--stats-item ${getHotnessClass(views)}">
-          <span class="s-post-summary--stats-item-number">${formatNumber(views)}</span>
-          <span class="s-post-summary--stats-item-unit">${views === 1 ? "view" : "views"}</span>
-      </div>
-      ${
-          bounty
-              ? `
-          <div class="s-post-summary--stats-item s-badge s-badge__bounty">
-              +${bounty}
-          </div>
-      `
-              : ""
-      }
-  </div>
-`;
+const getTags = (tags?: Tags, contentType?: string) => {
+    const tagsArr = tags ?? DEFAULT_TAGS;
 
-const getTags = (tags?: Tags) => {
-    const tagsArr = tags ?? [
-        {
-            text: "feature-request",
-            type: "required",
-        },
-        {
-            text: "status-complete",
-            type: "moderator",
-        },
-        {
-            text: "design",
-        },
-    ];
+    const contentTypeLink = contentType
+        ? `<a class="s-post-summary--content-type" href="#">${IconDocumentAlt} ${contentType}</a>`
+        : "";
 
     const tagsHTML = tagsArr
-        .map(
-            ({ text, type }) => `
-    <a class="s-tag ${type ? `s-tag__${type}` : ""}" href="/">${text}</a>
-  `
-        )
+        .map(({ text, type }) => {
+            const sr =
+                type === "ignored"
+                    ? '<div class="v-visible-sr">Ignored tag</div>'
+                    : type === "watched"
+                      ? '<div class="v-visible-sr">Watched tag</div>'
+                      : "";
+            return `<a class="s-tag ${type ? `s-tag__${type}` : ""}" href="#">${sr}${text}</a>`;
+        })
         .join("");
 
-    return `<div class="s-post-summary--meta-tags">${tagsHTML}</div>`;
+    return `<div class="s-post-summary--tags">${contentTypeLink}${tagsHTML}</div>`;
 };
 
-const getUser = () => `
-  <div class="s-user-card s-user-card__minimal">
-      <a href="#" class="s-avatar s-user-card--avatar">
-          <img class="s-avatar--image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATwAAAE8CAMAAABq2/00AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhQTFRF/3IA/////44y/8OS/+fU//Xs/6tn/9e2EhvbMQAABH9JREFUeNrs3e1y2ygAhWELJHH/d7zuJpN1XAnxoe408Ly/6xnnHXEOIEwfDwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/gbAGEhrZl2VloY20PIk8tAzZbfkXA7eeuHyysVfdFMsXiY66ptiWF8Re05BdxF7HkBV7PUNW7FVx4E7sVSwrDjBw2+pC7NWwHtkTe3ULM7En9v6O2ONF7Ik9sSf2IPbEntgTexB7t8feTsynniD2Oh6tXex1hFoUe02kaxVi72JMZs+Rib0LLdkXFGLvaECWjkOxdxVmUex1rB6S2Kss2lcytSH2LnVkakPsXQ7E8xwTe5fuMrUh9vKj8CP4xN7lNOXc3mnwib1M2X7Z28VeS93mg0/sFZTG6WCMVSE51fqsYL4s9jpqQ+yV1caxErHXUxtir6c2xF5HbYRF7LXXhtjrqQ2x11MbYu9tLG4VtSH2empD7BUNxpPaSGKvPPh2sdcxX45i78baEHs18+X32hB7NfPl99oQex21MVHsxViaR8W1MU3s/XpMSvWF0tqYJfY+BmMq01dcG+scP6/6enTK9BW+1J0j9l5aYN0rP5BzM0XsbSUnAlpqY4LYezexFeRSbpslH3uDXdF64OG6est258PohXE8BK+7o6g29rJTQsPt1F3qK9qdTwMP2Wz2X1Vv0UvdbeQ53nl2Xesr2Z0Pww7Zs5lsafWW1MY+6JDNxv5/+kLb5/fXfzLirRdhKSGnr6A2tkGvJoxLGZnqva6NkAbdgA+pUN9a+QuWYYPu+98ee/W1/PJgoMG7lek7nW3UHiEdbKpcqu+kO2L9b4aG0rcWjt5jfWf2Z7kCeE891XtSG/O86A5d+tbZj1h0VW+c/ja90FG9uxMCFdWb/+SkZ1Oaq/d1vjzvXfvF+tLp+aiZT5S1Vm90lrFj02B3bW1d9X7T92u+7Aq9qk2D+Fob/v/Myu7YostC76xe9K966evfr5+7ekuXHVy1V6+R275pEMd3kPbGB+Syeod/8D7Sf41NBvPdMf7a4uXpaTGY0zd+4r0vDlKtwdPqHf/BOzzf8zQYqvRtcz54mXfUNUVyUL0T7AhcrBbKY/C36p1geVEy1y00+F3fBA9eKFxnlRXJa/XOcKxnqeF6Pv1VvTPc7RuXai6K5LN6Z9hQSUsb2Rh86pviUultaScTg/sMD15YeqmcT8/bFx1Foi/umk9P3hcMfqTenrabBT5j8DGTwHivwelOCTwNrnfJm/Ol2U0GZ74WdE+dBn9+Z/z2J9UZ7IjB7dZv8gPl9RRJIq89BiN57QZ38trn04G8k62E6xjcHuQ1D+JEXrvBnbz2+XQgr30+/SCveT69ktceg4m8doOBvDG/CXnkkTezvOXPQB555JFHHnnkkUceeeSRRx555JFHHnnkkWcnmTzyyCOPPPLII4888sgjjzzfhDzyyCOPPPL+9Ff+eyCPPPLII4888sgjjzzyyCOPPPLII4888sgDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPy//CPAAPiZOI3BPDFQAAAAAElFTkSuQmCC" alt="placeholder avatar">
-          <span class="v-visible-sr">Tracy Smith</span>
-      </a>
-      <a href="#" class="s-user-card--link">Tracy Smith</a>
-      <ul class="s-user-card--awards">
-          <li class="s-user-card--rep">1350</li>
-      </ul>
-      <time class="s-user-card--time">asked just now</time>
+// Answers
+const getAnswerBlock = ({
+    accepted,
+    excerpt,
+}: {
+    accepted: boolean;
+    excerpt: string;
+}) => `
+    <div class="s-post-summary--answer ${accepted ? "s-post-summary--answer__accepted" : ""}">
+        <div class="s-post-summary--content-meta">
+            ${getUser()}
+            <div class="s-post-summary--stats">
+                <div class="s-post-summary--stats-votes">24</div>
+                ${
+                    accepted
+                        ? `
+                    <div class="s-post-summary--stats-answers">
+                        <span class="s-post-summary--stats-answers--icon">
+                            ${IconAnswer16Fill}
+                        </span>
+                        Accepted answer
+                    </div>
+                `
+                        : ""
+                }
+            </div>
+        </div>
+        <p class="s-post-summary--excerpt v-truncate3">${excerpt}</p>
+    </div>
+`;
+
+const DEFAULT_ANSWER_EXCERPT =
+    "I have built a Retrieval-Augmented Generation (RAG) system using LangChain, a vector database, and an open-source LLM. While it works reasonably well, the model often hallucinates answers or cites sources that are only tangentially related to the user's query.";
+
+const getAnswersBlock = () => `
+  <div class="s-post-summary--answers">
+      ${getAnswerBlock({
+          accepted: true,
+          excerpt: DEFAULT_ANSWER_EXCERPT,
+      })}
+      ${getAnswerBlock({
+          accepted: false,
+          excerpt: DEFAULT_ANSWER_EXCERPT,
+      })}
   </div>
 `;
 
+// User card
+const getUser = () => `
+    <div class="s-user-card s-user-card__sm">
+        <a class="s-user-card--group" href="#">
+            <span class="s-avatar">
+                <img class="s-avatar--image" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATwAAAE8CAMAAABq2/00AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhQTFRF/3IA/////44y/8OS/+fU//Xs/6tn/9e2EhvbMQAABH9JREFUeNrs3e1y2ygAhWELJHH/d7zuJpN1XAnxoe408Ly/6xnnHXEOIEwfDwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/gbAGEhrZl2VloY20PIk8tAzZbfkXA7eeuHyysVfdFMsXiY66ptiWF8Re05BdxF7HkBV7PUNW7FVx4E7sVSwrDjBw2+pC7NWwHtkTe3ULM7En9v6O2ONF7Ik9sSf2IPbEntgTexB7t8feTsynniD2Oh6tXex1hFoUe02kaxVi72JMZs+Rib0LLdkXFGLvaECWjkOxdxVmUex1rB6S2Kss2lcytSH2LnVkakPsXQ7E8xwTe5fuMrUh9vKj8CP4xN7lNOXc3mnwib1M2X7Z28VeS93mg0/sFZTG6WCMVSE51fqsYL4s9jpqQ+yV1caxErHXUxtir6c2xF5HbYRF7LXXhtjrqQ2x11MbYu9tLG4VtSH2empD7BUNxpPaSGKvPPh2sdcxX45i78baEHs18+X32hB7NfPl99oQex21MVHsxViaR8W1MU3s/XpMSvWF0tqYJfY+BmMq01dcG+scP6/6enTK9BW+1J0j9l5aYN0rP5BzM0XsbSUnAlpqY4LYezexFeRSbpslH3uDXdF64OG6est258PohXE8BK+7o6g29rJTQsPt1F3qK9qdTwMP2Wz2X1Vv0UvdbeQ53nl2Xesr2Z0Pww7Zs5lsafWW1MY+6JDNxv5/+kLb5/fXfzLirRdhKSGnr6A2tkGvJoxLGZnqva6NkAbdgA+pUN9a+QuWYYPu+98ee/W1/PJgoMG7lek7nW3UHiEdbKpcqu+kO2L9b4aG0rcWjt5jfWf2Z7kCeE891XtSG/O86A5d+tbZj1h0VW+c/ja90FG9uxMCFdWb/+SkZ1Oaq/d1vjzvXfvF+tLp+aiZT5S1Vm90lrFj02B3bW1d9X7T92u+7Aq9qk2D+Fob/v/Myu7YostC76xe9K966evfr5+7ekuXHVy1V6+R275pEMd3kPbGB+Syeod/8D7Sf41NBvPdMf7a4uXpaTGY0zd+4r0vDlKtwdPqHf/BOzzf8zQYqvRtcz54mXfUNUVyUL0T7AhcrBbKY/C36p1geVEy1y00+F3fBA9eKFxnlRXJa/XOcKxnqeF6Pv1VvTPc7RuXai6K5LN6Z9hQSUsb2Rh86pviUultaScTg/sMD15YeqmcT8/bFx1Foi/umk9P3hcMfqTenrabBT5j8DGTwHivwelOCTwNrnfJm/Ol2U0GZ74WdE+dBn9+Z/z2J9UZ7IjB7dZv8gPl9RRJIq89BiN57QZ38trn04G8k62E6xjcHuQ1D+JEXrvBnbz2+XQgr30+/SCveT69ktceg4m8doOBvDG/CXnkkTezvOXPQB555JFHHnnkkUceeeSRRx555JFHHnnkkWcnmTzyyCOPPPLII4888sgjjzzfhDzyyCOPPPL+9Ff+eyCPPPLII4888sgjjzzyyCOPPPLII4888sgDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPy//CPAAPiZOI3BPDFQAAAAAElFTkSuQmCC" />
+            </span>
+            <span class="s-user-card--username">Tracy Smith</span>
+        </a>
+        <ul class="s-user-card--group">
+            <li class="s-user-card--rep">
+                <span class="s-bling s-bling__sm">
+                    <span class="v-visible-sr">reputation bling</span>
+                </span>
+                1350
+            </li>
+        </ul>
+        <a class="s-user-card--time" href="#" title="${USER_TIME_ISO}" data-controller="s-tooltip">
+            <time>asked 2 hours ago</time>
+        </a>
+    </div>
+`;
+
 const getChildren = ({
-    show = {
-        description: false,
-        menuBtn: false,
-        stats: false,
-        tags: false,
-        title: false,
-        user: false,
-    },
-    description = {
-        truncation: "",
-        text: "",
-    },
-    stats,
+    stats: statsParam,
     tags,
-    title,
+    badge,
+    contentType,
+    gated = false,
+    answers: includeAnswers = false,
 }: {
-    show?: {
-        description?: boolean;
-        menuBtn?: boolean;
-        stats?: boolean;
-        tags?: boolean;
-        title?: boolean;
-        user?: boolean;
-    };
-    description?: {
-        truncation?: TruncationSizes;
-        text?: string;
-    };
     stats?: Stats;
     tags?: Tags;
-    title?: string;
-}) => {
-    const titleEl =
-        show.title || title
-            ? `
-        <h3 class="s-post-summary--content-title">
-            ${title ? title : "How to generate the JPA entity Metamodel?"}
-        </h3>
-    `
-            : "";
-    const descriptionEl =
-        show.description || description.truncation || description.text
-            ? description
-                ? getDescription(description.truncation, description.text)
-                : getDescription()
-            : "";
-    const tagsEl = show.tags || tags ? getTags(tags) : "";
-    const userEl = show.user ? getUser() : "";
-    const menuBtnEl = show.menuBtn
-        ? `
-        <a href="#" class="s-btn s-btn__tonal s-post-summary--content-menu-button">
-            ${IconEllipsisVertical}
-            <span class="v-visible-sr">menu</span>
-        </a>
-    `
-        : "";
+    badge?: boolean;
+    contentType?: string;
+    gated?: boolean;
+    answers?: boolean;
+} = {}) => {
+    const stats: Stats = statsParam ?? {
+        votes: 95,
+        views: "104,123",
+        answers: 5,
+        accepted: true,
+    };
+    const tagsEl = getTags(tags, contentType);
+    const userEl = getUser();
+    const answersEl = includeAnswers ? getAnswersBlock() : "";
 
-    return `
-    ${
-        show.stats || stats
-            ? getStats(
-                  stats
-                      ? stats
-                      : {
-                            votes: 95,
-                            views: 104123,
-                            answers: 5,
-                            accepted: true,
-                            bounty: 50,
-                        }
-              )
-            : ""
-    }
-    ${
-        titleEl || descriptionEl || tagsEl || userEl || menuBtnEl
-            ? `
-      <div class="s-post-summary--content">
-          ${titleEl}
-          ${descriptionEl}
-          <div class="s-post-summary--meta">
-              ${tagsEl}
-              ${userEl}
-          </div>
-          ${menuBtnEl}
-      </div>`
-            : ""
-    }
-  `;
-};
+    const titleEl = `
+        <div class="s-post-summary--title">
+            ${gated ? `<span class="s-post-summary--title-icon">${IconShield}</span><span class="v-visible-sr">gated</span>` : ""}
+            <a class="s-post-summary--title-link" href="#">Network graph of popular tags on Stack Overflow</a>
+        </div>
+    `;
 
-const getBadgeChildren = (badge: BadgeType) => {
-    return getChildren({
-        show: {
-            stats: true,
-        },
-        stats: {
-            badge: badge,
-            answers: 0,
-            votes: 1,
-            views: 20,
-        },
-    });
-};
+    const descriptionEl = `
+        <p class="s-post-summary--excerpt v-truncate3">
+            I wanted to see how different tags related to each other. The below graph depicts associations between popular tags on our site. Description of analysis: I started looking at the 1000 most popular tags on questions in 2021. I created a list of tags cross joined by the question ID (so if a question contains tags for both Python and Numpy, it would show up in my list). I scaled up by the number of answers each question received (noting that some tag combos had 0 answers) -and then counted each distinct combination of each tag. Due to limitations in graphing, I only displayed the top ~2500 tag combinations - which accounts for tags combos that had more than 40 answers over the entire year.
+        </p>
+    `;
 
-const getSizeChildren = (size: string) => {
-    return getChildren({
-        show: {
-            description: true,
-            menuBtn: true,
-            stats: true,
-            tags: true,
-            title: true,
-            user: true,
-        },
-        description: {
-            truncation: size as TruncationSizes,
-        },
-    });
+    const contentMetaEl = `
+            <div class="s-post-summary--content-meta">
+                ${userEl}
+                ${statsParam ? getStatsSmShow(stats) : ""}
+                <div class="s-post-summary--stats-item">${stats.views} ${stats.views === 1 ? "view" : "views"}</div>
+                ${badge ? `<div class="s-post-summary--sm-hide ml-auto">${getBadge()}</div>` : ""}
+            </div>
+        `;
+
+    return `
+        ${statsParam ? getStatsSmHide(stats) : ""}
+        <div class="s-post-summary--content">
+            ${badge ? `<div class="s-post-summary--sm-show">${getBadge()}</div>` : ""}
+            ${contentMetaEl}
+            ${titleEl}
+            ${descriptionEl}
+            ${tagsEl}
+            ${answersEl}
+        </div>
+    `;
 };
 
-const getStatsChildren = ({
-    accepted = false,
-    answers = 1,
-    views = 20,
-}: {
-    accepted?: boolean;
-    answers?: number;
-    views?: number;
-}) =>
-    getChildren({
-        show: {
-            stats: true,
-        },
-        stats: {
-            votes: 1,
-            answers,
-            accepted,
-            views,
-        },
-    });
+// Full base
+const fullBaseOptions = {
+    stats: {
+        votes: 95,
+        views: "104,123",
+        answers: 5,
+        accepted: true,
+    },
+} as const;
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const template = ({ component, testid }: any) => html`
-    <div class="d-flex ai-center jc-center p8 ws6" data-testid="${testid}">
+    <div
+        class="d-flex ai-center jc-center p8 ws6 ${(testid as string).includes(
+            "small-container"
+        )
+            ? "wmx3"
+            : ""}"
+        data-testid="${testid}"
+    >
         ${component}
     </div>
 `;
 
-const testArgs: {
-    [key: string]: TestVariationArgs;
-} = {
-    base: {
-        baseClass: "s-post-summary",
-        modifiers: {
-            primary: ["deleted", "ignored", "watched"], // variants described as modifiers to test colliding modifiers
-            secondary: ["minimal"],
-            global: ["w100"],
-        },
-        children: {
-            default: getChildren({
-                show: {
-                    description: true,
-                    menuBtn: true,
-                    stats: true,
-                    tags: true,
-                    title: true,
-                    user: true,
-                },
-            }),
-            sparce: getChildren({
-                show: {
-                    stats: true,
-                    tags: true,
-                    title: true,
-                    user: true,
-                },
-                tags: [
-                    {
-                        text: "featured-request",
-                        type: "required",
-                    },
-                ],
-                title: "Short title",
-            }),
-        },
-        options: {
-            includeNullModifier: false,
-        },
-        template,
-    },
-    badges: {
-        baseClass: "s-post-summary",
-        children: {
-            "badge-danger": getBadgeChildren("danger"),
-            "badge-danger-filled": getBadgeChildren("danger-filled"),
-            "badge-info": getBadgeChildren("info"),
-            "badge-muted": getBadgeChildren("muted"),
-            "badge-muted-filled": getBadgeChildren("muted-filled"),
-            "badge-warning": getBadgeChildren("warning"),
-        },
-        template,
+const testArgs: TestVariationArgs = {
+    baseClass: "s-post-summary",
+    modifiers: {
+        primary: ["answered", "deleted"],
+        global: [""],
     },
-    sizes: {
-        baseClass: "s-post-summary",
-        modifiers: {
-            global: ["w100"],
-        },
-        children: {
-            "description-sm": getSizeChildren("sm"),
-            "description-md": getSizeChildren("md"),
-            "description-lg": getSizeChildren("lg"),
-        },
-        options: {
-            includeNullModifier: false,
-        },
-        template,
+    children: {
+        "default": getChildren(fullBaseOptions),
+        "bounty": getChildren({
+            ...fullBaseOptions,
+            stats: { ...fullBaseOptions.stats, bounty: 50 },
+        }),
+        "ignored-tag": getChildren({
+            ...fullBaseOptions,
+            tags: [...DEFAULT_TAGS, { text: "ai", type: "ignored" }],
+        }),
+        "watched-tag": getChildren({
+            ...fullBaseOptions,
+            tags: [...DEFAULT_TAGS, { text: "ai", type: "watched" }],
+        }),
+        "draft-badge": getChildren({
+            ...fullBaseOptions,
+            badge: true,
+        }),
+        "announcement-content-type": getChildren({
+            ...fullBaseOptions,
+            contentType: "Announcement",
+        }),
+        "small-container": getChildren(fullBaseOptions),
+        "with-answers": getChildren({
+            ...fullBaseOptions,
+            answers: true,
+        }),
+        "gated": getChildren({
+            ...fullBaseOptions,
+            gated: true,
+        }),
     },
-    stats: {
-        baseClass: "s-post-summary",
-        children: {
-            "stats-unanswered": getStatsChildren({ answers: 0 }),
-            "stats-answered": getStatsChildren({ answers: 1 }),
-            "stats-answered-accepted": getStatsChildren({
-                answers: 10,
-                accepted: true,
-            }),
-            "stats-views": getStatsChildren({ views: 1 }),
-            "stats-views-warm": getStatsChildren({ views: 1001 }),
-            "stats-views-hot": getStatsChildren({ views: 10001 }),
-            "stats-views-supernova": getStatsChildren({ views: 100001 }),
-        },
-        template,
+    options: {
+        includeNullModifier: false,
     },
+    template,
 };
 
 export default testArgs;
diff --git a/packages/stacks-classic/lib/components/post-summary/post-summary.visual.test.ts b/packages/stacks-classic/lib/components/post-summary/post-summary.visual.test.ts
index 94e953d9d2..1aa6c0eeae 100644
--- a/packages/stacks-classic/lib/components/post-summary/post-summary.visual.test.ts
+++ b/packages/stacks-classic/lib/components/post-summary/post-summary.visual.test.ts
@@ -3,15 +3,5 @@ import testArgs from "./post-summary.test.setup";
 import "../../index";
 
 describe("post-summary", () => {
-    // Base, sparce
-    runVisualTests(testArgs.base);
-
-    // Truncated description sizes
-    runVisualTests(testArgs.sizes);
-
-    // Stats - answers, view hotness
-    runVisualTests(testArgs.stats);
-
-    // Badges
-    runVisualTests(testArgs.badges);
+    runVisualTests(testArgs);
 });
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-announcement-content-type.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-announcement-content-type.ico
new file mode 100644
index 0000000000..1e5f622601
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c9c186a4ab6487a5e52a81998539b0b83159d28905df758924d5baf600cbf379
+size 29230
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-bounty.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-bounty.ico
new file mode 100644
index 0000000000..6a3f70129f
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b70ff3c75f6c229f058b896a7e9de8295401a9e97eeec72f5da167164ca2b4ba
+size 28565
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-draft-badge.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-draft-badge.ico
new file mode 100644
index 0000000000..76b68e8279
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:402faca6c643b6abb298bcc18f37a7d8097a24a085639cd5338388c3a3e60e07
+size 28901
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-gated.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-gated.ico
new file mode 100644
index 0000000000..830cbee025
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d4b4c3afb32de078045d0d305e7c76eb70563fed2873b793904fc853428712fb
+size 28434
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-ignored-tag.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-ignored-tag.ico
new file mode 100644
index 0000000000..84f638a2bd
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fb41e5599507d5c1762e4398ac9b8a494886757296c6be5cb579c63bce470536
+size 29665
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-small-container.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-small-container.ico
new file mode 100644
index 0000000000..20e41fe3f7
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:78a649f59f5b738b907b6979f105f1057e811b26fe7ee3c22ffe794cf56a14b4
+size 19851
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-watched-tag.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-watched-tag.ico
new file mode 100644
index 0000000000..8aa841043c
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b1fa7fb4737f78c2c8d5f4b15b65ab772b427b7e7a734cfb3dbcb65476ce4167
+size 28721
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-with-answers.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-with-answers.ico
new file mode 100644
index 0000000000..98d121d53b
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d745951b758d11b7ec12b7277a35f96f6bbefeb5923b75b8f1ccbc0c3d758da9
+size 68089
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered.ico
new file mode 100644
index 0000000000..2a90e13aab
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d9c377dfbf8f7418b366d28013290444d9aac002c631374a1ffa65fd5392afbe
+size 28106
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-badge-danger-filled.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-badge-danger-filled.ico
deleted file mode 100644
index 21693686c3..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-badge-danger-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:2c29004759f458163553394309ed2b1b86ba0955dd7e143dfedb5f064e6443c5
-size 4242
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-badge-danger.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-badge-danger.ico
deleted file mode 100644
index d3b4149698..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-badge-danger.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:6911b9e63dda6b96e7743516b0a2d9c11b353900110cf3dcf232b1e3814a12bf
-size 4625
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-badge-info.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-badge-info.ico
deleted file mode 100644
index 2682c3c1bf..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-badge-info.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:918ed427a9c06e4c2ec214fcf0081b7c595ecad5726f769ab23d7f6e6c992a22
-size 4065
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-badge-muted-filled.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-badge-muted-filled.ico
deleted file mode 100644
index ff2f022ec0..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-badge-muted-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:81ddb752c3407f159f23da2b39fd9b4e185c54f5d2e440cb457f972fb9d9ffa5
-size 4104
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-badge-muted.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-badge-muted.ico
deleted file mode 100644
index c11a3ac414..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-badge-muted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:2d181bef58a4b88616ed2c6e6e293043c76b965d893acbb77a54ee2674184501
-size 4117
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-badge-warning.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-badge-warning.ico
deleted file mode 100644
index 577cbf997d..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-badge-warning.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:111e6a2d3c0b994567214d9eac6ce0dad9e867c67f92cfa8325a0e1f81618caa
-size 4585
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-announcement-content-type.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-announcement-content-type.ico
new file mode 100644
index 0000000000..af1743bccd
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ddf210b9240dca0ccddbe99d40e3b463477b17fa7d23b9114eed1defa5264ee5
+size 30798
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-bounty.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-bounty.ico
new file mode 100644
index 0000000000..89565f8fcb
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a6b9571e8d24d814402148bd89e77d3e94756a67bb3afdc80d74b575e65f3a90
+size 29808
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-draft-badge.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-draft-badge.ico
new file mode 100644
index 0000000000..0c652b3fe9
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8625308fdc69ea46ad0d13d23fd1b0976c291d7b786a5c66b8e0b8277bcaeabe
+size 30336
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-gated.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-gated.ico
new file mode 100644
index 0000000000..16ed4d2667
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:884531d29ad75fd0d3f4de6f934bac0736813074603e8c34bfb3a3cc310d67b3
+size 29673
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-ignored-tag.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-ignored-tag.ico
new file mode 100644
index 0000000000..c2be8b2c40
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9a777cfbc8cd9e2e886fcd076dac448716517c7cc4aecd33c39b4d3f801ccb6e
+size 29951
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-minimal-w100-sparce.ico
deleted file mode 100644
index f944a2988c..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:cc31cc2474abaef39c17da0c4f5b001c10e2d1c79b43b27f249544bd87d12e2b
-size 11263
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-minimal-w100.ico
deleted file mode 100644
index 0c3a5da24e..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:725bdd7b502f79a71206378145e0753f69444c2387f713f6a4c5c069fab775db
-size 28288
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-small-container.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-small-container.ico
new file mode 100644
index 0000000000..86c7f78ee7
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e19284eebada8441d3f94a84c3b3ea2eccce6555f55d985b4fcf7a9450d002af
+size 21627
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-watched-tag.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-watched-tag.ico
new file mode 100644
index 0000000000..2fce38929c
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e0f6c52d78e99e73f4c7303a48a253a9101ec1bc0eaf2f703f061cf77d377d66
+size 29899
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-with-answers.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-with-answers.ico
new file mode 100644
index 0000000000..9442cc1bd3
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d36325ff8ba4486a4041df7643a74c508fbf7813e4dfe0cd2cb16c8fd172949d
+size 70383
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted.ico
new file mode 100644
index 0000000000..498f96c3d8
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a41df8b425fb6bc90dd22386f7c9dc1d0591b2dae6deb2f509a2f454d58963be
+size 29364
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-ignored-minimal-w100-sparce.ico
deleted file mode 100644
index c375c57f1c..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-ignored-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:173de9ac1aa07abeb30ffc3b422d56f7ddef62a4b7dd8c135b43b4a763e7c79b
-size 10946
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-ignored-minimal-w100.ico
deleted file mode 100644
index 60a952e68e..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-ignored-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:501b3bdc8ad93f92f00670b7e312f196c401d727986e6c535554dbba0751497d
-size 27461
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-stats-answered-accepted.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-stats-answered-accepted.ico
deleted file mode 100644
index 47d1fd0942..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-stats-answered-accepted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:98966b21c250e58824cbdc12dc14f49d521a64c2e2592a6b3df6ec4cef2bbb6e
-size 4131
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-stats-answered.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-stats-answered.ico
deleted file mode 100644
index f6d9251953..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-stats-answered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:b297d4b9314ffb0398fe7ac725c97725b369a444d8c5e702f3821afbee53c7ca
-size 3701
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-stats-unanswered.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-stats-unanswered.ico
deleted file mode 100644
index 935fdf6ea2..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-stats-unanswered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:9a6e6cc2ff7fc1c24737d8a24a958126e2655712fdc5c08b56d93a6dd80f9dff
-size 3226
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-stats-views-hot.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-stats-views-hot.ico
deleted file mode 100644
index c115b7ca17..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-stats-views-hot.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:db27a2dd5acd8b91fce85039bc6aea767ba47c716ef2552f606160d503728705
-size 3712
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-stats-views-supernova.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-stats-views-supernova.ico
deleted file mode 100644
index 3688bb934c..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-stats-views-supernova.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:e2f653d4af397916f9088db50337d4b80e4597d40d9bc0f3c09b134570195e8f
-size 3846
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-stats-views-warm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-stats-views-warm.ico
deleted file mode 100644
index 4a62611103..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-stats-views-warm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:739b73f0ade6918b9756c717cd64cdc6389f0159cda2e481823077d69eeaad21
-size 3706
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-stats-views.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-stats-views.ico
deleted file mode 100644
index 744e44ecaf..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-stats-views.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:b20689487d95e5d9fe9495a07c11d87fba4162b4412a300bd360a0fd1a076263
-size 3224
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-w100-description-lg.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-w100-description-lg.ico
deleted file mode 100644
index 811582c93a..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-w100-description-lg.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:69878c1a80a38c51cdd02919c01b53d4b577af55c58a9a2bd4ff34957ec2b0e2
-size 37770
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-w100-description-md.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-w100-description-md.ico
deleted file mode 100644
index 3ee9f25622..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-w100-description-md.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:9ca14b3aa674505c37906afbe6888117822b141a0f9227113912130e08f42c8e
-size 32326
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-w100-description-sm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-w100-description-sm.ico
deleted file mode 100644
index c737e8e804..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-w100-description-sm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:89dd302a1e82be66327baefee485fadb14d7f5e00918f79bd2f1d6800be6024b
-size 22033
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-watched-minimal-w100-sparce.ico
deleted file mode 100644
index b78ba4dc3a..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-watched-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:6d230cec4e126dc02ab9231a6d000bbeee7dccd9e0bdf86476c8d1410289a0df
-size 11506
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-watched-minimal-w100.ico
deleted file mode 100644
index db48570532..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-watched-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:e97efec447b00d0be4ca68c6ad1366279079ea0018cb1fb70eabd66b4f7e70dd
-size 29420
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-announcement-content-type.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-announcement-content-type.ico
new file mode 100644
index 0000000000..4a1a834bd2
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f88cd2e0d43e6dc4147d0d8fd264644a55c7de5ced4f90761c5a79d2f7e18cb0
+size 29479
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-bounty.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-bounty.ico
new file mode 100644
index 0000000000..61679e7a8e
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:35be5bb70209b0e3dc630a6116eb66b329471e223770e8cc40660402efe243ff
+size 28784
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-draft-badge.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-draft-badge.ico
new file mode 100644
index 0000000000..30f36bcbc4
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a3e991bdd9aa31cdf19c1f25f0c09c3f3083f4d084d2e8a207464e9a54cff03f
+size 29223
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-gated.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-gated.ico
new file mode 100644
index 0000000000..7c75b27234
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bcdedd8a4671b18de31844bb670fe54bbcb9a88dc12fd94908dbba0a3412901c
+size 28660
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-ignored-tag.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-ignored-tag.ico
new file mode 100644
index 0000000000..678be1dfb1
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:889db962a02cd8b0d9a54893deaafd669952b0a7133ba5ea351ea8a2cd5809c8
+size 29636
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-small-container.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-small-container.ico
new file mode 100644
index 0000000000..a8133a7d89
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5c8d80908f5292470a73210a8de8cac2fb9a18b47d554b6b4a0f72f26255c9ca
+size 20118
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-watched-tag.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-watched-tag.ico
new file mode 100644
index 0000000000..43d1276b08
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2684bbd578c698fec9f90b9ea642c65c0196795a36e2ef33903a2f54a523d793
+size 28980
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-with-answers.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-with-answers.ico
new file mode 100644
index 0000000000..c2e8e96bdc
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ead5f6cc9e89d0bcd95ba68c80efad156788ab502115a0164d495e27ca9d82cd
+size 68567
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered.ico
new file mode 100644
index 0000000000..6df59937e7
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ae30b75315c53e164a430fdf13dc10417a409df381d98d957df44474296d9a1a
+size 28331
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-badge-danger-filled.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-badge-danger-filled.ico
deleted file mode 100644
index a1763a32f1..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-badge-danger-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:4dcc8a3a1d26d3c662a246e959db8852b74eb6fff9b86b6b0781d7bf2e86c533
-size 4165
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-badge-danger.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-badge-danger.ico
deleted file mode 100644
index 39393b0585..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-badge-danger.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:c882bacbdd48f3aad1e7b3b0b17405bca452a25cda96a4c398025c1de4089211
-size 4631
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-badge-info.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-badge-info.ico
deleted file mode 100644
index 7b1e5964ea..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-badge-info.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:41a7643a6ea5e205f69f35e4d8622481a87bc32da016bb35e1ae60f533ea7f2d
-size 4060
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-badge-muted-filled.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-badge-muted-filled.ico
deleted file mode 100644
index 472a9da858..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-badge-muted-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:11828488ca285557c065d559e228750115f73d1f8e9465d573dbe7050019e75c
-size 4066
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-badge-muted.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-badge-muted.ico
deleted file mode 100644
index bfe34fc7ce..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-badge-muted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a68885b95e5a892e71f6b5c964f5dcecbbd0d857c8987eb65df898558985057e
-size 4138
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-badge-warning.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-badge-warning.ico
deleted file mode 100644
index c121a9b85c..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-badge-warning.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:e4c7825ceddd5b688ce9634fb62b67b5d59d52820fd0e701f66e8fd8c4e68fad
-size 4549
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-announcement-content-type.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-announcement-content-type.ico
new file mode 100644
index 0000000000..366193d139
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f52d66495510eec81967d17dd9ba74909e621d90c24666e9ba4d4c09f6bdba3a
+size 30697
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-bounty.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-bounty.ico
new file mode 100644
index 0000000000..4f2aaaed5f
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:933570de717d1aac90240247e335e31796ca5fdee7f4001c1434d87f0570bdc6
+size 29679
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-draft-badge.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-draft-badge.ico
new file mode 100644
index 0000000000..2510041c7c
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8fef048ce423935fd51aa8c61355389ebb88904740e64c4327d3255f754939a6
+size 30128
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-gated.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-gated.ico
new file mode 100644
index 0000000000..ca243b075c
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5eea2b391c7be6aef199af8a6abb98221edb0533e2b4d04c4013fc3c3d0a5341
+size 29541
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-ignored-tag.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-ignored-tag.ico
new file mode 100644
index 0000000000..fb3f754fcc
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:368852105a1d96015b1913b773eae6a65b2935a2b8f4cee22bf1f8201b31ea97
+size 29814
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico
deleted file mode 100644
index 128c99a64b..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:d2f65d23dd577be9d46c8480af423015f764b7949bde02fb51e9b1ac33d6f203
-size 11338
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100.ico
deleted file mode 100644
index b12e2a2779..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:ba287936e2100bd7104cf2cc2e03000984f793a2a14c1fdcbdcf572efe1ac3c5
-size 28742
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-small-container.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-small-container.ico
new file mode 100644
index 0000000000..7ae46f729b
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0dc2534975e2bf7fe28c10ac3f33bf123ae0270b53d2421f0f66653377e0ad3f
+size 21806
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-watched-tag.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-watched-tag.ico
new file mode 100644
index 0000000000..0484c7e912
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:14647062eaa279070bc74bad9a83fa69720dd1957d99e47f4813ad4f9e143cc3
+size 29761
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-with-answers.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-with-answers.ico
new file mode 100644
index 0000000000..6b9f1cdc79
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fc2c607ba8ec15397514cad2527ffec513c4a36d40a7c377020af5c823434154
+size 69756
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted.ico
new file mode 100644
index 0000000000..8ed531fc8c
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2e49b14ff201382fe3792ab9de017ac2babf19238daf5fc64951ab4d8ed059a2
+size 29231
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico
deleted file mode 100644
index 714a563146..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:2e77e9483a7c274fe27af81e23ab3c638e5b6c0da2d259b75afc13a7a72a1e58
-size 11066
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100.ico
deleted file mode 100644
index b494075b06..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:e8f9724316e6314239ed96568b1b2d6e7e49b8a8bbee1c463d7f467e4cdcbfae
-size 27852
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-stats-answered-accepted.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-stats-answered-accepted.ico
deleted file mode 100644
index 4b02c61acb..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-stats-answered-accepted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:f42a0ebcfc2c4dd138ecf22f529f62a248afb2a68d197ade23605da655b03b4a
-size 4138
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-stats-answered.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-stats-answered.ico
deleted file mode 100644
index 68f5f99219..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-stats-answered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:509e3105a55ac382858ccfdb9d05bbf7b869356e0a6430fa583855c2cb1f7268
-size 3711
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-stats-unanswered.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-stats-unanswered.ico
deleted file mode 100644
index 31672bffae..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-stats-unanswered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a8f602c3a23e0d89bcfa05d1f58280ad676d443d99326ff8596ab8755e0f4551
-size 3197
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-stats-views-hot.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-stats-views-hot.ico
deleted file mode 100644
index 24e68eb167..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-stats-views-hot.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:08d991bfbfb9400c948e4f4b78d8951c2177ae3c134b2146f8918f804f6be6d7
-size 3705
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-stats-views-supernova.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-stats-views-supernova.ico
deleted file mode 100644
index 17365cbd5d..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-stats-views-supernova.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:5ef74d57c157569a017cbf7fdcdd6b70e2a05ff6a0c2895f9cad93b4c3d2cea1
-size 3823
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-stats-views-warm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-stats-views-warm.ico
deleted file mode 100644
index bb14718bad..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-stats-views-warm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:e17f063656aaf8affe3aca4459d404d3dcca024bad009ed38c9b7190d8122f59
-size 3714
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-stats-views.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-stats-views.ico
deleted file mode 100644
index cf1c3b4b70..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-stats-views.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:4df10961abb0c5755ae60dae31e04ea37f3ea2351cc003eff3c43c8fe1e2e71c
-size 3213
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-w100-description-lg.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-w100-description-lg.ico
deleted file mode 100644
index bda3893102..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-w100-description-lg.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a99ac49e5a2025ccdeec8984ac6fb15e0ab144f582d33cd7344f17c14ec56cbf
-size 38216
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-w100-description-md.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-w100-description-md.ico
deleted file mode 100644
index 20cd01eb39..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-w100-description-md.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:f6dcaeaa5d461a6c0e06072cad31460dad48ad7b62d1fc70d83901361ae0161b
-size 32775
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-w100-description-sm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-w100-description-sm.ico
deleted file mode 100644
index 8b7d97ac3c..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-w100-description-sm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:2bcf18e718a885c0ca5d5bf94fb4a97e7916fa42b5b0c9833d29d94a3de1a82c
-size 22345
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100-sparce.ico
deleted file mode 100644
index b78635556f..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:e6cf65fc1851b055a63a9324a3c43425c31f375b438e508f6daad71780cb4606
-size 11543
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100.ico
deleted file mode 100644
index 66e2da6319..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:60772b930125378b2acb3b5bc77d5c72d198c99897f09c141d4893a14792ca4f
-size 29706
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-announcement-content-type.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-announcement-content-type.ico
new file mode 100644
index 0000000000..1c0fb66402
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7798baf494afac95c18ab1699d3197f08644cd18662dc834f059a7af2d171854
+size 31072
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-bounty.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-bounty.ico
new file mode 100644
index 0000000000..77ddcf8949
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a4293550a49e727ab47d4c9ee031dc5dcfb60f986d42949bf2d6d71263604e0a
+size 30047
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-draft-badge.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-draft-badge.ico
new file mode 100644
index 0000000000..0206035a2a
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9ed11da59b75257f3e2226a211bc71d01ea0063909eec920d80927f7836066cb
+size 30423
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-gated.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-gated.ico
new file mode 100644
index 0000000000..d56c06e304
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:77f84a4bb8f352999bdfa258b41cf78e058ef9a2ca8f54162716a8c36a8c4633
+size 29903
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-ignored-tag.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-ignored-tag.ico
new file mode 100644
index 0000000000..2e9475db36
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a348b22df7875e4bed66a2301a04f44493788d9b020b928a043445d888d8c23e
+size 29362
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-small-container.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-small-container.ico
new file mode 100644
index 0000000000..117e152581
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dfb67849cf5ed81542adc0ea4803278cb4146f25a59e29bbf7158a13621dbe17
+size 21618
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-watched-tag.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-watched-tag.ico
new file mode 100644
index 0000000000..73e2634029
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9bd40d9923a89444d81b5a88171f83de09a20291e24d0fa64c85db721c23d133
+size 30234
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-with-answers.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-with-answers.ico
new file mode 100644
index 0000000000..e07930dca7
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:54bb451e065ddc6aed8e02f68023ae21b85662a62b0086071a6ebbbc0fb7f71d
+size 70425
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered.ico
new file mode 100644
index 0000000000..652ab4a5f0
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4083d1807fc75669cac56f2e087a355341bca32adae7f29fee7144287b2c7aa4
+size 29579
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-badge-danger-filled.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-badge-danger-filled.ico
deleted file mode 100644
index c05ee1b9d8..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-badge-danger-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:8249e735f25e33ee01f357d5936a059dd579280764470d51d29a93f304b28596
-size 4210
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-badge-danger.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-badge-danger.ico
deleted file mode 100644
index 21368f3442..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-badge-danger.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:3ff4ec40bdf9d415559d44698d273e2580293f3d64a3bb3d5ff64458ccb0ed09
-size 4606
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-badge-muted-filled.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-badge-muted-filled.ico
deleted file mode 100644
index 432be1bfdb..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-badge-muted-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:690e174b883ec2884f7f78bbf1eb7995845762ca0a318cae08c9c8e7dbf48ab5
-size 4091
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-badge-muted.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-badge-muted.ico
deleted file mode 100644
index fd143698e8..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-badge-muted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:5302b4c3b5a23271c340fec774b9473b7ef31cd7640025b4d45410fccb0df88f
-size 4226
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-badge-warning.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-badge-warning.ico
deleted file mode 100644
index 1c87b971be..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-badge-warning.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:76ffc2debce625a5df9d8a9e258cb37fd2f3d8922ffd064d9aca1039c7340447
-size 4528
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-announcement-content-type.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-announcement-content-type.ico
new file mode 100644
index 0000000000..1db0bf260d
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:05c08d423a88807b6ddbd42ba429441c8c8b6e476367bb168f0599d3dfa272c7
+size 30931
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-bounty.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-bounty.ico
new file mode 100644
index 0000000000..90b01b4d6e
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b4dae90f75201289c9cdd355f6f84bca22d499c11bcee79c600fb59812a055c9
+size 29884
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-draft-badge.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-draft-badge.ico
new file mode 100644
index 0000000000..aa60d0e9f2
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:31a83feb93097696e3fb50ed7a86bf1e50966488fbd0a35a90b2aa2f4e169e0f
+size 30388
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-gated.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-gated.ico
new file mode 100644
index 0000000000..0b883dd096
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:62a9a13b551e1d263f777cd2b8b62cb433380e4a108c1418a08992cf5e61a020
+size 29763
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-ignored-tag.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-ignored-tag.ico
new file mode 100644
index 0000000000..586c10b0d4
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e5d050bb24d5a2da47e2c02718fb2b4293722428060e495687c4a5293567bc90
+size 30059
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100-sparce.ico
deleted file mode 100644
index 1d7126a389..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:224cb4f5247c162d6969d615405176849048f291f5a2c63b3555d663cc444d22
-size 11147
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100.ico
deleted file mode 100644
index 1748127878..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:bc5463db766436384dce7b21ea992309a0b6ff9a62c51a950a6359d7332261be
-size 28623
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-small-container.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-small-container.ico
new file mode 100644
index 0000000000..6909feb1b8
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:27e75703c486da4803194ed57fb0b9bdf9ef107841f5daede45568c414ca51b5
+size 21658
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-watched-tag.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-watched-tag.ico
new file mode 100644
index 0000000000..f0cdebdfd7
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2fa2d1e24fb16de6eb68d80005d03571e8cb4941fe3286ee5f7def1716727e35
+size 30014
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-with-answers.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-with-answers.ico
new file mode 100644
index 0000000000..56b50adc28
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fd123ecba06f6e03d89e988a99615b377ca93bb13ee826f35d53d5394749c0a8
+size 70423
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted.ico
new file mode 100644
index 0000000000..06c0121ec3
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:29d28f9b3e53c675c15b71c322167296e4acc45dba32c2b7e5bdf4ba52685747
+size 29451
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100-sparce.ico
deleted file mode 100644
index dcfcbf116c..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:60675aa3f22f73fce5bf945ea5b9c3754e93a34d5cd1662df9eed0b1dc9e5e46
-size 11033
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100.ico
deleted file mode 100644
index 9c94f06c6f..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:2cc5c6ccf8cc0ce8fd85b4ff7d9b178bbcd5dacf4b3e987109cf4dc08a8a4351
-size 28467
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-stats-answered-accepted.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-stats-answered-accepted.ico
deleted file mode 100644
index 0dab415a86..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-stats-answered-accepted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:6026f645e956abfda2cfd77095d432af3c5498cf2f04f77da0149cc62e53f7ed
-size 4131
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-stats-answered.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-stats-answered.ico
deleted file mode 100644
index f5f022a13e..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-stats-answered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:962826aa99afd61eacccc45f171e75b185757c15eb9be3bf3023972f2a244ba8
-size 3688
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-stats-unanswered.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-stats-unanswered.ico
deleted file mode 100644
index 10f2d697c4..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-stats-unanswered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:4bdd7e60282545b8204b991a798fc55fa914c2d1568ef7b56e4e206566db1ca2
-size 3244
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-stats-views-hot.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-stats-views-hot.ico
deleted file mode 100644
index f4dba6ea75..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-stats-views-hot.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:68aee575631a0ab3b02bd34e9b100f5d1d31a90bb706353af8d1fb687d6393cc
-size 3752
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-stats-views-supernova.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-stats-views-supernova.ico
deleted file mode 100644
index ddb85e8224..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-stats-views-supernova.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:6f8608fd5971cab8080592f9f686de68364a92b4860698f9591bded05616ca8c
-size 3864
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-stats-views-warm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-stats-views-warm.ico
deleted file mode 100644
index 90feb99aca..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-stats-views-warm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:899c3f68c5c291ac81de5cb507226350c421d1bf99d415742ca3a5a73c8e2c1f
-size 3743
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-stats-views.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-stats-views.ico
deleted file mode 100644
index 0ed5f998ca..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-stats-views.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:5784bfb3dc6557649280ecf03440f7e4bb1f85e424fc3fd4e27a5eed4c890e3f
-size 3251
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-w100-description-lg.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-w100-description-lg.ico
deleted file mode 100644
index 815c376d70..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-w100-description-lg.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:67f757cb44423b0810220175b36e41d4d5fe3916507c85848509d8883879ef14
-size 39847
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-w100-description-md.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-w100-description-md.ico
deleted file mode 100644
index 44314a9db7..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-w100-description-md.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:b8b91bb629aad868a6dd42b3966dfb7943e687bdc6e62cc3b22910d36eb505e4
-size 34364
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-w100-description-sm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-w100-description-sm.ico
deleted file mode 100644
index b030aef967..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-w100-description-sm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:8e2d19905ea433cd0935ae4fc69f186373ff2be478fd5208355ce97d023f2e0a
-size 23772
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-watched-minimal-w100-sparce.ico
deleted file mode 100644
index 027c60c73d..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-watched-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:343a218a6f6ae203e0b3b8d0df0124cfcc1716d606dca9ce618f8a9ff78580f3
-size 11555
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-watched-minimal-w100.ico
deleted file mode 100644
index 7baf57c189..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-watched-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:d55fbb8326fb50d5727720faf7e5080f91584530daea6febc74c75308be4f403
-size 29713
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-announcement-content-type.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-announcement-content-type.ico
new file mode 100644
index 0000000000..84db4c88b4
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a48bfb644024c943a31566fbb744c7af51e3fe55801d3c2fa59f4ac37d3bdd74
+size 30762
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-bounty.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-bounty.ico
new file mode 100644
index 0000000000..0ce80e2f7c
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a7f55924b4ab20885b4d5e4a1a1172d928e17ca371ad536d91b518e9806e1e7e
+size 29717
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-draft-badge.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-draft-badge.ico
new file mode 100644
index 0000000000..3c69478960
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e9885d5e7426d44b42c4989deaf00845acee8a8cf3b4d975defa670597a6b7e8
+size 30073
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-gated.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-gated.ico
new file mode 100644
index 0000000000..09b07c77f5
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5d777d6a45c87ab7d2456408bc090e3ce6be8135bd3ed011cfeba8fb300c3379
+size 29604
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-ignored-tag.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-ignored-tag.ico
new file mode 100644
index 0000000000..a0f69e87da
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c18c8f10d6088c4a3af8eee9dd884ed2ae3c29aa353ab48b6372b879466b351f
+size 29173
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-small-container.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-small-container.ico
new file mode 100644
index 0000000000..a6b01f2cb9
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:363513f8f146d9515a99b2194907138b069a29e47cc7eab690ec88ba2a9db34e
+size 21322
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-watched-tag.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-watched-tag.ico
new file mode 100644
index 0000000000..7665a2cca6
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:54e62bc09693ac76c2831045b1152d0d38304b6627cadb7c59d0216933b2a630
+size 29865
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-with-answers.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-with-answers.ico
new file mode 100644
index 0000000000..81d18ab397
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:da398ca8d2fbdf5de34b8bf19d48311aeb378a6f8d5cc614fbad995a8f2692e6
+size 69836
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered.ico
new file mode 100644
index 0000000000..d7799c149a
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3dab95b15e7a4be85b890b69de1386eea9bfcb5db97c4f0d396f84c07559c4fd
+size 29270
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-badge-danger-filled.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-badge-danger-filled.ico
deleted file mode 100644
index 9b78dc7710..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-badge-danger-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:52fdf74a29c2868d5e0ad72e90b4e43ad676617ad60c66ad9f36603542d72817
-size 4229
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-badge-danger.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-badge-danger.ico
deleted file mode 100644
index ad02a6928f..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-badge-danger.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:34923ffc3a358eeb02c5ab03a3a51f2a6f0347b23c8c7cf2ba1afc08bb9c2632
-size 4670
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-badge-info.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-badge-info.ico
deleted file mode 100644
index dae0d29fcf..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-badge-info.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:706b8b691845590496a199400c0cb58ffc6dcb8a28f1fc7a28c060131bf4ac3c
-size 4111
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-badge-muted-filled.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-badge-muted-filled.ico
deleted file mode 100644
index 2eba40809b..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-badge-muted-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:2b9b4d9de47e7c9c1aebd1b9a4596bc647ba542c7ab67415e0301d2540753561
-size 4151
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-badge-muted.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-badge-muted.ico
deleted file mode 100644
index 314e134e20..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-badge-muted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:c8849a532ecd2ab8f3c388a21efc89828ab4c6bed3c60a868dfdd66bc0505cbf
-size 4211
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-badge-warning.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-badge-warning.ico
deleted file mode 100644
index 416bd9ea4a..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-badge-warning.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:9aa9e900c005ea11ab7cb918cb008522ce327e16328347c7f74d4aa538ced521
-size 4584
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-announcement-content-type.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-announcement-content-type.ico
new file mode 100644
index 0000000000..499d796f18
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4e21e21b451c640325bcac9fd59ae89d4a11e018705f79e2d0630674fd56c372
+size 30405
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-bounty.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-bounty.ico
new file mode 100644
index 0000000000..fc311bdcc8
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b0a344b6e28148c81b5be026861ddaa424ae4f0696b49203a925555fad4d26bc
+size 29595
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-draft-badge.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-draft-badge.ico
new file mode 100644
index 0000000000..a5dc9dfcd0
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:282690c483ff4d41738043e8cf95be636d16fff8eb7352b7e33480c33928cf31
+size 29880
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-gated.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-gated.ico
new file mode 100644
index 0000000000..c8574af843
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:29bd6371e5eb564a071d5b99b998f5798410ffc3df607735a0246ce7aa679afe
+size 29282
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-ignored-tag.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-ignored-tag.ico
new file mode 100644
index 0000000000..07a772e64e
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9ab21aa8d6f0be50d791fb9088002711010ee739f285a5221a6e2a24aaae6f6c
+size 29588
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-minimal-w100-sparce.ico
deleted file mode 100644
index d9967f8c2e..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:67a8457ada0ce6e0f291e25bfe156f5c7bc404f1bcf50c4e8c4bfa282240f069
-size 10999
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-minimal-w100.ico
deleted file mode 100644
index 5ffc2cf265..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:51187c7c243317d214d3f4a8091881488bd21cfd04c622ff2ad9670f6851984e
-size 27825
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-small-container.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-small-container.ico
new file mode 100644
index 0000000000..e2b07d006b
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:73af5b563d6d76c95f171061f01f52438389df2ddfee9b440a7fa451ac92cc18
+size 21503
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-watched-tag.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-watched-tag.ico
new file mode 100644
index 0000000000..268464609c
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8dee62d1130158f104fd9fa8707cbe769bafa8390ec0e5c517062569635c20f4
+size 29528
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-with-answers.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-with-answers.ico
new file mode 100644
index 0000000000..e267d304ac
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a51c304b0c3479a62cf2a3c5d48bb7f2c328e57f40d0a0be549071b5ff3f7f5f
+size 69041
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted.ico
new file mode 100644
index 0000000000..2ab44d6007
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:28744e8312b764134a796cbaa05d7183fc4819bebb331be0b354989cc6370d0c
+size 28989
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-ignored-minimal-w100-sparce.ico
deleted file mode 100644
index 3f35846e93..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-ignored-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:5f841e6b74179e556fcf581c1bd30f93391c611ddb48b800069158f56644475e
-size 10741
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-ignored-minimal-w100.ico
deleted file mode 100644
index 80df5d4c02..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-ignored-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:bd9e8ee0f2e31a5ede1595477b899b9fc889baab5f33058cafc49843815ab0bb
-size 27399
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-stats-answered-accepted.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-stats-answered-accepted.ico
deleted file mode 100644
index ac219bc173..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-stats-answered-accepted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:6f22e04d2b414e7e638a39e6e77f30a9734f26570f6a065e3a58b7bc1b358c50
-size 4194
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-stats-answered.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-stats-answered.ico
deleted file mode 100644
index db81259aa7..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-stats-answered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:5ba604f4bc29045e04813ae8fc55a3118936acb29f567965020bbfe3ff08c5a7
-size 3710
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-stats-unanswered.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-stats-unanswered.ico
deleted file mode 100644
index d77020a1b0..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-stats-unanswered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:b13fe91ab59057aba655af88812f4320260fe071b1c7f648fbdcef8b5005ee4f
-size 3227
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-stats-views-hot.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-stats-views-hot.ico
deleted file mode 100644
index 9f52df2977..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-stats-views-hot.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a9c890905825563a0ef724b3088da430d9a9183cd2fbb1095c299e137a8c159c
-size 3717
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-stats-views-supernova.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-stats-views-supernova.ico
deleted file mode 100644
index 7d01794a64..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-stats-views-supernova.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:b7e49a46f32f4597743d0df8ff856773f7c803554cf35b8e8cc863cc53ed27db
-size 3842
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-stats-views-warm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-stats-views-warm.ico
deleted file mode 100644
index 56402ae10d..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-stats-views-warm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:867a88851f0cfa9b74f2c3184f75f1782f8857a04dd95f31b08fe0c288bfa20a
-size 3706
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-stats-views.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-stats-views.ico
deleted file mode 100644
index da74ffe417..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-stats-views.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:738011d3f3b5058e7f1906a23a58dcd0b579c397b6bd9afa035ad24958801ec1
-size 3234
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-w100-description-lg.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-w100-description-lg.ico
deleted file mode 100644
index b5fea54f74..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-w100-description-lg.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:01e98d81aab63c6d8ef34c2b8512c75574ad657d57d04213e29335914421affb
-size 39106
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-w100-description-md.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-w100-description-md.ico
deleted file mode 100644
index 87a8ca7882..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-w100-description-md.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:eca6090d9003f12e1e398ec0e89564c281ea70b40f35e1ddecc62f5ff0dfe5b0
-size 33644
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-w100-description-sm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-w100-description-sm.ico
deleted file mode 100644
index bc0a12aad0..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-w100-description-sm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:9b76ecc0d15fc29d92ac67adcd6f022b5fec48bcaa95c42dfb8543cea0ce6a19
-size 23192
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-watched-minimal-w100-sparce.ico
deleted file mode 100644
index e769705c74..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-watched-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:996521e64eb1c86f1b48f2219ef134a7b8873f22d9b68b2c2e70ffaf117c5225
-size 11455
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-watched-minimal-w100.ico
deleted file mode 100644
index b04fefd3a6..0000000000
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-watched-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:6b5ab9bb6ec38cfa47f8f98b665ca15bafdf1ebff5e7742731b343b7d1e2926a
-size 29149
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-ws3-basic.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-ws3-basic.ico
index 4f462a8f31..17bcddec1e 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-ws3-basic.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-ws3-basic.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b923a666be6b0712687799bde249d6c6abef9e9426c371eae002051ca35f0f66
-size 16721
+oid sha256:e840c959c24312b6c276dd12fa0a6505231790be3a64345f7aa7467288803490
+size 17358
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-ws3-basic.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-ws3-basic.ico
index f371a45250..d127dfd8c5 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-ws3-basic.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-ws3-basic.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:89be70a95972ba74a31a4ccf0cab2de611af33ce752738dbe0111bd979a328fb
-size 19968
+oid sha256:e8ac252e8db17da6d2bcb46a16c1eaf7dd2af60050817124497b1a3cf7cce679
+size 19951
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-announcement-content-type.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-announcement-content-type.ico
new file mode 100644
index 0000000000..787a770cb3
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8c2c2a3374383a132a97a37676698405f7f015d1ed5162936dfe4014f2e6481c
+size 38143
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-bounty.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-bounty.ico
new file mode 100644
index 0000000000..7fcefddd56
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:078c9af9ab09b4a1b40849a084ae66d79905324a66c780c0ce06fd7349394dd2
+size 37456
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-draft-badge.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-draft-badge.ico
new file mode 100644
index 0000000000..530180fc29
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:eb5ce38fd51026c406a3ac209ec2d5c054a21dc7b95738869e7c859e56429f94
+size 38024
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-gated.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-gated.ico
new file mode 100644
index 0000000000..f8375877df
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:08cf4c8f1f989465b435629721d59f15cbd99f93dbc9b14cf96e0a430072cf6c
+size 37266
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-ignored-tag.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-ignored-tag.ico
new file mode 100644
index 0000000000..b64fc2a5a6
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9037e1346d144e6e896c3a61de0f920b5bea0c17b613a92572f18cbcbea795bb
+size 38199
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-small-container.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-small-container.ico
new file mode 100644
index 0000000000..752c824ba1
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9662997253e4537938b97c3067006def12e9b49a53b170eca47e57f3ea5b5662
+size 25907
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-watched-tag.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-watched-tag.ico
new file mode 100644
index 0000000000..67fea2d0a0
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2611f97e7fdde25e9943bde83a11bd80ddba3382867e83743be0947026696200
+size 37610
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-with-answers.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-with-answers.ico
new file mode 100644
index 0000000000..21f81974df
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5f86c0aab7240c515950f57006acc64bb61f4fb30fa9e7f5aaef29e1486e2b64
+size 89090
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered.ico
new file mode 100644
index 0000000000..b6a5c0a8b1
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6153304f1e51d80e4eb3717a2d0a7d74d78cccb11c46fb3fd7014a6dee4cf890
+size 36832
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-badge-danger-filled.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-badge-danger-filled.ico
deleted file mode 100644
index f69a22e153..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-badge-danger-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:c5d5baca4f2de49314361cc08b05f76023e1ec3ad054f265d9ca041b068b1510
-size 5831
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-badge-danger.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-badge-danger.ico
deleted file mode 100644
index 50a2b02fc9..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-badge-danger.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:04e7a87c47855d8b9176611ed7dc6b1d4cd7335d3680b995947b953a7fd5e038
-size 6179
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-badge-info.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-badge-info.ico
deleted file mode 100644
index cca4e4ccec..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-badge-info.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:26beee71f4002f23b8d74f8f11f26626b2a9df25509e5e1da22dd10ed2f64315
-size 5669
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-badge-muted-filled.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-badge-muted-filled.ico
deleted file mode 100644
index 039b114998..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-badge-muted-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a34564374080e21d262eb89251537f0e8c87843307ce7086bcc00a7109c0e005
-size 5656
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-badge-muted.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-badge-muted.ico
deleted file mode 100644
index 63550d0243..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-badge-muted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:c0af3dba420ce6e2c93d327d5a71964ce2149c14451b29af8ef047895db71229
-size 5862
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-badge-warning.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-badge-warning.ico
deleted file mode 100644
index 9312c60eef..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-badge-warning.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:8bb8265ec49ba15b0e2ef9052f80d259f203abbcfa0dfdbfb8ef04130065bb61
-size 6106
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-announcement-content-type.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-announcement-content-type.ico
new file mode 100644
index 0000000000..d5144ead48
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cda9f448e2be76d97d67694ce688a0446f9bb60929ed109af4bbae6af5a6d44b
+size 39478
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-bounty.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-bounty.ico
new file mode 100644
index 0000000000..707acff663
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:46c2669dd5ba734daeacf721c618c59b35fcaee3bdc9d5e04ff48d645bd4f64a
+size 38439
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-draft-badge.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-draft-badge.ico
new file mode 100644
index 0000000000..cc22f77326
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cdeb54cad479c2723949cc8cfceb135904ad9c0f8afb8f22cc07dc1e716d0ee7
+size 39065
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-gated.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-gated.ico
new file mode 100644
index 0000000000..a3caa2521e
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6a81a0dbd7e88179e9d1ef79bf16b7083634d3672b8c1d18df3256b6892e479f
+size 38233
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-ignored-tag.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-ignored-tag.ico
new file mode 100644
index 0000000000..683736964b
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:94865bcf38c3de40b18c973b6362d5194ae6aee245bc23944fa55ef65a34d65d
+size 38537
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-minimal-w100-sparce.ico
deleted file mode 100644
index dd328adcc8..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:d1c3b65f542b396172bc63c70c1d48cb332a2c6a291f3fc545dfbbe3c1d7f74d
-size 14773
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-minimal-w100.ico
deleted file mode 100644
index e0945d8fbc..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:e911400e0c521b9a06357e958f6bb18585bd039748454be6c17a18cc307bba3c
-size 34985
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-small-container.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-small-container.ico
new file mode 100644
index 0000000000..78646f2580
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5b6af1b41d8947f9eaa8902512ba8b56c755a90e827a4d41eddd5d8103b13fdd
+size 27932
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-watched-tag.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-watched-tag.ico
new file mode 100644
index 0000000000..8df8c930d5
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d611862e9bfd349dfd806cb7b900c065a7ba8b8bddb8805d02f01e57cbf826cc
+size 38499
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-with-answers.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-with-answers.ico
new file mode 100644
index 0000000000..9448d6f746
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:989b306173a5f1a65b5eb452d69dffb192a3b9a85670bd78d2fc5dd1d23cb250
+size 89559
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted.ico
new file mode 100644
index 0000000000..16d2d14879
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0ea38d028837142f2285fab668b009c0c258701c4a5f0ae031a87419fee1f804
+size 37875
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-ignored-minimal-w100-sparce.ico
deleted file mode 100644
index 34a6ad4850..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-ignored-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:abb775a5ac67560ea908a6ed55e71fb4f50abdeb5aeb63e518c04a36a44a4921
-size 14365
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-ignored-minimal-w100.ico
deleted file mode 100644
index b46307463c..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-ignored-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:9a72197bed6d1d18f6e8ad990be3d9be32529facb4ed36615b808cb88a9b7668
-size 33831
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-stats-answered-accepted.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-stats-answered-accepted.ico
deleted file mode 100644
index 8f467b2fb7..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-stats-answered-accepted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:4a7e5297191bb5204fe172eeb8b145460ad5079442d273f7d52843040cebb67e
-size 5785
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-stats-answered.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-stats-answered.ico
deleted file mode 100644
index cf4381f297..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-stats-answered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:0e2f00d2d4ca6c4e7327208484ce4418b5a35dd7758eb0d2f211e55a8d99915b
-size 5382
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-stats-unanswered.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-stats-unanswered.ico
deleted file mode 100644
index 6a2e21bb8f..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-stats-unanswered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:aaff4544b2044571e29646d7e6f48c88b081fb182b69dc4185832b199b517c53
-size 4510
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-stats-views-hot.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-stats-views-hot.ico
deleted file mode 100644
index f2f642897f..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-stats-views-hot.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:691fef4dbb0af3306110edd751aa8788f1e7a4e45b5cb8b53ceeb1feb0943736
-size 5421
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-stats-views-supernova.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-stats-views-supernova.ico
deleted file mode 100644
index 66b192bce1..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-stats-views-supernova.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:7cc58f2a7ce88a0a05b27c2f03cbec3241912979d3c8a47f334639c0bd2a3c79
-size 5532
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-stats-views-warm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-stats-views-warm.ico
deleted file mode 100644
index 73cd637bb8..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-stats-views-warm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:13942eefe07198ab66cd4aa0430d9d6e95cfaeca990f82466afecc33ca3ddefb
-size 5431
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-stats-views.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-stats-views.ico
deleted file mode 100644
index de206953c3..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-stats-views.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:10e1ba9b25403ab3d5343e087ee48f2d2f8ec800bf27975acd98771c25486376
-size 4892
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-w100-description-lg.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-w100-description-lg.ico
deleted file mode 100644
index ed0eca87d9..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-w100-description-lg.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:039705f54f51cc5c25eeb7854a6fb925e03a0529c4a64025732b38e1a8576bc1
-size 48075
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-w100-description-md.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-w100-description-md.ico
deleted file mode 100644
index d9864427a9..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-w100-description-md.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:82baaf0f7cb97840a1ef09f253cd5a2a1d6153eee4bce9738b178ac4c810b758
-size 41289
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-w100-description-sm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-w100-description-sm.ico
deleted file mode 100644
index fb38e8c280..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-w100-description-sm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:e0af4e162d4bfb20b261e6994d40ee090cc0aada827f4523fff256b02c87dc5a
-size 28237
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-watched-minimal-w100-sparce.ico
deleted file mode 100644
index 81525c591f..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-watched-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:e81b080ab7473c48e0ea0e18a0faa8911714bf16e88662843422a1b934203403
-size 15537
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-watched-minimal-w100.ico
deleted file mode 100644
index 3fb093c51b..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-watched-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:4d51a492a9e3649fa8d09f651b7d1ef1d2b5b5a2253a2136a6299a1451c8bc84
-size 37349
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-announcement-content-type.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-announcement-content-type.ico
new file mode 100644
index 0000000000..07fecefa06
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:793a72cedb6b8ffdfc7876167852393bae63d574fce4954a3f25e4e0739a4b98
+size 38582
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-bounty.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-bounty.ico
new file mode 100644
index 0000000000..7f22148a18
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:986ab17ef5caef39d4d09edc1e551141998427d03161bf623d23e1fc938403af
+size 37981
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-draft-badge.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-draft-badge.ico
new file mode 100644
index 0000000000..e493c3944f
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:16542a989e9622dcc1fbc7c9869119c04807a7b371fb98532f7ca720c8999afb
+size 38540
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-gated.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-gated.ico
new file mode 100644
index 0000000000..f3ea4531a9
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c6615954f63ce2600dc695170a79d015b16f89d70ab33507d3cdf33256ed25bb
+size 37806
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-ignored-tag.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-ignored-tag.ico
new file mode 100644
index 0000000000..ca7420f966
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c2286a7fbbd7550886475ae7a2ac066daf0998fd3db16aed3dd39fcad2628c5c
+size 38791
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-small-container.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-small-container.ico
new file mode 100644
index 0000000000..922780baf6
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a02aaed048e12668708b29a938951dbd0fff6a4499b337fc384175e46c16cdec
+size 26343
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-watched-tag.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-watched-tag.ico
new file mode 100644
index 0000000000..7e37875fad
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cd804f1fb77ed6d1403a06f940f755859ee65e2a69fe069345bf7e0aec053396
+size 38069
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-with-answers.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-with-answers.ico
new file mode 100644
index 0000000000..262a24f070
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a5a5150643b5bf2f4b806c49787e284db448cba7c58a7454b2648295fa023cb1
+size 90434
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered.ico
new file mode 100644
index 0000000000..b73460dae1
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:73cfc91114e011bfdf6208aefa8feb165b7f3c2c95e297b7666e5f518468a809
+size 37371
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-badge-danger-filled.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-badge-danger-filled.ico
deleted file mode 100644
index be7ea7c12a..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-badge-danger-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:916a4fcf08bf1ec263a64edf478516d1060b981097b862012a483dfdde5112fa
-size 5864
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-badge-danger.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-badge-danger.ico
deleted file mode 100644
index 2e872cbad3..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-badge-danger.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:12c8cf9e2c02becbb5ad886ecedd75959f135da9926157c33cc59e34fa3d0a3c
-size 6172
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-badge-info.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-badge-info.ico
deleted file mode 100644
index 07e8d1df0e..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-badge-info.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:b1bccd91497780b8ce5919aa4ea423944371714d630a99931e6e707533f2b283
-size 5722
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-badge-muted-filled.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-badge-muted-filled.ico
deleted file mode 100644
index d12da1b69c..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-badge-muted-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:6ebbcf5d6a82bbfc0cf6b48a0fabbe6353f43d7b4c408878dccf62dc4c87f8b7
-size 5720
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-badge-muted.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-badge-muted.ico
deleted file mode 100644
index 34ca22ee56..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-badge-muted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:e343116bfedf1899a6c44e1cd610666ef04874004cfe4c3d540612b6013fe074
-size 5845
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-badge-warning.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-badge-warning.ico
deleted file mode 100644
index d246dc3844..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-badge-warning.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:bce6fbebe424788da160edc9a34f2cd5050b9796b3d53a243a9318db4d7ff05f
-size 6144
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-announcement-content-type.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-announcement-content-type.ico
new file mode 100644
index 0000000000..8f329ce8bf
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:019982c3070906bae46384edfc20c6b579988e9f8065568563b4bd892802cbcd
+size 39866
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-bounty.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-bounty.ico
new file mode 100644
index 0000000000..ca8a5f9ec6
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a4eab445e1f469b9196c81d20710cc45a1d1001bf072a95c8e7699664b6d269c
+size 38759
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-draft-badge.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-draft-badge.ico
new file mode 100644
index 0000000000..09348ec820
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:63e1d7d48b774d4c13c87d5064e29002677471ce84cbfc6473992b0e7b974686
+size 39380
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-gated.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-gated.ico
new file mode 100644
index 0000000000..c19f4c1ccd
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:83e254f9b6c9739fce71352280642219ac8e67531710782435013ff8643a0854
+size 38529
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-ignored-tag.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-ignored-tag.ico
new file mode 100644
index 0000000000..4a02fc4a3a
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:06b68243d10d5860b93e3b8e9149e7f5f31fe6431f629d99109647a5720b8b9d
+size 38893
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico
deleted file mode 100644
index f45452c2fd..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:80b6f90c80d899527150503b61000f79e78ae3a1ad76607eba776a2fca0e7d0a
-size 14917
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100.ico
deleted file mode 100644
index 9c3c8e6090..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:f8eb298e0df246af2a810349cfd2216286661ae261403d8efff4a13f178fe0f0
-size 35454
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-small-container.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-small-container.ico
new file mode 100644
index 0000000000..f9fd67e443
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a6fe89a06a8f511cb0857e5bbc65dc99e8116df5d1e259e1e14b56bde8becc10
+size 28166
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-watched-tag.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-watched-tag.ico
new file mode 100644
index 0000000000..22492a8c36
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f66d3972c56436f006507b51fda0402eb2de2532ac0dad7cdc6d7f6c47f16437
+size 38832
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-with-answers.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-with-answers.ico
new file mode 100644
index 0000000000..7562ebbf61
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:231fabc0ed6367414f22af00947b9eee6059d534478131db5edd5b12546b7bd6
+size 90284
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted.ico
new file mode 100644
index 0000000000..0ecb343c3f
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e1a619edd697af04b4916e27dbb0d3934770f05f9939656c5091f73ab7a73423
+size 38174
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico
deleted file mode 100644
index 185ef3889c..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:efc884c84eb10003c70f5aa8822bd80e49a79dba518fa86567198607944a7bab
-size 14532
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100.ico
deleted file mode 100644
index 8e00270cae..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:ea25509d64a1b1ada06bf3fef71dd72e63a72132b740c4f4c2a71a47217ce5e1
-size 34479
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-stats-answered-accepted.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-stats-answered-accepted.ico
deleted file mode 100644
index 70bb88b201..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-stats-answered-accepted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a7b78b1d155109e8785d651a2995a25b43cbdd0915ecaa3353df79ed6a17d9e1
-size 5764
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-stats-answered.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-stats-answered.ico
deleted file mode 100644
index 95519f088d..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-stats-answered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:dbf40259e58ef90f9b5a95f50de7159e5a654db292ca8bed6331fb1b25829acb
-size 5354
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-stats-unanswered.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-stats-unanswered.ico
deleted file mode 100644
index 3405944b0a..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-stats-unanswered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:823c19bab23bda71113281290cd541627451da3c562645cc560ff4f9e2ce39bc
-size 4547
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-stats-views-hot.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-stats-views-hot.ico
deleted file mode 100644
index 98f780f667..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-stats-views-hot.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:62957484c5c9c9d6796ffab4abf42082135b2591d12139a160b0f8e33ec97a88
-size 5423
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-stats-views-supernova.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-stats-views-supernova.ico
deleted file mode 100644
index b91b523507..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-stats-views-supernova.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:3c17444bdaaeb45c0aec518693bec42910ba57dd6af8e0a5d731bb1c3096eb54
-size 5517
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-stats-views-warm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-stats-views-warm.ico
deleted file mode 100644
index 1ca713e958..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-stats-views-warm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:fc72acdd66f1a7cf04e99dd8f713743614e0b2ea954d20aab46fb247f8b64ea0
-size 5427
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-stats-views.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-stats-views.ico
deleted file mode 100644
index c46c9d35d5..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-stats-views.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:603a4ccabc6c7282ad0ba66f306162b4949144e3cfcccb32073f506abc50a151
-size 4806
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-w100-description-lg.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-w100-description-lg.ico
deleted file mode 100644
index 3a5444cdf5..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-w100-description-lg.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:4d6476075816e2d4a6877d1527dfa9fe142e0f04d0abd208f9ac5a0b08eb3bd9
-size 48723
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-w100-description-md.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-w100-description-md.ico
deleted file mode 100644
index bdbf35ca04..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-w100-description-md.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:f463638f7777b1bbac34c1d518529de6ad11877b34304d09feeed98e555fa941
-size 41876
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-w100-description-sm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-w100-description-sm.ico
deleted file mode 100644
index 7cdcb20691..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-w100-description-sm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:59d5187acc049ade15b60ad78a32f86267ae8dc6cf0db8da9510f97c000960b9
-size 28559
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100-sparce.ico
deleted file mode 100644
index efb6811afd..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:358a7bdba58e9f7f2c695e428d613f908e375f0dcd7931dbf1c5ba70c6f2ccd0
-size 15580
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100.ico
deleted file mode 100644
index c8260a27a9..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:d4dbc80d99828dc7065fe88b8f9699181ad7b8f337266336afa8c4de4fab3f3e
-size 37792
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-announcement-content-type.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-announcement-content-type.ico
new file mode 100644
index 0000000000..9d1557d2cd
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e7bd697af63116ca01c935c135f387c30aafeab27d992cdeed5c63d07dfb7950
+size 39888
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-bounty.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-bounty.ico
new file mode 100644
index 0000000000..15b302429d
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d5deb38d4e0119929c0e6546717316b557f04919580e6a0d8addabf7d3adbcdd
+size 38633
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-draft-badge.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-draft-badge.ico
new file mode 100644
index 0000000000..ebf4aae23f
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5d8c7215389616267e2419a166d485b85ee77790b188f6e52382b9f138541f40
+size 39267
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-gated.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-gated.ico
new file mode 100644
index 0000000000..194cc72fc1
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d0ffd8f8ab663f63253161bf47aac0d3d73400f5677435e09bd0135820a2d11f
+size 38435
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-ignored-tag.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-ignored-tag.ico
new file mode 100644
index 0000000000..5aa3632220
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d1cfc034d0aa8761dfd25484a49619a686d54161a309938b3a2afb229857fe19
+size 37201
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-small-container.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-small-container.ico
new file mode 100644
index 0000000000..da904840ac
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bd3bb042d3dc84051d4e5e5d0dc61165ce6bd2676ca9d48478cb9f1f08515661
+size 27481
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-watched-tag.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-watched-tag.ico
new file mode 100644
index 0000000000..1bafda0f58
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:48d82b972b3f19937b64c063e4bc8801c3654faaa71cc5767d40de4b3c358f51
+size 38739
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-with-answers.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-with-answers.ico
new file mode 100644
index 0000000000..db713d6821
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4e19c61a19252e922e947519397589e1a4786e936e8bf23fd843e7cb45aab7d1
+size 89886
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered.ico
new file mode 100644
index 0000000000..d349c9bb1d
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9c1994f8b66b69fd3c88582f4f3d994c703fb4cc14699170ad5df48775fc9846
+size 38021
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-badge-danger-filled.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-badge-danger-filled.ico
deleted file mode 100644
index 2326709fdf..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-badge-danger-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:e211da013d1892b398766a787d1af7952521b0c8581c96972d1095fd86155776
-size 5744
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-badge-danger.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-badge-danger.ico
deleted file mode 100644
index 902c9c252a..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-badge-danger.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:e249edbcc506899cce0e8af99ce3cc3d7986fea6190c7620a5733cdba6209057
-size 6170
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-badge-info.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-badge-info.ico
deleted file mode 100644
index 3d184cc253..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-badge-info.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:9a37873ee106ca52f2e565300a24c97443fd3a224a067ea95fc74c1a74593afe
-size 5661
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-badge-muted-filled.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-badge-muted-filled.ico
deleted file mode 100644
index a5136d1387..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-badge-muted-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:9e6d44dcc78b0593476d9154a8f5c2ba05f25488393e1a9338cd0c1c0a8b198e
-size 5786
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-badge-muted.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-badge-muted.ico
deleted file mode 100644
index 3a21265fcd..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-badge-muted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a4a28f8f16ca159c7c56e298699cfcc136f69efa7f2ccdf28c10be75f0cfc29c
-size 5848
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-badge-warning.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-badge-warning.ico
deleted file mode 100644
index d6acd15516..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-badge-warning.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:1918ff0926da1073a5953996b37338a441b54747e8fdacf24b5f2c1c7f5aede2
-size 6088
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-announcement-content-type.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-announcement-content-type.ico
new file mode 100644
index 0000000000..0a4114a12e
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0c9cf325b68d54a9d47970d8297cdb742aa3093728eb5382d660d3b1a2d0365f
+size 39316
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-bounty.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-bounty.ico
new file mode 100644
index 0000000000..5719d49853
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0f185e94996f71579d1a65c1b4096c256509a2a18e8c2dc67e8cafb9bd8f6f2f
+size 38148
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-draft-badge.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-draft-badge.ico
new file mode 100644
index 0000000000..dac862eed9
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0242213a8acb716e006d27c2dd085637e890013d9f5b8c7673f616a3b15a4012
+size 38797
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-gated.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-gated.ico
new file mode 100644
index 0000000000..4d6973828a
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c4ea08803e9b720d9ea733c5a9c863698aee3a54ca4a6db6c25bbe694293c9cc
+size 37915
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-ignored-tag.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-ignored-tag.ico
new file mode 100644
index 0000000000..d27e8ad72f
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bf40c2332f855484e1db9650360bb91c67b71b31b47fe2d5469f33fc9f45bcd5
+size 38311
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100-sparce.ico
deleted file mode 100644
index fa88ad4de0..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:3a7b844447d49aed945591cc04f89a636b6d2b7d1e21f882d0734a5fbf5f4a54
-size 14706
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100.ico
deleted file mode 100644
index 105a30ba26..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:13f3134c46c5df037f33995700f9495f19192d25df862813add4738d629cffb6
-size 35419
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-small-container.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-small-container.ico
new file mode 100644
index 0000000000..51f9c0aa3c
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:086457b13b9f905ae9b3e3a12cd1dc37e1d9b7bbdaf6a1c26b6ace7f8283996b
+size 27836
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-watched-tag.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-watched-tag.ico
new file mode 100644
index 0000000000..72a46a0a7b
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c55c3c56aaafa287d9167e7e7f2fd6e8d1bac082180fdd2a3e4c407b116644d5
+size 38255
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-with-answers.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-with-answers.ico
new file mode 100644
index 0000000000..0a2735b99c
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:366fd835735efebd9d4b1ccb181e8c02111c03ed7ab2603d53836067b0d7911c
+size 88972
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted.ico
new file mode 100644
index 0000000000..74d13662ae
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a5a0e984dffd9ff61de3320e5c59d5eb952977362e8ad15354bda2385561ebe8
+size 37574
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100-sparce.ico
deleted file mode 100644
index fe6db83e54..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:7be57beefe2d3b7e6e61849d9bd29e1c5159b43d5665c1c0a7cc455659bbef48
-size 14895
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100.ico
deleted file mode 100644
index 31f83d1218..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:83c8bbcdf522bf9473c116d77299bd66d29fefc1ea87934a59e16735093a1645
-size 35798
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-stats-answered-accepted.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-stats-answered-accepted.ico
deleted file mode 100644
index 24014de9c4..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-stats-answered-accepted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:9eb5aa29aa3404ce12a072efa2c8516472f0dacb425a4c7048a746632855e3cf
-size 5819
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-stats-answered.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-stats-answered.ico
deleted file mode 100644
index 262dfabc21..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-stats-answered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:3e440f39dc480bc113ec7a1f73202436a2b4ec8233184e31840e941bb9387d68
-size 5315
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-stats-unanswered.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-stats-unanswered.ico
deleted file mode 100644
index 7ae7a50398..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-stats-unanswered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:8228a9b00fd257dea007692d587941dc44578149f4fcd3858bda547eb4ae549a
-size 4456
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-stats-views-hot.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-stats-views-hot.ico
deleted file mode 100644
index 668c85cc90..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-stats-views-hot.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:cbe0bb18e2f85309d85ea223e559174f24ec53968049960962afa7321bf594d2
-size 5351
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-stats-views-supernova.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-stats-views-supernova.ico
deleted file mode 100644
index 64096aa777..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-stats-views-supernova.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:6a96e902564b5447a841000af0fb640f7b7feea99eab95d2434d7580822c9e1a
-size 5524
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-stats-views-warm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-stats-views-warm.ico
deleted file mode 100644
index c251879328..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-stats-views-warm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:2437865a32a9ee780871170bd88d55b2ecaa3353e3f4f51199d02dcb85af7eeb
-size 5387
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-stats-views.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-stats-views.ico
deleted file mode 100644
index 9764faba77..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-stats-views.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:c7a4c385bfc5baad1a2a4032d08af7bfabdb7b5484d29fbc1a33a6d48acb6e51
-size 4800
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-w100-description-lg.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-w100-description-lg.ico
deleted file mode 100644
index ff936fc774..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-w100-description-lg.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:0daeba4bea9f4cc866f622c821d7f2f24b222fb1d93007dbe5f92244c72417b3
-size 50511
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-w100-description-md.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-w100-description-md.ico
deleted file mode 100644
index ab402c8a90..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-w100-description-md.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:e51968a1499ec5947dd820327852bd4db26a148a5dbf7330644a9cefc95d224a
-size 43816
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-w100-description-sm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-w100-description-sm.ico
deleted file mode 100644
index 62094822e6..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-w100-description-sm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:f207b98c1112781d61001aa979345222bc392bd96b001cb18a83e489c78846dc
-size 30818
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-watched-minimal-w100-sparce.ico
deleted file mode 100644
index 6fc34299cf..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-watched-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:d48e39cf8509c4d9ead5421aab0c1d08972bc14ad824301690ced3663704aa08
-size 15879
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-watched-minimal-w100.ico
deleted file mode 100644
index adc2189f14..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-watched-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:e5ad8b3211ed94bbcef7887b19fc243f88284a533dc5bbab3cf954ce977f14e9
-size 38307
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-announcement-content-type.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-announcement-content-type.ico
new file mode 100644
index 0000000000..008617793b
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8e27f3bb2ea77f5e97bf8144498c2b42eea5201f0b4a3a5fb269b33a5ad51a82
+size 39697
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-bounty.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-bounty.ico
new file mode 100644
index 0000000000..968b0ca892
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0a38df9341244cb1f622d1c23b34e8e8fe224b32277814c585af26fd53a1b5ce
+size 38416
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-draft-badge.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-draft-badge.ico
new file mode 100644
index 0000000000..e3e88c889f
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8ff49551fa018c95d2247f04678e89a20cdf8983f335dfb0bc28182b0baf7673
+size 39081
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-gated.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-gated.ico
new file mode 100644
index 0000000000..f0c0ad8fab
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0f03f7df7e0d5fe455bf55ece19238de0290dcf51765287ca0995c209141f9d9
+size 38248
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-ignored-tag.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-ignored-tag.ico
new file mode 100644
index 0000000000..79d879b9a0
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:895592e8667612df327c82417c8607c67648245d76e87896d8b8f0a05c792fa7
+size 37034
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-small-container.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-small-container.ico
new file mode 100644
index 0000000000..81d5905bde
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f587e93e098cac6695493cae685cb5c54a1aa6a0cc3da71fb7199fa6172c5fa4
+size 27362
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-watched-tag.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-watched-tag.ico
new file mode 100644
index 0000000000..7a25b512c9
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9bd45c0a96813834f1bfa0fa1df33c34c69d038d646626ed244008d0b25d9db3
+size 38587
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-with-answers.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-with-answers.ico
new file mode 100644
index 0000000000..c564698d2b
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:320b0b2702a3c9b7be4d41d3a5031e8ecd3ff99ea6be48c800c60dfd730e82b9
+size 89570
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered.ico
new file mode 100644
index 0000000000..882e3fa91a
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:27ae8aa0c4998051ce414c78f5c7b3699fac8e3eaa66072a0140467d5ceab7d6
+size 37837
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-badge-danger-filled.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-badge-danger-filled.ico
deleted file mode 100644
index 7606de9e65..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-badge-danger-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:899f120982fef72611534921939eaf70d76953ec2dab11a7294555c272cfc2af
-size 5861
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-badge-danger.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-badge-danger.ico
deleted file mode 100644
index 3924af98b6..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-badge-danger.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:349ff46ba2de325273fa5da1761c92717afd784ab47e15d3c3293661ed5a0d81
-size 6171
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-badge-info.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-badge-info.ico
deleted file mode 100644
index f2c95bd675..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-badge-info.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:c329e071a1e66b58dcf71709c09295a456e2dc11aff975c1e37662f2abcf9651
-size 5673
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-badge-muted-filled.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-badge-muted-filled.ico
deleted file mode 100644
index 8e2e0f6edd..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-badge-muted-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:31d348ea7bddb33e3439db038e4f3804e5eb242d7238c4cda5e01d3a29a28e06
-size 5737
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-badge-muted.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-badge-muted.ico
deleted file mode 100644
index 1c68dd077a..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-badge-muted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:81f8c5ecec2818c23e296e8166c638bd89d1470b0a740cc1121ab09deb0862f0
-size 5812
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-badge-warning.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-badge-warning.ico
deleted file mode 100644
index 56c705d8ec..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-badge-warning.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:6e1cc2b63d82a86b4a21e622012e3b344517b6f0343c1ed2737ea584e1595719
-size 6154
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-announcement-content-type.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-announcement-content-type.ico
new file mode 100644
index 0000000000..a58ce01244
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:448a86f57c9c574f0c6d6f3240d551fe152841c9e7c76ab8065b4363fd470c8d
+size 38329
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-bounty.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-bounty.ico
new file mode 100644
index 0000000000..7e2eca07da
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dce13b6a8944cb723620fed7aa94ec06224504d8ee5002888c17fa3b75c38696
+size 37276
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-draft-badge.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-draft-badge.ico
new file mode 100644
index 0000000000..6ee535f615
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:18882e851eaf0c41c46f8f62f326b2b050adb1caeb38c93a8d91fae714b6faca
+size 37889
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-gated.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-gated.ico
new file mode 100644
index 0000000000..7e1906786c
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7fc390d57f2615f0d1d07131ec154386927acbd521b137fbe9979f8c6c45310e
+size 37022
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-ignored-tag.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-ignored-tag.ico
new file mode 100644
index 0000000000..9ec3bfd052
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b511183b27d2ac9208b4a113f8bda17ccab2c5f0f49219059b4ea996b8d059a9
+size 37390
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-minimal-w100-sparce.ico
deleted file mode 100644
index b36d6b83ae..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:5b9259f06dcce9d49f285233d8b83fe74aa064f0bfb61c9fae17616deb4ce32b
-size 14631
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-minimal-w100.ico
deleted file mode 100644
index d8497a59e7..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:cb0cf07a7e2f2afbe9ca2bcf37d40aa5e13c3e13ad0f90fc90d4cef1dd9004bf
-size 34408
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-small-container.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-small-container.ico
new file mode 100644
index 0000000000..af6af0bcd8
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ad719bb89d76b91b7cb7d062fd6b6fe6efc83f1a3086a565484403f38e96986e
+size 27126
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-watched-tag.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-watched-tag.ico
new file mode 100644
index 0000000000..a7a53c3a22
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:72cf31949a1b0849cf954824f3b77e1a6239ff1c0e10d0fe295a64169ae57994
+size 37314
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-with-answers.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-with-answers.ico
new file mode 100644
index 0000000000..481e798205
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:439b5eba907476b0cbcf7da493da766f578188faae58273fa1b6ad0af0881767
+size 86902
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted.ico
new file mode 100644
index 0000000000..884a9cf331
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fc60fa9aba2b82baa736fde406b4cdd5c843fdb53515c394035476af230aad5b
+size 36706
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-ignored-minimal-w100-sparce.ico
deleted file mode 100644
index 0af3dfa690..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-ignored-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:f383516ff1f1a541d15b51307c657306a9bd2b3334c1c709ffdc99b765da67fe
-size 14494
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-ignored-minimal-w100.ico
deleted file mode 100644
index 46668b7dfe..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-ignored-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a6372a8de99e527d53e5aaf35b61eb86a939742524b5c71e4f396f8050b2eb58
-size 34500
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-stats-answered-accepted.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-stats-answered-accepted.ico
deleted file mode 100644
index a593a1830d..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-stats-answered-accepted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:3df27fbb97cc05a356da3ffb40eb0abdff622c7011dd09e12d6b85569376fc73
-size 5753
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-stats-answered.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-stats-answered.ico
deleted file mode 100644
index f83489b528..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-stats-answered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:5699f9ffa8b62a481db94e6c04b1cc9586aa706ca5e0f99fe6089c7feecbf7eb
-size 5313
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-stats-unanswered.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-stats-unanswered.ico
deleted file mode 100644
index a56bea2ab8..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-stats-unanswered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:cd55219862ce11300dde2e578fd21487df5498fdab9703c00e1b36a40bd756ae
-size 4503
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-stats-views-hot.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-stats-views-hot.ico
deleted file mode 100644
index f91347fbe9..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-stats-views-hot.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:0111be0de13f79d030317472dd0f99bad00717826744a2a394769f1539556581
-size 5377
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-stats-views-supernova.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-stats-views-supernova.ico
deleted file mode 100644
index 988cd3a78b..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-stats-views-supernova.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:05facbda846c574dadab5c424f212550063427e5b54863e28c1f9cdf8212b73e
-size 5580
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-stats-views-warm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-stats-views-warm.ico
deleted file mode 100644
index 78e12dff58..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-stats-views-warm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:28c9470ad67f1c0bba3238a131394d319661693ef07f6d902de636540f8935f3
-size 5431
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-stats-views.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-stats-views.ico
deleted file mode 100644
index 8f2b23e30e..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-stats-views.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:fe2e50e3263b29a8b7f9b2fe229315fb3ef180d22f7724492a882a9dc29a130c
-size 4846
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-w100-description-lg.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-w100-description-lg.ico
deleted file mode 100644
index e4b6243423..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-w100-description-lg.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:18696ad4b0d335ec0124449e07b618a4882002325f3d69a0bea387af539a1cdd
-size 49647
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-w100-description-md.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-w100-description-md.ico
deleted file mode 100644
index ce2ea5b664..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-w100-description-md.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:507a82b02a13196a903b94d52c770f2a522a233aebd934f5f999134dfc546e14
-size 42981
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-w100-description-sm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-w100-description-sm.ico
deleted file mode 100644
index 5e4c422630..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-w100-description-sm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:71b9d550a6791aee7573680c597fc4a7272de5721d2f5bed026c28069eeaed3a
-size 30077
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-watched-minimal-w100-sparce.ico
deleted file mode 100644
index a584df2325..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-watched-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:d0fc2fede316c2917c14505344a897d804488b08f27b1679435f5f7b3b7febf6
-size 15754
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-watched-minimal-w100.ico
deleted file mode 100644
index ad0ec071ee..0000000000
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-watched-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:40909297631715979118edff18965b69cc7cc6e485c62be44f2848ce6d402bd4
-size 37407
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-ws3-basic.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-ws3-basic.ico
index 4ead63a709..1eba689983 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-ws3-basic.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-ws3-basic.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:aa65a9bab769705718cb0b75b2a2611a85569d90eb112307a00493248a08e7d4
-size 19433
+oid sha256:77edd894a4d732b9bc91d7cd29f1a1a704449299d47d7eb3c5d27b449d1b8918
+size 20792
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-ws3-basic.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-ws3-basic.ico
index 2dd2bb2f97..89881fda35 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-ws3-basic.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-ws3-basic.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:23fb0abcb27685becac116e75f157e3e667bd02e9be7ee66896622b28bf96219
-size 25232
+oid sha256:86f981343b12f7d5b81828687ed4857dfe916f14b43737cb5a4447cdff27022c
+size 25169
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-announcement-content-type.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-announcement-content-type.ico
new file mode 100644
index 0000000000..f9656b5df4
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:59973f0ddbca09735c8156d2225128b7865e530b5558ce3d6631a7262309e351
+size 36806
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-bounty.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-bounty.ico
new file mode 100644
index 0000000000..8e4da07347
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6e08efbe0346ff4d1fb0e100ff9f1b9bb04dc3ee8b492454d176e3781456ece7
+size 35853
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-draft-badge.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-draft-badge.ico
new file mode 100644
index 0000000000..269cd65277
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:143bdc46ecf3455a5b72abc5d4e3dc2bf5cd1630bd457b25d26cb2bff0164f27
+size 36264
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-gated.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-gated.ico
new file mode 100644
index 0000000000..7f946c5a2b
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5e03b9a46e59a84e70279b50f93847a519763518baa8c16487363d1dad0ef104
+size 35661
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-ignored-tag.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-ignored-tag.ico
new file mode 100644
index 0000000000..43000ccd66
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e8e25d7db43b384ece8b9c1aca448e3b9d1551c049416ec7e1f0dc1d4ed1c040
+size 36621
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-small-container.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-small-container.ico
new file mode 100644
index 0000000000..66cfc60390
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:af8a6a90bc8a5f224eddf1a7e13808767819bc147a2395bda7e610d770882ca0
+size 27019
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-watched-tag.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-watched-tag.ico
new file mode 100644
index 0000000000..b406278370
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5dc5b881ca07cfb20eac5bf67a6ac3835e20aa67c153b350f439b2cbd88da7ee
+size 36019
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-with-answers.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-with-answers.ico
new file mode 100644
index 0000000000..e9b7163d1a
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3cf58b7b86622e875a3e88e2899d7eb8b4706748c718abd15a4381855e2f6fbd
+size 84796
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered.ico
new file mode 100644
index 0000000000..a2314d1fb4
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:238e66184c9dab1db159fe87651d931c4caade0f913c59ddae4aa5e6b82f85b5
+size 35289
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-badge-danger-filled.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-badge-danger-filled.ico
deleted file mode 100644
index 472eb1d4c1..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-badge-danger-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:df888dfd72e8c2502815a69a38e3dc7042e0fecaf82d33ba734faba6bb2faac3
-size 5091
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-badge-danger.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-badge-danger.ico
deleted file mode 100644
index 5fce527ae1..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-badge-danger.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:1032c597e3430aa18afc5ad2dcf399c7076a0a84e9fbcbfc22c213e6bf7dc00c
-size 5553
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-badge-info.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-badge-info.ico
deleted file mode 100644
index 826b31e576..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-badge-info.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:68914ac4c6a40a68978bdb2b8de2eda967015ad3e9ad2723ebd321473374abd5
-size 4984
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-badge-muted-filled.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-badge-muted-filled.ico
deleted file mode 100644
index 74c8484307..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-badge-muted-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:d04aebcf2bfdeade7755087030f598dc250bd2283649547b742a092b86d908ed
-size 5002
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-badge-muted.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-badge-muted.ico
deleted file mode 100644
index 663d871878..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-badge-muted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:9959c956d0027a158be4626d251f37c927401e653556ba474ace014123bdbf28
-size 4996
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-badge-warning.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-badge-warning.ico
deleted file mode 100644
index 88f59f02c3..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-badge-warning.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:d1f255e8287f27a3384a4237b6ad2e4af165cddc130aa2276ddceaa6ff43bdfe
-size 5443
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-announcement-content-type.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-announcement-content-type.ico
new file mode 100644
index 0000000000..8eb00123e9
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:166c0e3e0d78b913f70e7b654ea5f7bfaf5ab03fbbc628aa6dde8bbf6a191748
+size 37364
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-bounty.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-bounty.ico
new file mode 100644
index 0000000000..100f3fd050
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:54dcb6f51e3a1dec82bac4fc4c8ac3621bf178d85de18c6506488f2cef4af61b
+size 36268
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-draft-badge.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-draft-badge.ico
new file mode 100644
index 0000000000..2664f6aca0
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e1d53f31868979a81a9a8689d6d67116edd602b7196202a0d039da065d9ec3ac
+size 36749
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-gated.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-gated.ico
new file mode 100644
index 0000000000..c4a33d960e
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:322921487f5056d0f367dccaa5858ae2377f187670df216c984b2e54533206ef
+size 36115
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-ignored-tag.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-ignored-tag.ico
new file mode 100644
index 0000000000..029a7fc132
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e3da23c08f0765ea03f30de60045500cf42bf1b773810042ba0e641dafa63cdd
+size 36496
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-minimal-w100-sparce.ico
deleted file mode 100644
index d7d0c18071..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:7cbc0f8dbcab8616ae46a140d1d3cdb5394155a9d1c2d239069931a06e9422e6
-size 13277
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-minimal-w100.ico
deleted file mode 100644
index c9c7bf3e4a..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:23dcf05deb9a4cdb74bcf81153ec33cf404cafe8a085f219ba1004919328b13f
-size 33514
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-small-container.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-small-container.ico
new file mode 100644
index 0000000000..632ac8aafd
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fb12d752faddb00cd568542478783bc6d9309a17e67d1cc06dfec8851324e861
+size 26876
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-watched-tag.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-watched-tag.ico
new file mode 100644
index 0000000000..2c63c034b8
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:67d2f53a01354a3bebb26a93ad9ae39e87bd24259528b9108d065e6fea6b06ef
+size 36435
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-with-answers.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-with-answers.ico
new file mode 100644
index 0000000000..b03091de8f
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0837ba31f21a684410a947e13a0f98b13eb3e2f974e4329028ce1425e6a2c0c6
+size 84708
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted.ico
new file mode 100644
index 0000000000..41e734a2fb
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8a8dae0dd9bb82cfb45082f20163814f353f6a5ee35262dfa3ed1c358ad92bb3
+size 35731
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-ignored-minimal-w100-sparce.ico
deleted file mode 100644
index 87ce0174fb..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-ignored-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a24ea880ef2a9d43e22a4cd0896da531206c5fedf45d0e37af2eb15917841070
-size 13190
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-ignored-minimal-w100.ico
deleted file mode 100644
index 18a0d2395a..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-ignored-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:9a9e348baa80ce2d6de92f5d487331751c28bb96c844763aaf10d1d10b73dcae
-size 33343
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-stats-answered-accepted.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-stats-answered-accepted.ico
deleted file mode 100644
index 92d2d58fb5..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-stats-answered-accepted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:9f278ce13b5631e36bf062c6e89dba00ff7bfa71f20149d82558e247aef2aaae
-size 4954
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-stats-answered.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-stats-answered.ico
deleted file mode 100644
index f6d10e9d86..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-stats-answered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:2b8692fb7791efa3a712a63b1a4034be9eb6eafd77d47b2800cd509cde296a42
-size 4473
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-stats-unanswered.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-stats-unanswered.ico
deleted file mode 100644
index c36ebb02ce..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-stats-unanswered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:6abb5826057bd59c5b993bf2fb9ea7393d4f00e063d8ce7036bba4e19a2c9103
-size 3907
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-stats-views-hot.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-stats-views-hot.ico
deleted file mode 100644
index 48ea4c781e..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-stats-views-hot.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:754a6f3f8ecf31fc6720d2753b7417c087b100102bd18a2fe33263b536c39434
-size 4503
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-stats-views-supernova.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-stats-views-supernova.ico
deleted file mode 100644
index e791bfd83b..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-stats-views-supernova.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:ebcc61a98060e7afceb199460f2e2aa45d4f2e664ab8755fa20ca1bca01d8962
-size 4664
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-stats-views-warm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-stats-views-warm.ico
deleted file mode 100644
index e90e2f67e0..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-stats-views-warm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:deab27ded4367471577fcaea060b375717b0cc8e0a79a9829eb8b75db85ad1e3
-size 4562
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-stats-views.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-stats-views.ico
deleted file mode 100644
index 0e636d665d..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-stats-views.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:49b7523a2424429689ef86e24ec5db8dc76982b886b6bacfba506578b5ea1d3d
-size 3963
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-w100-description-lg.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-w100-description-lg.ico
deleted file mode 100644
index db60f729d6..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-w100-description-lg.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:12435ad557d27a04ba60628bf076a9997e77bf7bd3609363c32d77970c121158
-size 46895
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-w100-description-md.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-w100-description-md.ico
deleted file mode 100644
index 7c9c0a76f5..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-w100-description-md.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a0d9351e05fe66f5b73faee1b84daeb20dc2e55dfe50af19072d9eeb4aa4bb6c
-size 40230
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-w100-description-sm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-w100-description-sm.ico
deleted file mode 100644
index 00911154a0..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-w100-description-sm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:6f78169bce3398e5b93557d94abe0f1318ab63546ae6a2a2774ea692b54f4c44
-size 27533
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-watched-minimal-w100-sparce.ico
deleted file mode 100644
index 34cf6e4e3e..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-watched-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:98093251d1d79e9b36150e3b6b2969df41c083cabab66b11e4f225f6a4e79aae
-size 13753
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-watched-minimal-w100.ico
deleted file mode 100644
index 01934a5e68..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-watched-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:932e882b79614762898e31986d31e39d650c7b7b700ca461917b41f2bdb9b3d6
-size 34731
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-announcement-content-type.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-announcement-content-type.ico
new file mode 100644
index 0000000000..9b5d67dedb
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b231daa4c0c9cda6c880baf0a6d020064155086ca6c6ded31b48eb8486f9db5e
+size 36608
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-bounty.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-bounty.ico
new file mode 100644
index 0000000000..7ef30c3372
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5cd3c1e32b3add8d1a33a4ebeeff23570e675fa6d6c8bd605f5a7e437e240501
+size 35926
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-draft-badge.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-draft-badge.ico
new file mode 100644
index 0000000000..76a5a9cafd
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7438de14da07733c244adee73cbfd732b98c68ab3be95c9b2274e9e8cee68187
+size 35982
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-gated.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-gated.ico
new file mode 100644
index 0000000000..fb67bd3af4
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0111823969daf891bac7b6884de1fa1f06727401268e2d3d1f6b042b1a692c21
+size 35465
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-ignored-tag.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-ignored-tag.ico
new file mode 100644
index 0000000000..ca4feebc6b
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:31b00d27a17e5558571ba8ad85be227cb33a4e7c9eb2c6cc1a87a01a0e086c4c
+size 36562
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-small-container.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-small-container.ico
new file mode 100644
index 0000000000..9901895a11
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f1b67ea628c232986af23919f3fa0721be80ef2367a3e5e0726a1abb1345da0d
+size 25105
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-watched-tag.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-watched-tag.ico
new file mode 100644
index 0000000000..0a43ff1efc
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6bf13aad5d88d307f31274acddc900682287906f27d9574e1a0375d6e4cc035e
+size 35821
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-with-answers.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-with-answers.ico
new file mode 100644
index 0000000000..51c3ff5e96
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4203a8b7d368e21995a1337bf4cfad3a400abb9c9062318beea584e0476774cc
+size 84444
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered.ico
new file mode 100644
index 0000000000..225137c30c
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cf3f14d6d194339cbb8de34d5ef7df6dd110a56c1df9a5afb9a40fa0859f00f3
+size 35127
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-badge-danger-filled.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-badge-danger-filled.ico
deleted file mode 100644
index eb0e3ebb27..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-badge-danger-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a19cf3e58bfcb2c4b919ce1306eb7a3660ade536d45f5d5c2ae915d1750f7bdb
-size 5038
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-badge-danger.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-badge-danger.ico
deleted file mode 100644
index 8a79dcc7b5..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-badge-danger.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:9288b8d7c44dbc8b0b3edaa68d8cf4a0e906ae1c36511d6f8ad0a7e34947fe8c
-size 5539
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-badge-info.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-badge-info.ico
deleted file mode 100644
index 1ee8448799..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-badge-info.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:aef85d39bdaf8f0e6a09dd71b764715381ce3a343df9ecd3f1d7c4b1284313d2
-size 4913
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-badge-muted-filled.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-badge-muted-filled.ico
deleted file mode 100644
index df29d477c9..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-badge-muted-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:c5dd42cb00298cd23854a07869aa0d395dbb02a6954ed6e29fc94d0c04c01930
-size 4917
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-badge-muted.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-badge-muted.ico
deleted file mode 100644
index 5cfc5f58f5..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-badge-muted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:fea5f529c17d36b04d800c3fe8ed2858b625362d43afcd059e8dee4d9b8e50d2
-size 4901
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-badge-warning.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-badge-warning.ico
deleted file mode 100644
index 36026cf962..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-badge-warning.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:b777a1dbe21ed1af535048d9b83ad8bc5d0b9a756fc8017d32965fc517e3d30d
-size 5446
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-announcement-content-type.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-announcement-content-type.ico
new file mode 100644
index 0000000000..599b8e395e
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:29acb91248255c79f5b0bdd21e9c5736d57e0c4779e57a08897ee1a146aeea31
+size 37449
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-bounty.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-bounty.ico
new file mode 100644
index 0000000000..3f6d9c07dd
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1762bf5ccc432968231ade4ac23b45122e68057f125867bde7d6011d8e1e3a08
+size 36369
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-badge-info.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-draft-badge.ico
similarity index 82%
rename from packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-badge-info.ico
rename to packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-draft-badge.ico
index 2713c45f79..8b0d45e633 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-badge-info.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-draft-badge.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:095774f651cc49c99405b66426b3a950d878730795b54f8e91f871c8545830db
-size 4096
+oid sha256:9a3ecc9595bfe1cdce975da3d0b0bb3b88450f164ae8a3e42a5671a2069f3e39
+size 36766
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-gated.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-gated.ico
new file mode 100644
index 0000000000..c0aa905dad
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:69e9b69daba2d9a0b74b70a617f7158f2adc1a1ba804bdc894fdb57edeaf10ee
+size 36147
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-ignored-tag.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-ignored-tag.ico
new file mode 100644
index 0000000000..5bc7e38b90
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8ec4449a8d163a75dfc4b201f22511fe9e7a54ffaafcbe6cfccef372995a4353
+size 36525
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico
deleted file mode 100644
index 5f1453f8c4..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:0d3e7e32cc469487da5f4c5cf293de145d66b7bf550e039e12acbacc86549c5e
-size 13380
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100.ico
deleted file mode 100644
index 84927cc428..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:76c4c9a12e55defa1bec049fb4ec8d6b8a07ace54f2d4c22b7a83d5925c1d6cd
-size 33898
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-small-container.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-small-container.ico
new file mode 100644
index 0000000000..89f1dfaae7
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3dd5e245d94040d697ee91da0bb4f7869b16f52e73021a5179f247dbe67ba659
+size 27703
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-watched-tag.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-watched-tag.ico
new file mode 100644
index 0000000000..32b9f2f499
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e00929f80e71b5eeedac2e702c56dd73700099fce9d1d0c626fc999b110ae711
+size 36472
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-with-answers.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-with-answers.ico
new file mode 100644
index 0000000000..96e135f268
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:89502d4f6f0b5f5cbca2f48cab81e5c673a279bbac0b1666f510b14e831d3a7f
+size 84699
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted.ico
new file mode 100644
index 0000000000..6a67cb23d2
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ee297114decda764fab5209433c4167be8ae22d2a6c2d24e5135cb19c96dc1a5
+size 35758
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico
deleted file mode 100644
index f2fd0b78e4..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:5cf0f46010c71c8e3f231163da20c90d53f06432a475075d2f0a1525e5a257d9
-size 13436
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100.ico
deleted file mode 100644
index 4fafb296c4..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:6b350f2889eae920f2c510478d7cc37d477d294dcf025a538b92c38dde7e73fb
-size 34001
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-stats-answered-accepted.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-stats-answered-accepted.ico
deleted file mode 100644
index 137c972980..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-stats-answered-accepted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:ca8ba0653acb6646e44275bde3bfa1a7402f60ade90c9bbf6ea9662aec820bb0
-size 4880
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-stats-answered.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-stats-answered.ico
deleted file mode 100644
index 24eaba1d34..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-stats-answered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:c4fbf7c62e1dadd5b46b2aff46d9639ccace0ee3aebd6ba02d83b3e91ce84a3c
-size 4513
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-stats-unanswered.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-stats-unanswered.ico
deleted file mode 100644
index 791b853613..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-stats-unanswered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:c8f44aad580dd7fa1cdec004f6403a2af0424c6efe23f3e77307ee9e88aa9265
-size 3857
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-stats-views-hot.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-stats-views-hot.ico
deleted file mode 100644
index 42adf02c21..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-stats-views-hot.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:d9eac236d8465c501d049e62a2f7e94cd59483ea77c3e9b219beeb20beccb70a
-size 4505
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-stats-views-supernova.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-stats-views-supernova.ico
deleted file mode 100644
index 2e2dd31981..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-stats-views-supernova.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:895c0d3c82961951c6dd23fe12969a545ca2cb15cce477031992ed908e07d28e
-size 4649
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-stats-views-warm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-stats-views-warm.ico
deleted file mode 100644
index 366505f092..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-stats-views-warm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a7f006544d5d16b805260b806b2ed4a828e22d186f494c37e835a86826944897
-size 4487
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-stats-views.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-stats-views.ico
deleted file mode 100644
index a2d696bf77..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-stats-views.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:0c36556b18a986e77e5e9539fa0728896523c00204c50705370576efa2eb23b4
-size 3962
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-w100-description-lg.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-w100-description-lg.ico
deleted file mode 100644
index bb05a47b23..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-w100-description-lg.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:2572007e701a4f4f66cc1cbc3a681e54f91592153e4c38bdb6a59d53c6069c5d
-size 46460
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-w100-description-md.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-w100-description-md.ico
deleted file mode 100644
index 5af575fce8..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-w100-description-md.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:db8da5d15ad3c1c353ad1c919512e59b09e485f5be093b34e1d5d5104ebf5fdf
-size 39991
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-w100-description-sm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-w100-description-sm.ico
deleted file mode 100644
index 1724a5a37e..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-w100-description-sm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:7356ea7cae65888e49c2c92cae6c24d2d6e52a49891a3153abb04c9fa7340162
-size 27605
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100-sparce.ico
deleted file mode 100644
index 46be2e92d7..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:7d56c2153ac56e99a0233cd1538a3b91b346c0843a89a2782c4ea94305c8593a
-size 13644
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100.ico
deleted file mode 100644
index b3036ce6c2..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:24c26212f4d8c088859020e8f5ab0ed79334d07d3fcdc9ef136916b2be68e032
-size 35134
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-announcement-content-type.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-announcement-content-type.ico
new file mode 100644
index 0000000000..35d797b83e
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4413f3ec8c13d2922adb59d461bb419c590d0dd78d3a4cbba75df35613ab79e2
+size 38297
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-bounty.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-bounty.ico
new file mode 100644
index 0000000000..b3ca566e54
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4e00d60105ee6fb38428268c7afdbb8e5cf86e10973be2358e61ee5bfa7c3cb1
+size 37139
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-draft-badge.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-draft-badge.ico
new file mode 100644
index 0000000000..2dfddbb553
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:19e09f73d25a2c1b1c5db794757f95b79bd7308fe63eb157a25201d19171a975
+size 37758
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-gated.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-gated.ico
new file mode 100644
index 0000000000..3ed4c0679d
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:28f2dd0de00600255041760516bf58a155daea54887bbf6361d3fe950e833c79
+size 37132
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-ignored-tag.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-ignored-tag.ico
new file mode 100644
index 0000000000..facde66d4f
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:988d8a2ed3552b958ea32de26ba81d404f5dcf21ca3c6773aac9e1688ef8620d
+size 37097
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-small-container.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-small-container.ico
new file mode 100644
index 0000000000..fdf80d61b4
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:05db93c4bf9de6d434ec6e034c7e93b2bbd2124c571e9e0ee043afbcef30cb5e
+size 26805
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-watched-tag.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-watched-tag.ico
new file mode 100644
index 0000000000..da27860c6d
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6e53cebbec31fadce8511bdfaa70811b66bd797324cdafa5a3eb8e00e2d11251
+size 37499
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-with-answers.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-with-answers.ico
new file mode 100644
index 0000000000..54725e1877
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a19354f058bc5071359649ec7627a0934a11bcfff82926dbb5591e663c25bf14
+size 87490
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered.ico
new file mode 100644
index 0000000000..b85ec3710c
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9e05674fab26ea8aec3d679d48c217cbdef8e51e7b6323b4c27e785cd5956c5a
+size 36739
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-badge-danger-filled.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-badge-danger-filled.ico
deleted file mode 100644
index a35fa9b519..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-badge-danger-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:87a8fedaf85552eaacfc7d42a19ce4d207bc3728aae646a58502560688735f26
-size 5031
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-badge-danger.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-badge-danger.ico
deleted file mode 100644
index 198888b430..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-badge-danger.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:6ccbcfc8592c671a7d08abdb6235cfedceee1b91c90a283fcb50a4d9985a4bdf
-size 5567
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-badge-info.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-badge-info.ico
deleted file mode 100644
index 5a855fffdc..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-badge-info.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:f756d358be7828dd8d66bc93f531bdd52e6ae515410f1f1bcc02deb649808f6e
-size 4903
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-badge-muted-filled.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-badge-muted-filled.ico
deleted file mode 100644
index b890275396..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-badge-muted-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:00413402582c09464649fb3436af8d98de30138682eaa6c29ec3b7e340f159ca
-size 5023
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-badge-muted.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-badge-muted.ico
deleted file mode 100644
index 87f72c8ed9..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-badge-muted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:54de0fdf85dfe6dc964ad18136b17eed9f1a5799d972c5ee9e387fafdc62e30b
-size 4990
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-badge-warning.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-badge-warning.ico
deleted file mode 100644
index 278db83403..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-badge-warning.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:3cd1755890b6087b524c3d2a0936efa4f62f102f7744b21b12d7dc5877738ebc
-size 5331
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-announcement-content-type.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-announcement-content-type.ico
new file mode 100644
index 0000000000..61252bedb3
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:faede5e7fbb0099753a801173c33d9004fb99d2956e50f328073c7b62b828679
+size 37535
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-bounty.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-bounty.ico
new file mode 100644
index 0000000000..dd85ebd461
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bd3cb97c9d7ab1db24891ab9af6b8cfd6cda84f6e21164a8e2b28b45ff6329f0
+size 36520
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-draft-badge.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-draft-badge.ico
new file mode 100644
index 0000000000..09f692b32a
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2c2687e25fa8dc26c77b7fdbb9fee47bfff02b7cc7d1be2295f3cfc6fd6dff83
+size 37015
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-gated.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-gated.ico
new file mode 100644
index 0000000000..ef1d571005
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bce1470f49f05d198a187230cf88fd6348328d7e587a04d9590cec12c7867dab
+size 36349
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-ignored-tag.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-ignored-tag.ico
new file mode 100644
index 0000000000..3b75eed8c2
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:854a6b4725f20932921973578a3f5f882750ee5d018ea92adf0024dde5f61570
+size 36704
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100-sparce.ico
deleted file mode 100644
index 0f8215462e..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:c1bc49f1e0f4ed40f38bbcb461caf356a21d1f3ce96429f50242b6aa66dba78a
-size 13223
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100.ico
deleted file mode 100644
index 006b121c05..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:39fc037c6eb198a9f603d0dfb916d7654c8a1b2cb1a0ab5dd41b84cdb7657042
-size 33978
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-small-container.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-small-container.ico
new file mode 100644
index 0000000000..2bc992a4cc
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7bbc7012175d90fc7f438b69cbff5d21a9d1bd11335599c217b03504afc7a3ac
+size 27066
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-watched-tag.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-watched-tag.ico
new file mode 100644
index 0000000000..cd7b4f3386
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9b695736d7a25790d1793389cca7f7da6b3c14f46f563d93c6392610bba5b1be
+size 36639
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-with-answers.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-with-answers.ico
new file mode 100644
index 0000000000..d946a379e9
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7bace23708b45abb9f7cb302171c1e2cf43946ab6a17c689d79ab22004fad202
+size 85021
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted.ico
new file mode 100644
index 0000000000..729b7f7098
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c4b32b74627fc653e976ca6f8aa66885503f4649e1f1c1ff976dc7685d28b3b6
+size 35976
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100-sparce.ico
deleted file mode 100644
index 2d4e258a6d..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:ea5148b33c2563b6859074e3f25d8b860ca9210fcbd7f2aa6fb499f2a76a8e88
-size 13196
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100.ico
deleted file mode 100644
index cca8bc311b..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:edf75992230074c0df38d89ebb7cd4535036b6c39af9c3ca8a43aa0f5f5b41b8
-size 34104
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-stats-answered-accepted.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-stats-answered-accepted.ico
deleted file mode 100644
index b575cc7a81..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-stats-answered-accepted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:4d073957431d3e38c6c94a79ae6bf98d8090009b9b5271b598c86ddb577afebb
-size 4877
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-stats-answered.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-stats-answered.ico
deleted file mode 100644
index 74657e88c5..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-stats-answered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:179bbab0b05baabb779219cf494eb17bba254f1b384a9e78609adc4dfc12797d
-size 4447
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-stats-unanswered.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-stats-unanswered.ico
deleted file mode 100644
index a872d07143..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-stats-unanswered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:02641f3c8721997a0287b948134e308f422a509a3c8ea8185912ccd85376a894
-size 3879
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-stats-views-hot.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-stats-views-hot.ico
deleted file mode 100644
index 2073472171..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-stats-views-hot.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:ffc4a70dce3aaf4b5dd1d336d24c58ec2548bba83f13c4edcc68169a2c120aba
-size 4489
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-stats-views-supernova.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-stats-views-supernova.ico
deleted file mode 100644
index 6260169c46..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-stats-views-supernova.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:ac2548d60ca0074a9490710f9f4b8048b96d2f56f2f30b9534d224a3f99b59bf
-size 4637
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-stats-views-warm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-stats-views-warm.ico
deleted file mode 100644
index ecf545cb25..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-stats-views-warm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a172a1e0c5f01e86698ee842fd0263b23224214b839b890af5a33954456e6562
-size 4485
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-stats-views.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-stats-views.ico
deleted file mode 100644
index 42583dec36..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-stats-views.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a1f8ee118910f14299b82e5f6c3b9bf1a07ecf9dc86792aec903ec62c06202ad
-size 3920
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-w100-description-lg.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-w100-description-lg.ico
deleted file mode 100644
index 9454a83e1d..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-w100-description-lg.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:92597bd20c7c6230e0805c7c487a91bdea642e19f50a45d15ce34e035ee38cc8
-size 48693
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-w100-description-md.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-w100-description-md.ico
deleted file mode 100644
index 8d0d4a8f92..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-w100-description-md.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:5535cea7b366d79609b9ff07587831ad57b4c71508071ad2c4a9e23f69bfdc88
-size 41632
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-w100-description-sm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-w100-description-sm.ico
deleted file mode 100644
index 2105b1c059..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-w100-description-sm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:3d6c750dc117a11ba5ea0e193dfa16b4e98ba1f645418837ff8641f029e2d3bb
-size 28589
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-watched-minimal-w100-sparce.ico
deleted file mode 100644
index 5d440a6ee5..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-watched-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:88446464b77eee1580265f0a0481d2c431cec4dbb418cc5ea973528292b04b52
-size 13613
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-watched-minimal-w100.ico
deleted file mode 100644
index 305f3b18bf..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-watched-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:7e18e25d429798767c469a20e036d37150702ad58e496822ce903ef737533919
-size 35188
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-announcement-content-type.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-announcement-content-type.ico
new file mode 100644
index 0000000000..09147bfe6d
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:acf0e5309f57a8395bc28a2e8989e2434c11fa64ea15a20941c5eb2a13b6f1e1
+size 38016
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-bounty.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-bounty.ico
new file mode 100644
index 0000000000..2223e2a2a3
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:655e770465ca15ad3de96643f53b54a76f5d2fd17dc24170d86147a90f294910
+size 36872
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-draft-badge.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-draft-badge.ico
new file mode 100644
index 0000000000..45c716dc64
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cdac8ddd8a272e404fdb4d5100fe242e1361e7c01a2c8e4a01464703c19a970f
+size 37475
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-gated.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-gated.ico
new file mode 100644
index 0000000000..67ad47c325
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4ed2011dcf3a0ff0c0cc01ed6506e897018fa9669eb9e6f6dd050c04131d734b
+size 36864
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-ignored-tag.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-ignored-tag.ico
new file mode 100644
index 0000000000..e5b4c1d762
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a83d54fb1bd7a8710bb26fcef97f2b9b34617929e4820272570f8a1398599429
+size 36635
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-small-container.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-small-container.ico
new file mode 100644
index 0000000000..54612956b2
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e1868222756bb7d68a9bafa32cd1a6fb245492d07232edfa96a03260778abc8d
+size 26561
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-watched-tag.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-watched-tag.ico
new file mode 100644
index 0000000000..3867fea439
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6918f74b913e8847868e4e07992d6e5e572e36643e1d22d4eaa49b49f8ded239
+size 37187
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-with-answers.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-with-answers.ico
new file mode 100644
index 0000000000..8c9e882aa3
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:530c8f27ccc03dd50df0c5579a536733fefcd871412e2d512b0bce1135416f8b
+size 87059
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered.ico
new file mode 100644
index 0000000000..8badf856d0
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:eeb0126920f3c2cbf605e63e14a82dbd5471bf3badb8ab6a4eb80a6d1818648a
+size 36489
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-badge-danger-filled.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-badge-danger-filled.ico
deleted file mode 100644
index 563d130356..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-badge-danger-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:3c0fcfb3da1c47dc5b789dc9856b95a660b0c3a7da5c3a87af76bb220377449f
-size 5014
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-badge-danger.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-badge-danger.ico
deleted file mode 100644
index 00e663982e..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-badge-danger.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:6291503093bf4b1fb98f4894fb54fc6fd65c0b06bd85c5e4bad83565a73bf06d
-size 5540
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-badge-info.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-badge-info.ico
deleted file mode 100644
index 5c11eed198..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-badge-info.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:1e050e383b262ef58632bde6e67f14d81ea4715b3a18576921fec51375d01d79
-size 4869
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-badge-muted-filled.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-badge-muted-filled.ico
deleted file mode 100644
index d36dacf56d..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-badge-muted-filled.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:5a2c90e08c4a09db8928b35ad804698a4caa397aa2e5ac4756b24fd0eee972a4
-size 5004
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-badge-muted.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-badge-muted.ico
deleted file mode 100644
index 0763227f38..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-badge-muted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:8935a20173d6f74695b63abc1e3fd37940c3260dfc183f4acb359a5280a6b69e
-size 4975
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-badge-warning.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-badge-warning.ico
deleted file mode 100644
index ffa18bd551..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-badge-warning.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:c32a353d8016d286e52f7ae9f66cd9f50d30701199ac5adcade2a862f3e44cf0
-size 5410
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-announcement-content-type.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-announcement-content-type.ico
new file mode 100644
index 0000000000..ba2e8e1585
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-announcement-content-type.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2d94e1e843f3fa5f75b4efc272a67cf6506b46586ef503f7c4259f4ac4a204e8
+size 37305
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-bounty.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-bounty.ico
new file mode 100644
index 0000000000..e95a78ef81
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-bounty.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:91023d722a45c065fbf13eca2280a7667bf1210d54af7f402202c27a948ea398
+size 36344
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-draft-badge.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-draft-badge.ico
new file mode 100644
index 0000000000..687f53aef2
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-draft-badge.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6debb3ad6331ea53b1efce56d97edc5e88dd98ec9d2a4cd0d9073d56f5fd7ce5
+size 36698
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-gated.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-gated.ico
new file mode 100644
index 0000000000..12ca5809e9
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-gated.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b584ccd38330f1cf28ca3f6ca8c995dd322d6075b4bdbd19bdc56fc3e148a7ae
+size 36202
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-ignored-tag.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-ignored-tag.ico
new file mode 100644
index 0000000000..80fa5495e2
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-ignored-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:22c7ba6bef50623c63c7e334ddb9919b512d14acc548ee84564643e70c459154
+size 36495
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-minimal-w100-sparce.ico
deleted file mode 100644
index 30e71433e6..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:99cd4ee6190a8219114f676e52ab583bec2cff8ca1fba107db13c9ebcb0ecfcc
-size 12996
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-minimal-w100.ico
deleted file mode 100644
index c5ff8d1503..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a3e8ad292024dd37531103e78c3182f6c9bf5e5e367604f54c6de98d3517e96c
-size 32964
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-small-container.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-small-container.ico
new file mode 100644
index 0000000000..bace31e96a
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-small-container.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b36ca483dfc58e9714c12cdd066a5b67436ba44930d8501cb0cc086102d078bb
+size 26982
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-watched-tag.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-watched-tag.ico
new file mode 100644
index 0000000000..27d97f439e
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-watched-tag.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7c26dfa951058983d9195d9959c1094918984597e842318b78f234b7052470b4
+size 36450
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-with-answers.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-with-answers.ico
new file mode 100644
index 0000000000..26c3f1a4bc
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-with-answers.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:33846097bffe86da884fb643d18e56041135c8169f6c6d5ccdec392bf3eaffab
+size 83904
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted.ico
new file mode 100644
index 0000000000..204f535b4c
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:33c5024069a82f0e2adb647480bd216443bf6c314d48a746509a4c8c5d4ac0bb
+size 35808
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-ignored-minimal-w100-sparce.ico
deleted file mode 100644
index e46e82feaf..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-ignored-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:e4c45362983e85fb58d3f2472997c456267e04bf1acf7616407e3483ff7e767f
-size 12907
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-ignored-minimal-w100.ico
deleted file mode 100644
index c595f5a3c9..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-ignored-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a49528853724a7b7cd382ac0cf883541fe948a3b15edd608ff0f9db0be7a7ebb
-size 33142
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-stats-answered-accepted.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-stats-answered-accepted.ico
deleted file mode 100644
index 5f79cb97fe..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-stats-answered-accepted.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:941f266c2d311f416eab76190b33de211220a7b77c5680e43f27c9d89ed5c4b3
-size 4885
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-stats-answered.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-stats-answered.ico
deleted file mode 100644
index 52b352ef44..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-stats-answered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:0fa05b5d6d6cc822432fab53e0e497950f49fdc7015ad7f3de5451c75fe3de64
-size 4434
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-stats-unanswered.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-stats-unanswered.ico
deleted file mode 100644
index 936f1c97ff..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-stats-unanswered.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a9fb61fc20634ef7b928c25ab9da263bf23be9dc2a6f0f5437e40fbf3beb5c2b
-size 3869
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-stats-views-hot.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-stats-views-hot.ico
deleted file mode 100644
index 3bc7cab989..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-stats-views-hot.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:7c62247c4d14742d754860eed0056b442276bfb3243a7c3b35b2abf488793949
-size 4446
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-stats-views-supernova.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-stats-views-supernova.ico
deleted file mode 100644
index 164f7080a0..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-stats-views-supernova.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:f4fa779f491090583cc40b9563b5d43ec1614a47198ac920018484ef1a87e383
-size 4598
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-stats-views-warm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-stats-views-warm.ico
deleted file mode 100644
index 5bab8c6d22..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-stats-views-warm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:da89cc56a773b7230c785231a6af6e5dfbe7a16df9fddb3f13108a553e4524c7
-size 4463
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-stats-views.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-stats-views.ico
deleted file mode 100644
index ba8b8eeb88..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-stats-views.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:51006dbfbbdcb1f9063237f9b6939059a649ac4899f34b105d3b09729c662a86
-size 3899
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-w100-description-lg.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-w100-description-lg.ico
deleted file mode 100644
index 298ce65f17..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-w100-description-lg.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:8e0a69848bbb17ebc0f1a6675bde6a69761c69f40a328178b045cf00e81a49a9
-size 47973
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-w100-description-md.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-w100-description-md.ico
deleted file mode 100644
index d575684dee..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-w100-description-md.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:f8ebf9d1479a858264bd9d4626d77f487b9981e742becbe54ce5e8e7b7c58a51
-size 40939
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-w100-description-sm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-w100-description-sm.ico
deleted file mode 100644
index 9fb3af76b6..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-w100-description-sm.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:ddd3d7048f4d4a177252d75c3f6c8f1782324a7714b8035dd0e4841e315f23a6
-size 27919
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-watched-minimal-w100-sparce.ico
deleted file mode 100644
index dad27179c9..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-watched-minimal-w100-sparce.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:7e1ff6741ebb5fa61778d5233b6d42e35b477c74c77b072e99e43809726850fa
-size 13537
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-watched-minimal-w100.ico
deleted file mode 100644
index 7719426b83..0000000000
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-watched-minimal-w100.ico
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:9d9c59171436a8c67da9bbb6d3161439f5e5c3c7a37ec2b38e1184dd714c7311
-size 34481
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-ws3-basic.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-ws3-basic.ico
index d1a8c25561..9c6733ef16 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-ws3-basic.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-ws3-basic.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ba11533436a3b8f0a8ee6b3778480598173e45a7dcbf8b16d2e7b0a82120c9d8
-size 23191
+oid sha256:7abdbecc9f5b7f6d10ca64c6cdb8306d7a4408817fe4e80d4146fb731b779fa6
+size 23360
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-ws3-basic.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-ws3-basic.ico
index c976bc4ba6..80a49a3c17 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-ws3-basic.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-ws3-basic.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:447e27084a96df87ee166bea74689ea31ffc9c764e698786b92ee54befad711f
-size 25024
+oid sha256:a7597c268ed190ab9d4e87d28269cb0536cdcbec62bbb1a6411c2dce4a12d6b3
+size 25029
diff --git a/packages/stacks-docs/_data/post-summary.json b/packages/stacks-docs/_data/post-summary.json
index 80f0c84491..eb7d0604f4 100644
--- a/packages/stacks-docs/_data/post-summary.json
+++ b/packages/stacks-docs/_data/post-summary.json
@@ -6,109 +6,230 @@
       "description": "Base parent container for a post summary"
     },
     {
-      "class": ".s-post-summary--stats",
+      "class": ".s-post-summary__answered",
       "applies": ".s-post-summary",
-      "description": "Container for the post summary stats"
+      "description": "Adds the styling necessary for a question with accepted answers"
     },
     {
-      "class": ".s-post-summary--stats-item",
-      "applies": ".s-post-summary--stats",
-      "description": "Individual stat item within the stats container"
+      "class": ".s-post-summary__deleted",
+      "applies": ".s-post-summary",
+      "description": "Adds the styling necessary for a deleted post"
     },
     {
-      "class": ".s-post-summary--stats-item-number",
-      "applies": ".s-post-summary--stats-item",
-      "description": "Container for applying styling to the number of a stat item"
+      "class": ".s-post-summary--sm-hide",
+      "applies": ".s-post-summary",
+      "description": "Hides the stats container on small screens"
     },
     {
-      "class": ".s-post-summary--stats-item-unit",
-      "applies": ".s-post-summary--stats-item",
-      "description": "Container for applying styling to the unit of a stat item"
+      "class": ".s-post-summary--sm-show",
+      "applies": ".s-post-summary",
+      "description": "Shows the stats container on small screens"
     },
     {
-      "class": ".has-answers",
-      "applies": ".s-post-summary--stats-item",
-      "description": "Adds the styling necessary for a question with answers"
+      "class": ".s-post-summary--answers",
+      "applies": ".s-post-summary",
+      "description": "Container for the post summary answers"
     },
     {
-      "class": ".has-accepted-answer",
-      "applies": ".s-post-summary--stats-item",
-      "description": "Adds the styling necessary for a question with accepted answers"
+      "class": ".s-post-summary--answer",
+      "applies": ".s-post-summary--answers",
+      "description": "Container for the post summary answer"
     },
     {
-      "class": ".has-bounty",
-      "applies": ".s-post-summary--stats-item",
-      "description": "Styles the stats item appropriately to display a bounty"
+      "class": ".s-post-summary--answer__accepted",
+      "applies": ".s-post-summary--answer",
+      "description": "Adds the styling necessary for an accepted answer"
     },
     {
-      "class": ".is-warm",
-      "applies": ".s-post-summary--stats-item",
-      "description": "Styles post stats with a warm color"
+      "class": ".s-post-summary--content",
+      "applies": ".s-post-summary",
+      "description": "Container for the post summary content"
     },
     {
-      "class": ".is-hot",
-      "applies": ".s-post-summary--stats-item",
-      "description": "Warmer still, for more popular posts"
+      "class": ".s-post-summary--content-meta",
+      "applies": ".s-post-summary--content",
+      "description": "A container for post meta data, things like tags and user cards."
     },
     {
-      "class": ".is-supernova",
-      "applies": ".s-post-summary--stats-item",
-      "description": "Paired with a fire icon, these are the most popular stats"
+      "class": ".s-post-summary--content-type",
+      "applies": ".s-post-summary--content",
+      "description": "Container for the post summary content type"
     },
     {
-      "class": ".s-post-summary--content",
+      "class": ".s-post-summary--excerpt",
+      "applies": ".s-post-summary--content",
+      "description": "Container for the post summary excerpt"
+    },
+    {
+      "class": ".s-post-summary--stats",
       "applies": ".s-post-summary",
-      "description": "Container for the post summary content"
+      "description": "Container for the post summary stats"
     },
     {
-      "class": ".s-post-summary--content-type",
-      "applies": ".s-post-summary--content",
-      "description": "A container for various content types, eg. How-to guide on Articles"
+      "class": ".s-post-summary--stats-answers",
+      "applies": ".s-post-summary--stats",
+      "description": "Container for the post summary answers"
     },
     {
-      "class": ".s-post-summary--content-title",
-      "applies": ".s-post-summary--content",
-      "description": "Post title styling"
+      "class": ".s-post-summary--stats-bounty",
+      "applies": ".s-post-summary--stats",
+      "description": "Container for the post summary bounty"
     },
     {
-      "class": ".s-post-summary--content-excerpt",
-      "applies": ".s-post-summary--content",
-      "description": "An optional content excerpt truncated at 2 lines."
+      "class": ".s-post-summary--stats-item",
+      "applies": ".s-post-summary--stats",
+      "description": "A genericcontainer for views, comments, read time, and other meta data which prepends a separator icon."
     },
     {
-      "class": ".s-post-summary--content-excerpt__sm",
-      "applies": ".s-post-summary--content-excerpt",
-      "description": "An optional content excerpt truncated at 1 line."
+      "class": ".s-post-summary--stats-votes",
+      "applies": ".s-post-summary--stats",
+      "description": "Container for the post summary votes"
     },
     {
-      "class": ".s-post-summary--content-excerpt__md",
-      "applies": ".s-post-summary--content-excerpt",
-      "description": "An optional content excerpt truncated at 3 lines."
+      "class": ".s-post-summary--tags",
+      "applies": ".s-post-summary",
+      "description": "Container for the post summary tags"
     },
     {
-      "class": ".s-post-summary--answer",
-      "applies": ".s-post-summary--content",
-      "description": "Adds blockquote styling and spacing for answer previews"
+      "class": ".s-post-summary--title",
+      "applies": ".s-post-summary",
+      "description": "Container for the post summary title"
     },
     {
-      "class": ".s-post-summary--answer-excerpt",
-      "applies": ".s-post-summary--content",
-      "description": "Provides padding, and truncation to 4 lines."
+      "class": ".s-post-summary--title-link",
+      "applies": ".s-post-summary--title",
+      "description": "Link styling for the post summary title"
     },
     {
-      "class": ".s-post-summary--content-menu-button",
-      "applies": ".s-post-summary--content",
-      "description": "An optional button for displaying a post-specific menu."
+      "class": ".s-post-summary--title-icon",
+      "applies": ".s-post-summary--title",
+      "description": "Icon styling for the post summary title"
+    }
+  ],
+  "answered": {
+    "answered": true
+  },
+  "bountied": {
+    "bounty": 50
+  },
+  "small": [
+    {
+      "excerptLines": 2
     },
     {
-      "class": ".s-post-summary--meta",
-      "applies": ".s-post-summary--content",
-      "description": "A container for post meta data, things like tags and user cards."
+      "answered": true,
+      "excerptLines": 2
     },
     {
-      "class": ".s-post-summary--meta-tags",
-      "applies": ".s-post-summary--meta",
-      "description": "A container for tags and other taxonomy."
+      "bounty": 50,
+      "excerptLines": 2
+    }
+  ],
+  "ignored":     {
+    "tags": [
+      {
+        "text": "retrieval-augmented-generation",
+        "ignored": true
+      },
+      "langchain",
+      "llm",
+      "vector-database",
+      "ai"
+    ],
+    "answered": true,
+    "bounty": 50
+  },
+  "watched": {
+    "tags": [
+      {
+        "text": "retrieval-augmented-generation",
+        "watched": true
+      },
+      "langchain",
+      "llm",
+      "vector-database",
+      "ai"
+    ],
+    "answered": true
+  },
+  "deleted": {
+    "answered": true,
+    "modifier": "s-post-summary__deleted"
+  },
+  "states": [
+    {
+      "badge": {
+        "class": "s-badge__info",
+        "text": "Draft",
+        "icon": "Compose"
+      }
+    },
+    {
+      "badge": {
+        "class": "s-badge__warning",
+        "text": "Review",
+        "icon": "Eye"
+      }
+    },
+    {
+      "badge": {
+        "class": "s-badge__danger",
+        "text": "Closed",
+        "icon": "Flag"
+      }
+    },
+    {
+      "badge": {
+        "text": "Archived",
+        "icon": "Document"
+      }
+    },
+    {
+      "badge": {
+        "class": "s-badge__tonal",
+        "text": "Pinned",
+        "icon": "Key"
+      }
+    }
+  ],
+  "contentTypes": [
+    {
+      "type": "Announcement"
+    },
+    {
+      "type": "How to guide"
+    },
+    {
+      "type": "Knowledge article"
+    },
+    {
+      "type": "Policy"
+    }
+  ],
+  "excerptSizes": [
+    {
+      "excerptLines": 0
+    },
+    {
+      "excerptLines": 1
+    },
+    {
+      "excerptLines": 2
+    },
+    {
+      "excerptLines": 3
+    }
+  ],
+  "withAnswers": [
+    {
+      "answered": true,
+      "answerCount": 2,
+      "answers": [
+        {
+          "accepted": true
+        },
+        {}
+      ]
     }
   ]
-}
\ No newline at end of file
+}
diff --git a/packages/stacks-docs/_data/site-navigation.json b/packages/stacks-docs/_data/site-navigation.json
index 692e4c153d..21b413661a 100644
--- a/packages/stacks-docs/_data/site-navigation.json
+++ b/packages/stacks-docs/_data/site-navigation.json
@@ -328,7 +328,8 @@
                         },
                         {
                             "title": "Post summary",
-                            "url": "/product/components/post-summary/"
+                            "url": "/product/components/post-summary/",
+                            "new": true
                         },
                         {
                             "title": "Progress bars",
diff --git a/packages/stacks-docs/_includes/post-summary-item.html b/packages/stacks-docs/_includes/post-summary-item.html
new file mode 100644
index 0000000000..ec6b285079
--- /dev/null
+++ b/packages/stacks-docs/_includes/post-summary-item.html
@@ -0,0 +1,199 @@
+{% comment %}
+    This partial renders a post summary item.
+    
+    Parameters:
+    - data (required): The post summary data object.
+        - answered (optional): Whether the post is answered.
+        - bounty (optional): The bounty amount.
+        - modifier (optional): The modifier to apply to the post summary.
+        - tags (optional): The tags to display.
+        - user (optional): The user to display.
+            - avatar (optional): The avatar image source.
+            - href (optional): The href of the user.
+            - reputation (optional): The reputation of the user.
+            - time (optional): The time of the user.
+            - tooltip (optional): The tooltip of the user.
+            - username (optional): The username of the user.
+        - votes (optional): The number of votes.
+        - answerCount (optional): The number of answers.
+        - views (optional): The number of views.
+        - excerpt (optional): The excerpt of the post.
+        - excerptLength (optional): The length of the excerpt.
+{% endcomment %}
+
+{% assign defaultExcerpt = "I have built a Retrieval-Augmented Generation (RAG) system using LangChain, a vector database, and an open-source LLM. While it works reasonably well, the model often hallucinates answers or cites sources that are only tangentially related to the user's query. My chunking strategy is set to a chunk size of 1000 tokens, which seems to be the sweet spot for the model." %}
+{% assign defaultTags = "retrieval-augmented-generation, langchain, llm, vector-database" | split: ", " %}
+<div class="s-post-summary {% if data.answered %}s-post-summary__answered{% endif %} {{ data.modifier }}" {{ rootAttributes }}>
+    <div class="s-post-summary--stats s-post-summary--sm-hide">
+        <div class="s-post-summary--stats-votes">
+            +{{ data.votes | default: 24 }}
+            <span class="v-visible-sr">votes</span>
+        </div>
+        <div class="s-post-summary--stats-answers">
+            {% if data.answered %}
+                {% icon "Answer16Fill" %}
+            {% else %}
+                {% icon "Answer16" %}
+            {% endif %}
+            {{ data.answerCount | default: 1 }}
+            <span class="v-visible-sr">answers</span>
+        </div>
+        {% if data.bounty %}
+            <div class="s-post-summary--stats-bounty">
+                <span>+</span>
+                {{ data.bounty }}
+            </div>
+        {% endif %}
+    </div>
+    <div class="s-post-summary--content">
+        <div class="s-post-summary--sm-show">
+            {% if data.badge %}
+                <span class="s-badge s-badge__sm {{ data.badge.class }}">
+                    {% if data.badge.icon %}
+                        {% icon data.badge.icon %}
+                    {% endif %}
+                    {{ data.badge.text }}
+                </span>
+            {% endif %}
+        </div>
+        <div class="s-post-summary--content-meta">
+            <div class="s-user-card s-user-card__sm">
+                <a class="s-user-card--group" href="{{ data.user.href | default: "#" }}">
+                    <span class="s-avatar">
+                        <img class="s-avatar--image" alt="{{ data.user.username | default: "SofiaAlc" }}" src="{{ data.user.avatar | default: "/assets/img/avatar-disgusted-16.svg" }}" />
+                    </span>
+                    <span class="s-user-card--username">{{ data.user.username | default: "SofiaAlc" }}</span>
+                </a>
+                <ul class="s-user-card--group">
+                    <li class="s-user-card--rep">
+                        <span class="s-bling s-bling__sm">
+                            <span class="v-visible-sr">reputation bling</span>
+                        </span>
+                        {{ data.user.reputation | default: 1 }}
+                    </li>
+                </ul>
+                <a class="s-user-card--time" href="#" title="{{ data.user.tooltip | default: "2026-01-09 12:15:39Z" }}" data-controller="s-tooltip">
+                    <time>asked {{ data.user.time | default: "2 hours ago" }}</time>
+                </a>
+            </div>
+            <!-- Stats (sm) -->
+            <div class="s-post-summary--stats s-post-summary--sm-show">
+                <!-- Votes -->
+                <div class="s-post-summary--stats-votes">
+                    {% icon "Vote16Up" %}
+                    {{ data.votes | default: 24 }}
+                </div>
+                <!-- Answers -->
+                <div class="s-post-summary--stats-answers">
+                    {% if data.answered %}
+                        {% icon "Answer16Fill", "s-post-summary--stats-answers--icon" %}
+                    {% else %}
+                        {% icon "Answer16" %}
+                    {% endif %}
+                    {{ data.answerCount | default: 1 }}
+                    <span class="v-visible-sr">answers</span>
+                </div>
+                <!-- Bounty -->
+                {% if data.bounty %}
+                    <div class="s-post-summary--stats-bounty">
+                        <span>+</span>
+                        {{ data.bounty }}
+                    </div>
+                {% endif %}
+            </div>
+            <div class="s-post-summary--stats-item">
+                {{ data.views | default: 98 }} views
+            </div>
+            {% if data.badge %}
+                <span class="s-badge {{ data.badge.class }} ml-auto s-post-summary--sm-hide">
+                    {% if data.badge.icon %}
+                        {% icon data.badge.icon %}
+                    {% endif %}
+                    {{ data.badge.text }}
+                </span>
+            {% endif %}
+        </div>
+        <div class="s-post-summary--title">
+            {% if data.gated %}
+                {% icon "Shield16", "s-post-summary--title-icon" %}
+            {% endif %}
+            <a class="s-post-summary--title-link" href="#">
+                <!-- TODO SHINE include badge icon -->
+                {{ data.title | default: "How to reduce hallucinations and improve source relevance in a RAG pipeline?" }}
+            </a>
+        </div>
+        {% if data.excerptLines != 0 %}
+            <p class="s-post-summary--excerpt v-truncate{{ data.excerptLines | default: 3 }}">
+                {{ data.excerpt | default: defaultExcerpt }}
+            </p>
+        {% endif %}
+        <div class="s-post-summary--tags">
+            {% if data.type %}
+                <a class="s-post-summary--content-type" href="#">
+                    {% icon "Document" %}
+                    {{ data.type }}
+                </a>
+            {% endif %}
+            {% if data.tags.size > 0 %}
+                {% for tag in data.tags %}
+                    <a class="s-tag {% if tag.ignored %}s-tag__ignored{% endif %} {% if tag.watched %}s-tag__watched{% endif %}" href="#">
+                        {% if tag.ignored %}<div class="v-visible-sr">Ignored tag</div>{% endif %}
+                        {% if tag.watched %}<div class="v-visible-sr">Watched tag</div>{% endif %}
+                        {{ tag.text | default: tag }}
+                    </a>
+                {% endfor %}
+            {% else %}
+                {% for tag in defaultTags %}
+                    <a class="s-tag" href="#">{{ tag }}</a>
+                {% endfor %}
+            {% endif %}
+        </div>
+        {% if data.answerCount > 0 %}
+            <div class="s-post-summary--answers">
+                {% for answer in data.answers %}
+                    <div class="s-post-summary--answer {% if answer.accepted %}s-post-summary--answer__accepted{% endif %}">
+                        <div class="s-post-summary--content-meta">
+                            <div class="s-user-card s-user-card__sm">
+                                <a class="s-user-card--group" href="{{ data.user.href | default: "#" }}">
+                                    <span class="s-avatar">
+                                        <img class="s-avatar--image" alt="{{ data.user.username | default: "SofiaAlc" }}" src="{{ data.user.avatar | default: "/assets/img/avatar-disgusted-16.svg" }}" />
+                                    </span>
+                                    <span class="s-user-card--username">{{ data.user.username | default: "SofiaAlc" }}</span>
+                                </a>
+                                <ul class="s-user-card--group">
+                                    <li class="s-user-card--rep">
+                                        <span class="s-bling s-bling__sm">
+                                            <span class="v-visible-sr">reputation bling</span>
+                                        </span>
+                                        {{ data.user.reputation | default: 1 }}
+                                    </li>
+                                </ul>
+                                <a class="s-user-card--time" href="#" title="{{ data.user.tooltip | default: "2026-01-09 12:15:39Z" }}" data-controller="s-tooltip">
+                                    <time>asked {{ data.user.time | default: "2 hours ago" }}</time>
+                                </a>
+                            </div>
+                            <!-- Stats (sm) -->
+                            <div class="s-post-summary--stats">
+                                <!-- Votes -->
+                                <div class="s-post-summary--stats-votes">
+                                    {% icon "Vote16Up" %}
+                                    {{ data.votes | default: 24 }}
+                                </div>
+                                <!-- Answers -->
+                                {% if answer.accepted %}
+                                    <div class="s-post-summary--stats-answers">
+                                        {% icon "Answer16Fill", "s-post-summary--stats-answers--icon" %}
+                                        Accepted answer
+                                    </div>
+                                {% endif %}
+                            </div>
+                        </div>
+                        <div class="s-post-summary--excerpt v-truncate{{ answer.excerptLines | default: 3 }}">
+                            {{ answer.excerpt | default: defaultExcerpt }}
+                        </div>
+                    </div>
+                {% endfor %}
+            </div>
+        {% endif %}
+    </div>
+</div>
diff --git a/packages/stacks-docs/package.json b/packages/stacks-docs/package.json
index 64f1da2652..6c237ff633 100644
--- a/packages/stacks-docs/package.json
+++ b/packages/stacks-docs/package.json
@@ -12,7 +12,7 @@
         "@hotwired/stimulus": "^3.2.2",
         "@stackoverflow/stacks": "*",
         "@stackoverflow/stacks-editor": "^1.0.0-beta.3",
-        "@stackoverflow/stacks-icons": "^7.0.0-beta.16",
+        "@stackoverflow/stacks-icons": "^7.0.0-beta.18",
         "@stackoverflow/stacks-icons-legacy": "npm:@stackoverflow/stacks-icons@^6.9.0",
         "cheerio": "^1.1.2",
         "docsearch.js": "^2.6.3",
diff --git a/packages/stacks-docs/product/components/post-summary.html b/packages/stacks-docs/product/components/post-summary.html
index 89da614064..912baed581 100644
--- a/packages/stacks-docs/product/components/post-summary.html
+++ b/packages/stacks-docs/product/components/post-summary.html
@@ -5,6 +5,7 @@
 description: The post summary component summarizes various content and associated meta data into a highly configurable component.
 tags: components
 ---
+<!-- Classes table -->
 <section class="docs-section">
     {% header "h2", "Classes" %}
     <div class="overflow-x-auto mb32" tabindex="0">
@@ -28,1917 +29,559 @@
         </table>
     </div>
 </section>
-<section class="docs-section">
-    {% header "h2", "Layout Examples" %}
-    <p class="docs-copy">Post summaries are a flexible component capable of previewing various content types—questions or articles. Post summaries are meant to be flexible, allowing for each individual piece to be removed. Let’s start with a full example of a few questions and an article interleaved.</p>
 
-    {% header "h3", "Full" %}
-    <p class="docs-copy">At their most complete, post summaries are presented in two columns and can contain:</p>
-    <ul class="docs-copy">
-        <li>Title</li>
-        <li>Excerpt</li>
-        <li>Tags & other categorization</li>
-        <li>Author & creation date</li>
-        <li>Stats & various states</li>
-        <li>Contextual menu</li>
-    </ul>
-    <p class="docs-copy">At the smallest breakpoint, the layout will switch to a single column.</p>
+{% header "h2", "Examples" %}
+{% header "h3", "Base" %}
+<section class="docs-section">
+    <p class="docs-copy">Use the post summary component to provide a concise summary of a question, article, or other content.</p>
     <div class="docs-preview">
 {% highlight html %}
 <div class="s-post-summary">
-    <div class="s-post-summary--stats">
-        <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-            <span class="s-post-summary--stats-item-number">
-                …
-            </span>
-            <span class="s-post-summary--stats-item-unit">
-                votes
-            </span>
-        </div>
-        <div class="s-post-summary--stats-item has-answers has-accepted-answer">
-            @Svg.CheckmarkSm
-            <span class="s-post-summary--stats-item-number">
-                …
-            </span>
-            <span class="s-post-summary--stats-item-unit">
-                answers
-            </span>
-        </div>
-        <div class="s-post-summary--stats-item is-supernova">
-            <span class="s-post-summary--stats-item-number">
-                …
-            </span>
-            <span class="s-post-summary--stats-item-unit">
-                views
-            </span>
-        </div>
+    <div class="s-post-summary--stats s-post-summary--sm-hide">
+        <div class="s-post-summary--stats-votes">…</div>
+        <div class="s-post-summary--stats-answers">…</div>
     </div>
     <div class="s-post-summary--content">
-        <div class="s-post-summary--content-type">
-            <a href="…" class="s-link s-link__grayscale">
-                @Svg… …
-            </a>
-        </div>
-        <h3 class="s-post-summary--content-title">
-            <a href="…" class="s-link">…</a>
-        </h3>
-        <p class="s-post-summary--content-excerpt">…</p>
-        <div class="s-post-summary--meta">
-            <div class="s-post-summary--meta-tags">
-                <a class="s-tag" href="…">…</a>
-            </div>
-
-            <div class="s-user-card s-user-card__minimal">
-                <a href="…" class="s-avatar s-user-card--avatar">
-                    <img class="s-avatar--image" src="…" />
-                    <span class="v-visible-sr">…</span>
-                </a>
-                <a href="…" class="s-user-card--link">…</a>
-                <ul class="s-user-card--awards">
-                    <li class="s-user-card--rep">…</li>
-                </ul>
-                <time class="s-user-card--time">…</time>
-            </div>
-        </div>
-        <a href="…" class="s-btn s-btn__tonal s-post-summary--content-menu-button">
-            @Svg.EllipsisVertical
-            <span class="v-visible-sr">…</span>
-        </a>
-    </div>
-</div>
-{% endhighlight %}
-        <div class="docs-preview--example p0">
-            <div class="s-post-summary">
-                <div class="s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            95
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item has-answers has-accepted-answer">
-                        {% icon "CheckmarkSm" %}
-                        <span class="s-post-summary--stats-item-number">
-                            5
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answers
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item is-supernova">
-                        <span class="s-post-summary--stats-item-number">
-                            104k
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                </div>
-                <div class="s-post-summary--content">
-                    <h3 class="s-post-summary--content-title">
-                        <a href="#">How to generate the JPA entity Metamodel?</a>
-                    </h3>
-                    <p class="s-post-summary--content-excerpt">
-                        In the spirit of type safety associated with the CriteriaQuery JPA 2.0 also has an API to support Metamodel representation of entities.
-                    </p>
-                    <div class="s-post-summary--meta">
-                        <div class="s-post-summary--meta-tags">
-                            <a class="s-tag" href="#">java</a>
-                            <a class="s-tag" href="#">hibernate</a>
-                            <a class="s-tag" href="#">jpa</a>
-                            <a class="s-tag" href="#">annotation-processing</a>
-                            <a class="s-tag" href="#">metamodel</a>
-                        </div>
-
-                        <div class="s-user-card s-user-card__minimal">
-                            <a href="#" class="s-avatar s-user-card--avatar">
-                                <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                <span class="v-visible-sr">Paul Wright</span>
-                            </a>
-                            <a href="#" class="s-user-card--link">Paul Wright</a>
-                            <ul class="s-user-card--awards">
-                                <li class="s-user-card--rep">1350</li>
-                            </ul>
-                            <time class="s-user-card--time">asked about 2 minutes ago</time>
-                        </div>
-                    </div>
-                    <a href="#" class="s-btn s-btn__tonal s-post-summary--content-menu-button">
-                        {% icon "EllipsisVertical" %}
-                        <span class="v-visible-sr">menu</span>
-                    </a>
-                </div>
-            </div>
-
-            <div class="s-post-summary">
-                <div class="s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            280
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item has-answers">
-                        <span class="s-post-summary--stats-item-number">
-                            4
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answers
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item is-warm">
-                        <span class="s-post-summary--stats-item-number">
-                            10.2k
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item s-badge s-badge__bounty">
-                        +50
-                    </div>
-                </div>
-                <div class="s-post-summary--content">
-                    <h3 class="s-post-summary--content-title">
-                        <a href="#">Cannot read property 'startsWith' of null in npm install</a>
-                    </h3>
-                    <p class="s-post-summary--content-excerpt">
-                        I am creating my first react-native app. I am attempting to install the react-native command line interface as shown here. I keep getting an error when I type the command to initiate the react-native command line
-                    </p>
-                    <div class="s-post-summary--meta">
-                        <div class="s-post-summary--meta-tags">
-                            <a class="s-tag" href="#">node-js</a>
-                            <a class="s-tag" href="#">angular</a>
-                            <a class="s-tag" href="#">npm</a>
-                            <a class="s-tag" href="#">javascript</a>
-                        </div>
-
-                        <div class="s-user-card s-user-card__minimal">
-                            <a href="#" class="s-avatar s-user-card--avatar">
-                                <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                <span class="v-visible-sr">Aaron Shekey</span>
-                            </a>
-                            <a href="#" class="s-user-card--link">Aaron Shekey</a>
-                            <ul class="s-user-card--awards">
-                                <li class="s-user-card--rep">205</li>
-                            </ul>
-                            <time class="s-user-card--time">asked about 3 minutes ago</time>
-                        </div>
-                    </div>
-                    <a href="#" class="s-btn s-btn__tonal s-post-summary--content-menu-button">
-                        {% icon "EllipsisVertical" %}
-                        <span class="v-visible-sr">menu</span>
-                    </a>
-                </div>
-            </div>
-
-            <div class="s-post-summary">
-                <div class="s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            1
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            vote
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            15
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            1
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            minute read
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            1
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            comment
-                        </span>
-                    </div>
-                </div>
-                <div class="s-post-summary--content">
-                    <div class="s-post-summary--content-type">
-                        <a href="#" class="s-link s-link__grayscale">{% icon "DocumentAlt" %} How-to guide</a>
-                    </div>
-                    <h3 class="s-post-summary--content-title">
-                        <a href="#">How to run a product research study</a>
-                    </h3>
-                    <p class="s-post-summary--content-excerpt">
-                        This article aims to guide you through the steps and processes you may want to consider when running research at Stack Overflow. While there are obviously many methods, this guide will focus more interview-style research. For a full list of Product Research templates, guides, and links, see this article.
-                    </p>
-                    <div class="s-post-summary--meta">
-                        <div class="s-post-summary--meta-tags">
-                            <a class="s-tag" href="#">ux-research</a>
-                        </div>
-
-                        <div class="s-user-card s-user-card__minimal">
-                            <a href="#" class="s-avatar s-user-card--avatar">
-                                <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                <span class="v-visible-sr">Mithila Fox</span>
-                            </a>
-                            <a href="#" class="s-user-card--link">Mithila Fox</a>
-                            <ul class="s-user-card--awards">
-                                <li class="s-user-card--rep">323</li>
-                            </ul>
-                            <time class="s-user-card--time">created 15 days ago</time>
-                        </div>
-                    </div>
-                    <a href="#" class="s-btn s-btn__tonal s-post-summary--content-menu-button">
-                        {% icon "EllipsisVertical" %}
-                        <span class="v-visible-sr">menu</span>
+        <div class="s-post-summary--content-meta">
+            <div class="s-user-card s-user-card__sm">
+                <div class="s-user-card--group" href="…">
+                    <a class="s-avatar" href="…">
+                        <img class="s-avatar--image" src="…">
+                        <span class="v-visible-sr">…</span>
                     </a>
+                    <span class="s-user-card--username">…</span>
+                    <ul class="s-user-card--group">
+                        <li class="s-user-card--rep">
+                            <span class="s-bling s-bling__rep s-bling__sm">
+                                <span class="v-visible-sr">reputation bling</span>
+                            </span>
+                            …
+                        </li>
+                    </ul>
+                    <span>
+                        <a class="s-user-card--time" title="…" data-controller="s-tooltip" href="…">
+                            <time>…</time>
+                        </a>
+                    </span>
                 </div>
             </div>
-
-            <div class="s-post-summary">
-                <div class="s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            1
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            vote
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item has-answers">
-                        <span class="s-post-summary--stats-item-number">
-                            1
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answer
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            7
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
+            <div class="s-post-summary--stats s-post-summary--sm-show">
+                <div class="s-post-summary--stats-votes">
+                    {% icon "Vote16Up" %}
+                    …
                 </div>
-                <div class="s-post-summary--content">
-                    <h3 class="s-post-summary--content-title">
-                        <a href="#">
-                            {% icon "Shield" %}
-                            EF core 3.1 - common table for entity and owned type
-                        </a>
-                    </h3>
-                    <p class="s-post-summary--content-excerpt">
-                        I’m trying to implement DDD approach in my project but realized that I have too big aggregates and trying to minimize the amount of data loaded from the database. I have an aggregate Order which
-                    </p>
-                    <div class="s-post-summary--meta">
-                        <div class="s-post-summary--meta-tags">
-                            <a class="s-tag" href="#">c#</a>
-                            <a class="s-tag" href="#">asp.net</a>
-                            <a class="s-tag" href="#">entity-framework</a>
-                            <a class="s-tag" href="#">domain-driven-design</a>
-                        </div>
-
-                        <div class="s-user-card s-user-card__minimal">
-                            <a href="#" class="s-avatar s-user-card--avatar">
-                                <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                <span class="v-visible-sr">dantey89</span>
-                            </a>
-                            <a href="#" class="s-user-card--link">dantey89</a>
-                            <ul class="s-user-card--awards">
-                                <li class="s-user-card--rep">1,315</li>
-                            </ul>
-                            <time class="s-user-card--time">asked about 3 minutes ago</time>
-                        </div>
-                    </div>
-                    <a href="#" class="s-btn s-btn__tonal s-post-summary--content-menu-button">
-                        {% icon "EllipsisVertical" %}
-                        <span class="v-visible-sr">menu</span>
-                    </a>
+                <div class="s-post-summary--stats-answers">
+                    {% icon "Answer16" %}
+                    …
+                    <span class="v-visible-sr">answers</span>
                 </div>
             </div>
+            <div class="s-post-summary--stats-item">… views</div>
+        </div>
+        <div class="s-post-summary--title">
+            <a class="s-post-summary--title-link" href="…">…</a>
+        </div>
+        <p class="s-post-summary--excerpt v-truncate3">…</p>
+        <div class="s-post-summary--tags">
+            <a class="s-tag" href="…">…</a>
+            …
         </div>
     </div>
+</div>
+{% endhighlight %}
+    <div class="docs-preview--example d-flex fd-column g32">
+        {% render 'post-summary-item.html' %}
+    </div>
+</section>
 
-    {% header "h3", "Minimal" %}
-    <p class="docs-copy">There are compact views where it’s appropriate to reduce the amount of information within the post summary. The minimal view forces the smallest breakpoint layout in any context, stacking the meta data on top and putting everything into a single column.</p>
+{% header "h3", "Answered" %}
+<section class="docs-section">
+    <p class="docs-copy">
+        Add the <code class="docs-code">.s-post-summary__answered</code> modifier class to indicate that the post has an accepted answer.
+    </p>
     <div class="docs-preview">
 {% highlight html %}
-<div class="s-post-summary s-post-summary__minimal">
-    <div class="s-post-summary--stats">
-        <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-            <span class="s-post-summary--stats-item-number">
-                …
-            </span>
-            <span class="s-post-summary--stats-item-unit">
-                votes
-            </span>
-        </div>
-        <div class="s-post-summary--stats-item">
-            @Svg.CheckmarkSm
-            <span class="s-post-summary--stats-item-number">
-                …
-            </span>
-            <span class="s-post-summary--stats-item-unit">
-                answers
-            </span>
-        </div>
-        <div class="s-post-summary--stats-item">
-            <span class="s-post-summary--stats-item-number">
-                …
-            </span>
-            <span class="s-post-summary--stats-item-unit">
-                views
-            </span>
+<div class="s-post-summary s-post-summary__answered">
+    …
+</div>
+{% endhighlight %}
+    <div class="docs-preview--example d-flex fd-column g32">
+        {% render 'post-summary-item.html', data: post-summary.answered %}
+    </div>
+</section>
+
+<section class="docs-section">
+    {% header "h3", "Bountied" %}
+    <p class="docs-copy">
+        Include the <code class="docs-code">.s-post-summary--stats-bounty</code> element to indicate that the post has a bounty.
+    </p>
+    <div class="docs-preview">
+{% highlight html %}
+<div class="s-post-summary">
+    <div class="s-post-summary--stats s-post-summary--sm-hide">
+        <div class="s-post-summary--stats-votes">…</div>
+        <div class="s-post-summary--stats-answers">…</div>
+        <div class="s-post-summary--stats-bounty">
+            +50 <span class="v-visible-sr">bounty</span>
         </div>
     </div>
     <div class="s-post-summary--content">
-        <h3 class="s-post-summary--content-title">
-            <a href="…">…</a>
-        </h3>
-        <div class="s-post-summary--meta">
-            <div class="s-post-summary--meta-tags">
-                <a class="s-tag" href="…">…</a>
-            </div>
-
-            <div class="s-user-card s-user-card__minimal">
-                <a href="…" class="s-avatar s-user-card--avatar">
-                    <img class="s-avatar--image" src="…" />
-                    <span class="v-visible-sr">…</span>
-                </a>
-                <a href="…" class="s-user-card--link">…</a>
-                <time class="s-user-card--time">…</time>
+        …
+        <div class="s-post-summary--content-meta">
+            <div class="s-user-card s-user-card__sm">…</div>
+            <div class="s-post-summary--stats s-post-summary--sm-show">
+                <div class="s-post-summary--stats-votes">…</div>
+                <div class="s-post-summary--stats-answers">…</div>
+                <div class="s-post-summary--stats-bounty">
+                    +50 <span class="v-visible-sr">bounty</span>
+                </div>
             </div>
         </div>
+        …
     </div>
+    …
 </div>
 {% endhighlight %}
-        <div class="docs-preview--example p0">
-            <div class="s-post-summary s-post-summary__minimal">
-                <div class="s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            0
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            0
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answers
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            2
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                </div>
-                <div class="s-post-summary--content">
-                    <h3 class="s-post-summary--content-title">
-                        <a href="#">Clicking through a viewpager2?</a>
-                    </h3>
-                    <div class="s-post-summary--meta">
-                        <div class="s-post-summary--meta-tags">
-                            <a class="s-tag" href="#">android</a>
-                            <a class="s-tag" href="#">android-studio</a>
-                            <a class="s-tag" href="#">android-viewpager2</a>
-                        </div>
-
-                        <div class="s-user-card s-user-card__minimal">
-                            <a href="#" class="s-avatar s-user-card--avatar">
-                                <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                <span class="v-visible-sr">Callum Osborne</span>
-                            </a>
-                            <a href="#" class="s-user-card--link">Callum Osborne</a>
-                            <time class="s-user-card--time">asked about 1 minute ago</time>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="s-post-summary s-post-summary__minimal">
-                <div class="s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            0
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item has-answers">
-                        <span class="s-post-summary--stats-item-number">
-                            1
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answer
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            3
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                </div>
-                <div class="s-post-summary--content">
-                    <h3 class="s-post-summary--content-title">
-                        <a href="#">What permissions does github_token require for releases from a github action</a>
-                    </h3>
-                    <div class="s-post-summary--meta">
-                        <div class="s-post-summary--meta-tags">
-                            <a class="s-tag" href="#">github-actions</a>
-                        </div>
-
-                        <div class="s-user-card s-user-card__minimal">
-                            <a href="#" class="s-avatar s-user-card--avatar">
-                                <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                <span class="v-visible-sr">GuiFalourd</span>
-                            </a>
-                            <a href="#" class="s-user-card--link">GuiFalourd</a>
-                            <time class="s-user-card--time">answered 4 minutes ago</time>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="s-post-summary s-post-summary__minimal">
-                <div class="s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            0
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            0
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answers
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            5
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                </div>
-                <div class="s-post-summary--content">
-                    <h3 class="s-post-summary--content-title">
-                        <a href="#">Parentheses is Invalid Bash</a>
-                    </h3>
-                    <div class="s-post-summary--meta">
-                        <div class="s-post-summary--meta-tags">
-                            <a class="s-tag" href="#">linux</a>
-                            <a class="s-tag" href="#">bash</a>
-                            <a class="s-tag" href="#">docker</a>
-                            <a class="s-tag" href="#">shell</a>
-                        </div>
-
-                        <div class="s-user-card s-user-card__minimal">
-                            <a href="#" class="s-avatar s-user-card--avatar">
-                                <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                <span class="v-visible-sr">thatkingguy_</span>
-                            </a>
-                            <a href="#" class="s-user-card--link">thatkingguy_</a>
-                            <time class="s-user-card--time">asked 8 minutes ago</time>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
+    <div class="docs-preview--example d-flex fd-column g32">
+        {% render 'post-summary-item.html', data: post-summary.bountied %}
     </div>
+</section>
 
-    {% header "h3", "Excerpts" %}
-    <p class="docs-copy">Posts can be shown with or without excerpts. Stacks also provides various size </p>
+{% header "h3", "Ignored" %}
+<section class="docs-section">
+    <p class="docs-copy">Including an ignored tag will automatically apply custom ignored styling to the post summary.</p>
     <div class="docs-preview">
 {% highlight html %}
-…
-<p class="s-post-summary--content-excerpt s-post-summary--content-excerpt__sm">…</p>
-<p class="s-post-summary--content-excerpt">…</p>
-<p class="s-post-summary--content-excerpt s-post-summary--content-excerpt__md">…</p>
-<p class="s-post-summary--content-excerpt s-post-summary--content-excerpt__lg">…</p>
+<div class="s-post-summary">
+    …
+    <div class="s-post-summary--content">
+        …
+        <div class="s-post-summary--tags">
+            <a class="s-tag s-tag__ignored" href="…">…</a>
+            …
+        </div>
+    </div>
+</div>
 {% endhighlight %}
-        <div class="docs-preview--example p0">
-            <div class="s-post-summary">
-                <div class="s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            95
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item has-answers has-accepted-answer">
-                        {% icon "CheckmarkSm" %}
-                        <span class="s-post-summary--stats-item-number">
-                            5
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answers
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item is-supernova">
-                        <span class="s-post-summary--stats-item-number">
-                            104k
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                </div>
-                <div class="s-post-summary--content">
-                    <h3 class="s-post-summary--content-title">
-                        <a href="#">How to generate the JPA entity Metamodel?</a>
-                    </h3>
-                    <div class="s-post-summary--meta">
-                        <div class="s-post-summary--meta-tags">
-                            <a class="s-tag" href="#">java</a>
-                            <a class="s-tag" href="#">hibernate</a>
-                            <a class="s-tag" href="#">jpa</a>
-                            <a class="s-tag" href="#">annotation-processing</a>
-                            <a class="s-tag" href="#">metamodel</a>
-                        </div>
-
-                        <div class="s-user-card s-user-card__minimal">
-                            <a href="#" class="s-avatar s-user-card--avatar">
-                                <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                <span class="v-visible-sr">Paul Wright</span>
-                            </a>
-                            <a href="#" class="s-user-card--link">Paul Wright</a>
-                            <ul class="s-user-card--awards">
-                                <li class="s-user-card--rep">1350</li>
-                            </ul>
-                            <time class="s-user-card--time">asked about 2 minutes ago</time>
-                        </div>
-                    </div>
-                    <a href="#" class="s-btn s-btn__tonal s-post-summary--content-menu-button">
-                        {% icon "EllipsisVertical" %}
-                        <span class="v-visible-sr">menu</span>
-                    </a>
-                </div>
-            </div>
-
-            <div class="s-post-summary">
-                <div class="s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            95
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item has-answers has-accepted-answer">
-                        {% icon "CheckmarkSm" %}
-                        <span class="s-post-summary--stats-item-number">
-                            5
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answers
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item is-supernova">
-                        <span class="s-post-summary--stats-item-number">
-                            104k
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                </div>
-                <div class="s-post-summary--content">
-                    <h3 class="s-post-summary--content-title">
-                        <a href="#">How to generate the JPA entity Metamodel?</a>
-                    </h3>
-                    <p class="s-post-summary--content-excerpt s-post-summary--content-excerpt__sm">
-                        In the spirit of type safety associated with the CriteriaQuery JPA 2.0 also has an API to support Metamodel representation of entities.
-
-Is anyone aware of a fully functional implementation of this API (to generate the Metamodel as opposed to creating the metamodel classes manually)? It would be awesome if someone also knows the steps for setting this up in Eclipse (I assume it's as simple as setting up an annotation processor, but you never know).
-                    </p>
-                    <div class="s-post-summary--meta">
-                        <div class="s-post-summary--meta-tags">
-                            <a class="s-tag" href="#">java</a>
-                            <a class="s-tag" href="#">hibernate</a>
-                            <a class="s-tag" href="#">jpa</a>
-                            <a class="s-tag" href="#">annotation-processing</a>
-                            <a class="s-tag" href="#">metamodel</a>
-                        </div>
-
-                        <div class="s-user-card s-user-card__minimal">
-                            <a href="#" class="s-avatar s-user-card--avatar">
-                                <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                <span class="v-visible-sr">Paul Wright</span>
-                            </a>
-                            <a href="#" class="s-user-card--link">Paul Wright</a>
-                            <ul class="s-user-card--awards">
-                                <li class="s-user-card--rep">1350</li>
-                            </ul>
-                            <time class="s-user-card--time">asked about 2 minutes ago</time>
-                        </div>
-                    </div>
-                    <a href="#" class="s-btn s-btn__tonal s-post-summary--content-menu-button">
-                        {% icon "EllipsisVertical" %}
-                        <span class="v-visible-sr">menu</span>
-                    </a>
-                </div>
-            </div>
-
-            <div class="s-post-summary">
-                <div class="s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            95
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item has-answers has-accepted-answer">
-                        {% icon "CheckmarkSm" %}
-                        <span class="s-post-summary--stats-item-number">
-                            5
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answers
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item is-supernova">
-                        <span class="s-post-summary--stats-item-number">
-                            104k
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                </div>
-                <div class="s-post-summary--content">
-                    <h3 class="s-post-summary--content-title">
-                        <a href="#">How to generate the JPA entity Metamodel?</a>
-                    </h3>
-                    <p class="s-post-summary--content-excerpt">
-                        In the spirit of type safety associated with the CriteriaQuery JPA 2.0 also has an API to support Metamodel representation of entities. Is anyone aware of a fully functional implementation of this API (to generate the Metamodel as opposed to creating the metamodel classes manually)? It would be awesome if someone also knows the steps for setting this up in Eclipse (I assume it's as simple as setting up an annotation processor, but you never know).
-                    </p>
-                    <div class="s-post-summary--meta">
-                        <div class="s-post-summary--meta-tags">
-                            <a class="s-tag" href="#">java</a>
-                            <a class="s-tag" href="#">hibernate</a>
-                            <a class="s-tag" href="#">jpa</a>
-                            <a class="s-tag" href="#">annotation-processing</a>
-                            <a class="s-tag" href="#">metamodel</a>
-                        </div>
-
-                        <div class="s-user-card s-user-card__minimal">
-                            <a href="#" class="s-avatar s-user-card--avatar">
-                                <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                <span class="v-visible-sr">Paul Wright</span>
-                            </a>
-                            <a href="#" class="s-user-card--link">Paul Wright</a>
-                            <ul class="s-user-card--awards">
-                                <li class="s-user-card--rep">1350</li>
-                            </ul>
-                            <time class="s-user-card--time">asked about 2 minutes ago</time>
-                        </div>
-                    </div>
-                    <a href="#" class="s-btn s-btn__tonal s-post-summary--content-menu-button">
-                        {% icon "EllipsisVertical" %}
-                        <span class="v-visible-sr">menu</span>
-                    </a>
-                </div>
-            </div>
-
-            <div class="s-post-summary">
-                <div class="s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            95
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item has-answers has-accepted-answer">
-                        {% icon "CheckmarkSm" %}
-                        <span class="s-post-summary--stats-item-number">
-                            5
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answers
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item is-supernova">
-                        <span class="s-post-summary--stats-item-number">
-                            104k
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                </div>
-                <div class="s-post-summary--content">
-                    <h3 class="s-post-summary--content-title">
-                        <a href="#">How to generate the JPA entity Metamodel?</a>
-                    </h3>
-                    <p class="s-post-summary--content-excerpt s-post-summary--content-excerpt__md">
-                        In the spirit of type safety associated with the CriteriaQuery JPA 2.0 also has an API to support Metamodel representation of entities. Is anyone aware of a fully functional implementation of this API (to generate the Metamodel as opposed to creating the metamodel classes manually)? It would be awesome if someone also knows the steps for setting this up in Eclipse (I assume it's as simple as setting up an annotation processor, but you never know).
-                    </p>
-                    <div class="s-post-summary--meta">
-                        <div class="s-post-summary--meta-tags">
-                            <a class="s-tag" href="#">java</a>
-                            <a class="s-tag" href="#">hibernate</a>
-                            <a class="s-tag" href="#">jpa</a>
-                            <a class="s-tag" href="#">annotation-processing</a>
-                            <a class="s-tag" href="#">metamodel</a>
-                        </div>
-
-                        <div class="s-user-card s-user-card__minimal">
-                            <a href="#" class="s-avatar s-user-card--avatar">
-                                <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                <span class="v-visible-sr">Paul Wright</span>
-                            </a>
-                            <a href="#" class="s-user-card--link">Paul Wright</a>
-                            <ul class="s-user-card--awards">
-                                <li class="s-user-card--rep">1350</li>
-                            </ul>
-                            <time class="s-user-card--time">asked about 2 minutes ago</time>
-                        </div>
-                    </div>
-                    <a href="#" class="s-btn s-btn__tonal s-post-summary--content-menu-button">
-                        {% icon "EllipsisVertical" %}
-                        <span class="v-visible-sr">menu</span>
-                    </a>
-                </div>
-            </div>
-
-            <div class="s-post-summary">
-                <div class="s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            95
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item has-answers has-accepted-answer">
-                        {% icon "CheckmarkSm" %}
-                        <span class="s-post-summary--stats-item-number">
-                            5
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answers
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item is-supernova">
-                        <span class="s-post-summary--stats-item-number">
-                            104k
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                </div>
-                <div class="s-post-summary--content">
-                    <h3 class="s-post-summary--content-title">
-                        <a href="#">How to generate the JPA entity Metamodel?</a>
-                    </h3>
-                    <p class="s-post-summary--content-excerpt s-post-summary--content-excerpt__lg">
-                        In the spirit of type safety associated with the CriteriaQuery JPA 2.0 also has an API to support Metamodel representation of entities. Is anyone aware of a fully functional implementation of this API (to generate the Metamodel as opposed to creating the metamodel classes manually)? It would be awesome if someone also knows the steps for setting this up in Eclipse (I assume it's as simple as setting up an annotation processor, but you never know).
-                    </p>
-                    <div class="s-post-summary--meta">
-                        <div class="s-post-summary--meta-tags">
-                            <a class="s-tag" href="#">java</a>
-                            <a class="s-tag" href="#">hibernate</a>
-                            <a class="s-tag" href="#">jpa</a>
-                            <a class="s-tag" href="#">annotation-processing</a>
-                            <a class="s-tag" href="#">metamodel</a>
-                        </div>
-
-                        <div class="s-user-card s-user-card__minimal">
-                            <a href="#" class="s-avatar s-user-card--avatar">
-                                <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                <span class="v-visible-sr">Paul Wright</span>
-                            </a>
-                            <a href="#" class="s-user-card--link">Paul Wright</a>
-                            <ul class="s-user-card--awards">
-                                <li class="s-user-card--rep">1350</li>
-                            </ul>
-                            <time class="s-user-card--time">asked about 2 minutes ago</time>
-                        </div>
-                    </div>
-                    <a href="#" class="s-btn s-btn__tonal s-post-summary--content-menu-button">
-                        {% icon "EllipsisVertical" %}
-                        <span class="v-visible-sr">menu</span>
-                    </a>
-                </div>
-            </div>
+        <div class="docs-preview--example">
+            {% render 'post-summary-item.html',
+                data: post-summary.ignored
+            %}
         </div>
     </div>
 </section>
 
+{% header "h3", "Watched" %}
 <section class="docs-section">
-    {% header "h2", "Answers" %}
-    <p class="docs-copy">Previews of answers can also be attached to the post summary as needed.</p>
+    <p class="docs-copy">Including a watched tag will automatically apply custom watched styling to the post summary.</p>
     <div class="docs-preview">
 {% highlight html %}
 <div class="s-post-summary">
     …
     <div class="s-post-summary--content">
-        <h3 class="s-post-summary--content-title">
-            <a href="…">…</a>
-        </h3>
-        <div class="s-post-summary--meta">…</div>
-        <div class="s-post-summary--answer">
-            <div class="s-post-summary--stats">
-                <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                    <span class="s-post-summary--stats-item-number">
-                        …
-                    </span>
-                    <span class="s-post-summary--stats-item-unit">
-                        votes
-                    </span>
-                </div>
-                <div class="s-post-summary--stats-item has-answers has-accepted-answer">
-                    @Svg.CheckmarkSm Accepted answer
-                </div>
-            </div>
-            <p class="s-post-summary--answer-excerpt">
-                …
-            </p>
-            <div class="s-post-summary--meta">
-                <a class="s-link" href="…">
-                    View answer
-                </a>
-
-                <div class="s-user-card s-user-card__minimal">
-                    <a href="…" class="s-avatar s-user-card--avatar">
-                        <img class="s-avatar--image" src="…" />
-                        <span class="v-visible-sr">…</span>
-                    </a>
-                    <a href="…" class="s-user-card--link">…</a>
-                    <time class="s-user-card--time">…</time>
-                </div>
-            </div>
+        …
+        <div class="s-post-summary--tags">
+            <a class="s-tag s-tag__watched" href="…">…</a>
+            …
         </div>
     </div>
 </div>
 {% endhighlight %}
-        <div class="docs-preview--example p0">
-            <div class="s-post-summary">
-                <div class="s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            2
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item has-answers has-accepted-answer">
-                        {% icon "CheckmarkSm" %}
-                        <span class="s-post-summary--stats-item-number">
-                            2
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answers
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            1k
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                </div>
-                <div class="s-post-summary--content">
-                    <h3 class="s-post-summary--content-title">
-                        <a href="#">Azure API Management and Backend Web API</a>
-                    </h3>
-                    <p class="s-post-summary--content-excerpt">
-                        Right now, I have enabled basic authentication to the developer portal in API Management. Also, I have enabled OAuth 2.0 authentication for the back end server (user Authorization). So, if i login to the developer portal, i can see two fields - Subscription Key and Authorization. The Subscription key will be the developer's subscription to the portal and the Authorization will be the OAuth authorization which is required for the back end server.
-                    </p>
-                    <div class="s-post-summary--meta">
-                        <div class="s-post-summary--meta-tags">
-                            <a class="s-tag" href="#">azure</a>
-                            <a class="s-tag" href="#">asp.net-web-api</a>
-                            <a class="s-tag" href="#">oauth-2.0</a>
-                            <a class="s-tag" href="#">azure-active-directory</a>
-                        </div>
-
-                        <div class="s-user-card s-user-card__minimal">
-                            <a href="#" class="s-avatar s-user-card--avatar">
-                                <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                <span class="v-visible-sr">karel</span>
-                            </a>
-                            <a href="#" class="s-user-card--link">karel</a>
-                            <time class="s-user-card--time">asked 3 minutes ago</time>
-                        </div>
-                    </div>
-                    <div class="s-post-summary--answer">
-                        <div class="s-post-summary--stats">
-                            <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                                <span class="s-post-summary--stats-item-number">
-                                    2
-                                </span>
-                                <span class="s-post-summary--stats-item-unit">
-                                    votes
-                                </span>
-                            </div>
-                            <div class="s-post-summary--stats-item has-answers has-accepted-answer">
-                                {% icon "CheckmarkSm" %} Accepted answer
-                            </div>
-                        </div>
-                        <p class="s-post-summary--answer-excerpt">Subscription keys in APIM are tied to a user and product, thus if you change (or create new one) product to not require subscription (option available at creation time or in product settings) no subscription key would be needed to call any API included into such products. The downside is that all such calls would be treated by APIM as anonymous and shown in analytics as such.</p>
-                        <div class="s-post-summary--meta">
-                            <a class="s-link" href="#">
-                                View answer
-                            </a>
-
-                            <div class="s-user-card s-user-card__minimal">
-                                <a href="#" class="s-avatar s-user-card--avatar">
-                                    <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                    <span class="v-visible-sr">Aaron Shekey</span>
-                                </a>
-                                <a href="#" class="s-user-card--link">Aaron Shekey</a>
-                                <time class="s-user-card--time">answered 1 minute ago</time>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="s-post-summary--answer">
-                        <div class="s-post-summary--stats">
-                            <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                                <span class="s-post-summary--stats-item-number">
-                                    2
-                                </span>
-                                <span class="s-post-summary--stats-item-unit">
-                                    votes
-                                </span>
-                            </div>
-                        </div>
-                        <p class="s-post-summary--answer-excerpt">Yeah, you can do that (a bit of a hack). You have to use REST Api for that, specifically this call. For me it didn't work to edit the existing API (they key was still there), but when I've created new API, key wasn't there:</p>
-                        <div class="s-post-summary--meta">
-                            <a class="s-link" href="#">
-                                View answer
-                            </a>
-
-                            <div class="s-user-card s-user-card__minimal">
-                                <a href="#" class="s-avatar s-user-card--avatar">
-                                    <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                    <span class="v-visible-sr">4c74356b41</span>
-                                </a>
-                                <a href="#" class="s-user-card--link">4c74356b41</a>
-                                <time class="s-user-card--time">answered 3 minutes ago</time>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
+        <div class="docs-preview--example">
+            {% render 'post-summary-item.html',
+                data: post-summary.watched
+            %}
         </div>
     </div>
 </section>
 
+{% header "h3", "Deleted" %}
 <section class="docs-section">
-    {% header "h2", "Stats examples" %}
-    {% header "h3", "Answered status" %}
-    <p class="docs-copy">Within the stats section of the post summary, posts can have various answered states. A checkmark icon is displayed in questions that have accepted answers.</p>
-    <ul class="docs-copy">
-        <li>No answers</li>
-        <li>Has answers</li>
-        <li>Has accepted answers</li>
-    </ul>
+    <p class="docs-copy">Include the <code class="docs-code">.s-post-summary__deleted</code> modifier class applies custom deleted styling to the post summary.</p>
     <div class="docs-preview">
 {% highlight html %}
-<!-- No answers -->
-<div class="s-post-summary--stats-item">
-    <span class="s-post-summary--stats-item-number">
-        2
-    </span>
-    <span class="s-post-summary--stats-item-unit">
-        answers
-    </span>
-</div>
-
-<!-- Has answers -->
-<div class="s-post-summary--stats-item has-answers">
-    <span class="s-post-summary--stats-item-number">
-        2
-    </span>
-    <span class="s-post-summary--stats-item-unit">
-        answers
-    </span>
-</div>
-
-<!-- Has accepted answers -->
-<div class="s-post-summary--stats-item has-answers has-accepted-answer">
-    @Svg.CheckmarkSm
-    <span class="s-post-summary--stats-item-number">
-        5
-    </span>
-    <span class="s-post-summary--stats-item-unit">
-        answers
-    </span>
+<div class="s-post-summary s-post-summary__deleted">
+    …
 </div>
 {% endhighlight %}
         <div class="docs-preview--example">
-            <div class="d-flex ai-start g24 fd-row fw-wrap p0 bbw0 s-post-summary">
-                <div class="w-auto s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            3
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            0
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answers
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            32
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                </div>
-
-                <div class="w-auto s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            12
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item has-answers">
-                        <span class="s-post-summary--stats-item-number">
-                            2
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answers
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            145
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                </div>
-
-                <div class="w-auto s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            95
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item has-answers has-accepted-answer">
-                        {% icon "CheckmarkSm" %}
-                        <span class="s-post-summary--stats-item-number">
-                            5
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answers
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            380
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                </div>
-            </div>
+            {% render 'post-summary-item.html',
+                data: post-summary.deleted
+            %}
         </div>
     </div>
+</section>
 
-    {% header "h3", "Hotness" %}
-    <p class="docs-copy">Post stats also have various states of hotness and display in corresponding shades of orange.</p>
-    <ul class="docs-copy">
-        <li>Default</li>
-        <li>Warm</li>
-        <li>Hot</li>
-        <li>Supernova</li>
-    </ul>
+{% header "h3", "State badges" %}
+<section class="docs-section">
+    <p class="docs-copy">Include the appropriate state badge to indicate the current state of the post.</p>
     <div class="docs-preview">
 {% highlight html %}
-<!-- Default views -->
-<div class="s-post-summary--stats-item">
-    <span class="s-post-summary--stats-item-number">
-        23
-    </span>
-    <span class="s-post-summary--stats-item-unit">
-        views
-    </span>
-</div>
-
-<!-- Warm -->
-<div class="s-post-summary--stats-item is-warm">
-    <span class="s-post-summary--stats-item-number">
-        1k
-    </span>
-    <span class="s-post-summary--stats-item-unit">
-        views
-    </span>
+<!-- Draft -->
+<div class="s-post-summary">
+    <div class="s-post-summary--stats s-post-summary--sm-hide">…</div>
+    <div class="s-post-summary--content">
+        <div class="s-post-summary--sm-show">
+            <span class="s-badge s-badge__sm s-badge__info">
+                {% icon "Compose" %} Draft
+            </span>
+        </div>
+        <div class="s-post-summary--content-meta">
+            <div class="s-user-card s-user-card__sm">…</div>
+            <div class="s-post-summary--stats s-post-summary--sm-show">…</div>
+            <div class="s-post-summary--stats-item">… views</div>
+            <span class="s-badge s-badge__info ml-auto s-post-summary--sm-hide">
+                {% icon "Compose" %} Draft
+            </span>
+        </div>
+        …
+    </div>
 </div>
 
-<!-- Hot -->
-<div class="s-post-summary--stats-item is-hot">
-    <span class="s-post-summary--stats-item-number">
-        10k
-    </span>
-    <span class="s-post-summary--stats-item-unit">
-        views
-    </span>
+<!-- Review -->
+<div class="s-post-summary">
+    <div class="s-post-summary--stats s-post-summary--sm-hide">…</div>
+    <div class="s-post-summary--content">
+        <div class="s-post-summary--sm-show">
+            <span class="s-badge s-badge__sm s-badge__warning">
+                {% icon "Eye" %} Review
+            </span>
+        </div>
+        <div class="s-post-summary--content-meta">
+            <div class="s-user-card s-user-card__sm">…</div>
+            <div class="s-post-summary--stats s-post-summary--sm-show">…</div>
+            <div class="s-post-summary--stats-item">… views</div>
+            <span class="s-badge s-badge__warning ml-auto s-post-summary--sm-hide">
+                {% icon "Eye" %} Review
+            </span>
+        </div>
+        …
+    </div>
 </div>
 
-<!-- Supernova -->
-<div class="s-post-summary--stats-item is-supernova">
-    <span class="s-post-summary--stats-item-number">
-        100k
-    </span>
-    <span class="s-post-summary--stats-item-unit">
-        views
-    </span>
+<!-- Closed -->
+<div class="s-post-summary">
+    <div class="s-post-summary--stats s-post-summary--sm-hide">…</div>
+    <div class="s-post-summary--content">
+        <div class="s-post-summary--sm-show">
+            <span class="s-badge s-badge__sm s-badge__danger">
+                {% icon "Flag" %} Closed
+            </span>
+        </div>
+        <div class="s-post-summary--content-meta">
+            <div class="s-user-card s-user-card__sm">…</div>
+            <div class="s-post-summary--stats s-post-summary--sm-show">…</div>
+            <div class="s-post-summary--stats-item">… views</div>
+            <span class="s-badge s-badge__danger ml-auto s-post-summary--sm-hide">
+                {% icon "Flag" %} Closed
+            </span>
+        </div>
+        …
+    </div>
 </div>
-{% endhighlight %}
-        <div class="docs-preview--example">
-            <div class="d-flex ai-start g24 fd-row fw-wrap p0 bbw0 s-post-summary">
-                <div class="w-auto s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            3
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            0
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answers
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            23
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                </div>
-
-                <div class="w-auto s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            28
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item has-answers has-accepted-answer">
-                        {% icon "CheckmarkSm" %}
-                        <span class="s-post-summary--stats-item-number">
-                            3
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answers
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item is-warm">
-                        <span class="s-post-summary--stats-item-number">
-                            1k
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                </div>
 
-                <div class="w-auto s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            92
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item has-answers has-accepted-answer">
-                        {% icon "CheckmarkSm" %}
-                        <span class="s-post-summary--stats-item-number">
-                            10
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answers
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item is-hot">
-                        <span class="s-post-summary--stats-item-number">
-                            10k
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                </div>
+<!-- Archived -->
+<div class="s-post-summary">
+    <div class="s-post-summary--stats s-post-summary--sm-hide">…</div>
+    <div class="s-post-summary--content">
+        <div class="s-post-summary--sm-show">
+            <span class="s-badge s-badge__sm">
+                {% icon "Document" %} Archived
+            </span>
+        </div>
+        <div class="s-post-summary--content-meta">
+            <div class="s-user-card s-user-card__sm">…</div>
+            <div class="s-post-summary--stats s-post-summary--sm-show">…</div>
+            <div class="s-post-summary--stats-item">… views</div>
+            <span class="s-badge ml-auto s-post-summary--sm-hide">
+                {% icon "Document" %} Archived
+            </span>
+        </div>
+        …
+    </div>
+</div>
 
-                <div class="w-auto s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            126
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item has-answers has-accepted-answer">
-                        {% icon "CheckmarkSm" %}
-                        <span class="s-post-summary--stats-item-number">
-                            18
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answers
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item is-supernova">
-                        <span class="s-post-summary--stats-item-number">
-                            100k
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                </div>
-            </div>
+<!-- Pinned -->
+<div class="s-post-summary">
+    <div class="s-post-summary--stats s-post-summary--sm-hide">…</div>
+    <div class="s-post-summary--content">
+        <div class="s-post-summary--sm-show">
+            <span class="s-badge s-badge__sm s-badge__tonal">
+                {% icon "Key" %} Pinned
+            </span>
+        </div>
+        <div class="s-post-summary--content-meta">
+            <div class="s-user-card s-user-card__sm">…</div>
+            <div class="s-post-summary--stats s-post-summary--sm-show">…</div>
+            <div class="s-post-summary--stats-item">… views</div>
+            <span class="s-badge s-badge__danger ml-auto s-post-summary--sm-hide">
+                {% icon "Key" %} Pinned
+            </span>
+        </div>
+        …
+    </div>
+</div>
+{% endhighlight %}
+        <div class="docs-preview--example d-flex fd-column g32">
+            {% for data in post-summary.states %}
+                {% render 'post-summary-item.html',
+                    data: data
+                %}
+            {% endfor %}
         </div>
     </div>
 </section>
 
+{% header "h3", "Content types" %}
 <section class="docs-section">
-    {% header "h2", "States" %}
-    <p class="docs-copy">Post summaries change their appearance based on being watched, ignored, or deleted. Articles can also have varying draft states.</p>
+    <p class="docs-copy">Include the appropriate content type badge to indicate the type of content the post represents.</p>
     <div class="docs-preview">
 {% highlight html %}
-<div class="s-post-summary s-post-summary__pinned">
-    <div class="s-post-summary--stats">
-        <div class="s-post-summary--stats-item s-badge s-badge__icon s-badge__tonal s-badge__filled">
-            @Svg.TackSm
-            Pinned
-        </div>
+<!-- Announcement -->
+<div class="s-post-summary">
+    …
+    <div class="s-post-summary--content">
         …
+        <div class="s-post-summary--tags">
+            <a class="s-post-summary--content-type" href="#">
+                {% icon "Document" %} Announcement
+            </a>            …
+        </div>
     </div>
-    …
- </div>
+</div>
 
-<div class="s-post-summary s-post-summary__watched">
+<!-- How-to guide -->
+<div class="s-post-summary">
     …
-    <a class="s-tag s-tag__watched">
+    <div class="s-post-summary--content">
         …
-    </a>
-    …
+        <div class="s-post-summary--tags">
+            <a class="s-post-summary--content-type" href="#">
+                {% icon "Document" %} How to guide
+            </a>            …
+        </div>
+    </div>
 </div>
 
-<div class="s-post-summary s-post-summary__ignored">
+<!-- Knowledge article -->
+<div class="s-post-summary">
     …
-    <a class="s-tag s-tag__ignored">
+    <div class="s-post-summary--content">
         …
-    </a>
-    …
+        <div class="s-post-summary--tags">
+            <a class="s-post-summary--content-type" href="#">
+                {% icon "Document" %} Knowledge article
+            </a>            …
+        </div>
+    </div>
 </div>
 
-<div class="s-post-summary s-post-summary__deleted">
-    <div class="s-post-summary--stats">
-        <div class="s-post-summary--stats-item s-badge s-badge__icon s-badge__danger s-badge__filled">
-            @Svg.TrashSm
-            Deleted
-        </div>
+<!-- Policy -->
+<div class="s-post-summary">
+    …
+    <div class="s-post-summary--content">
         …
+        <div class="s-post-summary--tags">
+            <a class="s-post-summary--content-type" href="#">
+                {% icon "Document" %} Policy
+            </a>            …
+        </div>
     </div>
-    …
- </div>
+</div>
 {% endhighlight %}
-        <div class="docs-preview--example p0">
-            <div class="s-post-summary s-post-summary__pinned">
-                <div class="s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-badge s-badge__icon s-badge__tonal s-badge__filled">
-                        {% icon "TackSm" %}
-                        Pinned
-                    </div>
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            10
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            12
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            1
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            minute read
-                        </span>
-                    </div>
-                </div>
-                <div class="s-post-summary--content">
-                    <div class="s-post-summary--content-type">
-                        <a href="#" class="s-link s-link__grayscale">{% icon "DocumentAlt" %} Knowledge Article</a>
-                    </div>
-                    <h3 class="s-post-summary--content-title">
-                        <a href="#">Network graph of popular tags on Stack Overflow</a>
-                    </h3>
-                    <p class="s-post-summary--content-excerpt">
-                        I wanted to see how different tags related to each other. The below graph depicts associations between popular tags on our site. Description of analysis: I started looking at the 1000 most popular tags on questions in 2021. I created a list of tags cross joined by the question ID (so if a question contains tags for both Python and Numpy, it would show up in my list). I scaled up by the number of answers each question received (noting that some tag combos had 0 answers) -and then counted each distinct combination of each tag. Due to limitations in graphing, I only displayed the top ~2500 tag combinations - which accounts for tags combos that had more than 40 answers over the entire year.
-                    </p>
-                    <div class="s-post-summary--meta">
-                        <div class="s-post-summary--meta-tags">
-                            <a class="s-tag" href="#">data</a>
-                            <a class="s-tag" href="#">data-insights</a>
-                        </div>
+        <div class="docs-preview--example d-flex fd-column g32">
+            {% for data in post-summary.contentTypes %}
+                {% render 'post-summary-item.html', data: data %}
+            {% endfor %}
+        </div>
+    </div>
+</section>
 
-                        <div class="s-user-card s-user-card__minimal">
-                            <a href="#" class="s-avatar s-user-card--avatar">
-                                <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                <span class="v-visible-sr">Aaron Shekey</span>
-                            </a>
-                            <a href="#" class="s-user-card--link">Aaron Shekey</a>
-                            <ul class="s-user-card--awards">
-                                <li class="s-user-card--rep">1,025</li>
-                            </ul>
-                            <time class="s-user-card--time">posted 1 minute ago</time>
-                        </div>
-                    </div>
-                    <a href="#" class="s-btn s-btn__tonal s-post-summary--content-menu-button">
-                        {% icon "EllipsisVertical" %}
-                        <span class="v-visible-sr">menu</span>
-                    </a>
-                </div>
-            </div>
+<!-- Excerpt sizes -->
+{% header "h3", "Excerpt sizes" %}
+<section class="docs-section">
+    {% header "h4", "Classes" %}
+    <p class="docs-copy">Post summaries can be shown without an excerpt or with an excerpt with one, two, or three lines of text. Exclude the excerpt container to hide the excerpt or apply the appropriate truncation class to the excerpt container. See also <a href="/product/base/truncation/">Truncation</a>.</p>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="wmn4 s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th class="s-table--cell4" scope="col">Class</th>
+                    <th scope="col">Description</th>
+                </tr>
+            </thead>
+            <tbody class="fs-caption">
+                {% for item in post-summary.excerptSizes %}
+                    {% if item.excerptLines > 0 %}
+                    <tr>
+                            <th scope="row"><code class="docs-code">.v-truncate{{ item.excerptLines }}</code></th>
+                            <td class="p8">Truncates the excerpt to {{ item.excerptLines }} lines of text.</td>
+                        </tr>
+                    {% endif %}
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
 
-            <div class="s-post-summary s-post-summary__watched">
-                <div class="s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            10
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item has-answers has-accepted-answer">
-                        {% icon "CheckmarkSm" %}
-                        <span class="s-post-summary--stats-item-number">
-                            2
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answers
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item is-warm">
-                        <span class="s-post-summary--stats-item-number">
-                            10k
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                </div>
-                <div class="s-post-summary--content">
-                    <h3 class="s-post-summary--content-title">
-                        <a href="#">Could not load type 'System.Web.Optimization.StyleBundle'</a>
-                    </h3>
-                    <p class="s-post-summary--content-excerpt">
-                        Sometimes after build and launch my MVC4 web app I got this error. It can dissapear after rebuild or not. Same issue I got after publish to Windows Azure. Does anybody know how to fix this error?
-                    </p>
-                    <div class="s-post-summary--meta">
-                        <div class="s-post-summary--meta-tags">
-                            <a class="s-tag s-tag__watched" href="#">asp</a>
-                            <a class="s-tag" href="#">asp.net</a>
-                            <a class="s-tag" href="#">asp.net-mvc</a>
-                        </div>
+    {% header "h4", "Examples" %}
+    <div class="docs-preview">
+{% highlight html %}
+<!-- No excerpt -->
+<div class="s-post-summary">
+    <div class="s-post-summary--stats s-post-summary--sm-hide">…</div>
+    <div class="s-post-summary--content">…</div>
+</div>
 
-                        <div class="s-user-card s-user-card__minimal">
-                            <a href="#" class="s-avatar s-user-card--avatar">
-                                <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                <span class="v-visible-sr">Nimantha</span>
-                            </a>
-                            <a href="#" class="s-user-card--link">Nimantha</a>
-                            <ul class="s-user-card--awards">
-                                <li class="s-user-card--rep">5,337</li>
-                            </ul>
-                            <time class="s-user-card--time">modified 18 minutes ago</time>
-                        </div>
-                    </div>
-                    <a href="#" class="s-btn s-btn__tonal s-post-summary--content-menu-button">
-                        {% icon "EllipsisVertical" %}
-                        <span class="v-visible-sr">menu</span>
-                    </a>
-                </div>
-            </div>
+<!-- Small excerpt -->
+<div class="s-post-summary">
+    <div class="s-post-summary--stats s-post-summary--sm-hide">…</div>
+    <div class="s-post-summary--content">
+        …
+        <p class="s-post-summary--excerpt v-truncate1">…</p>
+        …
+    </div>
+</div>
 
-            <div class="s-post-summary s-post-summary__ignored">
-                <div class="s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            3
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item has-answers has-accepted-answer">
-                        <span class="s-post-summary--stats-item-number">
-                            2
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answers
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            205
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                </div>
-                <div class="s-post-summary--content">
-                    <h3 class="s-post-summary--content-title">
-                        <a href="#">PHP URL Param redirects - with wildcards/regex</a>
-                    </h3>
-                    <p class="s-post-summary--content-excerpt">
-                        I recently found this solution for doing php url variable to header location redirects. It's so much more manageable compared to htaccess for mass redirects, however one thing I want to next work out templates, guides, and links, see this article.
-                    </p>
-                    <div class="s-post-summary--meta">
-                        <div class="s-post-summary--meta-tags">
-                            <a class="s-tag s-tag__ignored" href="#">regex</a>
-                            <a class="s-tag" href="#">php</a>
-                            <a class="s-tag" href="#">redirect</a>
-                            <a class="s-tag" href="#">parameters</a>
-                            <a class="s-tag" href="#">wildcard</a>
-                        </div>
+<!-- Medium excerpt -->
+<div class="s-post-summary">
+    <div class="s-post-summary--stats s-post-summary--sm-hide">…</div>
+    <div class="s-post-summary--content">
+        …
+        <p class="s-post-summary--excerpt v-truncate2">…</p>
+        …
+    </div>
+</div>
 
-                        <div class="s-user-card s-user-card__minimal">
-                            <a href="#" class="s-avatar s-user-card--avatar">
-                                <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                <span class="v-visible-sr">Jase Wolf</span>
-                            </a>
-                            <a href="#" class="s-user-card--link">Jase Wolf</a>
-                            <ul class="s-user-card--awards">
-                                <li class="s-user-card--rep">93</li>
-                            </ul>
-                            <time class="s-user-card--time">modified 22 minutes ago</time>
-                        </div>
-                    </div>
-                    <a href="#" class="s-btn s-btn__tonal s-post-summary--content-menu-button">
-                        {% icon "EllipsisVertical" %}
-                        <span class="v-visible-sr">menu</span>
-                    </a>
-                </div>
-            </div>
+<!-- Large excerpt -->
+<div class="s-post-summary">
+    <div class="s-post-summary--stats s-post-summary--sm-hide">…</div>
+    <div class="s-post-summary--content">
+        …
+        <p class="s-post-summary--excerpt v-truncate3">…</p>
+        …
+    </div>
+</div>
+{% endhighlight %}
+        <div class="docs-preview--example d-flex fd-column g32">
+            {% for data in post-summary.excerptSizes %}
+                {% render 'post-summary-item.html',
+                    data: data
+                %}
+            {% endfor %}
+        </div>
+    </div>
+</section>
 
-            <div class="s-post-summary s-post-summary__deleted">
-                <div class="s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-badge s-badge__icon s-badge__danger s-badge__filled">
-                        {% icon "TrashSm" %}
-                        Deleted
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            0
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            0
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            answers
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            5
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                </div>
-                <div class="s-post-summary--content">
-                    <h3 class="s-post-summary--content-title">
-                        <a href="#">Adding authentication based on API key and API secret to APIs in Spring Boot application</a>
-                    </h3>
-                    <p class="s-post-summary--content-excerpt">
-                        I am working on a Spring Boot application with user authentication is based on Oauth2 2ith 2FA. Now, I would like to call the APIs in my application from the third-party client as well, say from another service.
-                    </p>
-                    <div class="s-post-summary--meta">
-                        <div class="s-post-summary--meta-tags">
-                            <a class="s-tag" href="#">spring</a>
-                            <a class="s-tag" href="#">spring-boot</a>
-                            <a class="s-tag" href="#">authentication</a>
-                            <a class="s-tag" href="#">spring-security</a>
-                            <a class="s-tag" href="#">oauth-2.0</a>
-                        </div>
+{% header "h3", "Small container" %}
+<section class="docs-section">
+    <p class="docs-copy">Post summaries adapt to their container size. When shown with a container smaller than 448px, the post summary renders with a compact layout.</p>
+    <div class="docs-preview">
+{% highlight html %}
+<div class="s-post-summary">…</div>
+{% endhighlight %}
+    <div class="docs-preview--example">
+        <div class="s-card d-flex fd-column g32 wmx3">
+            {% for data in post-summary.small %}
+                {% render 'post-summary-item.html', data: data %}
+            {% endfor %}
+        </div>
+    </div>
+</section>
 
-                        <div class="s-user-card s-user-card__minimal">
-                            <a href="#" class="s-avatar s-user-card--avatar">
-                                <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                <span class="v-visible-sr">Joy</span>
+<!-- With answers -->
+{% header "h3", "Answers" %}
+<section class="docs-section">
+    <!-- TODO SHINE add description -->
+    <p class="docs-copy">Answers to a question can be shown in a post summary. Include the <code class="docs-code">.s-post-summary--answers</code> container to show the answers.</p>
+    <p class="docs-copy">For accepted answers, add the <code class="docs-code">.s-post-summary--answer__accepted</code> modifier class and display the <code class="docs-code">Accepted answer</code> text and icon as shown in the example below.</p>
+    <div class="docs-preview">
+{% highlight html %}
+<div class="s-post-summary">
+    <div class="s-post-summary--stats s-post-summary--sm-hide">…</div>
+    <div class="s-post-summary--content">
+        <div class="s-post-summary--content-meta">…</div>
+        <div class="s-post-summary--title">…</div>
+        <p class="s-post-summary--excerpt v-truncate3">…</p>
+        <div class="s-post-summary--tags">…</div>
+        <div class="s-post-summary--answers">
+            <div class="s-post-summary--answer s-post-summary--answer__accepted">
+                <div class="s-post-summary--content-meta">
+                    <div class="s-user-card s-user-card__sm">
+                        <div class="s-user-card--group" href="…">
+                            <a class="s-avatar" href="…">
+                                <img class="s-avatar--image" src="…">
+                                <span class="v-visible-sr">…</span>
                             </a>
-                            <a href="#" class="s-user-card--link">Joy</a>
-                            <ul class="s-user-card--awards">
-                                <li class="s-user-card--rep">3,622</li>
-                            </ul>
-                            <time class="s-user-card--time">asked 38 minutes ago</time>
-                        </div>
-                    </div>
-                    <a href="#" class="s-btn s-btn__tonal s-post-summary--content-menu-button">
-                        {% icon "EllipsisVertical" %}
-                        <span class="v-visible-sr">menu</span>
-                    </a>
-                </div>
-            </div>
-
-            <div class="s-post-summary">
-                <div class="s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-badge s-badge__icon s-badge__info">
-                        {% icon "PencilSm" %}
-                        Draft
-                    </div>
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            -3
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            541
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            4
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            comments
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            1
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            min read
-                        </span>
-                    </div>
-                </div>
-                <div class="s-post-summary--content">
-                    <div class="s-post-summary--content-type">
-                        <a href="#" class="s-link s-link__grayscale">{% icon "DocumentAlt" %} How-to guide</a>
-                    </div>
-                    <h3 class="s-post-summary--content-title">
-                        <a href="#">How to make sql_mode empty on Cloud SQL</a>
-                    </h3>
-                    <p class="s-post-summary--content-excerpt">
-                        Cloud SQL allows users to customize several flags that allow you to adjust options and configure and tune a database instance. In the case of the sql_mode flag, there are several options that are
-                    </p>
-                    <div class="s-post-summary--meta">
-                        <div class="s-post-summary--meta-tags">
-                            <a class="s-tag" href="#">google-cloud-sql</a>
-                            <a class="s-tag" href="#">sql-mode</a>
-                            <a class="s-tag" href="#">sqlmod</a>
+                            <span class="s-user-card--username">…</span>
                         </div>
-
-                        <div class="s-user-card s-user-card__minimal">
-                            <a href="#" class="s-avatar s-user-card--avatar">
-                                <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                <span class="v-visible-sr">gabidavila</span>
+                        <ul class="s-user-card--group">
+                            <li class="s-user-card--rep">
+                                <span class="s-bling s-bling__rep s-bling__sm">
+                                    <span class="v-visible-sr">reputation bling</span>
+                                </span>
+                                …
+                            </li>
+                        </ul>
+                        <span>
+                            <a class="s-user-card--time" title="…" data-controller="s-tooltip" href="…">
+                                <time>…</time>
                             </a>
-                            <a href="#" class="s-user-card--link">gabidavila</a>
-                            <ul class="s-user-card--awards">
-                                <li class="s-user-card--rep">874</li>
-                            </ul>
-                            <time class="s-user-card--time">asked 38 minutes ago</time>
-                        </div>
-                    </div>
-                    <a href="#" class="s-btn s-btn__tonal s-post-summary--content-menu-button">
-                        {% icon "EllipsisVertical" %}
-                        <span class="v-visible-sr">menu</span>
-                    </a>
-                </div>
-            </div>
-
-            <div class="s-post-summary">
-                <div class="s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-badge s-badge__icon s-badge__warning">
-                        {% icon "EyeSm" %}
-                        Review
-                    </div>
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            26
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item is-warm">
-                        <span class="s-post-summary--stats-item-number">
-                            2k
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            1
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            comment
                         </span>
                     </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            1
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            min read
-                        </span>
-                    </div>
-                </div>
-                <div class="s-post-summary--content">
-                    <div class="s-post-summary--content-type">
-                        <a href="#" class="s-link s-link__grayscale">{% icon "DocumentAlt" %} How-to Guide</a>
-                    </div>
-                    <h3 class="s-post-summary--content-title">
-                        <a href="#">How to make sql_mode empty on Cloud SQL</a>
-                    </h3>
-                    <p class="s-post-summary--content-excerpt">
-                        In Android apps that use Firebase Authentication, you can always get the user who is currently signed in with code like: FirebaseAuth auth = FirebaseAuth.getInstance(); FirebaseUser user = auth.get
-                    </p>
-                    <div class="s-post-summary--meta">
-                        <div class="s-post-summary--meta-tags">
-                            <a class="s-tag" href="#">firebase-realtime-database</a>
-                            <a class="s-tag" href="#">firebase-authentication</a>
+                    <div class="s-post-summary--stats">
+                        <div class="s-post-summary--stats-votes">
+                            {% icon "Vote16Up" %}
+                            …
                         </div>
-
-                        <div class="s-user-card s-user-card__minimal">
-                            <a href="#" class="s-avatar s-user-card--avatar">
-                                <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                <span class="v-visible-sr">Frank van Puffelen</span>
-                            </a>
-                            <a href="#" class="s-user-card--link">Frank van Puffelen</a>
-                            <ul class="s-user-card--awards">
-                                <li class="s-user-card--rep">464.3k</li>
-                            </ul>
-                            <time class="s-user-card--time">asked 38 minutes ago</time>
+                        <div class="s-post-summary--stats-answers">
+                            {% icon "Answer16Fill" %}
+                            Accepted answer
                         </div>
                     </div>
-                    <a href="#" class="s-btn s-btn__tonal s-post-summary--content-menu-button">
-                        {% icon "EllipsisVertical" %}
-                        <span class="v-visible-sr">menu</span>
-                    </a>
                 </div>
+                <p class="s-post-summary--excerpt">…</p>
             </div>
-
-            <div class="s-post-summary">
-                <div class="s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-badge s-badge__icon s-badge__danger">
-                        {% icon "NotInterestedSm" %}
-                        Closed
-                    </div>
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            0
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            12
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                </div>
-                <div class="s-post-summary--content">
-                    <div class="s-post-summary--content-type">
-                        <a href="#" class="s-link s-link__grayscale">{% icon "DocumentAlt" %} How-to Guide</a>
-                    </div>
-                    <h3 class="s-post-summary--content-title">
-                        <a href="#">How to make sql_mode empty on Cloud SQL</a>
-                    </h3>
-                    <p class="s-post-summary--content-excerpt">
-                        In Android apps that use Firebase Authentication, you can always get the user who is currently signed in with code like: FirebaseAuth auth = FirebaseAuth.getInstance(); FirebaseUser user = auth.get
-                    </p>
-                    <div class="s-post-summary--meta">
-                        <div class="s-post-summary--meta-tags">
-                            <a class="s-tag" href="#">firebase-realtime-database</a>
-                            <a class="s-tag" href="#">firebase-authentication</a>
-                        </div>
-
-                        <div class="s-user-card s-user-card__minimal">
-                            <a href="#" class="s-avatar s-user-card--avatar">
-                                <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
+            <div class="s-post-summary--answer">
+                <div class="s-post-summary--content-meta">
+                    <div class="s-user-card s-user-card__sm">
+                        <div class="s-user-card--group" href="…">
+                            <a class="s-avatar" href="…">
+                                <img class="s-avatar--image" src="…">
+                                <span class="v-visible-sr">…</span>
                             </a>
-                            <a href="#" class="s-user-card--link">Frank van Puffelen</a>
-                            <ul class="s-user-card--awards">
-                                <li class="s-user-card--rep">464.3k</li>
-                            </ul>
-                            <time class="s-user-card--time">asked 38 minutes ago</time>
+                            <span class="s-user-card--username">…</span>
                         </div>
-                    </div>
-                    <a href="#" class="s-btn s-btn__tonal s-post-summary--content-menu-button">
-                        {% icon "EllipsisVertical" %}
-                        <span class="v-visible-sr">menu</span>
-                    </a>
-                </div>
-            </div>
-
-            <div class="s-post-summary">
-                <div class="s-post-summary--stats">
-                    <div class="s-post-summary--stats-item s-badge s-badge__icon s-badge__tonal">
-                        {% icon "ArchiveSm" %}
-                        Archived
-                    </div>
-                    <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized">
-                        <span class="s-post-summary--stats-item-number">
-                            -22
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            votes
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item is-warm">
-                        <span class="s-post-summary--stats-item-number">
-                            1k
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            views
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            5
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            comments
-                        </span>
-                    </div>
-                    <div class="s-post-summary--stats-item">
-                        <span class="s-post-summary--stats-item-number">
-                            1
-                        </span>
-                        <span class="s-post-summary--stats-item-unit">
-                            min read
+                        <ul class="s-user-card--group">
+                            <li class="s-user-card--rep">
+                                <span class="s-bling s-bling__rep s-bling__sm">
+                                    <span class="v-visible-sr">reputation bling</span>
+                                </span>
+                                …
+                            </li>
+                        </ul>
+                        <span>
+                            <a class="s-user-card--time" title="…" data-controller="s-tooltip" href="…">
+                                <time>…</time>
+                            </a>
                         </span>
                     </div>
-                </div>
-                <div class="s-post-summary--content">
-                    <div class="s-post-summary--content-type">
-                        <a href="#" class="s-link s-link__grayscale">{% icon "DocumentAlt" %} Announcement</a>
-                    </div>
-                    <h3 class="s-post-summary--content-title">
-                        <a href="#">Faster Cloud Storage transfers using the gcloud command-line</a>
-                    </h3>
-                    <p class="s-post-summary--content-excerpt">
-                        We’re pleased to announce gcloud storage, a new set of Cloud Storage commands in Cloud SDK that includes a new approach to parallelization that can accelerate both small and large data migrations.
-                    </p>
-                    <div class="s-post-summary--meta">
-                        <div class="s-post-summary--meta-tags">
-                            <a class="s-tag" href="#">google-cloud-storage</a>
-                            <a class="s-tag" href="#">gcloud</a>
-                            <a class="s-tag" href="#">gsutil</a>
-                        </div>
-
-                        <div class="s-user-card s-user-card__minimal">
-                            <a href="#" class="s-avatar s-user-card--avatar">
-                                <img class="s-avatar--image" src="{{ "/assets/img/placeholder.svg" | url }}" alt="placeholder avatar" />
-                                <a href="#" class="s-user-card--link">Frank van Puffelen</a>
-                            </a>
-                            <a href="#" class="s-user-card--link">thomasmaclean</a>
-                            <ul class="s-user-card--awards">
-                                <li class="s-user-card--rep">165</li>
-                            </ul>
-                            <time class="s-user-card--time">asked 38 minutes ago</time>
+                    <div class="s-post-summary--stats">
+                        <div class="s-post-summary--stats-votes">
+                            {% icon "Vote16Up" %}
+                            …
                         </div>
                     </div>
-                    <a href="#" class="s-btn s-btn__tonal s-post-summary--content-menu-button">
-                        {% icon "EllipsisVertical" %}
-                        <span class="v-visible-sr">menu</span>
-                    </a>
                 </div>
+                <p class="s-post-summary--excerpt">…</p>
             </div>
         </div>
     </div>
+</div>
+{% endhighlight %}
+        <div class="docs-preview--example d-flex fd-column g32">
+            {% for data in post-summary.withAnswers %}
+                {% render 'post-summary-item.html', data: data %}
+            {% endfor %}
+        </div>
+    </div>
 </section>
diff --git a/packages/stacks-svelte/package.json b/packages/stacks-svelte/package.json
index b86bf35976..c88659b5e6 100644
--- a/packages/stacks-svelte/package.json
+++ b/packages/stacks-svelte/package.json
@@ -34,7 +34,7 @@
     },
     "dependencies": {
         "@floating-ui/core": "^1.7.3",
-        "@stackoverflow/stacks-icons": "^7.0.0-beta.16",
+        "@stackoverflow/stacks-icons": "^7.0.0-beta.18",
         "@stackoverflow/stacks-icons-legacy": "npm:@stackoverflow/stacks-icons@^6.9.0",
         "@stackoverflow/stacks-utils": "^1.0.0-beta.2",
         "svelte-floating-ui": "^1.6.2",
diff --git a/packages/stacks-svelte/src/components/PostSummary/PostSummary.stories.svelte b/packages/stacks-svelte/src/components/PostSummary/PostSummary.stories.svelte
index 4c3c8b6519..bc5989b1f9 100644
--- a/packages/stacks-svelte/src/components/PostSummary/PostSummary.stories.svelte
+++ b/packages/stacks-svelte/src/components/PostSummary/PostSummary.stories.svelte
@@ -4,35 +4,46 @@
     import PostSummaryAnswer from "./PostSummaryAnswer.svelte";
     import type {
         ContentTypeName,
-        ExcerptSize,
-        Hotness,
+        ExcerptLines,
         State,
     } from "./PostSummary.svelte";
     import Answer from "./PostSummaryAnswer.svelte";
     import Tag from "../Tag/Tag.svelte";
+    import { SvelteDate } from "svelte/reactivity";
+    import { formatTime } from "@stackoverflow/stacks-utils";
+
+    const dateNow = new SvelteDate();
+    const dateTwoHoursAgo = new SvelteDate(
+        dateNow.setHours(dateNow.getHours() - 2)
+    );
+    const readableTimestamp = `asked ${formatTime(dateTwoHoursAgo.toISOString())}`;
+    const utcTimestamp = dateTwoHoursAgo.toISOString();
 
     const baseArgs = {
         answers: 1,
         href: "#",
-        timestamp: "1 hour ago",
+        readableTimestamp,
+        utcTimestamp,
         userAvatar: "https://avatars.githubusercontent.com/u/1",
         userName: "John Doe",
         userProfileUrl: "#john-doe",
-        userReputation: "1,000",
-        views: 100,
+        userReputation: 1000, // TODO SHINE does formatCount need to add commas/periods?
+        views: 12345,
         votes: 10,
         title: "Network graph of popular tags on Stack Overflow",
         excerpt:
             "I wanted to see how different tags related to each other. The below graph depicts associations between popular tags on our site. Description of analysis: I started looking at the 1000 most popular tags on questions in 2021. I created a list of tags cross joined by the question ID (so if a question contains tags for both Python and Numpy, it would show up in my list). I scaled up by the number of answers each question received (noting that some tag combos had 0 answers) -and then counted each distinct combination of each tag. Due to limitations in graphing, I only displayed the top ~2500 tag combinations - which accounts for tags combos that had more than 40 answers over the entire year.",
+        tags,
     };
     const answerArgs = {
         excerpt: baseArgs.excerpt,
         href: "#",
-        timestamp: "10 minutes ago",
+        utcTimestamp,
+        readableTimestamp,
         userAvatar: "https://avatars.githubusercontent.com/u/2",
         userName: "Jane Smith",
         userProfileUrl: "#jane-smith",
-        userReputation: "1,000",
+        userReputation: 1000,
     };
 
     const contentTypeOptions = {
@@ -60,8 +71,7 @@
         "knowledge-article",
         "policy",
     ];
-    const ExcerptSizeTypes: ExcerptSize[] = [undefined, "sm", "md", "lg"];
-    const HotnessTypes: Hotness[] = [undefined, "warm", "hot", "supernova"];
+    const ExcerptLinesTypes: ExcerptLines[] = [0, 1, 2, 3];
     const StateTypes: State[] = [
         undefined,
         "archived",
@@ -97,13 +107,9 @@
                     type: "select",
                 },
             },
-            excerptSize: {
-                control: "select",
-                options: ExcerptSizeTypes,
-            },
-            hotness: {
+            excerptLines: {
                 control: "select",
-                options: HotnessTypes,
+                options: ExcerptLinesTypes,
             },
             state: {
                 control: "select",
@@ -113,28 +119,21 @@
     });
 </script>
 
+{#snippet tags()}
+    <Tag href="#">retrieval-augmented-generation</Tag>
+    <Tag href="#">langchain</Tag>
+    <Tag href="#">llm</Tag>
+    <Tag href="#">vector-database</Tag>
+    <Tag href="#">ai</Tag>
+{/snippet}
+
 <Story name="Base" args={baseArgs}>
     {#snippet template(args)}
-        <PostSummary {...baseArgs} {...args}>
-            <svelte:fragment slot="tags">
-                <Tag href="#">data</Tag>
-                <Tag href="#">data-insights</Tag>
-            </svelte:fragment>
-        </PostSummary>
+        <PostSummary {...baseArgs} {...args} />
     {/snippet}
 </Story>
 
-<Story name="Minimal" asChild>
-    <!-- `minimal` prop is true -->
-    <PostSummary {...baseArgs} minimal>
-        <svelte:fragment slot="tags">
-            <Tag href="#">data</Tag>
-            <Tag href="#">data-insights</Tag>
-        </svelte:fragment>
-    </PostSummary>
-</Story>
-
-<Story name="Excerpt Size" asChild>
+<Story name="Excerpt Lines" asChild>
     <div class="d-flex fd-column g64">
         <table class="s-table s-table__bx-simple">
             <thead>
@@ -145,18 +144,13 @@
             </thead>
 
             <tbody>
-                {#each ExcerptSizeTypes as excerptSize (excerptSize)}
+                {#each ExcerptLinesTypes as excerptLines (excerptLines)}
                     <tr>
                         <th scope="row" class="va-middle">
-                            {excerptSize || "default"}
+                            {excerptLines}
                         </th>
                         <td class="va-middle px4">
-                            <PostSummary {...baseArgs} {excerptSize}>
-                                <svelte:fragment slot="tags">
-                                    <Tag href="#">data</Tag>
-                                    <Tag href="#">data-insights</Tag>
-                                </svelte:fragment>
-                            </PostSummary>
+                            <PostSummary {...baseArgs} {excerptLines} />
                         </td>
                     </tr>
                 {/each}
@@ -165,85 +159,29 @@
     </div>
 </Story>
 
-<Story name="New activity" asChild>
-    <!-- `activityIndicator` prop is true -->
-    <PostSummary {...baseArgs} activityIndicator>
-        <svelte:fragment slot="tags">
-            <Tag href="#">data</Tag>
-            <Tag href="#">data-insights</Tag>
-        </svelte:fragment>
-    </PostSummary>
-</Story>
-
 <Story name="Gated" asChild>
     <!-- `gated` prop is true -->
-    <PostSummary {...baseArgs} gated>
-        <svelte:fragment slot="tags">
-            <Tag href="#">data</Tag>
-            <Tag href="#">data-insights</Tag>
-        </svelte:fragment>
-    </PostSummary>
+    <PostSummary {...baseArgs} gated />
 </Story>
 
 <Story name="Answered" asChild>
     <!-- `bounty` prop included -->
-    <PostSummary {...baseArgs} acceptedAnswer>
-        <svelte:fragment slot="tags">
-            <Tag href="#">data</Tag>
-            <Tag href="#">data-insights</Tag>
-        </svelte:fragment>
-    </PostSummary>
+    <PostSummary {...baseArgs} acceptedAnswer />
 </Story>
 
 <Story name="Bounty" asChild>
     <!-- `bounty` prop included -->
-    <PostSummary {...baseArgs} bounty={50}>
-        <svelte:fragment slot="tags">
-            <Tag href="#">data</Tag>
-            <Tag href="#">data-insights</Tag>
-        </svelte:fragment>
-    </PostSummary>
+    <PostSummary {...baseArgs} bounty={50} />
 </Story>
 
-<Story name="Read Time" asChild>
-    <!-- `readTime` prop included -->
-    <PostSummary {...baseArgs} readTime="5 minute read">
-        <svelte:fragment slot="tags">
-            <Tag href="#">data</Tag>
-            <Tag href="#">data-insights</Tag>
-        </svelte:fragment>
-    </PostSummary>
+<Story name="Comments" asChild>
+    <!-- `comments` prop included -->
+    <PostSummary {...baseArgs} comments={10} />
 </Story>
 
-<Story name="Hotness" asChild>
-    <div class="d-flex fd-column g64">
-        <table class="s-table s-table__bx-simple">
-            <thead>
-                <tr>
-                    <th scope="col">Hotness</th>
-                    <th scope="col" class="s-table--cell10">Example</th>
-                </tr>
-            </thead>
-
-            <tbody>
-                {#each HotnessTypes as hotness (hotness)}
-                    <tr>
-                        <th scope="row" class="va-middle">
-                            {hotness || "default"}
-                        </th>
-                        <td class="va-middle px4">
-                            <PostSummary {...baseArgs} {hotness}>
-                                <svelte:fragment slot="tags">
-                                    <Tag href="#">data</Tag>
-                                    <Tag href="#">data-insights</Tag>
-                                </svelte:fragment>
-                            </PostSummary>
-                        </td>
-                    </tr>
-                {/each}
-            </tbody>
-        </table>
-    </div>
+<Story name="Read Time" asChild>
+    <!-- `readTime` prop included -->
+    <PostSummary {...baseArgs} readTime="5 minute read" />
 </Story>
 
 <Story name="Content Type" asChild>
@@ -269,12 +207,7 @@
                                     name: contentTypeName,
                                     url: "#",
                                 }}
-                            >
-                                <svelte:fragment slot="tags">
-                                    <Tag href="#">data</Tag>
-                                    <Tag href="#">data-insights</Tag>
-                                </svelte:fragment>
-                            </PostSummary>
+                            />
                         </td>
                     </tr>
                 {/each}
@@ -284,22 +217,29 @@
 </Story>
 
 <Story name="Ignored" asChild>
-    <!-- `ignored` prop is true -->
-    <PostSummary {...baseArgs} ignored>
-        <svelte:fragment slot="tags">
-            <Tag href="#" ignored>data</Tag>
-            <Tag href="#">data-insights</Tag>
-        </svelte:fragment>
+    <!-- `ignored` tag included in tags snippet -->
+    <PostSummary {...baseArgs}>
+        {#snippet tags()}
+            <Tag href="#" ignored>retrieval-augmented-generation</Tag>
+            <Tag href="#">langchain</Tag>
+            <Tag href="#">llm</Tag>
+            <Tag href="#">vector-database</Tag>
+            <Tag href="#">ai</Tag>
+        {/snippet}
     </PostSummary>
 </Story>
 
 <Story name="Watched" asChild>
-    <!-- `watched` prop is true -->
-    <PostSummary {...baseArgs} watched>
-        <svelte:fragment slot="tags">
-            <Tag href="#" watched>data</Tag>
+    <!-- `watched` tag included in tags snippet -->
+    <PostSummary {...baseArgs}>
+        {#snippet tags()}
+            <Tag href="#" watched>retrieval-augmented-generation</Tag>
+            <Tag href="#">langchain</Tag>
+            <Tag href="#">llm</Tag>
+            <Tag href="#">vector-database</Tag>
+            <Tag href="#">ai</Tag>
             <Tag href="#">data-insights</Tag>
-        </svelte:fragment>
+        {/snippet}
     </PostSummary>
 </Story>
 
@@ -320,12 +260,7 @@
                             {state || "default"}
                         </th>
                         <td class="va-middle px4">
-                            <PostSummary {...baseArgs} {state}>
-                                <svelte:fragment slot="tags">
-                                    <Tag href="#">data</Tag>
-                                    <Tag href="#">data-insights</Tag>
-                                </svelte:fragment>
-                            </PostSummary>
+                            <PostSummary {...baseArgs} {state} />
                         </td>
                     </tr>
                 {/each}
@@ -347,41 +282,19 @@
             <tbody>
                 <tr>
                     <th scope="row" class="va-middle">answerPreviews</th>
-                    <td class="va-middle px4">
-                        <PostSummary {...baseArgs}>
-                            <svelte:fragment slot="answerPreviews">
+                    <td class="va-middle p16">
+                        <PostSummary {...baseArgs} acceptedAnswer>
+                            {#snippet answerPreviews()}
                                 <Answer {...answerArgs} accepted votes={5} />
                                 <Answer {...answerArgs} votes={1} />
-                            </svelte:fragment>
-                        </PostSummary>
-                    </td>
-                </tr>
-                <tr>
-                    <th scope="row" class="va-middle">actionMenu</th>
-                    <td class="va-middle px4">
-                        <PostSummary {...baseArgs}>
-                            <div slot="actionMenu">
-                                <ul class="s-menu" role="menu">
-                                    <li class="s-menu--item" role="menuitem">
-                                        <button
-                                            class="s-menu--action s-menu--action__danger"
-                                            >Delete</button
-                                        >
-                                    </li>
-                                </ul>
-                            </div>
+                            {/snippet}
                         </PostSummary>
                     </td>
                 </tr>
                 <tr>
                     <th scope="row" class="va-middle">tags</th>
-                    <td class="va-middle px4">
-                        <PostSummary {...baseArgs}>
-                            <svelte:fragment slot="tags">
-                                <Tag href="#">data</Tag>
-                                <Tag href="#">data-insights</Tag>
-                            </svelte:fragment>
-                        </PostSummary>
+                    <td class="va-middle p16">
+                        <PostSummary {...baseArgs} />
                     </td>
                 </tr>
             </tbody>
diff --git a/packages/stacks-svelte/src/components/PostSummary/PostSummary.svelte b/packages/stacks-svelte/src/components/PostSummary/PostSummary.svelte
index b650312b5b..bd0e4e8e0e 100644
--- a/packages/stacks-svelte/src/components/PostSummary/PostSummary.svelte
+++ b/packages/stacks-svelte/src/components/PostSummary/PostSummary.svelte
@@ -10,8 +10,7 @@
               url: string;
           }
         | undefined;
-    export type ExcerptSize = "sm" | "md" | "lg" | undefined;
-    export type Hotness = "warm" | "hot" | "supernova" | undefined;
+    export type ExcerptLines = 0 | 1 | 2 | 3;
     export type State =
         | "archived"
         | "closed"
@@ -23,205 +22,248 @@
 </script>
 
 <script lang="ts">
-    import PostSummaryContentType from "./PostSummaryContentType.svelte";
-    import PostSummaryStateBadge from "./PostSummaryStateBadge.svelte";
-    import PostSummaryStatsItem from "./PostSummaryStatsItem.svelte";
-    import Badge from "../Badge/Badge.svelte";
-    import Button from "../Button/Button.svelte";
-    import Icon from "../Icon/Icon.svelte";
+    import type { Snippet } from "svelte";
+    import type { SvelteDate } from "svelte/reactivity";
+    import ContentTypeBadge from "./PostSummaryContentType.svelte";
     import Excerpt from "./PostSummaryExcerpt.svelte";
-    import Link from "../Link/Link.svelte";
-    import Popover from "../Popover/Popover.svelte";
-    import PopoverContent from "../Popover/PopoverContent.svelte";
-    import PopoverReference from "../Popover/PopoverReference.svelte";
+    import StateBadge from "./PostSummaryStateBadge.svelte";
     import UserCard from "../UserCard/UserCard.svelte";
     import UserCardTime from "../UserCard/UserCardTime.svelte";
     import UserCardBling from "../UserCard/UserCardBling.svelte";
+    import Icon from "../Icon/Icon.svelte";
+    import { IconShield } from "@stackoverflow/stacks-icons-legacy/icons";
     import {
-        IconShield,
-        IconEllipsisVertical,
-    } from "@stackoverflow/stacks-icons-legacy/icons";
-    import { IconCheck } from "@stackoverflow/stacks-icons/icons";
-
-    /**
-     * The URL to navigate to when the post title is clicked
-     */
-    export let href: string;
-
-    /**
-     * The title of the post
-     */
-    export let title: string;
-
-    /**
-     * The timestamp for the post
-     */
-    export let timestamp: string;
-
-    /**
-     * Avatar image source of post author
-     */
-    export let userAvatar: string;
-
-    /**
-     * The display name of the post author
-     */
-    export let userName: string;
-
-    /**
-     * Link to the post author's profile
-     */
-    export let userProfileUrl: string;
-
-    /**
-     * The reputation of the post author
-     */
-    export let userReputation: string | number;
-
-    /**
-     * Apply styling to the "answers" stats item to indicate the post has an accepted answer
-     */
-    export let acceptedAnswer: boolean = false;
-
-    /**
-     * Show an activity indicator before the title
-     */
-    export let activityIndicator: boolean = false;
-
-    /**
-     * Count of answers on the post
-     */
-    export let answers: number | string | undefined = undefined;
-
-    /**
-     * The bounty placed on the post
-     */
-    export let bounty: number | undefined = undefined;
-
-    /**
-     * The content type of the post to be indicated on the post summary
-     */
-    export let contentType: ContentType = undefined;
-
-    /**
-     * A brief excerpt of the post content
-     */
-    export let excerpt: string | undefined = "";
-
-    /**
-     * The size of the excerpt text
-     * @type {"sm" | "md" | "lg" | undefined} ExcerptSize
-     */
-    export let excerptSize: ExcerptSize = undefined;
-
-    /**
-     * Indicate a post is by displaying a shield icon before the title
-     */
-    export let gated: boolean = false;
-
-    /**
-     * Applies a "hot" styling to the views stats item
-     * @type {"warm" | "hot" | "supernova" | undefined} Hotness
-     */
-    export let hotness: Hotness = undefined;
-
-    /**
-     * Apply "ignored" styling
-     */
-    export let ignored: boolean = false;
-
-    /**
-     * Apply "minimal" styling
-     */
-    export let minimal: boolean = false;
-
-    /**
-     * The readtime on the post
-     */
-    export let readTime: string | undefined = undefined;
-
-    /**
-     * The state of the post which affects its styling
-     * @type {"archived" | "closed" | "draft" | "deleted" | "pinned" | "review" | undefined} State
-     */
-    export let state: State = undefined;
-
-    /**
-     * Count of views on the post
-     */
-    export let views: number | string | undefined = undefined;
-
-    /**
-     * Count of votes on the post
-     */
-    export let votes: number | string | undefined = undefined;
-
-    /**
-     * Apply "watched" styling
-     */
-    export let watched: boolean = false;
-
-    /**
-     * Label to be provided for the "accepted answer" checkmark icon on the "answers" stats item
-     */
-    export let i18nAcceptedAnswerIconTitle: string | undefined =
-        "Has accepted answer";
-
-    /**
-     * Text for the activity indicator
-     */
-    export let i18nActivityIndicatorText: string = "New activity";
-
-    /**
-     * Text for the views stats item unit
-     */
-    export let i18nAnswersUnit: string =
-        Number(answers) === 1 ? "answer" : "answers";
-
-    /**
-     * Text for the action menu button
-     */
-    export let i18nActionMenuButtonText: string = "Menu";
-
-    /**
-     * Text for the content type
-     */
-    export let i18nContentTypeText: string | undefined = undefined;
-
-    /**
-     * Text on gated posts for the shield icon that preceeds the post title
-     */
-    export let i18nGatedTitle: string | undefined = undefined;
-
-    /**
-     * Text for the state badge
-     */
-    export let i18nStateBadgeText: string | undefined = undefined;
-
-    /**
-     * Text for the views stats item unit
-     */
-    export let i18nViewsUnit: string = Number(views) === 1 ? "view" : "views";
-
-    /**
-     * Text for the votes stats item unit
-     */
-    export let i18nVotesUnit: string = Number(votes) === 1 ? "vote" : "votes";
-
-    /**
-     * Additional CSS classes added to the element
-     */
-    let className = "";
-    export { className as class };
-
-    $: classes = getClasses(className, ignored, minimal, state, watched);
+        IconAnswer16,
+        IconAnswer16Fill,
+        IconVote16Up,
+    } from "@stackoverflow/stacks-icons/icons";
+    import { formatCount } from "@stackoverflow/stacks-utils";
+
+    export interface Props {
+        /**
+         * The URL to navigate to when the post title is clicked
+         */
+        href: string;
+
+        /**
+         * The title of the post
+         */
+        title: string;
+
+        /**
+         * The human readable timestamp of the post including any verb describing the action associated with the post (e.g. "asked", "answered", etc.)
+         */
+        readableTimestamp: string;
+
+        /**
+         /**
+         * The UTC timestamp of the post
+         * Should be a valid Date, ISO string, or timestamp number.
+         */
+        utcTimestamp: Date | SvelteDate | string;
+
+        /**
+         * Avatar image source of post author
+         */
+        userAvatar: string;
+
+        /**
+         * The display name of the post author
+         */
+        userName: string;
+
+        /**
+         * Link to the post author's profile
+         */
+        userProfileUrl: string;
+
+        /**
+         * The reputation of the post author
+         */
+        userReputation: number;
+
+        /**
+         * Apply styling to the "answers" stats item to indicate the post has an accepted answer
+         */
+        acceptedAnswer?: boolean;
+
+        /**
+         * Count of answers on the post
+         */
+        answers?: number;
+
+        /**
+         * The bounty placed on the post
+         */
+        bounty?: number;
+
+        /**
+         * Count of comments on the post
+         */
+        comments?: number;
+
+        /**
+         * The content type of the post to be indicated on the post summary
+         */
+        contentType?: ContentType;
+
+        /**
+         * A brief excerpt of the post content
+         */
+        excerpt?: string;
+
+        /**
+         * The size of the excerpt text
+         */
+        excerptLines?: ExcerptLines;
+
+        /**
+         * Indicate a post is by displaying a shield icon before the title
+         */
+        gated?: boolean;
+
+        /**
+         * The readtime on the post
+         */
+        readTime?: string;
+
+        /**
+         * The state of the post which affects its styling
+         */
+        state?: State;
+
+        /**
+         * Count of views on the post
+         */
+        views?: number;
+
+        /**
+         * Count of votes on the post
+         */
+        votes?: number;
+
+        /**
+         * Label to be provided for the "accepted answer" checkmark icon on the "answers" stats item
+         */
+        i18nAcceptedAnswerIconTitle?: string;
+
+        /**
+         * Text for the views stats item unit
+         */
+        i18nAnswersUnit?: string;
+
+        /**
+         * Text for the bounty stats item unit
+         */
+        i18nBountyUnit?: string;
+
+        /**
+         * Text for the comments stats item unit
+         */
+        i18nCommentsUnit?: string;
+
+        /**
+         * Text for the content type
+         */
+        i18nContentTypeText?: string;
+
+        /**
+         * Text on gated posts for the shield icon that preceeds the post title
+         */
+        i18nGatedTitle?: string;
+
+        /**
+         * Text for the reputation bling name
+         */
+        i18nReputationBlingName?: string;
+
+        /**
+         * Text for the state badge
+         */
+        i18nStateBadgeText?: string;
+
+        /**
+         * Text for the views stats item unit
+         */
+        i18nViewsUnit?: string;
+
+        /**
+         * Text for the votes stats item unit
+         */
+        i18nVotesUnit?: string;
+
+        /**
+         * Additional CSS classes added to the element
+         */
+        class?: string;
+
+        /**
+         * Snippet for tags
+         */
+        tags?: Snippet | undefined;
+
+        /**
+         * Snippet for answer previews
+         */
+        answerPreviews?: Snippet | undefined;
+    }
+
+    const {
+        href,
+        title,
+        readableTimestamp,
+        utcTimestamp,
+        userAvatar,
+        userName,
+        userProfileUrl,
+        userReputation,
+        acceptedAnswer = false,
+        answers = undefined,
+        bounty = undefined,
+        comments = undefined,
+        contentType = undefined,
+        excerpt = "",
+        excerptLines = 3,
+        gated = false,
+        readTime = undefined,
+        state = undefined,
+        views = undefined,
+        votes = undefined,
+        i18nAcceptedAnswerIconTitle = "Has accepted answer",
+        i18nAnswersUnit: providedI18nAnswersUnit,
+        i18nBountyUnit = "bounty",
+        i18nCommentsUnit: providedI18nCommentsUnit = undefined,
+        i18nContentTypeText = undefined,
+        i18nGatedTitle = undefined,
+        i18nReputationBlingName = "reputation bling",
+        i18nStateBadgeText = undefined,
+        i18nViewsUnit: providedI18nViewsUnit = undefined,
+        i18nVotesUnit: providedI18nVotesUnit = undefined,
+        class: className = "",
+        tags,
+        answerPreviews,
+    }: Props = $props();
+
+    const i18nAnswersUnit = $derived(
+        providedI18nAnswersUnit ?? (answers === 1 ? "answer" : "answers")
+    );
+
+    const i18nCommentsUnit = $derived(
+        providedI18nCommentsUnit ?? (comments === 1 ? "comment" : "comments")
+    );
+
+    const i18nViewsUnit = $derived(
+        providedI18nViewsUnit ?? (views === 1 ? "view" : "views")
+    );
+
+    const i18nVotesUnit = $derived(
+        providedI18nVotesUnit ?? (votes === 1 ? "vote" : "votes")
+    );
 
     const getClasses = (
         className: string,
-        ignored: boolean,
-        minimal: boolean,
         state: State,
-        watched: boolean
+        acceptedAnswer: boolean
     ) => {
         const base = "s-post-summary";
         let classes = base;
@@ -230,16 +272,8 @@
             classes += ` ${className}`;
         }
 
-        if (ignored) {
-            classes += ` ${base}__ignored`;
-        }
-
-        if (minimal) {
-            classes += ` ${base}__minimal`;
-        }
-
-        if (watched) {
-            classes += ` ${base}__watched`;
+        if (acceptedAnswer) {
+            classes += ` ${base}__answered`;
         }
 
         if (state === "deleted") {
@@ -248,135 +282,143 @@
 
         return classes;
     };
+
+    const classes = $derived(getClasses(className, state, acceptedAnswer));
 </script>
 
+{#snippet userBling()}
+    {#if userReputation}
+        <UserCardBling
+            name={i18nReputationBlingName}
+            type="rep"
+            text={userReputation}
+        />
+    {/if}
+{/snippet}
+
 <div class={classes}>
-    <div class="s-post-summary--stats">
-        {#if state}
-            <PostSummaryStateBadge {state} i18nText={i18nStateBadgeText} />
-        {/if}
-        {#if votes || votes === 0}
-            <PostSummaryStatsItem
-                variant="votes"
-                unit={i18nVotesUnit}
-                number={votes}
-            />
-        {/if}
-        {#if answers || answers === 0}
+    <div class="s-post-summary--stats s-post-summary--sm-hide">
+        <div class="s-post-summary--stats-votes">
+            {#if Number(votes) > 0}+{/if}{votes || "0"}
+            <span class="v-visible-sr">{i18nVotesUnit}</span>
+        </div>
+        <div class="s-post-summary--stats-answers">
             {#if acceptedAnswer}
-                <span class="v-visible-sr">{i18nAcceptedAnswerIconTitle}</span>
-                <Badge
-                    text={`${answers} ${i18nAnswersUnit}`}
-                    type="state"
-                    state="success"
-                    icon={IconCheck}
-                    squared
-                    class="s-post-summary--stats-item"
+                <Icon
+                    src={IconAnswer16Fill}
+                    title={i18nAcceptedAnswerIconTitle}
                 />
             {:else}
-                <PostSummaryStatsItem
-                    variant="answers"
-                    unit={i18nAnswersUnit}
-                    number={answers}
-                />
+                <Icon src={IconAnswer16} />
             {/if}
-        {/if}
-        {#if views || views === 0}
-            <PostSummaryStatsItem
-                variant="views"
-                unit={i18nViewsUnit}
-                number={views}
-                {hotness}
-            />
-        {/if}
-        {#if readTime}
-            <PostSummaryStatsItem unit={readTime} number="" />
-        {/if}
+            {formatCount(answers || 0)}
+            <span class="v-visible-sr">{i18nAnswersUnit}</span>
+        </div>
         {#if bounty}
-            <Badge
-                text={`+${bounty}`}
-                type="state"
-                state="info"
-                important
-                class="s-post-summary--stats-item"
-            />
+            <div class="s-post-summary--stats-bounty">
+                <span>+</span>
+                {formatCount(bounty || 0)}
+                <span class="v-visible-sr">{i18nBountyUnit}</span>
+            </div>
         {/if}
     </div>
     <div class="s-post-summary--content">
-        {#if contentType}
-            <PostSummaryContentType
-                name={contentType.name}
-                href={contentType.url}
-                {i18nContentTypeText}
-            />
-        {/if}
-        <h3 class="s-post-summary--content-title">
-            {#if activityIndicator}
-                <div class="s-activity-indicator">
-                    <div class="v-visible-sr">{i18nActivityIndicatorText}</div>
+        <div class="s-post-summary--sm-show">
+            {#if state && state !== "deleted"}
+                <StateBadge {state} i18nText={i18nStateBadgeText} />
+            {/if}
+        </div>
+        <div class="s-post-summary--content-meta">
+            <UserCard
+                profileUrl={userProfileUrl}
+                size="sm"
+                avatar={userAvatar}
+                name={userName}
+                blings={userBling}
+            >
+                {#snippet time()}
+                    <UserCardTime
+                        text={readableTimestamp}
+                        timestamp={utcTimestamp}
+                    />
+                {/snippet}
+            </UserCard>
+            <div class="s-post-summary--stats s-post-summary--sm-show">
+                <div class="s-post-summary--stats-votes">
+                    <Icon src={IconVote16Up} />
+                    {formatCount(votes || 0)}
+                </div>
+                <div class="s-post-summary--stats-answers">
+                    {#if acceptedAnswer}
+                        <Icon src={IconAnswer16Fill} />
+                    {:else}
+                        <Icon src={IconAnswer16} />
+                    {/if}
+                    {formatCount(answers || 0)}
+                    <span class="v-visible-sr">{i18nAnswersUnit}</span>
+                </div>
+                {#if bounty}
+                    <div class="s-post-summary--stats-bounty">
+                        <span>+</span>
+                        {formatCount(bounty || 0)}
+                        <span class="v-visible-sr">{i18nBountyUnit}</span>
+                    </div>
+                {/if}
+            </div>
+            <div class="s-post-summary--stats-item">
+                {formatCount(views || 0)}
+                {i18nViewsUnit}
+            </div>
+            {#if comments}
+                <div class="s-post-summary--stats-item">
+                    {formatCount(comments || 0)}
+                    {i18nCommentsUnit}
+                </div>
+            {/if}
+            {#if readTime}
+                <div class="s-post-summary--stats-item">
+                    {readTime}
+                </div>
+            {/if}
+            {#if state && state !== "deleted"}
+                <div class="s-post-summary--sm-hide ml-auto">
+                    <StateBadge {state} i18nText={i18nStateBadgeText} />
                 </div>
             {/if}
-            <Link {href}>
+        </div>
+        <div class="s-post-summary--title">
+            <a class="s-post-summary--title-link" {href}>
                 {#if gated}
-                    <Icon src={IconShield} title={i18nGatedTitle} />
+                    <Icon
+                        src={IconShield}
+                        class="s-post-summary--title-icon"
+                        title={i18nGatedTitle}
+                    />
                 {/if}
                 {title}
-            </Link>
-        </h3>
-        {#if excerpt}
-            <Excerpt {excerpt} size={excerptSize} />
+            </a>
+        </div>
+        {#if excerpt && excerptLines > 0}
+            <Excerpt {excerpt} lines={excerptLines} />
         {/if}
-        <div class="s-post-summary--meta">
-            {#if $$slots.tags}
-                <div class="s-post-summary--meta-tags">
-                    <!-- (Optional) Tags associated with the post -->
-                    <slot name="tags" />
-                </div>
-            {/if}
-            {#snippet time()}
-                <UserCardTime text={timestamp} />
-            {/snippet}
-            {#snippet blings()}
-                {#if userReputation}
-                    <UserCardBling
-                        name="reputation bling"
-                        type="rep"
-                        text={userReputation}
+        {#if contentType || tags}
+            <div class="s-post-summary--tags">
+                {#if contentType}
+                    <ContentTypeBadge
+                        name={contentType.name}
+                        href={contentType.url}
+                        {i18nContentTypeText}
                     />
                 {/if}
-            {/snippet}
-            <UserCard
-                profileUrl={userProfileUrl}
-                size="sm"
-                avatar={userAvatar}
-                name={userName}
-                {time}
-                {blings}
-            />
-        </div>
-        <!-- (Optional) Answer previews on the post -->
-        <slot name="answerPreviews" />
-        {#if $$slots.actionMenu}
-            <Popover
-                id={Math.random().toString(36).slice(2)}
-                placement="bottom-end"
-            >
-                <PopoverReference>
-                    <Button
-                        class="s-post-summary--content-menu-button"
-                        variant="tonal"
-                    >
-                        <Icon src={IconEllipsisVertical} />
-                        <span class="v-visible-sr"
-                            >{i18nActionMenuButtonText}</span
-                        >
-                    </Button>
-                </PopoverReference>
-                <PopoverContent class="px0 py4 wmx2">
-                    <!-- (Optional) Menu to be displayed when the content menu button is clicked -->
-                    <slot name="actionMenu" />
-                </PopoverContent>
-            </Popover>
+                {#if tags}
+                    {@render tags()}
+                {/if}
+            </div>
+        {/if}
+        {#if answerPreviews}
+            <div class="s-post-summary--answers">
+                {@render answerPreviews()}
+            </div>
         {/if}
     </div>
 </div>
diff --git a/packages/stacks-svelte/src/components/PostSummary/PostSummary.test.ts b/packages/stacks-svelte/src/components/PostSummary/PostSummary.test.ts
index 5b839e6fa5..93f2244da2 100644
--- a/packages/stacks-svelte/src/components/PostSummary/PostSummary.test.ts
+++ b/packages/stacks-svelte/src/components/PostSummary/PostSummary.test.ts
@@ -6,12 +6,13 @@ import PostSummary from "./PostSummary.svelte";
 const baseArgs = {
     answers: 10,
     href: "#",
-    timestamp: "10 minutes ago",
+    readableTimestamp: "asked 2 hr ago",
+    utcTimestamp: "2024-01-15T12:00:00.000Z",
     title: "Network graph of popular tags on Stack Overflow",
     userAvatar: "https://avatars.githubusercontent.com/u/1",
     userName: "Jane Smith",
     userProfileUrl: "#jane-smith",
-    userReputation: "1,000",
+    userReputation: 1000,
     views: 100,
     votes: 1,
     excerpt:
@@ -24,238 +25,308 @@ const snippet = createRawSnippet(() => ({
 
 describe("PostSummary", () => {
     it("should render the title as a link with the passed href", () => {
-        render(PostSummary, { props: baseArgs });
+        render(PostSummary, { ...baseArgs });
 
         const titleLink = screen.getByRole("link", { name: baseArgs.title });
         expect(titleLink).to.exist;
         expect(titleLink).to.have.attr("href", baseArgs.href);
-        expect(titleLink).to.have.text(` ${baseArgs.title}`);
+        expect(titleLink.textContent?.trim()).to.equal(baseArgs.title);
     });
 
     // classes
-    it("should render the excerpt with the appropriate size class", () => {
-        render(PostSummary, { props: { ...baseArgs, excerptSize: "md" } });
+    it("should render the excerpt with expected number of lines", () => {
+        render(PostSummary, { ...baseArgs, excerptLines: 2 });
 
         const excerpt = screen.getByText(baseArgs.excerpt);
         expect(excerpt).to.exist;
-        expect(excerpt).to.have.class("s-post-summary--content-excerpt__md");
-        expect(excerpt).to.have.text(`${baseArgs.excerpt}`);
+        expect(excerpt).to.have.class("s-post-summary--excerpt");
+        expect(excerpt).to.have.class("v-truncate2");
     });
 
-    it("should include the minimal class", () => {
-        render(PostSummary, { props: { ...baseArgs, minimal: true } });
+    it("should not render the excerpt when excerptLines is 0", () => {
+        render(PostSummary, { ...baseArgs, excerptLines: 0 });
 
-        const postSummary = document.querySelector(".s-post-summary");
-        expect(postSummary).to.exist;
-        expect(postSummary).to.have.class("s-post-summary__minimal");
+        const excerptContainer = document.querySelector(
+            ".s-post-summary--excerpt"
+        );
+        expect(excerptContainer).not.to.exist;
     });
 
-    it("should include the appropriate state class", () => {
-        render(PostSummary, { props: { ...baseArgs, state: "deleted" } });
+    it("should include the answered class when acceptedAnswer is true", () => {
+        render(PostSummary, { ...baseArgs, acceptedAnswer: true });
 
         const postSummary = document.querySelector(".s-post-summary");
         expect(postSummary).to.exist;
-        expect(postSummary).to.have.class("s-post-summary__deleted");
+        expect(postSummary).to.have.class("s-post-summary__answered");
     });
 
-    it("should include the watched class when ignored is true", () => {
-        render(PostSummary, { props: { ...baseArgs, ignored: true } });
+    it("should include the appropriate state class when state is deleted", () => {
+        render(PostSummary, { ...baseArgs, state: "deleted" });
 
         const postSummary = document.querySelector(".s-post-summary");
         expect(postSummary).to.exist;
-        expect(postSummary).to.have.class("s-post-summary__ignored");
+        expect(postSummary).to.have.class("s-post-summary__deleted");
     });
 
-    it("should include the watched class when watched is true", () => {
-        render(PostSummary, { props: { ...baseArgs, watched: true } });
+    it("should apply the class prop to the root element", () => {
+        render(PostSummary, { ...baseArgs, class: "my-custom-class" });
 
         const postSummary = document.querySelector(".s-post-summary");
         expect(postSummary).to.exist;
-        expect(postSummary).to.have.class("s-post-summary__watched");
-    });
-
-    it("should render the views stats item with the appropriate hotness class", () => {
-        render(PostSummary, {
-            props: { ...baseArgs, hotness: "hot" },
-        });
-
-        const views = document.querySelector(".is-hot");
-        expect(views).to.exist;
+        expect(postSummary).to.have.class("s-post-summary");
+        expect(postSummary).to.have.class("my-custom-class");
     });
 
     // stats items
     it("should render the state badge", () => {
-        render(PostSummary, { props: { ...baseArgs, state: "pinned" } });
+        render(PostSummary, { ...baseArgs, state: "pinned" });
 
-        const stateBadge = screen.getByText("Pinned");
-        expect(stateBadge).to.exist;
+        const stateBadges = screen.getAllByText("Pinned");
+        expect(stateBadges.length).to.be.at.least(1);
+        expect(stateBadges[0]).to.exist;
     });
 
     it("should render the votes stats item", () => {
-        render(PostSummary, { props: baseArgs });
+        render(PostSummary, { ...baseArgs });
 
-        const votes = screen.getByText("vote").parentElement;
-        expect(votes).to.have.text("1 vote");
+        const votesContainer = document.querySelector(
+            ".s-post-summary--stats-votes"
+        );
+        expect(votesContainer).to.exist;
+        expect(votesContainer?.textContent).to.include("1");
+        expect(votesContainer?.textContent).to.include("vote");
     });
 
     it("should render the answers stats item", () => {
-        render(PostSummary, { props: baseArgs });
+        render(PostSummary, { ...baseArgs });
 
-        const answers = screen.getByText("answers").parentElement;
-        expect(answers).to.have.text("10 answers");
+        const answersContainers = document.querySelectorAll(
+            ".s-post-summary--stats-answers"
+        );
+        expect(answersContainers.length).to.be.at.least(1);
+        expect(answersContainers[0]?.textContent).to.include("10");
+        expect(answersContainers[0]?.textContent).to.include("answers");
     });
 
     it("should render the views stats item", () => {
-        render(PostSummary, { props: baseArgs });
+        render(PostSummary, { ...baseArgs });
 
-        const views = screen.getByText("views").parentElement;
-        expect(views).to.have.text("100 views");
+        const viewsItem = screen.getByText((content, el) => {
+            return (
+                el?.classList.contains("s-post-summary--stats-item") === true &&
+                content.includes("views")
+            );
+        });
+        expect(viewsItem).to.exist;
+        expect(viewsItem.textContent).to.include("100");
+        expect(viewsItem.textContent).to.include("views");
     });
 
     it("should render the read time", () => {
-        render(PostSummary, { props: { ...baseArgs, readTime: "5 min read" } });
+        render(PostSummary, { ...baseArgs, readTime: "5 min read" });
 
         const readTime = screen.getByText("5 min read");
         expect(readTime).to.exist;
     });
 
     it("should render the bounty", () => {
-        render(PostSummary, { props: { ...baseArgs, bounty: 50 } });
+        render(PostSummary, { ...baseArgs, bounty: 50 });
 
-        const bounty = screen.getByText("+50");
-        expect(bounty).to.exist;
+        const bountyContainer = document.querySelector(
+            ".s-post-summary--stats-bounty"
+        );
+        expect(bountyContainer).to.exist;
+        expect(bountyContainer?.textContent).to.include("+");
+        expect(bountyContainer?.textContent).to.include("50");
     });
 
-    // title-adjacent
-    it("should render the activity indicator before the title", () => {
-        render(PostSummary, {
-            props: { ...baseArgs, activityIndicator: true },
-        });
-
-        const title = document.querySelector("h3");
-        const activityIndicator = title?.querySelector(".s-activity-indicator");
-        expect(activityIndicator).to.exist;
-        expect(activityIndicator).to.have.text(`New activity`);
-    });
+    it("should render the comments stats item when comments is provided", () => {
+        render(PostSummary, { ...baseArgs, comments: 5 });
 
-    it("should render the shield icon before the title", () => {
-        render(PostSummary, {
-            props: { ...baseArgs, gated: true },
+        const commentsItem = screen.getByText((content, el) => {
+            return (
+                el?.classList.contains("s-post-summary--stats-item") === true &&
+                content.includes("comments")
+            );
         });
-
-        const title = document.querySelector("h3");
-        const shield = title?.querySelector(".iconShield");
-        expect(shield).to.exist;
+        expect(commentsItem).to.exist;
+        expect(commentsItem.textContent).to.include("5");
+        expect(commentsItem.textContent).to.include("comments");
     });
 
-    // slots
-    it("should render the tags slot", () => {
-        // @ts-expect-error $$slots is used to pass children while component is still using Svelte 4 syntax
-        render(PostSummary, { ...baseArgs, $$slots: { tags: snippet } });
+    // gated
+    it("should render the shield icon before the title when gated", () => {
+        render(PostSummary, { ...baseArgs, gated: true });
 
-        const tags = document.querySelector(".s-post-summary--meta-tags");
-        expect(tags).to.exist;
-        expect(tags).to.have.text(`test snippet`);
+        const titleLink = screen.getByRole("link", { name: baseArgs.title });
+        const icon = titleLink.querySelector("svg");
+        expect(icon).to.exist;
     });
 
-    it("should render the actionMenu slot", () => {
-        // @ts-expect-error $$slots is used to pass children while component is still using Svelte 4 syntax
-        render(PostSummary, { ...baseArgs, $$slots: { actionMenu: snippet } });
+    // content type
+    it("should render the content type with the correct props", () => {
+        render(PostSummary, {
+            ...baseArgs,
+            contentType: {
+                name: "announcement",
+                url: "#announcement",
+            },
+        });
 
-        const contentMenuBtn = document.querySelector(
-            ".s-post-summary--content-menu-button"
+        const contentTypeLink = screen.getByText("Announcement");
+        const contentType = contentTypeLink.closest(
+            ".s-post-summary--content-type"
         );
-        expect(contentMenuBtn).to.exist;
+        expect(contentType).to.exist;
+        expect(contentTypeLink).to.have.attr("href", "#announcement");
     });
 
-    it("should render the answer previews slot", () => {
+    // snippets
+    it("should render the answerPreviews snippet", () => {
+        const answerPreviewsSnippet = createRawSnippet(() => ({
+            render: () => `<div id="answerPreviews">answers</div>`,
+        }));
         render(PostSummary, {
             ...baseArgs,
-            // @ts-expect-error $$slots is used to pass children while component is still using Svelte 4 syntax
-            $$slots: {
-                answerPreviews: createRawSnippet(() => ({
-                    render: () => `<div id="answerPreviews">answers</div>`,
-                })),
-            },
+            answerPreviews: answerPreviewsSnippet,
         });
 
+        const answerPreviewsContainer = document.querySelector(
+            ".s-post-summary--answers"
+        );
+        expect(answerPreviewsContainer).to.exist;
         const answerPreviews = document.querySelector("#answerPreviews");
         expect(answerPreviews).to.exist;
-        expect(answerPreviews).to.have.text(`answers`);
+        expect(answerPreviews).to.have.text("answers");
+    });
+
+    it("should render the tags snippet", () => {
+        render(PostSummary, { ...baseArgs, tags: snippet });
+
+        const tagsContainer = document.querySelector(".s-post-summary--tags");
+        expect(tagsContainer).to.exist;
+        expect(tagsContainer?.textContent?.trim()).to.include("test snippet");
     });
 
     // i18n
-    it("should render the activity indicator with the localized text", () => {
+    it("should render the accepted answer icon with i18nAcceptedAnswerIconTitle", () => {
         render(PostSummary, {
-            props: {
-                ...baseArgs,
-                activityIndicator: true,
-                i18nActivityIndicatorText: "Nueva actividad",
-            },
+            ...baseArgs,
+            acceptedAnswer: true,
+            i18nAcceptedAnswerIconTitle: "Respuesta aceptada",
         });
 
-        const activityIndicator = screen.getByText("Nueva actividad");
-        expect(activityIndicator).to.exist;
+        const titleText = screen.getByText("Respuesta aceptada");
+        expect(titleText).to.exist;
     });
 
-    it("should render the action menu button with the localized text", () => {
+    it("should render the answers unit with i18nAnswersUnit", () => {
         render(PostSummary, {
             ...baseArgs,
-            i18nActionMenuButtonText: "Menú",
-            // @ts-expect-error $$slots is used to pass children while component is still using Svelte 4 syntax
-            $$slots: {
-                actionMenu: snippet,
-            },
+            i18nAnswersUnit: "respuestas",
         });
 
-        const menuButton = screen.getByRole("button", { name: "Menú" });
-        expect(menuButton).to.exist;
+        const answersUnit = screen.getAllByText("respuestas");
+        expect(answersUnit.length).to.be.at.least(1);
     });
 
-    it("should render the shield icon with the localized text", () => {
+    it("should render the bounty unit with i18nBountyUnit", () => {
         render(PostSummary, {
-            props: {
-                ...baseArgs,
-                gated: true,
-                i18nGatedTitle: "bloqueado",
-            },
+            ...baseArgs,
+            bounty: 50,
+            i18nBountyUnit: "recompensa",
         });
 
-        const shield = screen.getByText("bloqueado");
-        expect(shield).to.exist;
+        const bountyUnits = screen.getAllByText("recompensa");
+        expect(bountyUnits.length).to.be.at.least(1);
     });
 
-    it("should render the content type component with the correct props", () => {
+    it("should render the comments unit with i18nCommentsUnit", () => {
         render(PostSummary, {
-            props: {
-                ...baseArgs,
-                contentType: {
-                    name: "announcement",
-                    url: "#announcement",
-                },
-            },
+            ...baseArgs,
+            comments: 5,
+            i18nCommentsUnit: "comentarios",
         });
 
-        const contentTypeLink = screen.getByText("Announcement");
-        const contentType = contentTypeLink.parentElement;
-        expect(contentType).to.exist;
-        expect(contentType).to.have.class("s-post-summary--content-type");
-        expect(contentTypeLink).to.have.attr("href", "#announcement");
+        const commentsItem = screen.getByText((content, el) => {
+            return (
+                el?.classList.contains("s-post-summary--stats-item") === true &&
+                content.includes("comentarios")
+            );
+        });
+        expect(commentsItem).to.exist;
+        expect(commentsItem?.textContent).to.include("comentarios");
     });
 
-    it("should render the content type with the localized text", () => {
+    it("should render the content type with i18nContentTypeText", () => {
         render(PostSummary, {
-            props: {
-                ...baseArgs,
-                contentType: {
-                    name: "announcement",
-                    url: "#announcement",
-                },
-                i18nContentTypeText: "Anuncio",
+            ...baseArgs,
+            contentType: {
+                name: "announcement",
+                url: "#announcement",
             },
+            i18nContentTypeText: "Anuncio",
         });
 
         const contentTypeLink = screen.getByText("Anuncio");
         expect(contentTypeLink).to.exist;
     });
+
+    it("should render the shield icon with i18nGatedTitle", () => {
+        render(PostSummary, {
+            ...baseArgs,
+            gated: true,
+            i18nGatedTitle: "bloqueado",
+        });
+
+        const titleText = screen.getByText("bloqueado");
+        expect(titleText).to.exist;
+    });
+
+    it("should render the reputation bling with i18nReputationBlingName", () => {
+        render(PostSummary, {
+            ...baseArgs,
+            i18nReputationBlingName: "puntos de reputación",
+        });
+
+        const blingName = screen.getByText("puntos de reputación");
+        expect(blingName).to.exist;
+    });
+
+    it("should render the state badge with i18nStateBadgeText", () => {
+        render(PostSummary, {
+            ...baseArgs,
+            state: "pinned",
+            i18nStateBadgeText: "Fijado",
+        });
+
+        const stateBadgeText = screen.getAllByText("Fijado");
+        expect(stateBadgeText.length).to.be.at.least(1);
+    });
+
+    it("should render the views unit with i18nViewsUnit", () => {
+        render(PostSummary, {
+            ...baseArgs,
+            i18nViewsUnit: "vistas",
+        });
+
+        const viewsUnit = screen.getByText((content, el) => {
+            return (
+                el?.classList.contains("s-post-summary--stats-item") === true &&
+                content.includes("vistas")
+            );
+        });
+        expect(viewsUnit).to.exist;
+        expect(viewsUnit?.textContent).to.include("vistas");
+    });
+
+    it("should render the votes unit with i18nVotesUnit", () => {
+        render(PostSummary, {
+            ...baseArgs,
+            i18nVotesUnit: "voto",
+        });
+
+        const votesUnit = screen.getByText("voto");
+        expect(votesUnit).to.exist;
+    });
 });
diff --git a/packages/stacks-svelte/src/components/PostSummary/PostSummaryAnswer.svelte b/packages/stacks-svelte/src/components/PostSummary/PostSummaryAnswer.svelte
index 9e1055e0b6..4b952bd346 100644
--- a/packages/stacks-svelte/src/components/PostSummary/PostSummaryAnswer.svelte
+++ b/packages/stacks-svelte/src/components/PostSummary/PostSummaryAnswer.svelte
@@ -4,115 +4,151 @@
 </script>
 
 <script lang="ts">
-    import PostSummaryStatsItem from "./PostSummaryStatsItem.svelte";
-    import { IconCheck } from "@stackoverflow/stacks-icons/icons";
-    import Badge from "../Badge/Badge.svelte";
-    import Link from "../Link/Link.svelte";
+    import type { SvelteDate } from "svelte/reactivity";
+    import Excerpt from "./PostSummaryExcerpt.svelte";
+    import {
+        IconAnswer16Fill,
+        IconVote16Up,
+    } from "@stackoverflow/stacks-icons/icons";
     import UserCard from "../UserCard/UserCard.svelte";
     import UserCardTime from "../UserCard/UserCardTime.svelte";
+    import Icon from "../Icon/Icon.svelte";
     import UserCardBling from "../UserCard/UserCardBling.svelte";
+    import { formatCount } from "@stackoverflow/stacks-utils";
 
-    /**
-     * A brief excerpt of the answer
-     */
-    export let excerpt: string;
-
-    /**
-     * The URL to navigate to when the "View answers" link is clicked
-     */
-    export let href: string;
-
-    /**
-     * The timestamp for the answer
-     */
-    export let timestamp: string;
-
-    /**
-     * Avatar image source of answer's author
-     */
-    export let userAvatar: string;
-
-    /**
-     * The display name of the answer author
-     */
-    export let userName: string;
-
-    /**
-     * Link to the answer author's profile
-     */
-    export let userProfileUrl: string;
-
-    /**
-     * The reputation of the answer author
-     */
-    export let userReputation: string | number;
-
-    /**
-     * Count of votes on the answer
-     */
-    export let votes: number | string;
-
-    /**
-     * Display the "Accepted answer" stats item
-     */
-    export let accepted: boolean = false;
-
-    /**
-     * The text for "Accepted answer" stats item
-     */
-    export let i18nAcceptedAnswerText = "Accepted answer";
-
-    /**
-     * Text for the votes stats item unit
-     */
-    export let i18nVotesUnit: string = Number(votes) === 1 ? "vote" : "votes";
-
-    /**
-     * The text for "View answers" link
-     */
-    export let i18nViewAnswersText = "View answers";
+    export interface Props {
+        /**
+         * A brief excerpt of the answer
+         */
+        excerpt: string;
+
+        /**
+         * The URL to navigate to when the "View answers" link is clicked
+         */
+        href: string;
+
+        /**
+        /**
+         * The human readable timestamp of the answer including any verb describing the action associated with the answer (e.g. "answered", "commented", etc.)
+         */
+        readableTimestamp: string;
+
+        /**
+         * The UTC timestamp of the answer
+         * Should be a valid Date, ISO string, or timestamp number.
+         */
+        utcTimestamp: Date | SvelteDate | string;
+
+        /**
+         * Avatar image source of answer's author
+         */
+        userAvatar: string;
+
+        /**
+         * The display name of the answer author
+         */
+        userName: string;
+
+        /**
+         * Link to the answer author's profile
+         */
+        userProfileUrl: string;
+
+        /**
+         * The reputation of the answer author
+         */
+        userReputation: string | number;
+
+        /**
+         * Count of votes on the answer
+         */
+        votes: number;
+
+        /**
+         * Display the "Accepted answer" stats item
+         */
+        accepted?: boolean;
+
+        /**
+         * The text for "Accepted answer" stats item
+         */
+        i18nAcceptedAnswerText?: string;
+
+        /**
+         * Text for the votes stats item unit
+         */
+        i18nReputationBlingName?: string;
+    }
+
+    const {
+        excerpt,
+        readableTimestamp,
+        utcTimestamp,
+        userAvatar,
+        userName,
+        userProfileUrl,
+        userReputation,
+        votes,
+        accepted = false,
+        i18nAcceptedAnswerText = "Accepted answer",
+        i18nReputationBlingName = "reputation bling",
+    }: Props = $props();
+
+    const getClasses = (accepted: boolean) => {
+        const base = "s-post-summary--answer";
+        let classes = base;
+
+        if (accepted) {
+            classes += ` ${base}__accepted`;
+        }
+
+        return classes;
+    };
+
+    const classes = $derived(getClasses(accepted));
 </script>
 
-<div class="s-post-summary--answer">
-    <div class="s-post-summary--stats">
-        <PostSummaryStatsItem
-            variant="votes"
-            unit={i18nVotesUnit}
-            number={votes}
+{#snippet userBling()}
+    {#if userReputation}
+        <UserCardBling
+            name={i18nReputationBlingName}
+            type="rep"
+            text={userReputation}
         />
-        {#if accepted}
-            <Badge
-                text={i18nAcceptedAnswerText}
-                type="state"
-                state="success"
-                icon={IconCheck}
-                squared
-                class="s-post-summary--stats-item"
-            />
-        {/if}
-    </div>
-    <p class="s-post-summary--answer-excerpt">{excerpt}</p>
-    <div class="s-post-summary--meta">
-        <Link {href}>{i18nViewAnswersText}</Link>
-        {#snippet time()}
-            <UserCardTime text={timestamp} />
-        {/snippet}
-        {#snippet blings()}
-            {#if userReputation}
-                <UserCardBling
-                    name="reputation bling"
-                    type="rep"
-                    text={userReputation}
-                />
-            {/if}
-        {/snippet}
+    {/if}
+{/snippet}
+
+<div class={classes}>
+    <div class="s-post-summary--content-meta">
         <UserCard
             profileUrl={userProfileUrl}
             size="sm"
             avatar={userAvatar}
             name={userName}
-            {time}
-            {blings}
-        />
+            blings={userBling}
+        >
+            {#snippet time()}
+                <UserCardTime
+                    text={readableTimestamp}
+                    timestamp={utcTimestamp}
+                />
+            {/snippet}
+        </UserCard>
+        <div class="s-post-summary--stats">
+            <div class="s-post-summary--stats-votes">
+                <Icon src={IconVote16Up} />
+                {formatCount(votes || 0)}
+            </div>
+            {#if accepted}
+                <div class="s-post-summary--stats-answers">
+                    <Icon
+                        src={IconAnswer16Fill}
+                        class="s-post-summary--stats-answers--icon"
+                    />
+                    {i18nAcceptedAnswerText}
+                </div>
+            {/if}
+        </div>
     </div>
+    <Excerpt {excerpt} truncate={false} />
 </div>
diff --git a/packages/stacks-svelte/src/components/PostSummary/PostSummaryAnswer.test.ts b/packages/stacks-svelte/src/components/PostSummary/PostSummaryAnswer.test.ts
index 7360023208..33741383d6 100644
--- a/packages/stacks-svelte/src/components/PostSummary/PostSummaryAnswer.test.ts
+++ b/packages/stacks-svelte/src/components/PostSummary/PostSummaryAnswer.test.ts
@@ -1,12 +1,13 @@
 import { expect } from "@open-wc/testing";
-import { render, screen } from "@testing-library/svelte";
+import { render, screen, within } from "@testing-library/svelte";
 import PostSummaryAnswer from "./PostSummaryAnswer.svelte";
 
 const baseArgs = {
     href: "#",
     excerpt:
         "I wanted to see how different tags related to each other. The below graph depicts associations between popular tags on our site.",
-    timestamp: "10 minutes ago",
+    readableTimestamp: "answered 2 hr ago",
+    utcTimestamp: "2024-01-15T12:00:00.000Z",
     userAvatar: "https://avatars.githubusercontent.com/u/2",
     userName: "Jane Smith",
     userReputation: "1,000",
@@ -20,44 +21,35 @@ describe("PostSummaryAnswer", () => {
 
         const excerpt = screen.getByText(baseArgs.excerpt);
         expect(excerpt).to.exist;
-        expect(excerpt).to.have.class("s-post-summary--answer-excerpt");
+        expect(excerpt).to.have.class("s-post-summary--excerpt");
         expect(excerpt).to.have.text(baseArgs.excerpt);
     });
 
-    it("should render the view answers link with the passed href", () => {
-        render(PostSummaryAnswer, { ...baseArgs });
-
-        const viewAnswersLink = screen.getByRole("link", {
-            name: "View answers",
-        });
-        expect(viewAnswersLink).to.exist;
-        expect(viewAnswersLink).to.have.attr("href", baseArgs.href);
-    });
-
-    it("should render the accepted answer badge when accepted is true", () => {
+    it("should render the accepted answer stats when accepted is true", () => {
         render(PostSummaryAnswer, { ...baseArgs, accepted: true });
 
         const acceptedItem = screen.getByText("Accepted answer", {
-            selector: ".s-post-summary--stats-item",
+            selector: ".s-post-summary--stats-answers",
         });
         expect(acceptedItem).to.exist;
         expect(acceptedItem?.textContent?.trim()).to.equal("Accepted answer");
-        expect(acceptedItem).to.have.class("s-post-summary--stats-item");
+        expect(acceptedItem).to.have.class("s-post-summary--stats-answers");
     });
 
     it("should render the user card with the correct props", () => {
-        render(PostSummaryAnswer, { ...baseArgs });
+        const { container } = render(PostSummaryAnswer, { ...baseArgs });
+        const scope = within(container);
 
-        const userCard = document.querySelector(".s-user-card");
+        const userCard = container.querySelector(".s-user-card");
         expect(userCard).to.exist;
 
-        const name = document.querySelector(".s-user-card--username");
+        const name = container.querySelector(".s-user-card--username");
         expect(name?.parentElement).to.have.attr(
             "href",
             baseArgs.userProfileUrl
         );
 
-        const avatarImg = screen.getByRole("presentation");
+        const avatarImg = scope.getByRole("presentation");
         const avatar = avatarImg?.parentElement;
         expect(avatarImg).to.have.attr("src", baseArgs.userAvatar);
         expect(avatar).to.have.class("s-avatar");
@@ -66,38 +58,35 @@ describe("PostSummaryAnswer", () => {
             baseArgs.userProfileUrl
         );
 
-        const reputation = screen.getByText(baseArgs.userReputation);
+        const reputation = scope.getByText(baseArgs.userReputation);
         expect(reputation).to.exist;
 
-        const timestamp = screen.getByText(baseArgs.timestamp);
-        expect(timestamp).to.exist;
+        const timeLink = container.querySelector(".s-user-card--time");
+        expect(timeLink).to.exist;
+        // Machine-readable time is in the popover content (sibling), not inside the link
+        expect(container.querySelector("time")).to.exist;
     });
 
-    // i18n
-    it("should render the accepted answer badge with the localized text", () => {
-        render(PostSummaryAnswer, {
-            ...baseArgs,
-            accepted: true,
-            i18nAcceptedAnswerText: "Respuesta aceptada",
-        });
+    it("should render the votes count", () => {
+        render(PostSummaryAnswer, { ...baseArgs });
 
-        const acceptedBadge = screen.getByText("Respuesta aceptada", {
-            selector: ".s-badge",
-        });
-        expect(acceptedBadge).to.exist;
-        expect(acceptedBadge).to.have.class("s-post-summary--stats-item");
+        const votesEl = document.querySelector(".s-post-summary--stats-votes");
+        expect(votesEl).to.exist;
+        expect(votesEl?.textContent?.trim()).to.include("5");
     });
 
-    it("should render the view answers link with the localized text", () => {
+    // i18n
+    it("should render the accepted answer stats with the localized text", () => {
         render(PostSummaryAnswer, {
             ...baseArgs,
-            i18nViewAnswersText: "Ver respuestas",
+            accepted: true,
+            i18nAcceptedAnswerText: "Respuesta aceptada",
         });
 
-        const viewAnswersLink = screen.getByRole("link", {
-            name: "Ver respuestas",
+        const acceptedStats = screen.getByText("Respuesta aceptada", {
+            selector: ".s-post-summary--stats-answers",
         });
-        expect(viewAnswersLink).to.exist;
-        expect(viewAnswersLink).to.have.attr("href", baseArgs.href);
+        expect(acceptedStats).to.exist;
+        expect(acceptedStats).to.have.class("s-post-summary--stats-answers");
     });
 });
diff --git a/packages/stacks-svelte/src/components/PostSummary/PostSummaryContentType.test.ts b/packages/stacks-svelte/src/components/PostSummary/PostSummaryContentType.test.ts
index fce2b31d2e..78c0e2707b 100644
--- a/packages/stacks-svelte/src/components/PostSummary/PostSummaryContentType.test.ts
+++ b/packages/stacks-svelte/src/components/PostSummary/PostSummaryContentType.test.ts
@@ -1,22 +1,17 @@
-import { createRawSnippet } from "svelte";
 import { expect } from "@open-wc/testing";
 import { render, screen } from "@testing-library/svelte";
 import PostSummaryContentType from "./PostSummaryContentType.svelte";
 
-const snippet = createRawSnippet(() => ({
-    render: () => "<span>test content</span>",
-}));
-
 describe("PostSummaryContentType", () => {
     it("should render the content type", () => {
         render(PostSummaryContentType, {
             href: "#",
             name: "announcement",
-            // @ts-expect-error $$slots is used to pass children while component is still using Svelte 4 syntax
-            $$slots: { default: snippet },
         });
 
-        const contentType = screen.getByText("Announcement").parentElement;
+        const contentType = screen
+            .getByText("Announcement")
+            .closest(".s-post-summary--content-type");
         expect(contentType).to.exist;
         expect(contentType).to.have.class("s-post-summary--content-type");
     });
diff --git a/packages/stacks-svelte/src/components/PostSummary/PostSummaryExcerpt.svelte b/packages/stacks-svelte/src/components/PostSummary/PostSummaryExcerpt.svelte
index add970f6e4..cd4cdb834b 100644
--- a/packages/stacks-svelte/src/components/PostSummary/PostSummaryExcerpt.svelte
+++ b/packages/stacks-svelte/src/components/PostSummary/PostSummaryExcerpt.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import type { ExcerptSize } from "./PostSummary.svelte";
+    import type { ExcerptLines } from "./PostSummary.svelte";
 
     /**
      * The excerpt text to be displayed
@@ -7,19 +7,27 @@
     export let excerpt: string;
 
     /**
-     * The size of the excerpt text
-     * @type {"sm" | "md" | "lg" | undefined} ExcerptSize
+     * The number of lines to truncate the excerpt text
      */
-    export let size: ExcerptSize = undefined;
+    export let lines: ExcerptLines = 3;
 
-    $: classes = getClasses(size);
+    /**
+     * Whether to truncate the excerpt text
+     */
+    export let truncate: boolean = true;
+
+    $: classes = getClasses(lines, truncate);
 
-    const getClasses = (size: ExcerptSize) => {
-        const base = "s-post-summary--content-excerpt";
+    const getClasses = (lines: ExcerptLines, truncate: boolean) => {
+        const base = "s-post-summary--excerpt";
         let classes = base;
 
-        if (size) {
-            classes += ` ${base}__${size}`;
+        if (lines === 0) {
+            classes = "d-none";
+        } else {
+            if (truncate) {
+                classes += ` v-truncate${lines}`;
+            }
         }
 
         return classes;
diff --git a/packages/stacks-svelte/src/components/PostSummary/PostSummaryExcerpt.test.ts b/packages/stacks-svelte/src/components/PostSummary/PostSummaryExcerpt.test.ts
index 99d3effca5..f95fc94810 100644
--- a/packages/stacks-svelte/src/components/PostSummary/PostSummaryExcerpt.test.ts
+++ b/packages/stacks-svelte/src/components/PostSummary/PostSummaryExcerpt.test.ts
@@ -2,29 +2,51 @@ import { expect } from "@open-wc/testing";
 import { render, screen } from "@testing-library/svelte";
 import PostSummaryExcerpt from "./PostSummaryExcerpt.svelte";
 
-const baseArgs = {
-    excerpt: "This is a brief excerpt of the post content.",
-};
+const baseExcerpt = "This is a brief excerpt of the post content.";
 
 describe("PostSummaryExcerpt", () => {
-    it("should render the excerpt", () => {
+    it("should render the excerpt with base class", () => {
         render(PostSummaryExcerpt, {
-            excerpt: "This is a brief excerpt of the post content.",
+            excerpt: baseExcerpt,
         });
 
-        const excerpt = screen.getByText(baseArgs.excerpt);
+        const excerpt = screen.getByText(baseExcerpt);
         expect(excerpt).to.exist;
-        expect(excerpt).to.have.class("s-post-summary--content-excerpt");
+        expect(excerpt).to.have.class("s-post-summary--excerpt");
+        expect(excerpt.tagName).to.equal("P");
     });
 
-    it("should render the excerpt with the appropriate size class", () => {
+    it("should apply v-truncate class when truncate is true", () => {
         render(PostSummaryExcerpt, {
-            excerpt: "This is a brief excerpt of the post content.",
-            size: "md",
+            excerpt: baseExcerpt,
+            lines: 2,
+            truncate: true,
         });
 
-        const excerpt = screen.getByText(baseArgs.excerpt);
-        expect(excerpt).to.exist;
-        expect(excerpt).to.have.class("s-post-summary--content-excerpt__md");
+        const excerpt = screen.getByText(baseExcerpt);
+        expect(excerpt).to.have.class("s-post-summary--excerpt");
+        expect(excerpt).to.have.class("v-truncate2");
+    });
+
+    it("should not apply v-truncate class when truncate is false", () => {
+        render(PostSummaryExcerpt, {
+            excerpt: baseExcerpt,
+            truncate: false,
+        });
+
+        const excerpt = screen.getByText(baseExcerpt);
+        expect(excerpt).to.have.class("s-post-summary--excerpt");
+        expect(excerpt).not.to.have.class("v-truncate3");
+    });
+
+    it("should apply d-none when lines is 0", () => {
+        render(PostSummaryExcerpt, {
+            excerpt: baseExcerpt,
+            lines: 0,
+        });
+
+        const excerpt = screen.getByText(baseExcerpt);
+        expect(excerpt).to.have.class("d-none");
+        expect(excerpt).not.to.have.class("s-post-summary--excerpt");
     });
 });
diff --git a/packages/stacks-svelte/src/components/PostSummary/PostSummaryStateBadge.svelte b/packages/stacks-svelte/src/components/PostSummary/PostSummaryStateBadge.svelte
index 3b21cc1ac8..ba4715f9b3 100644
--- a/packages/stacks-svelte/src/components/PostSummary/PostSummaryStateBadge.svelte
+++ b/packages/stacks-svelte/src/components/PostSummary/PostSummaryStateBadge.svelte
@@ -3,40 +3,39 @@
     import type { BadgeState } from "../Badge/Badge.svelte";
     import type { State } from "./PostSummary.svelte";
     import {
-        IconArchiveSm,
-        IconEyeSm,
-        IconNotInterestedSm,
-        IconPencilSm,
-        IconTackSm,
-        IconTrashSm,
-    } from "@stackoverflow/stacks-icons-legacy/icons";
+        IconCompose,
+        IconDocument,
+        IconEye,
+        IconFlag,
+        IconKey,
+    } from "@stackoverflow/stacks-icons/icons";
 
-    type PostSummaryState = Exclude<State, undefined>;
+    type PostSummaryStateBadge = Exclude<State, "deleted" | undefined>;
 
     /**
      * The state of the post, which affects its styling
-     * @type {"archived" | "closed" | "deleted" | "draft" | "deleted" | "pinned" | "review"} State
      */
-    export let state: PostSummaryState;
+    export let state: PostSummaryStateBadge;
 
     /**
      * Text to display in the badge
      */
     export let i18nText: string | undefined = undefined;
 
-    const STATE_ICON_MAP = {
-        archived: IconArchiveSm,
-        closed: IconNotInterestedSm,
-        deleted: IconTrashSm,
-        draft: IconPencilSm,
-        pinned: IconTackSm,
-        review: IconEyeSm,
+    const STATE_ICON_MAP: Record<PostSummaryStateBadge, string> = {
+        archived: IconDocument,
+        closed: IconFlag,
+        draft: IconCompose,
+        pinned: IconKey,
+        review: IconEye,
     };
 
-    const STATE_BADGE_MAP: Record<PostSummaryState, BadgeState> = {
-        archived: "tonal",
+    const STATE_BADGE_MAP: Record<
+        PostSummaryStateBadge,
+        BadgeState | undefined
+    > = {
+        archived: undefined,
         closed: "danger",
-        deleted: "danger",
         draft: "info",
         pinned: "tonal",
         review: "warning",
@@ -52,7 +51,4 @@
     type="state"
     icon={STATE_ICON_MAP[state]}
     state={STATE_BADGE_MAP[state]}
-    squared
-    important={state === "deleted" || state === "pinned"}
-    class="s-post-summary--stats-item"
 />
diff --git a/packages/stacks-svelte/src/components/PostSummary/PostSummaryStateBadge.test.ts b/packages/stacks-svelte/src/components/PostSummary/PostSummaryStateBadge.test.ts
index 5ff16c387d..3963bd8760 100644
--- a/packages/stacks-svelte/src/components/PostSummary/PostSummaryStateBadge.test.ts
+++ b/packages/stacks-svelte/src/components/PostSummary/PostSummaryStateBadge.test.ts
@@ -3,23 +3,29 @@ import { render, screen } from "@testing-library/svelte";
 import PostSummaryStateBadge from "./PostSummaryStateBadge.svelte";
 
 describe("PostSummaryStateBadge", () => {
-    it("should render the state badge with appropriate badge classes", () => {
+    it("should render the state badge with base class", () => {
         render(PostSummaryStateBadge, { state: "archived" });
 
         const badge = screen.getByText("Archived");
         expect(badge).to.exist;
         expect(badge).to.have.class("s-badge");
-        expect(badge).to.have.class("s-badge__tonal");
-        expect(badge).to.have.class("s-badge__squared");
     });
 
-    it("should render the state badge with the appropriate icon", () => {
+    it("should render the state badge with state variant class when state has a badge variant", () => {
+        render(PostSummaryStateBadge, { state: "closed" });
+
+        const badge = screen.getByText("Closed");
+        expect(badge).to.exist;
+        expect(badge).to.have.class("s-badge");
+        expect(badge).to.have.class("s-badge__danger");
+    });
+
+    it("should render the state badge with an icon", () => {
         render(PostSummaryStateBadge, { state: "archived" });
 
         const badge = screen.getByText("Archived");
-        const iconElement = badge.firstElementChild;
-        expect(iconElement).to.exist;
-        expect(iconElement).to.have.class("iconArchiveSm");
+        const icon = badge.querySelector("svg");
+        expect(icon).to.exist;
     });
 
     it("should render the i18nText if provided", () => {
diff --git a/packages/stacks-svelte/src/components/PostSummary/PostSummaryStatsItem.svelte b/packages/stacks-svelte/src/components/PostSummary/PostSummaryStatsItem.svelte
deleted file mode 100644
index f5224ad8da..0000000000
--- a/packages/stacks-svelte/src/components/PostSummary/PostSummaryStatsItem.svelte
+++ /dev/null
@@ -1,82 +0,0 @@
-<script module lang="ts">
-    export type Variant =
-        | "answers"
-        | "bounty"
-        | "read-time"
-        | "views"
-        | "votes"
-        | undefined;
-</script>
-
-<script lang="ts">
-    import type { Hotness } from "./PostSummary.svelte";
-    /**
-     * Number to be displayed
-     */
-    export let number: string | number;
-
-    /**
-     * Label to be displayed as the unit of the number
-     */
-    export let unit: string;
-
-    /**
-     * Apply hotness styling
-     * @type {"warm" | "hot" | "supernova" | undefined} Hotness
-     */
-    export let hotness: Hotness = undefined;
-
-    /**
-     * The variant of the stats item
-     * @type {"answers" | "bounty" | "views" | "votes" | undefined} Variant
-     */
-    export let variant: Variant = undefined;
-
-    /**
-     * Additional CSS classes added to the element
-     */
-    let className = "";
-    export { className as class };
-
-    $: classes = getClasses(className, hotness, variant);
-
-    const getClasses = (
-        className: string,
-        hotness: Hotness,
-        variant: Variant
-    ) => {
-        const base = "s-post-summary--stats-item";
-        let classes = base;
-
-        if (className) {
-            classes += ` ${className}`;
-        }
-
-        if (variant === "answers" && number && Number(number) > 0) {
-            classes += ` has-answers`;
-        }
-
-        if (hotness) {
-            classes += ` is-${hotness}`;
-        }
-
-        if (variant === "bounty") {
-            classes += ` s-badge s-badge__bounty`;
-        }
-
-        if (variant === "votes") {
-            classes += ` ${base}__emphasized`;
-        }
-
-        return classes;
-    };
-</script>
-
-<div class={classes}>
-    <span class="s-post-summary--stats-item-number">
-        {#if variant === "bounty"}+{/if}{number}
-    </span>
-    {#if variant !== "bounty"}
-        <span class="s-post-summary--stats-item-unit">{unit}</span>
-    {/if}
-</div>
diff --git a/packages/stacks-svelte/src/components/PostSummary/PostSummaryStatsItem.test.ts b/packages/stacks-svelte/src/components/PostSummary/PostSummaryStatsItem.test.ts
deleted file mode 100644
index ac1d2f8cfa..0000000000
--- a/packages/stacks-svelte/src/components/PostSummary/PostSummaryStatsItem.test.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { expect } from "@open-wc/testing";
-import { render, screen } from "@testing-library/svelte";
-import PostSummaryStatsItem from "./PostSummaryStatsItem.svelte";
-
-describe("PostSummaryStatsItem", () => {
-    it("should render the unit and number", () => {
-        render(PostSummaryStatsItem, {
-            number: 123,
-            unit: "views",
-            variant: "views",
-        });
-
-        const itemText = screen
-            .getByText("views")
-            .closest(".s-post-summary--stats-item");
-        expect(itemText).to.exist;
-        expect(itemText?.textContent).to.equal("123 views");
-    });
-
-    it("should apply the correct class for variant", () => {
-        render(PostSummaryStatsItem, {
-            number: 50,
-            unit: "",
-            variant: "bounty",
-        });
-
-        const item = screen
-            .getByText("+50")
-            .closest(".s-post-summary--stats-item");
-        ["s-badge", "s-badge__bounty"].forEach((className) => {
-            expect(item).to.have.class(className);
-        });
-    });
-
-    it("should apply the `has-answers` class when appropriate", () => {
-        render(PostSummaryStatsItem, {
-            number: 5,
-            unit: "answers",
-            variant: "answers",
-        });
-
-        const item = screen
-            .getByText("answers")
-            .closest(".s-post-summary--stats-item");
-        expect(item).to.have.class("has-answers");
-    });
-
-    it("should apply the correct class for hotness", () => {
-        render(PostSummaryStatsItem, {
-            hotness: "hot",
-            number: 123,
-            unit: "views",
-        });
-
-        const item = screen
-            .getByText("views")
-            .closest(".s-post-summary--stats-item");
-        expect(item).to.have.class("is-hot");
-    });
-
-    it("should apply emphasis to the votes variant", () => {
-        render(PostSummaryStatsItem, {
-            number: 5,
-            unit: "votes",
-            variant: "votes",
-        });
-
-        const item = screen
-            .getByText("votes")
-            .closest(".s-post-summary--stats-item");
-        expect(item).to.have.class("s-post-summary--stats-item__emphasized");
-    });
-});
diff --git a/packages/stacks-svelte/src/components/UserCard/UserCardTime.svelte b/packages/stacks-svelte/src/components/UserCard/UserCardTime.svelte
index 5f3de619d1..b56f36542b 100644
--- a/packages/stacks-svelte/src/components/UserCard/UserCardTime.svelte
+++ b/packages/stacks-svelte/src/components/UserCard/UserCardTime.svelte
@@ -1,18 +1,20 @@
 <script lang="ts">
+    import type { SvelteDate } from "svelte/reactivity";
+    import { formatTime } from "@stackoverflow/stacks-utils";
     import Popover from "../Popover/Popover.svelte";
     import PopoverContent from "../Popover/PopoverContent.svelte";
     import PopoverReference from "../Popover/PopoverReference.svelte";
 
     interface Props {
         /**
-         * Text to display in the user card time e.g. asked 2h ago
+         * Text to display instead of the formatted time
          */
-        text: string;
+        text?: string;
 
         /**
          * Precise date and time of the post in ISO format
          */
-        timestamp?: string;
+        timestamp?: Date | SvelteDate | string;
 
         /**
          * Link to post activity
@@ -26,12 +28,17 @@
 <Popover id="user-card-time-popover" tooltip>
     <PopoverReference>
         <a {href} class="s-user-card--time">
-            <time>
-                {text}
-            </time>
+            {text ||
+                formatTime(
+                    typeof timestamp === "string"
+                        ? timestamp
+                        : (timestamp as Date).toISOString()
+                )}
         </a>
     </PopoverReference>
-    <PopoverContent>
-        {timestamp}
-    </PopoverContent>
+    {#if timestamp}
+        <PopoverContent>
+            <time>{timestamp}</time>
+        </PopoverContent>
+    {/if}
 </Popover>