/* Typography tweaks */
.prose h1, .prose h2, .prose h3 { scroll-margin-top: 100px; }
a { transition: color .2s ease, background-color .2s ease, opacity .2s ease; }

/* Accessibility focus outline */
:focus-visible { outline: 2px solid #F2C14E; outline-offset: 2px; }

/* Utility overrides */
.bg-grid {
  background-image: linear-gradient(to right, rgba(255,255,255,.06) 1px, transparent 1px),
                    linear-gradient(to bottom, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 24px 24px;
}