/* ============================================================================
   public.css — small helpers for /public/* surface
   Tailwind covers ~99% of our needs. This file is intentionally short.
   Admin dashboard does not load this file.
   ============================================================================ */

/* Tailwind CDN already injects Preflight; just ensure smooth scrolling
   and disable iOS tap highlight for a calmer feel. */
html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    -webkit-tap-highlight-color: transparent;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

/* Editorial body copy: balanced wrapping for headlines on browsers that
   support it. Falls back silently elsewhere. */
.text-balance {
    text-wrap: balance;
}

.text-pretty {
    text-wrap: pretty;
}

/* Subtle hairline divider used in cards and footer; thinner than border-t. */
.divider-hair {
    border-top: 1px solid rgb(226 232 240); /* slate-200 */
}

/* Mobile nav drawer slide-in. */
@keyframes publicDrawerIn {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.public-drawer {
    animation: publicDrawerIn 140ms ease-out;
}

/* Focus ring tuned for slate background — Tailwind's default is a touch
   loud on emerald CTAs. */
.focus-ring-soft:focus-visible {
    outline: 2px solid rgb(15 23 42 / 0.5); /* slate-900/50 */
    outline-offset: 2px;
}