Fixes to markdown extensions/styling. Sort crawlers most recent first.

frontend/src/assets/pagerite.css

@@ -928,10 +928,10 @@ figure:has(img[width]) {
    later rules win at equal specificity. The analytics dashboard uses the
    same breakout directly on its container (div.wide — it is the page's
    whole content, not a figure), and code blocks via a trailing {.wide}
-   line (fence attrs land on <code>, hence pre:has(.wide)). */
+   line (fence block attrs land on <pre> itself). */
 figure:has(.wide),
 div.wide,
-pre:has(.wide) {
+pre.wide {
   width: 100vw;
   max-width: none;
   margin-inline: calc(50% - 50vw);
@@ -939,7 +939,7 @@ pre:has(.wide) {
 
 /* Full bleed means edge to edge — no rounded corners. */
 figure:has(.wide) img,
-pre:has(.wide) {
+pre.wide {
   border-radius: 0;
 }
 
@@ -948,7 +948,7 @@ pre:has(.wide) {
    1fr + 4fr grid, i.e. 20vw — plus main's padding, and spans on to the
    right viewport edge. */
 body:has(.multicol) figure:has(.wide),
-body:has(.multicol) pre:has(.wide) {
+body:has(.multicol) pre.wide {
   margin-inline: calc(-20vw - 1.25rem) 0;
 }
 
@@ -956,7 +956,7 @@ body:has(.multicol) pre:has(.wide) {
    window keeps its overlay scrollbars while editing, so — unlike a classic
    scrollbar — they take no layout space and the vw math stays exact. */
 body.editing figure:has(.wide),
-body.editing pre:has(.wide) {
+body.editing pre.wide {
   width: calc(100vw - var(--editor-w));
   margin-inline: calc(50% - (100vw - var(--editor-w)) / 2);
 }
@@ -964,7 +964,7 @@ body.editing pre:has(.wide) {
 /* Editing + multicol: the left gutter is 1/5 of the space right of the
    editor, and the bleed also crosses main's 1.25rem left padding. */
 body.editing:has(.multicol) figure:has(.wide),
-body.editing:has(.multicol) pre:has(.wide) {
+body.editing:has(.multicol) pre.wide {
   margin-inline: calc((100vw - var(--editor-w)) / -5 - 1.25rem) 0;
 }
 
@@ -977,7 +977,7 @@ body.editing:has(.multicol) pre:has(.wide) {
    where the editing rules above apply instead. */
 @media (max-width: 102rem) {
   body:has(#sidebar):not(.editing) figure:has(.wide),
-  body:has(#sidebar):not(.editing) pre:has(.wide) {
+  body:has(#sidebar):not(.editing) pre.wide {
     margin-inline: -13.25rem 0;
   }
 }