clean up p styling with new classes to separate things under an h2 and things not under an h2

about/index.html

@@ -35,15 +35,11 @@
       <main id="main">
         <h1>About the Beall Greenhouses</h1>
 
-        <h2 id="past">Past</h2>
+        <div class="no-header">
-
           <p><a href="https://www.historylink.org/File/2346" target="_blank">
             Read about the Beall Greenhouses on HistoryLink.org
           </a></p>
-
+        </div>
-        <h2 id="present">Present</h2>
-
-        <h2 id="future">Future</h2>
       </main>
     </div>
     <footer id="footer"><!-- auto-populated by nav.js --></footer>

assets/styles/artist-resident.css

@@ -45,6 +45,12 @@
   }
 }
 
+.resident #bio,
+.contact ul {
+  background-color: var(--color-bg-alt);
+  border-radius: 0 0 1rem 1rem;
+}
+
 .contact {
   margin-top: 4rem;
   text-align: center;

assets/styles/main.css

@@ -128,23 +128,9 @@ a:focus-visible {
 main p,
 main ul {
   padding: .8rem;
-  background-color: var(--color-bg-alt);
-  border-radius: 0 0 1rem 1rem;
   line-height: 1.5rem;
 }
 
-main > p,
-main > ul {
-  margin-left: 2.5rem;
-}
-
-@media (max-width: 750px) {
-  main > p,
-  main > ul {
-    margin-left: 1.25rem;
-  }
-}
-
 main li {
   margin-left: 1rem;
 }
@@ -152,3 +138,24 @@ main li {
 main li:not(:last-child) {
   padding: 0 0 .5rem;
 }
+
+/* styles for sets of <p>s under an h2/3/etc vs alone */
+.under-header,
+.no-header {
+  background-color: var(--color-bg-alt);
+}
+
+.under-header {
+  border-radius: 0 0 1rem 1rem;
+  margin-left: 2.5rem;
+}
+
+@media (max-width: 750px) {
+  .under-header {
+    margin-left: 1.25rem;
+  }
+}
+
+.no-header {
+  border-radius: 1rem;
+}

events/2025-solstice/index.html

@@ -38,17 +38,24 @@
         <h1>Solstice 2025 Market at the Beall Greenhouses</h1>
 
         <h2>When?</h2>
+        <div class="under-header">
           <p><time datetime="2025-12-21 10:00">Sunday, December 21st, 2025, 10am - 5pm</time>.</p>
+        </div>
 
         <h2>Where?</h2>
+        <div class="under-header">
           <p>Studios in the former cold storage facility at the old Beall Greenhouses:
             <a href="https://maps.app.goo.gl/5p1NAArdjX4vaEgw9" target="_blank">18527 Beall Rd SW, Vashon, WA 98070</a>
           </p>
+        </div>
 
         <h2>What else?</h2>
+        <div class="under-header">
           <p>There will be popcorn, cookies, fresh hot coffee from
             <a href="www.zenbelliescoffeeco.com" target="_blank">Zenbellies Coffee Co.</a>,
-        and a warm fire.</p>
+            and a warm fire.
+          </p>
+        </div>
 
         <h2>Who?</h2>
         <div id="artists"><!-- auto-populated by artists.js --></div>

events/2026-imbolc/index.html

@@ -37,18 +37,15 @@
       <main id="main">
         <h1>Imbolc 2026 Celebration & Market at the Beall Greenhouses</h1>
 
-        <h2>What?</h2>
+        <div class="no-header">
-        <p>Join us to celebrate the returning of the light.</p>
+          <p>Join us to celebrate the returning of the light on
-
+            <time datetime="2026-01-31 10:00">Saturday, January 31st, 2026, 10am - 5pm</time>.</p>
-        <h2>When?</h2>
+          <p>Find us in studios in the former cold storage facility at the old Beall Greenhouses:
-        <p><time datetime="2026-01-31 10:00">Saturday, January 31st, 2026, 10am - 5pm</time>.</p>
-
-        <h2>Where?</h2>
-        <p>Studios in the former cold storage facility at the old Beall Greenhouses:
             <a href="https://maps.app.goo.gl/5p1NAArdjX4vaEgw9" target="_blank">18527 Beall Rd SW, Vashon, WA 98070</a>
           </p>
+        </div>
 
-        <h2>Who?</h2>
+        <h2>Artists</h2>
         <div id="artists"><!-- auto-populated by artists.js --></div>
       </main>
     </div>