From 8518eaade0798042f64fcfc293f12ef37cf5934d Mon Sep 17 00:00:00 2001
From: "Brian S. Stephan" <bss@incorporeal.org>
Date: Sat, 19 Jul 2025 18:15:57 -0500
Subject: [PATCH] add some custom styling for sidebars and elements

using OG-CSRD's classes mostly, on the sidebars and whatnot, but also
giving some basic theming to headers and links and such
---
 pandoc/templates/bss-styles.html | 49 ++++++++++++++++++++++++++++++--
 1 file changed, 46 insertions(+), 3 deletions(-)

diff --git a/pandoc/templates/bss-styles.html b/pandoc/templates/bss-styles.html
index 5ef3fd4..f6dfe06 100644
--- a/pandoc/templates/bss-styles.html
+++ b/pandoc/templates/bss-styles.html
@@ -13,7 +13,7 @@ $endif$
 }
 body {
   margin: 0 auto;
-  max-width: $if(maxwidth)$$maxwidth$$else$54em$endif$;
+  max-width: $if(maxwidth)$$maxwidth$$else$72em$endif$;
   padding-left: $if(margin-left)$$margin-left$$else$50px$endif$;
   padding-right: $if(margin-right)$$margin-right$$else$50px$endif$;
   padding-top: $if(margin-top)$$margin-top$$else$50px$endif$;
@@ -66,12 +66,10 @@ svg {
   max-width: 100%;
 }
 h1, h2, h3, h4, h5, h6 {
-  color: #811610;
   margin-top: 1.4em;
 }
 h5, h6 {
   font-size: 1em;
-  font-style: italic;
 }
 h6 {
   font-weight: normal;
@@ -202,3 +200,48 @@ $endif$
 $if(csl-css)$
 $styles.citations.html()$
 $endif$
+
+/* STYLES ON ELEMENTS FROM OG-CSRD */
+.alert {
+    background-color: rgba(129, 22, 16, 0.05);
+    border: 3px solid #814b48;
+    padding: 0 20px;
+    margin: 15px;
+}
+
+.og-alert {
+    background-color: rgba(122, 122, 122, 0.1);
+    border: 3px solid #DDD;
+}
+
+.og-sidebar {
+    background-color: rgba(129, 22, 16, 0.05);
+    border: 1px solid #DDD;
+    border-left: 3px solid #814b48;
+    padding: 0 20px;
+    margin: 15px;
+}
+
+.og-ed {
+    background-color: rgba(122, 122, 122, 0.1);
+    border: 1px solid #DDD;
+    border-left: 3px solid #DDD;
+    padding: 0 20px;
+    margin: 15px;
+}
+
+.og-ref {
+    font-size: 75%;
+    color: #666;
+}
+
+/* BSS STYLES */
+a {
+    font-weight: bold;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    color: #811610;
+    text-transform: uppercase;
+    line-height: 1.2em;
+}