/* Фиксированная ширина основного контента / Fixed content width */
.container {
  width: 100% !important;
  max-width: 1140px !important; /* ensure override vs Tailwind CDN injected styles */
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Fallback to guarantee sticky header even if Tailwind CDN delays class generation */
header.sticky { position: sticky; top: 0; z-index: 50; }

/* Anti-jump placeholders for dynamically included partials */
[data-include] { visibility: hidden; }
[data-include].is-ready { visibility: visible; }
[data-include="header"] { min-height: 64px; }
[data-include="footer"] { min-height: 320px; }

/* Footer visibility fallbacks (на случай, если утилиты Tailwind не успели сгенерироваться) */
footer {
  background-color: #ffffff; /* light fallback */
}
footer a { color: #374151; /* gray-700 */ }
footer a:hover { color: #0D47A1; /* primary */ }

/* (removed) flag backgrounds */

/* Prevent ligature text flash for Material Symbols: hide icon text until font is ready */
.material-symbols-outlined { visibility: hidden; }
.icons-ready .material-symbols-outlined { visibility: visible; }

/* Always reserve vertical scrollbar to avoid horizontal jump when content height changes */
html { overflow-y: scroll; }

/* Reserve exact header height to prevent vertical reflow when partial loads */
[data-include="header"] { height: 64px; min-height: 64px; }