/* Offline font fallback to avoid external dependencies (Google Fonts, etc.) */
:root {
  --fallback-sans: "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
  --fallback-mono: Consolas, "Courier New", monospace;
}

html, body, button, input, select, textarea {
  font-family: var(--fallback-sans) !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--fallback-sans) !important;
  font-weight: 600;
}

code, pre, kbd, samp {
  font-family: var(--fallback-mono);
}

/* Prevent layout shifts for emoji; keep it compact */
img.emoji { height: 1em; width: 1em; display: inline-block; }

/* Basic utility to ensure icons align even if webfonts fail */
.icon, [class^="icon-"]::before, [class*=" icon-"]::before {
  vertical-align: middle;
}