don't use section, senil important notice on donate page

_includes/styles/base.css

@@ -92,7 +92,7 @@ content-wrapper {
 h1, h2, h3, h4, h5, h6,
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
     color: var(--foreground);
-    margin-bottom: .5rem;
+    margin-bottom: 1rem;
     margin-top: .5rem;
     text-decoration-color: transparent;
     transition: .2s;
@@ -165,6 +165,7 @@ ul {
 
     li {
         margin-bottom: .5rem;
+        &:last-of-type { margin-bottom: 0; }
 
         &::marker {
             color: var(--accent);
@@ -411,6 +412,26 @@ card-container {
     }
 }
 
+/* notice/section cards */
+[notice-card] {
+    --n-bg: var(--accent);
+    border-radius: 1rem;
+    border: .15rem solid color-mix(in srgb, var(--yellow) 20%, transparent);
+    margin-bottom: .8rem;
+    padding: .5rem;
+
+    h3 {
+        color: var(--link);
+        margin-top: 0; 
+    }
+    p, ul { &:last-of-type { margin-bottom: 0; } }
+
+    &[important] {
+        --n-bg: var(--yellow);
+        background-color: color-mix(in srgb, var(--n-bg) 15%, transparent);
+    }
+}
+
 /* Dashed border */
 hr.dashed {
     border: .1rem dashed var(--border);

_includes/styles/footer.css

@@ -21,8 +21,8 @@ footer {
         }
     }
 
-    section {
-        display: flex;
+    window-contents {
+        display: flex !important;
         flex-flow: row wrap;
         gap: 2rem;
         padding: 1rem !important;

_includes/styles/pages/home.css

@@ -8,7 +8,7 @@
 /  home - specific styling for the main synth.download home page (index.md) */
 
 #site.window.home {
-    main, section {
+    window-contents {
         #logo {
             width: 40rem;
             height: auto;

_includes/styles/pages/sneexy.css

@@ -12,7 +12,7 @@
 html[page-is="goopy"] {
     --accent: #00d131 !important;
 
-    #sneexy > section {
+    #sneexy > window-contents {
         #logo {
             width: 40rem;
             height: auto;

_includes/styles/windows.css

@@ -79,11 +79,10 @@
         }
     }
 
-    section, article {
+    window-contents {
+        display: block;
         padding: .8rem;
-
         p:first-of-type { margin-top: 0; }
-        p:last-of-type { margin-bottom: 0; }
     }
 
     @media screen and (max-width: 60rem) {