/* Minimal supplemental styles for /logowanie /wyniki /konto /zapomniane-haslo Twig pages.
 * Tailwind utility classes do the heavy lifting (Play CDN at base.twig).
 * Here we add: layout-shift mitigations (CLS fix), focus rings, font loading,
 * any niche selectors Tailwind doesn't cover cleanly.
 *
 * Goal from Clarity baseline: CLS 0.25 -> <0.15. Reserve space for above-fold
 * images and ensure initial paint matches final layout.
 */

/* Inter font — preload fallback if not delivered by user-agent */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* CLS guardrails: reserve aspect ratios for hero images on right column */
.aspect-\[16\/9\] {
  aspect-ratio: 16 / 9;
}

/* Smooth focus rings — keyboard accessibility */
:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

/* Anchor offset for in-page jumps (none on auth pages but defensive) */
html {
  scroll-behavior: smooth;
}

/* Prevent x-cloak flash on Alpine load */
[x-cloak] { display: none !important; }

/* Loading state for HTMX requests */
.htmx-request .htmx-indicator { display: inline-block; }
.htmx-indicator { display: none; }