[style*="opacity:0"] { opacity: 1 !important; } [style*="opacity: 0"] { opacity: 1 !important; } [style*="transform:translate"] { transform: none !important; } [style*="transform: translate"] { transform: none !important; } [style*="transform:scale"] { transform: none !important; } [style*="transform: scale"] { transform: none !important; } [hidden][data-state][data-orientation][role="region"] { display: block !important; } [data-state][data-orientation][role="region"] { height: auto !important; overflow: visible !important; animation: none !important; } .js-only { display: none !important; }

Docs

Testimonials pattern

Use the shared testimonials module for adopter/foster/community stories.

Standard

- Use `TestimonialsSection` instead of page-local testimonial markup.

- Use `layout="featured"` for single highlighted stories.

- Use `layout="grid"` for multi-testimonial sections.

- Keep testimonials in page/site data files, not inline component internals.

- Preserve SSR rendering; testimonials must remain readable without JS.

Reference

- Live example: Testimonials example page

- Component: `template/src/components/patterns/TestimonialsSection.tsx`