/* Additional layout CSS (kept small; main styles in style.css) */

/* ============================================
   FOUC PREVENTION - GLOBAL
   ============================================ */

/* Prevent FOUC on all pages */
body {
    opacity: 0;
    transition: opacity 0.3s ease;
}

body.css-loaded {
    opacity: 1;
}

/* Basic layout to prevent shifts */
.site-header {
    min-height: 80px;
}

.main-content {
    min-height: 60vh;
}

/* Loading states for dynamic content */
.loading-content {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.loading-content.loaded {
    opacity: 1;
}

/* utility */
.text-muted{ color:#6b7280; }
.badge{ background:#f1f5f9; padding:6px 8px; border-radius:6px; font-weight:600; }