/* Minimal custom CSS — Tailwind handles 99% of styling. */

/* Smooth scroll for in-page anchors. */
html { scroll-behavior: smooth; }

/* Inline <code> tweaks beyond Tailwind defaults. Colours match the dark
   theme: slate-800 fill, slate-300 ink. */
code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    background-color: #1e293b;
    color: #cbd5e1;
    padding: 0.05rem 0.3rem;
    border-radius: 0.25rem;
    font-size: 0.85em;
}

/* Subtle focus ring for keyboard users — indigo-400 reads well on dark. */
:focus-visible {
    outline: 2px solid #818cf8;
    outline-offset: 2px;
}