From 13efb65203dced1060e8e8ed58f2c55910878f1b Mon Sep 17 00:00:00 2001
From: jbensal <jay.bensal@gmail.com>
Date: Fri, 20 Feb 2026 16:40:41 -0500
Subject: [PATCH 1/2] Reduce size of the text on best practice guides

---
 css/styles.css | 49 +++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 47 insertions(+), 2 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index e937a3cd..c8644796 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -126,11 +126,56 @@ h3.post-title{
   font-family: "Roboto", "Helvetica Neue", sans-serif;
   letter-spacing: 0;
   font-weight: 400;
-  font-size: 1.5rem;
-  line-height: 1.5;
+  font-size: 1.125rem;
+  line-height: 1.6;
   color: #161616; 
 }
 
+/* Reduce text sizes within best practices pages */
+.best-practices-text .text-xlarge {
+  font-size: 1.5rem;
+  margin-bottom: 0.5rem;
+  line-height: 1.4;
+}
+
+.best-practices-text .text-large {
+  font-size: 1.125rem;
+  margin-bottom: 0.75rem;
+  line-height: 1.6;
+}
+
+/* Reduce spacing in best practices content */
+.best-practices-text .post-content > p {
+  margin-bottom: 1rem;
+}
+
+.best-practices-text .post-content > h2 {
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+}
+
+.best-practices-text .post-content > h3 {
+  margin-top: 1.5rem;
+  margin-bottom: 0.75rem;
+}
+
+.best-practices-text ol {
+  margin-bottom: 1.5rem;
+  margin-top: 1rem;
+}
+
+.best-practices-text ol li {
+  margin-bottom: 0.75rem;
+}
+
+.best-practices-text ol li + p {
+  margin-top: 0.5rem;
+}
+
+.best-practices-text .mb-0 {
+  margin-bottom: 0 !important;
+}
+
 .visualization-page-text{
   font-family: "Roboto", "Helvetica Neue", sans-serif;
   letter-spacing: 0;

From a80603be6e8bd25f15ecab04049cc837a89b7bc1 Mon Sep 17 00:00:00 2001
From: jbensal <jay.bensal@gmail.com>
Date: Mon, 23 Feb 2026 20:34:33 -0500
Subject: [PATCH 2/2] Change space again and modify text size as needed

---
 css/styles.css | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/css/styles.css b/css/styles.css
index c8644796..c353cddc 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -176,6 +176,38 @@ h3.post-title{
   margin-bottom: 0 !important;
 }
 
+/* Reduce top spacer gap for best practices pages */
+.section-block.bkg-grey-ultralight:has(+ .content.best-practices-text) {
+  padding-top: 5rem;
+  padding-bottom: 0;
+}
+
+/* Reduce internal padding of content card for best practices */
+.best-practices-text .with-background {
+  padding: 3rem 5rem;
+}
+
+/* Best practices page title sizing */
+.best-practices-text h1.post-title {
+  font-size: 2.25rem;
+  margin-bottom: 0.4rem;
+}
+
+.best-practices-text h3.post-title {
+  font-size: 1.625rem;
+  font-weight: 400;
+  margin-bottom: 1.5rem;
+}
+
+/* Best practices section header sizing */
+.best-practices-text h2 {
+  font-size: 1.75rem;
+}
+
+.best-practices-text h3:not(.post-title) {
+  font-size: 1.25rem;
+}
+
 .visualization-page-text{
   font-family: "Roboto", "Helvetica Neue", sans-serif;
   letter-spacing: 0;