/* OmniSense — shared custom CSS (linked in every page's ). */ /* Brand focus ring — visible, accessible, consistent across interactive elements */ :focus-visible { outline: 3px solid #00A99D; outline-offset: 2px; border-radius: 4px; } /* Respect reduced motion */ @media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } } /* Subtle live-dot pulse for the dashboard demo */ @keyframes pulse-dot { 0%,100% { opacity: 1; } 50% { opacity: .35; } } .live-dot { animation: pulse-dot 1.6s ease-in-out infinite; } /* Shared page container — matches PLAN.md gutters */ .container-x { width: 100%; max-width: 1200px; margin-inline: auto; padding-inline: 1.25rem; } @media (min-width: 1024px) { .container-x { padding-inline: 2rem; } }