From b381f8742d2be6b39c44713a8c0d303cfca864a8 Mon Sep 17 00:00:00 2001
From: Will Faught <willfaught@users.noreply.github.com>
Date: Thu, 16 Mar 2023 23:48:39 -0700
Subject: [PATCH] Fix styles to work within #paige-content

---
 layouts/partials/paige/style.html | 50 +++++++++++++++----------------
 1 file changed, 25 insertions(+), 25 deletions(-)

diff --git a/layouts/partials/paige/style.html b/layouts/partials/paige/style.html
index aabb637e..7e529935 100644
--- a/layouts/partials/paige/style.html
+++ b/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 {
-    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 {
+.paige-content > blockquote, #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 {
-    margin-bottom: 1rem;
+.paige-figure .paige-quote > blockquote {
+    margin-bottom: 0;
 }
 
-.paige-gallery .paige-figure {
+.paige-figure .paige-video {
     margin-bottom: 0;
 }
 
-.paige-gallery .paige-image {
-    margin-bottom: 0;
+.paige-figure.paige-figure-numbered {
+    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;
 }