/* Plain HTML build: minimal additions; styling mostly via Tailwind CDN classes. */

/* Prevent layout jump when scrollbar appears */
html {
  scrollbar-gutter: stable;
}

/* Smooth scrolling for anchor links */
html:focus-within {
  scroll-behavior: smooth;
}

/* Hide elements until partials are loaded */
[data-partial-pending='true'] {
  visibility: hidden;
}

/* Slightly nicer focus outline for keyboard users */
:focus-visible {
  outline: 2px solid rgba(37, 99, 235, 0.7); /* brand */
  outline-offset: 2px;
}

body {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}