Beta 9

More 'Home' Physics
More FAQs
More Text

assets/about.css

@@ -115,21 +115,56 @@ em { color: #7a5c2a; font-style: italic; }
   background: #fef8ea;
   border: 1px solid #e0d0a8;
   border-radius: 8px;
-  padding: 1.2rem 1.4rem;
-  margin-bottom: 1rem;
+  margin-bottom: 0.5rem;
+  overflow: hidden;
+  transition: border-color 0.15s;
+}
+
+.faq-block[open] {
+  border-color: #c8922a;
 }
 
 .faq-q {
+  list-style: none;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  padding: 1rem 1.2rem;
   font-weight: 600;
   color: #1e1208;
-  margin-bottom: 0.4rem;
   font-size: 0.97rem;
+  cursor: pointer;
+  margin: 0;
+  user-select: none;
+}
+
+.faq-q::-webkit-details-marker { display: none; }
+
+.faq-q::after {
+  content: '+';
+  font-size: 1.3rem;
+  font-weight: 300;
+  color: #c8922a;
+  flex-shrink: 0;
+  line-height: 1;
+  transition: transform 0.2s;
+}
+
+.faq-block[open] .faq-q::after {
+  transform: rotate(45deg);
+}
+
+.faq-block[open] .faq-q {
+  border-bottom: 1px solid #e0d0a8;
 }
 
 .faq-a {
   color: #5a3e1a;
   font-size: 0.93rem;
   margin: 0;
+  padding: 0.9rem 1.2rem 1rem;
+  line-height: 1.65;
 }
 
 .stress-table {