/* Small overrides that Tailwind utility classes don't cover cleanly. */ ::selection { background-color: #4f46e5; color: #ffffff; } html { scroll-behavior: smooth; } /* Compensate for the sticky header when jumping to an in-page anchor (e.g. the "skip to content" link) so the target isn't hidden underneath it. */ #main-content { scroll-margin-top: 4.5rem; } [x-cloak] { display: none !important; } /* Consistent focus ring for elements that don't already have their own Tailwind focus treatment (links, plain buttons). Text inputs/textareas/native selects use focus:border-primary + focus:ring-1 utilities instead — adding this outline on top of those would stack three focus indicators (border + ring + outline) and read as a duplicated border. */ a:focus-visible, button:focus-visible, [tabindex]:focus-visible { outline: 2px solid #4f46e5; outline-offset: 2px; border-radius: 2px; } input:focus-visible, select:focus-visible, textarea:focus-visible, .custom-select-trigger:focus-visible { outline: none !important; } /* Native