diff --git a/styles.css b/styles.css
index 4535cf0..f696305 100644
--- a/styles.css
+++ b/styles.css
@@ -61,4 +61,37 @@ a:hover { color:#991b1b; text-decoration:underline; }
 .blog-preview { white-space: pre-line; margin-bottom: 0.5rem;}
 .read-more-text {display: inline-block; font-weight: bold; margin-top: 0.5rem; }
 .read-more-text:hover { text-decoration: underline; }
-.blog-collapse[open] .read-more-text { margin-bottom: 1rem; }
\ No newline at end of file
+.blog-collapse[open] .read-more-text { margin-bottom: 1rem; }
+
+/* Collapsible blog post styles */
+.blog-collapsible {
+  margin-top: 0.5rem;
+}
+
+.blog-preview {
+  white-space: pre-line;
+  margin-bottom: 0.5rem;
+}
+
+.blog-full {
+  white-space: pre-line;
+  margin-top: 0.5rem;
+}
+
+.blog-toggle {
+  background: none;
+  border: none;
+  color: #dc2626;
+  font-weight: bold;
+  cursor: pointer;
+  padding: 0.25rem 0;
+  font-size: 0.95rem;
+}
+
+.blog-toggle:hover {
+  text-decoration: underline;
+}
+
+.show-less {
+  display: none;  /* hidden by default, shown when expanded */
+}
\ No newline at end of file