Fix styles to work within #paige-content

layouts/partials/paige/style.html

@@ -13,29 +13,17 @@ body, html {
     display: flex;
 }
 
-.paige-content {
+.paige-content, #paige-content {
     counter-reset: paige-figure;
 }
 
-.paige-content .paige-figure.paige-figure-numbered {
+.paige-content > blockquote, #paige-content > blockquote {
-    counter-increment: paige-figure;
-}
-
-.paige-content .paige-figure.paige-figure-numbered figcaption:empty::before {
-    content: "{{ i18n `paige_figure` | safeCSS }} " counter(paige-figure);
-}
-
-.paige-content .paige-figure.paige-figure-numbered figcaption::before {
-    content: "{{ i18n `paige_figure` | safeCSS }} " counter(paige-figure) ": ";
-}
-
-.paige-content > blockquote {
     padding: 0.5rem 1rem;
     border-left: 0.25rem solid var(--bs-border-color);
     padding-right: 0.25rem;
 }
 
-.paige-content > blockquote p:last-of-type {
+.paige-content > blockquote p:last-of-type, #paige-content > blockquote p:last-of-type {
     margin-bottom: 0;
 }
 
@@ -43,35 +31,47 @@ body, html {
     margin-bottom: 1rem;
 }
 
-.paige-figure .highlight .chroma pre, .paige-figure .highlight pre.chroma {
+.paige-figure > figure > div > :last-child {
     margin-bottom: 0;
 }
 
-.paige-figure .paige-video {
+.paige-figure .highlight .chroma pre, .paige-figure .highlight pre.chroma {
     margin-bottom: 0;
 }
 
-.paige-figure > figure > div > :last-child {
+.paige-figure .paige-image {
     margin-bottom: 0;
 }
 
-.paige-gallery {
+.paige-figure .paige-quote > blockquote {
-    margin-bottom: 1rem;
+    margin-bottom: 0;
 }
 
-.paige-gallery .paige-figure {
+.paige-figure .paige-video {
     margin-bottom: 0;
 }
 
-.paige-gallery .paige-image {
+.paige-figure.paige-figure-numbered {
-    margin-bottom: 0;
+    counter-increment: paige-figure;
 }
 
-.paige-figure .paige-image {
+.paige-figure.paige-figure-numbered figcaption:empty::before {
+    content: "{{ i18n `paige_figure` | safeCSS }} " counter(paige-figure);
+}
+
+.paige-figure.paige-figure-numbered figcaption::before {
+    content: "{{ i18n `paige_figure` | safeCSS }} " counter(paige-figure) ": ";
+}
+
+.paige-gallery {
+    margin-bottom: 1rem;
+}
+
+.paige-gallery .paige-figure {
     margin-bottom: 0;
 }
 
-.paige-figure .paige-quote > blockquote {
+.paige-gallery .paige-image {
     margin-bottom: 0;
 }