body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: rgb(var(--bg.rgb, 248 250 252));
  color: rgb(var(--fg.rgb, 17 24 39));
  font-family: var(--layout.body.font, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif);
}

.main-content {
  flex: 1;
  padding: var(--layout.content.padding-y, 2rem) 0;
}

.embed-mode .app-header,
.embed-mode .app-footer,
.embed-mode #helpModal {
  display: none !important;
}

.embed-mode .main-content {
  margin: 0 !important;
  padding: 0 !important;
}

.help-icon {
  color: rgb(var(--brand.accent.rgb, 0 122 255));
  transition: transform 0.2s ease;
}

.help-icon:hover,
.help-icon:focus {
  transform: scale(1.05);
}