/**
 * Tiny above-the-fold bridge before critical + theme CSS finish parsing.
 * Main visual styles come from sync app-theme.css (not async — avoids FOUC).
 */
:root {
  color-scheme: light;
}
html, body {
  margin: 0;
  min-height: 100%;
}
body {
  font-family: var(--body-font, 'Poppins', system-ui, sans-serif);
  background: var(--body-bg, #fff);
  color: var(--body-color, #1f2937);
  -webkit-font-smoothing: antialiased;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) { .container { max-width: 540px; } }
@media (min-width: 768px) { .container { max-width: 720px; } }
@media (min-width: 992px) { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }
@media (min-width: 1400px) { .container { max-width: 1320px; } }
.th-header { position: relative; z-index: 41; }
#page-content { min-height: 40vh; display: block; }
img, video { max-width: 100%; height: auto; }
.dark-theme {
  color-scheme: dark;
  background: #0f172a;
  color: #e2e8f0;
}
.dark-theme body {
  background: #0f172a;
  color: #e2e8f0;
}
.is-preloading body { overflow: hidden; }