From a3f666c974d681b801f4dfec8da90f035eaf6035 Mon Sep 17 00:00:00 2001
From: Jeffrey Hales <committable@bluechip.icu>
Date: Mon, 22 Jun 2026 11:08:22 -0700
Subject: [PATCH] refactor(styles): move service-page rules into a dedicated
 pages stylesheet

- keep blog.css focused on blog/article styling only
- move the existing .service-page rules unchanged into pages.css
- import pages.css from the shared global stylesheet
- preserve the current service-page layout and responsive behavior
---
 www/src/styles/blog.css   | 5 -----
 www/src/styles/global.css | 1 +
 www/src/styles/pages.css  | 5 +++++
 3 files changed, 6 insertions(+), 5 deletions(-)
 create mode 100644 www/src/styles/pages.css

diff --git a/www/src/styles/blog.css b/www/src/styles/blog.css
index 1cf4133..6ca247d 100644
--- a/www/src/styles/blog.css
+++ b/www/src/styles/blog.css
@@ -9,14 +9,9 @@
 .blog-post-body blockquote p { color: var(--color-primary); margin: 0 0 1.55rem; }
 .source-page { max-width: 980px; }
 .source-page > h2:first-of-type { margin-top: 0; }
-.service-page > p > img, .service-page > img { float: right; margin: .5rem 0 1.5rem 2rem; max-height: 230px; max-width: 300px; object-fit: cover; }
-.service-page h3 { font-size: 2rem; }
 .blog-post-body { max-width: 960px; }
 .blog-post-body p { margin-bottom: 1.55rem; }
 .blog-post-body table { border: 1px solid #d7d9e3; border-collapse: collapse; display: table; margin: 0 0 1.4rem; width: 100%; }
 .blog-post-body td, .blog-post-body th { border: 1px solid #d7d9e3; padding: 10px; }
 .blog-post-body th { background: var(--color-primary); color: #fff; }
 .blog-post-body td { background: #fff; color: var(--color-primary); }
-@media (max-width: 700px) {
-  .service-page > p > img, .service-page > img { float: none; margin: 1.5rem 0; max-width: 100%; width: 100%; }
-}
diff --git a/www/src/styles/global.css b/www/src/styles/global.css
index 0968888..35a7fae 100644
--- a/www/src/styles/global.css
+++ b/www/src/styles/global.css
@@ -4,3 +4,4 @@
 @import './components.css';
 @import './forms.css';
 @import './blog.css';
+@import './pages.css';
diff --git a/www/src/styles/pages.css b/www/src/styles/pages.css
new file mode 100644
index 0000000..0fa3623
--- /dev/null
+++ b/www/src/styles/pages.css
@@ -0,0 +1,5 @@
+.service-page > p > img, .service-page > img { float: right; margin: .5rem 0 1.5rem 2rem; max-height: 230px; max-width: 300px; object-fit: cover; }
+.service-page h3 { font-size: 2rem; }
+@media (max-width: 700px) {
+  .service-page > p > img, .service-page > img { float: none; margin: 1.5rem 0; max-width: 100%; width: 100%; }
+}