fix: SectionAccordion animation misbehave

src/shared/styles/theme.css

@@ -341,14 +341,14 @@
 }
 
 /* Cross-section view transition (navigation between sections) */
-::view-transition-old(section-content) {
+::view-transition-old(section-title) {
   animation-name: section-fade-out;
   animation-duration: var(--duration-normal);
   animation-timing-function: var(--ease-default);
   animation-fill-mode: both;
 }
 
-::view-transition-new(section-content) {
+::view-transition-new(section-title) {
   animation-name: section-fade-in;
   animation-duration: var(--duration-spring);
   animation-timing-function: var(--ease-spring);
@@ -377,6 +377,13 @@
   }
 }
 
+/* Disable group geometry interpolation — OLD and NEW live at different scroll
+ * positions, so morphing the container drags the slide-in across the viewport.
+ * Let old/new each animate at their own positions instead. */
+::view-transition-group(section-body) {
+  animation: none;
+}
+
 /* Section body slide-in from right */
 ::view-transition-old(section-body) {
   animation-name: section-body-out;