tweak title h2/h3 sizing, note vspace margin collapse and custom spacers

1 files changed, 7 insertions, 3 deletions

diff --git a/acarp.css b/acarp.css
index 2e4c05a..2a14e4a 100644
--- a/acarp.css
+++ b/acarp.css
@@ -312,7 +312,11 @@ section .math {
    Use these classes to add consistent spacing between content blocks.
    ============================================================================ */
 
-/* Vertical spacing utilities - add top margin */
+/* Vertical spacing utilities - add top margin.
+   For custom spacings, use an inline-height spacer div instead:
+     <div style="height: 15em"></div>
+   Note: consecutive vspace divs do NOT stack - adjacent margins collapse
+   to the larger value, so two .vspace-10 give 10em, not 20em. */
 .vspace-tiny { margin-top: 0.5em !important; }
 .vspace-small { margin-top: 1em !important; }
 .vspace-medium { margin-top: 2em !important; }
@@ -407,7 +411,7 @@ section.title > h1 {
 }
 
 section.title > h2 {
-  font-size: 1.2em !important;
+  font-size: 1.3em !important;
   color: #666;
   margin: 0.5em 0 0 0;
   padding: 0;
@@ -418,7 +422,7 @@ section.title > h2 {
 section.title > h3 {
   font-size: 0.9em !important;
   font-weight: normal !important;
-  color: #666;
+  color: #888;
   margin: 0.5em 0 0 0;
   padding: 0;
 }