/* NumerologyOnline — app.css */

/* ── Global font ─────────────────────────────────────────────────────────────
   Inter is loaded via Google Fonts in _Layout.cshtml.
   This declaration ensures the font applies at the CSS level independently
   of Tailwind CDN availability, and overrides any browser/vendor defaults. */
:root {
    --font-primary: 'Inter', system-ui, -apple-system, sans-serif;
}

*, *::before, *::after {
    font-family: var(--font-primary);
}

/* Hide Alpine.js cloak elements until Alpine initializes */
[x-cloak] { display: none !important; }

/* Report body transition */
.report-body {
    transition: max-height 0.2s ease-out;
}

/* Smooth accordion arrow rotation */
.arrow-icon {
    transition: transform 0.2s ease;
}

/* Print styles */
@media print {
    header, footer, .no-print { display: none !important; }
    .report-body { display: block !important; }
    body { background: white; }
}