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;
}