@stackoverflow/stacks 0.73.1 → 0.76.0

package/dist/css/stacks.css

@@ -1225,6 +1225,15 @@ body.theme-highcontrast .s-label--status {
   background-color: var(--red-100);
   color: var(--red-600);
 }
+@media (prefers-color-scheme: dark) {
+  body.theme-system .s-label--status.s-label--status__required {
+    color: var(--red-800);
+  }
+}
+body.theme-dark .s-label--status.s-label--status__required,
+.theme-dark__forced .s-label--status.s-label--status__required {
+  color: var(--red-800);
+}
 .s-label--status.s-label--status__new {
   background-color: var(--green-100);
   color: var(--green-700);
@@ -2191,12 +2200,10 @@ body.theme-dark .s-popover--arrow,
 @media (max-width: 980px) {
   .s-post-summary {
     flex-direction: column;
-    align-items: flex-start;
   }
 }
 .s-post-summary.s-post-summary__minimal {
   flex-direction: column;
-  align-items: flex-start;
 }
 .s-post-summary.s-post-summary__minimal .s-post-summary--stats {
   width: auto;
@@ -2206,6 +2213,77 @@ body.theme-dark .s-popover--arrow,
 .s-post-summary.s-post-summary__minimal .s-post-summary--content {
   width: 100%;
 }
+.s-post-summary.s-post-summary__legacy {
+  padding-left: 0;
+}
+@media (max-width: 980px) {
+  .s-post-summary.s-post-summary__legacy {
+    padding-left: 16px;
+  }
+}
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats {
+  width: auto;
+  flex-direction: row;
+  align-items: center;
+  gap: 2px;
+}
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item {
+  min-width: 64px;
+  height: 48px;
+  flex-direction: column;
+  gap: 0;
+  font-size: 12px;
+}
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.s-post-summary--stats-item__emphasized {
+  color: inherit;
+}
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.has-accepted-answer .svg-icon {
+  display: none;
+}
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item .s-post-summary--stats-item-number {
+  font-weight: normal;
+  font-size: 1.30769231rem;
+}
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-deleted,
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-published,
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-draft,
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-review,
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-closed,
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-archived,
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-pinned {
+  display: none;
+}
+@media (max-width: 980px) {
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats {
+    flex-direction: row;
+    align-items: center;
+    gap: 8px;
+  }
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item {
+    min-width: auto;
+    height: auto;
+    flex-direction: row;
+    gap: 3px;
+  }
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item .s-post-summary--stats-item-number {
+    font-size: inherit;
+  }
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.s-post-summary--stats-item__emphasized {
+    color: var(--fc-dark);
+  }
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.has-accepted-answer .svg-icon {
+    display: block;
+  }
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-deleted,
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-published,
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-draft,
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-review,
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-closed,
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-archived,
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-pinned {
+    display: block;
+  }
+}
 .s-post-summary--content-menu-button {
   position: absolute !important;
   top: 8px;
@@ -2216,47 +2294,52 @@ body.theme-dark .s-popover--arrow,
   margin: 0 !important;
 }
 .s-post-summary--stats {
-  --s-post-summary-stats-gap: 6px;
-  margin-right: 8px;
-  margin-bottom: -2px;
-  width: 96px;
+  gap: 6px;
+  margin-right: 16px;
+  margin-bottom: 4px;
+  width: 108px;
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
   flex-wrap: wrap;
   align-items: flex-end;
-  font-size: 12px;
+  font-size: 13px;
   color: var(--fc-light);
 }
 .s-post-summary--stats .s-post-summary--stats-item {
-  margin-right: var(--s-post-summary-stats-gap);
-  margin-bottom: var(--s-post-summary-stats-gap);
+  display: inline-flex;
+  gap: 0.3em;
+  align-items: center;
+  justify-content: center;
   white-space: nowrap;
   border: 1px solid transparent;
 }
-.s-post-summary--stats .s-post-summary--stats-item .svg-icon {
-  vertical-align: text-bottom;
+.s-post-summary--stats .s-post-summary--stats-item.s-post-summary--stats-item__emphasized {
+  color: var(--fc-dark);
+}
+.s-post-summary--stats .s-post-summary--stats-item .s-post-summary--stats-item-number {
+  font-weight: 500;
 }
 .s-post-summary--stats .s-post-summary--stats-item.has-answers,
 .s-post-summary--stats .s-post-summary--stats-item.has-bounty,
-.s-post-summary--stats .s-post-summary--stats-item.is-watched,
-.s-post-summary--stats .s-post-summary--stats-item.is-ignored,
 .s-post-summary--stats .s-post-summary--stats-item.is-deleted,
 .s-post-summary--stats .s-post-summary--stats-item.is-published,
 .s-post-summary--stats .s-post-summary--stats-item.is-draft,
 .s-post-summary--stats .s-post-summary--stats-item.is-review,
 .s-post-summary--stats .s-post-summary--stats-item.is-closed,
-.s-post-summary--stats .s-post-summary--stats-item.is-archived {
+.s-post-summary--stats .s-post-summary--stats-item.is-archived,
+.s-post-summary--stats .s-post-summary--stats-item.is-pinned {
   border-radius: 3px;
   padding: 2px 4px;
 }
 .s-post-summary--stats .s-post-summary--stats-item.has-answers {
-  color: var(--green-500);
-  border: 1px solid var(--green-500);
+  color: var(--green-600);
+  border: 1px solid var(--green-600);
 }
 .s-post-summary--stats .s-post-summary--stats-item.has-answers.has-accepted-answer {
   color: hsl(0, 0%, 100%);
   background-color: var(--green-500);
+  border-color: var(--green-500);
 }
 body.theme-highcontrast .s-post-summary--stats .s-post-summary--stats-item.has-answers.has-accepted-answer {
   color: var(--white);
@@ -2298,6 +2381,10 @@ body.theme-highcontrast .s-post-summary--stats .s-post-summary--stats-item.has-a
   background-color: var(--black-100);
   border-color: var(--black-600);
 }
+.s-post-summary--stats .s-post-summary--stats-item.is-pinned {
+  color: var(--white);
+  background-color: var(--black-700);
+}
 @media (max-width: 980px) {
   .s-post-summary--stats {
     flex-direction: row;
@@ -2310,28 +2397,50 @@ body.theme-highcontrast .s-post-summary--stats .s-post-summary--stats-item.has-a
   max-width: 100%;
 }
 .s-post-summary--content .s-post-summary--content-title {
-  display: inline-block;
+  display: block;
   font-size: 1.30769231rem;
-  margin-bottom: 6px;
-  overflow-wrap: break-word;
-  word-wrap: break-word;
+  margin-top: -0.15rem;
+  margin-bottom: 0.3846rem;
   padding-right: 24px;
+  line-height: 1.30769231;
+  font-weight: normal;
+  word-break: break-word !important;
+  word-wrap: break-word !important;
+  overflow-wrap: break-word !important;
+  -webkit-hyphens: auto !important;
+  -moz-hyphens: auto !important;
+  -ms-hyphens: auto !important;
+  hyphens: auto !important;
 }
 .s-post-summary--content .s-post-summary--content-title .iconShield {
-  color: var(--black-600);
-  vertical-align: baseline;
+  color: var(--fc-light);
+}
+.s-post-summary--content .s-post-summary--content-title .svg-icon {
+  vertical-align: text-bottom;
   position: relative;
-  bottom: -2px;
+  top: -1px;
 }
-@media (max-width: 640px) {
-  .s-post-summary--content .s-post-summary--content-title .iconShield {
-    vertical-align: text-bottom;
-    bottom: 0;
-  }
+.s-post-summary--content .s-post-summary--content-title a {
+  word-break: break-word !important;
+  word-wrap: break-word !important;
+  overflow-wrap: break-word !important;
+  -webkit-hyphens: auto !important;
+  -moz-hyphens: auto !important;
+  -ms-hyphens: auto !important;
+  hyphens: auto !important;
+  color: var(--theme-post-title-color);
+  font-family: var(--theme-post-title-font-family);
+}
+.s-post-summary--content .s-post-summary--content-title a:visited {
+  color: var(--theme-post-title-color-visited);
+}
+.s-post-summary--content .s-post-summary--content-title a:hover,
+.s-post-summary--content .s-post-summary--content-title a:active {
+  color: var(--theme-post-title-color-hover);
 }
 .s-post-summary--content .s-post-summary--content-type {
   color: var(--fc-medium);
-  margin-bottom: 2px;
+  margin-bottom: 4px;
 }
 .s-post-summary--content .s-post-summary--content-type .svg-icon {
   margin-left: -2px;
@@ -2340,32 +2449,55 @@ body.theme-highcontrast .s-post-summary--stats .s-post-summary--stats-item.has-a
 .s-post-summary--content .s-post-summary--content-excerpt {
   margin-top: -2px;
   margin-bottom: 8px;
+  font-family: var(--theme-post-body-font-family);
+  color: var(--fc-medium);
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
+  word-break: break-word !important;
+  word-wrap: break-word !important;
+  overflow-wrap: break-word !important;
+  -webkit-hyphens: auto !important;
+  -moz-hyphens: auto !important;
+  -ms-hyphens: auto !important;
+  hyphens: auto !important;
+}
+.s-post-summary--content .s-post-summary--content-excerpt.s-post-summary--content-excerpt__sm {
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.s-post-summary--content .s-post-summary--content-excerpt.s-post-summary--content-excerpt__md {
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.s-post-summary--content .s-post-summary--content-excerpt.s-post-summary--content-excerpt__lg {
+  display: -webkit-box;
+  -webkit-line-clamp: 4;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
 }
 .s-post-summary--meta {
-  --s-post-summary-tags-gap: 4px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
-  margin-bottom: calc(-1 * var(--s-post-summary-tags-gap));
+  column-gap: 6px;
+  row-gap: 8px;
 }
 .s-post-summary--meta .s-post-summary--meta-tags {
   display: flex;
   flex-wrap: wrap;
-  margin-right: var(--s-post-summary-tags-gap);
-}
-.s-post-summary--meta .s-post-summary--meta-tags > * {
-  margin-right: var(--s-post-summary-tags-gap);
-  margin-bottom: var(--s-post-summary-tags-gap);
+  gap: 4px;
 }
 .s-post-summary--meta .s-user-card {
   flex-wrap: wrap;
-  margin-bottom: var(--s-post-summary-tags-gap);
   margin-left: auto;
+  justify-content: flex-end;
 }
 .s-post-summary--answer {
   position: relative;
@@ -2403,13 +2535,11 @@ body.theme-highcontrast .s-post-summary--answer:before {
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
-.s-post-summary__watched .is-watched {
-  color: var(--white);
-  background-color: var(--yellow-600);
+.s-post-summary__watched {
+  background-color: var(--yellow-050);
 }
-.s-post-summary__ignored .is-ignored {
-  color: var(--white);
-  background-color: var(--black-600);
+.s-post-summary__deleted {
+  background-color: var(--red-050);
 }
 .s-post-summary__deleted .is-deleted {
   color: hsl(0, 0%, 100%);
@@ -2417,23 +2547,25 @@ body.theme-highcontrast .s-post-summary--answer:before {
 }
 .s-post-summary__ignored .s-post-summary--content,
 .s-post-summary__deleted .s-post-summary--content {
-  opacity: 0.7;
+  opacity: 0.6;
 }
-.s-post-summary__ignored .s-post-summary--stats-item:not(.is-ignored):not(.is-deleted),
-.s-post-summary__deleted .s-post-summary--stats-item:not(.is-ignored):not(.is-deleted) {
-  opacity: 0.7;
+.s-post-summary__ignored .s-post-summary--stats-item:not(.is-deleted),
+.s-post-summary__deleted .s-post-summary--stats-item:not(.is-deleted) {
+  opacity: 0.6;
   filter: grayscale(100%);
 }
-.s-post-summary__ignored .s-post-summary--content-title,
-.s-post-summary__deleted .s-post-summary--content-title {
+.s-post-summary__ignored .s-post-summary--content-title a,
+.s-post-summary__deleted .s-post-summary--content-title a {
   color: var(--black-600);
 }
-.s-post-summary__ignored .s-post-summary--content-title:hover,
-.s-post-summary__deleted .s-post-summary--content-title:hover {
+.s-post-summary__ignored .s-post-summary--content-title a:hover,
+.s-post-summary__deleted .s-post-summary--content-title a:hover,
+.s-post-summary__ignored .s-post-summary--content-title a:active,
+.s-post-summary__deleted .s-post-summary--content-title a:active {
   color: var(--black-500);
 }
-.s-post-summary__ignored .s-post-summary--content-title:visited,
-.s-post-summary__deleted .s-post-summary--content-title:visited {
+.s-post-summary__ignored .s-post-summary--content-title a:visited,
+.s-post-summary__deleted .s-post-summary--content-title a:visited {
   color: var(--black-700);
 }
 .s-post-summary__ignored .s-post-summary--content-excerpt,
@@ -3562,6 +3694,12 @@ body.theme-highcontrast .s-toggle-switch.s-toggle-switch__multiple input[type="r
 body.theme-highcontrast .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label:not(.s-toggle-switch--label-off) {
   color: var(--white);
 }
+.s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked:focus + label.s-toggle-switch--label-off {
+  box-shadow: 0 0 0 4px var(--focus-ring-muted);
+}
+.s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked:focus + label:not(.s-toggle-switch--label-off) {
+  box-shadow: 0 0 0 4px var(--focus-ring-success);
+}
 .s-topbar {
   min-width: auto;
   box-shadow: var(--bs-sm);
@@ -3699,7 +3837,7 @@ body.theme-highcontrast .s-topbar__light {
   --theme-topbar-search-shadow-focus: 0 0 0 4px hsla(0, 0%, 100%, 0.3);
   --theme-topbar-select-color: hsl(210, 8%, 85%);
   --theme-topbar-select-background: hsl(210, 8%, 35%);
-  --theme-topbar-item-color: hsl(210, 8%, 97.5%);
+  --theme-topbar-item-color: hsl(210, 8%, 85%);
   --theme-topbar-item-color-hover: hsl(0, 0%, 100%);
   --theme-topbar-item-background-hover: hsl(210, 8%, 25%);
   --theme-topbar-item-color-current: hsl(0, 0%, 100%);
@@ -3716,23 +3854,19 @@ body.theme-highcontrast .s-topbar__dark {
 body.theme-highcontrast .s-topbar__dark .s-badge {
   border-color: currentColor;
 }
-.s-topbar .s-topbar--content,
-.s-topbar .s-topbar--ctas {
+.s-topbar .s-topbar--content {
   display: flex;
   height: 100%;
   list-style: none;
   margin: 0;
   padding: 0;
-}
-.s-topbar .s-topbar--content > li,
-.s-topbar .s-topbar--ctas > li {
-  display: inline-flex;
-}
-.s-topbar .s-topbar--content {
   overflow-x: auto;
   scrollbar-color: var(--scrollbar) transparent;
   margin-left: auto;
 }
+.s-topbar .s-topbar--content > li {
+  display: inline-flex;
+}
 .s-topbar .s-topbar--content::-webkit-scrollbar {
   width: 10px;
   height: 10px;
@@ -3750,7 +3884,7 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
   background-color: transparent;
   border-color: transparent;
 }
-.s-topbar .s-topbar--content .s-topbar--item {
+.s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset) {
   color: var(--theme-topbar-item-color);
   display: inline-flex;
   align-items: center;
@@ -3759,60 +3893,33 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
   white-space: nowrap;
   position: relative;
 }
-.s-topbar .s-topbar--content .s-topbar--item:hover,
-.s-topbar .s-topbar--content .s-topbar--item:focus,
-.s-topbar .s-topbar--content .s-topbar--item.is-selected,
-.s-topbar .s-topbar--content .s-topbar--item.is-selected:hover,
-.s-topbar .s-topbar--content .s-topbar--item.is-selected:focus {
+.s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset):hover,
+.s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset):focus,
+.s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset).is-selected,
+.s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset).is-selected:hover,
+.s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset).is-selected:focus {
   color: var(--theme-topbar-item-color-hover);
   background-color: var(--theme-topbar-item-background-hover);
   text-decoration: none;
   outline: none;
 }
-.s-topbar .s-topbar--content .s-topbar--item:hover .s-activity-indicator,
-.s-topbar .s-topbar--content .s-topbar--item:focus .s-activity-indicator,
-.s-topbar .s-topbar--content .s-topbar--item.is-selected .s-activity-indicator,
-.s-topbar .s-topbar--content .s-topbar--item.is-selected:hover .s-activity-indicator,
-.s-topbar .s-topbar--content .s-topbar--item.is-selected:focus .s-activity-indicator {
+.s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset):hover .s-activity-indicator,
+.s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset):focus .s-activity-indicator,
+.s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset).is-selected .s-activity-indicator,
+.s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset).is-selected:hover .s-activity-indicator,
+.s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset).is-selected:focus .s-activity-indicator {
   top: calc(50% - 18px);
 }
-.s-topbar .s-topbar--content .s-topbar--item .svg-icon {
+.s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset) .svg-icon {
   vertical-align: text-top;
 }
-.s-topbar .s-topbar--content .s-topbar--item .s-activity-indicator {
+.s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset) .s-activity-indicator {
   position: absolute;
   top: calc(50% - 14px);
   right: 2px;
   transition: top cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;
 }
-.s-topbar .s-topbar--ctas {
-  padding-left: 4px;
-  padding-right: 8px;
-  overflow-x: auto;
-  scrollbar-color: var(--scrollbar) transparent;
-  margin-left: auto;
-}
-.s-topbar .s-topbar--ctas::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
-  background-color: transparent;
-}
-.s-topbar .s-topbar--ctas::-webkit-scrollbar-track {
-  border-radius: 10px;
-  background-color: transparent;
-}
-.s-topbar .s-topbar--ctas::-webkit-scrollbar-thumb {
-  border-radius: 10px;
-  background-color: var(--scrollbar);
-}
-.s-topbar .s-topbar--ctas::-webkit-scrollbar-corner {
-  background-color: transparent;
-  border-color: transparent;
-}
-.s-topbar .s-topbar--ctas li + li {
-  margin-left: 4px;
-}
-.s-topbar .s-topbar--ctas .s-topbar--item {
+.s-topbar .s-topbar--content .s-topbar--item__unset {
   align-self: center;
   padding-top: 8px;
   padding-bottom: 8px;
@@ -4092,13 +4199,14 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
 .s-user-card {
   display: grid;
   grid-template-columns: auto 1fr;
-  grid-column-gap: 8px;
+  column-gap: 8px;
+  row-gap: 4px;
   align-items: center;
   line-height: 1;
   padding: 8px;
 }
 .s-user-card.s-user-card__highlighted {
-  background-color: var(--theme-secondary-025);
+  background-color: var(--theme-secondary-050);
   border-radius: 5px;
 }
 .s-user-card.s-user-card__highlighted .s-user-card--type {
@@ -4107,9 +4215,6 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
 .s-user-card.s-user-card__full {
   align-items: start;
 }
-.s-user-card.s-user-card__full .s-user-card--info {
-  grid-gap: 4px;
-}
 .s-user-card.s-user-card__full .s-user-card--link {
   font-size: 1.15384615rem;
 }
@@ -4119,67 +4224,50 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
 .s-user-card.s-user-card__small {
   display: flex;
   align-items: center;
-  grid-column-gap: unset;
+  gap: 4px;
   padding: 0;
 }
-.s-user-card.s-user-card__small .s-user-card--time {
-  margin-right: 6px;
-  margin-bottom: 0;
-}
-.s-user-card.s-user-card__small .s-user-card--link {
-  margin-right: 6px;
-}
-.s-user-card.s-user-card__small .s-user-card--avatar {
-  margin-right: 6px;
-}
 .s-user-card.s-user-card__small .s-user-card--info {
-  display: flex;
+  flex-direction: row;
   align-items: center;
-  grid-column-gap: unset;
 }
 .s-user-card.s-user-card__minimal {
   display: flex;
   align-items: center;
-  grid-column-gap: unset;
+  gap: 4px;
   padding: 0;
 }
 .s-user-card.s-user-card__minimal .s-user-card--time {
-  margin-right: 4px;
-  margin-bottom: 0;
   white-space: nowrap;
 }
 .s-user-card.s-user-card__minimal .s-user-card--link {
-  margin-right: 4px;
   white-space: nowrap;
 }
-.s-user-card.s-user-card__minimal .s-user-card--avatar {
-  margin-right: 4px;
-}
 .s-user-card.s-user-card__minimal .s-user-card--rep {
-  padding: 0;
   color: var(--black-600);
 }
 .s-user-card.s-user-card__minimal .s-user-card--info {
-  display: flex;
+  flex-direction: row;
   align-items: center;
-  grid-column-gap: unset;
 }
 .s-user-card .s-user-card--type {
   grid-column: 1 / 3;
-  padding-top: 4px;
   font-size: 12px;
   color: var(--theme-primary-400);
 }
+.s-user-card .s-user-card--type a {
+  color: inherit;
+}
 .s-user-card--time {
   grid-column: 1 / 3;
   grid-row: 1 / 2;
   color: var(--black-500);
   font-size: 12px;
-  margin-bottom: 4px;
 }
 .s-user-card--info {
-  display: grid;
-  grid-gap: 2px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
 }
 .s-user-card--link {
   min-width: 0;
@@ -4194,9 +4282,9 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
   padding: 0;
   display: flex;
   align-items: center;
+  gap: 6px;
 }
 .s-user-card--awards li {
-  margin-right: 6px;
   font-size: 12px;
 }
 .s-user-card--rep {
@@ -4208,7 +4296,6 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
   color: var(--black-500);
 }
 .s-user-card--tags {
-  padding-top: 1px;
   min-width: 0;
   align-items: center;
   flex-wrap: wrap;
@@ -4462,8 +4549,58 @@ body.theme-highcontrast .s-sidebarwidget__green .s-sidebarwidget--content {
 body.theme-highcontrast .s-sidebarwidget__green:after {
   border-color: var(--green-700);
 }
+@font-face {
+  font-family: "Segoe UI Adjusted";
+  src: local(Segoe UI);
+  ascent-override: 95%;
+}
+@font-face {
+  font-family: "Segoe UI Adjusted";
+  src: local(Segoe UI Italic);
+  ascent-override: 95%;
+  font-style: italic;
+}
+@font-face {
+  font-family: "Segoe UI Adjusted";
+  src: local(Segoe UI Semibold);
+  ascent-override: 95%;
+  font-weight: 600;
+}
+@font-face {
+  font-family: "Segoe UI Adjusted";
+  src: local(Segoe UI Semibold Italic);
+  ascent-override: 95%;
+  font-style: italic;
+  font-weight: 600;
+}
+@font-face {
+  font-family: "Segoe UI Adjusted";
+  src: local(Segoe UI Bold);
+  ascent-override: 90%;
+  font-weight: 700;
+}
+@font-face {
+  font-family: "Segoe UI Adjusted";
+  src: local(Segoe UI Bold Italic);
+  ascent-override: 95%;
+  font-style: italic;
+  font-weight: 700;
+}
+@font-face {
+  font-family: "Segoe UI Adjusted";
+  src: local(Segoe UI Black);
+  ascent-override: 95%;
+  font-weight: 800;
+}
+@font-face {
+  font-family: "Segoe UI Adjusted";
+  src: local(Segoe UI Black Italic);
+  ascent-override: 95%;
+  font-style: italic;
+  font-weight: 800;
+}
 body {
-  --ff-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
+  --ff-sans: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
   --ff-serif: Georgia, Cambria, "Times New Roman", Times, serif;
   --ff-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", Menlo, Monaco, Consolas, monospace;
   --theme-body-font-family: var(--ff-sans);
@@ -4476,6 +4613,7 @@ body.theme-system .theme-light__forced .themed,
 body.theme-dark .themed,
 body:not(.theme-dark) .theme-dark__forced .themed {
   --theme-body-font-color: var(--black-800);
+  --theme-background-color: var(--white);
   --theme-link-color: var(--theme-secondary-400);
   --theme-link-color-hover: var(--theme-secondary-350);
   --theme-link-color-visited: var(--theme-secondary-500);
@@ -4528,6 +4666,11 @@ body:not(.theme-dark) .theme-dark__forced .themed {
   --theme-topbar-item-color-current: var(--black);
   --theme-topbar-item-border-current: var(--theme-primary-color);
   --theme-topbar-accent-border: 3px solid var(--theme-primary-color);
+  --theme-post-title-color: var(--theme-link-color);
+  --theme-post-title-color-hover: var(--theme-link-color-hover);
+  --theme-post-title-color-visited: var(--theme-link-color-visited);
+  --theme-post-title-font-family: var(--theme-body-font-family);
+  --theme-post-body-font-family: var(--theme-body-font-family);
 }
 .highcontrast-themed-colors,
 body.theme-highcontrast:not(.theme-dark),
@@ -4692,6 +4835,7 @@ body.theme-system .theme-light__forced {
   --bs-sm: 0 1px 2px hsla(0, 0%, 0%, 0.05), 0 1px 4px hsla(0, 0%, 0%, 0.05), 0 2px 8px hsla(0, 0%, 0%, 0.05);
   --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.06), 0 2px 6px hsla(0, 0%, 0%, 0.06), 0 3px 8px hsla(0, 0%, 0%, 0.09);
   --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.09), 0 3px 8px hsla(0, 0%, 0%, 0.09), 0 4px 13px hsla(0, 0%, 0%, 0.13);
+  --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.05), 0 20px 48px hsla(0, 0%, 0%, 0.05), 0 1px 4px hsla(0, 0%, 0%, 0.1);
   --scrollbar: hsla(0, 0%, 0%, 0.2);
   --highlight-bg: hsl(0, 0%, 96.5%);
   --highlight-color: var(--black-750);
@@ -4862,6 +5006,7 @@ body:not(.theme-dark) .theme-dark__forced {
   --bs-sm: 0 1px 2px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.1), 0 2px 8px hsla(0, 0%, 0%, 0.1);
   --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.11), 0 2px 6px hsla(0, 0%, 0%, 0.11), 0 3px 8px hsla(0, 0%, 0%, 0.14);
   --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.14), 0 3px 8px hsla(0, 0%, 0%, 0.14), 0 4px 13px hsla(0, 0%, 0%, 0.18);
+  --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.1), 0 20px 48px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.15);
   --scrollbar: hsla(0, 0%, 100%, 0.2);
   --highlight-bg: hsl(0, 2%, 11%);
   --highlight-color: var(--black);
@@ -5030,6 +5175,7 @@ body:not(.theme-dark) .theme-dark__forced .themed {
     --bs-sm: 0 1px 2px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.1), 0 2px 8px hsla(0, 0%, 0%, 0.1);
     --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.11), 0 2px 6px hsla(0, 0%, 0%, 0.11), 0 3px 8px hsla(0, 0%, 0%, 0.14);
     --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.14), 0 3px 8px hsla(0, 0%, 0%, 0.14), 0 4px 13px hsla(0, 0%, 0%, 0.18);
+    --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.1), 0 20px 48px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.15);
     --scrollbar: hsla(0, 0%, 100%, 0.2);
     --highlight-bg: hsl(0, 2%, 11%);
     --highlight-color: var(--black);
@@ -5199,6 +5345,7 @@ body.theme-system.theme-highcontrast .theme-light__forced {
   --bs-sm: none;
   --bs-md: none;
   --bs-lg: none;
+  --bs-xl: none;
   --scrollbar: var(--black);
   --highlight-bg: hsl(0, 0%, 96.5%);
   --highlight-color: var(--black-750);
@@ -5319,6 +5466,7 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
   --bs-sm: none;
   --bs-md: none;
   --bs-lg: none;
+  --bs-xl: none;
   --scrollbar: var(--black);
   --highlight-bg: hsl(0, 0%, 10%);
   --highlight-color: hsl(0, 0%, 100%);
@@ -5439,6 +5587,7 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
     --bs-sm: none;
     --bs-md: none;
     --bs-lg: none;
+    --bs-xl: none;
     --scrollbar: var(--black);
     --highlight-bg: hsl(0, 0%, 10%);
     --highlight-color: hsl(0, 0%, 100%);
@@ -10817,6 +10966,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
 .grid__12 {
   grid-template-columns: repeat(12, minmax(0, 1fr));
 }
+.grid__auto {
+  grid-template-columns: auto 1fr;
+}
 .grid--col-all {
   grid-column: 1 / -1;
 }
@@ -12402,6 +12554,48 @@ body.theme-dark .d\:bg-theme-secondary-025,
 .ln100 {
   left: -100% !important;
 }
+.i0 {
+  inset: 0 !important;
+}
+.i1 {
+  inset: 1px !important;
+}
+.i2 {
+  inset: 2px !important;
+}
+.i4 {
+  inset: 4px !important;
+}
+.i6 {
+  inset: 6px !important;
+}
+.i8 {
+  inset: 8px !important;
+}
+.i12 {
+  inset: 12px !important;
+}
+.i16 {
+  inset: 16px !important;
+}
+.i24 {
+  inset: 24px !important;
+}
+.i32 {
+  inset: 32px !important;
+}
+.i48 {
+  inset: 48px !important;
+}
+.i64 {
+  inset: 64px !important;
+}
+.i96 {
+  inset: 96px !important;
+}
+.i128 {
+  inset: 128px !important;
+}
 h1,
 h2,
 h3,
@@ -12724,6 +12918,12 @@ ul ol,
 ol ol {
   margin-bottom: 0;
 }
+ul {
+  list-style-type: disc;
+}
+ol {
+  list-style-type: decimal;
+}
 .list-reset {
   list-style: none;
   margin: 0;
@@ -13346,6 +13546,9 @@ ol ol {
 .h\:bs-lg:hover {
   box-shadow: var(--bs-lg) !important;
 }
+.bs-xl {
+  box-shadow: var(--bs-xl) !important;
+}
 .bs-ring {
   box-shadow: 0 0 0 4px var(--focus-ring);
 }
@@ -13458,6 +13661,9 @@ ol ol {
 .w-auto {
   width: auto !important;
 }
+.w-screen {
+  width: 100vw !important;
+}
 .ws0,
 .w0 {
   width: 0 !important;
@@ -13588,6 +13794,9 @@ ol ol {
 .wmx-initial {
   max-width: initial !important;
 }
+.wmx-screen {
+  max-width: 100vw !important;
+}
 .wmn0 {
   min-width: 0 !important;
 }
@@ -13651,6 +13860,9 @@ ol ol {
 .h-auto {
   height: auto !important;
 }
+.h-screen {
+  height: 100vh !important;
+}
 .hs0,
 .h0 {
   height: 0 !important;
@@ -13772,6 +13984,9 @@ ol ol {
 .hmx-initial {
   max-height: initial !important;
 }
+.hmx-screen {
+  max-height: 100vh !important;
+}
 .hmn0 {
   min-height: 0 !important;
 }
@@ -13817,6 +14032,9 @@ ol ol {
 .hmn-initial {
   min-height: initial !important;
 }
+.hmx-screen {
+  min-height: 100vh !important;
+}
 /* stylelint-disable */
 @media (max-width: 1264px) {
   .lg\:ba {
@@ -14046,6 +14264,9 @@ ol ol {
   .lg\:grid__12 {
     grid-template-columns: repeat(12, minmax(0, 1fr));
   }
+  .lg\:grid__auto {
+    grid-template-columns: auto 1fr;
+  }
   .lg\:grid--col-all {
     grid-column: 1 / -1;
   }
@@ -14835,12 +15056,18 @@ ol ol {
   .lg\:w-auto {
     width: auto !important;
   }
+  .lg\:w-screen {
+    width: 100vw !important;
+  }
   .lg\:wmx100 {
     max-width: 100% !important;
   }
   .lg\:wmx-initial {
     max-width: initial !important;
   }
+  .lg\:wmx-screen {
+    max-width: 100vw !important;
+  }
   .lg\:wmn100 {
     min-width: 100% !important;
   }
@@ -14853,18 +15080,27 @@ ol ol {
   .lg\:h-auto {
     height: auto !important;
   }
+  .lg\:h-screen {
+    height: 100vh !important;
+  }
   .lg\:hmx100 {
     max-height: 100% !important;
   }
   .lg\:hmx-initial {
     max-height: initial !important;
   }
+  .lg\:hmx-screen {
+    max-height: 100vh !important;
+  }
   .lg\:hmn100 {
     min-height: 100% !important;
   }
   .lg\:hmn-initial {
     min-height: initial !important;
   }
+  .lg\:hmx-screen {
+    min-height: 100vh !important;
+  }
 }
 @media (max-width: 980px) {
   .md\:ba {
@@ -15094,6 +15330,9 @@ ol ol {
   .md\:grid__12 {
     grid-template-columns: repeat(12, minmax(0, 1fr));
   }
+  .md\:grid__auto {
+    grid-template-columns: auto 1fr;
+  }
   .md\:grid--col-all {
     grid-column: 1 / -1;
   }
@@ -15883,12 +16122,18 @@ ol ol {
   .md\:w-auto {
     width: auto !important;
   }
+  .md\:w-screen {
+    width: 100vw !important;
+  }
   .md\:wmx100 {
     max-width: 100% !important;
   }
   .md\:wmx-initial {
     max-width: initial !important;
   }
+  .md\:wmx-screen {
+    max-width: 100vw !important;
+  }
   .md\:wmn100 {
     min-width: 100% !important;
   }
@@ -15901,18 +16146,27 @@ ol ol {
   .md\:h-auto {
     height: auto !important;
   }
+  .md\:h-screen {
+    height: 100vh !important;
+  }
   .md\:hmx100 {
     max-height: 100% !important;
   }
   .md\:hmx-initial {
     max-height: initial !important;
   }
+  .md\:hmx-screen {
+    max-height: 100vh !important;
+  }
   .md\:hmn100 {
     min-height: 100% !important;
   }
   .md\:hmn-initial {
     min-height: initial !important;
   }
+  .md\:hmx-screen {
+    min-height: 100vh !important;
+  }
 }
 @media (max-width: 640px) {
   .sm\:ba {
@@ -16142,6 +16396,9 @@ ol ol {
   .sm\:grid__12 {
     grid-template-columns: repeat(12, minmax(0, 1fr));
   }
+  .sm\:grid__auto {
+    grid-template-columns: auto 1fr;
+  }
   .sm\:grid--col-all {
     grid-column: 1 / -1;
   }
@@ -16931,12 +17188,18 @@ ol ol {
   .sm\:w-auto {
     width: auto !important;
   }
+  .sm\:w-screen {
+    width: 100vw !important;
+  }
   .sm\:wmx100 {
     max-width: 100% !important;
   }
   .sm\:wmx-initial {
     max-width: initial !important;
   }
+  .sm\:wmx-screen {
+    max-width: 100vw !important;
+  }
   .sm\:wmn100 {
     min-width: 100% !important;
   }
@@ -16949,18 +17212,27 @@ ol ol {
   .sm\:h-auto {
     height: auto !important;
   }
+  .sm\:h-screen {
+    height: 100vh !important;
+  }
   .sm\:hmx100 {
     max-height: 100% !important;
   }
   .sm\:hmx-initial {
     max-height: initial !important;
   }
+  .sm\:hmx-screen {
+    max-height: 100vh !important;
+  }
   .sm\:hmn100 {
     min-height: 100% !important;
   }
   .sm\:hmn-initial {
     min-height: initial !important;
   }
+  .sm\:hmx-screen {
+    min-height: 100vh !important;
+  }
 }
 @media print {
   .print\:d-block {
@@ -16990,7 +17262,7 @@ body {
 body {
   box-sizing: border-box;
   min-height: 100%;
-  background-color: var(--white);
+  background-color: var(--theme-background-color);
 }
 body *,
 body *:before,
@@ -17039,7 +17311,7 @@ body *:after {
 .s-banner--container {
   position: relative;
   width: 100%;
-  max-width: 1060px;
+  max-width: 81.025641rem;
   margin: 0 auto;
 }
 .s-btn {
@@ -18321,7 +18593,7 @@ body.theme-highcontrast .s-notice__danger {
 }
 .s-tag {
   display: inline-flex;
-  align-content: center;
+  align-items: center;
   justify-content: center;
   min-width: 0;
   padding-left: 4px;
@@ -18542,6 +18814,33 @@ body.theme-highcontrast a.s-tag__muted:not(.is-selected):focus,
 body.theme-highcontrast a.s-tag__muted:not(.is-selected):active {
   border-color: currentColor;
 }
+.s-tag__watched,
+.s-tag__ignored {
+  position: relative;
+  padding-left: 22px;
+}
+.s-tag__watched:before,
+.s-tag__ignored:before {
+  content: "";
+  display: block;
+  width: 14px;
+  height: 14px;
+  margin-right: 2px;
+  background-color: currentColor;
+  position: absolute;
+  left: 4px;
+  top: calc(50% - 7px);
+  -webkit-mask: var(--s-tag-icon) no-repeat center;
+  mask: var(--s-tag-icon) no-repeat center;
+  -webkit-mask-size: contain;
+  mask-size: contain;
+}
+.s-tag__watched {
+  --s-tag-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M7.05 1C2.63 1 0 6.5 0 6.5S2.63 12 7.05 12C11.38 12 14 6.5 14 6.5S11.37 1 7.05 1ZM7 10.17A3.59 3.59 0 0 1 3.5 6.5 3.6 3.6 0 0 1 7 2.83c1.94 0 3.5 1.65 3.5 3.67A3.57 3.57 0 0 1 7 10.17Zm0-1.84c.97 0 1.75-.81 1.75-1.83S7.97 4.67 7 4.67s-1.75.81-1.75 1.83S6.03 8.33 7 8.33Z'/%3E%3C/svg%3E");
+}
+.s-tag__ignored {
+  --s-tag-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3.52 7.38 1.58 9.26A12.38 12.38 0 0 1 0 7s2.63-5.14 7.05-5.14c.66 0 1.28.12 1.86.32L7.44 3.6a3.48 3.48 0 0 0-3.92 3.78ZM5.3 9.99c.5.28 1.1.44 1.71.44 1.94 0 3.5-1.53 3.5-3.43 0-.62-.17-1.21-.47-1.72L8.7 6.6a1.73 1.73 0 0 1-2.08 2.07L5.29 10Zm6.23-6.19A12.7 12.7 0 0 1 14 7s-2.63 5.14-6.95 5.14A6.1 6.1 0 0 1 4 11.3L2.27 13l-1.4-1.36L11.9 1l1.23 1.2-1.6 1.6Z'/%3E%3C/svg%3E");
+}
 .s-pagination {
   display: flex;
   flex-wrap: wrap;
@@ -18588,3 +18887,4 @@ body.theme-highcontrast .s-pagination--item {
 .s-sidebarwidget--subnav li[aria-current="page"] {
   background-image: url("data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22?%3E%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%207%2010%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m0.72153%200.68446%204.1336%204.3077-4.1336%204.3077%22%20fill%3D%22none%22%20stroke%3D%22var%28--theme-primary-color%29%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
 }
+