/* * This is a manifest file that'll be compiled into application.css. * * With Propshaft, assets are served efficiently without preprocessing steps. You can still include * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard * cascading order, meaning styles declared later in the document or manifest will override earlier ones, * depending on specificity. * * Consider organizing styles into separate files for maintainability. */ /* Disable tap highlight on interactive elements in bottom sheet menu */ #main-menu-sheet a, #main-menu-sheet button, [data-menu-target="hamburger"] { -webkit-tap-highlight-color: transparent; outline: none; } /* Smooth scroll for anchor links (e.g. sticky CTA → #unlock-cta) */ html { scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } /* Reveal animation for results card sections - must be in CSS for Turbo Drive compatibility */ [data-reveal-target="section"] { opacity: 0; transform: translateY(12px); transition: opacity 0.4s ease-out, transform 0.4s ease-out; } [data-reveal-target="section"].revealed { opacity: 1; transform: translateY(0); } @media (prefers-reduced-motion: reduce) { [data-reveal-target="section"] { opacity: 1; transform: none; transition: none; } [data-menu-target="sheet"], [data-menu-target="backdrop"] { transition: none !important; } } /* Blog article prose styles */ .prose-firstvibe h2 { font-size: 1.25rem; font-weight: 800; margin-top: 2rem; margin-bottom: 0.75rem; color: rgba(255,255,255,0.9); } .prose-firstvibe h3 { font-size: 1.05rem; font-weight: 700; margin-top: 1.5rem; margin-bottom: 0.5rem; color: rgba(255,255,255,0.8); } .prose-firstvibe p { font-size: 0.875rem; line-height: 1.7; color: rgba(255,255,255,0.55); margin-bottom: 1rem; } .prose-firstvibe ul { list-style-type: disc; padding-left: 1.25rem; margin-bottom: 1rem; } .prose-firstvibe li { font-size: 0.875rem; line-height: 1.6; color: rgba(255,255,255,0.55); margin-bottom: 0.5rem; } .prose-firstvibe strong { color: rgba(255,255,255,0.75); font-weight: 600; }