.app-title {
  margin-bottom: 5px;
}

hr {
  margin-top: 0;
}

.info-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9999;
  font-size: 0.8em;
  padding: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

.info-btn:hover {
  background-color: #e9ecef;
}

.help-text {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 0.9em;
}

/* Model Diagnostics Section Styling */
.section-explanation {
  color: #666;
  font-style: italic;
  margin-bottom: 15px;
  font-size: 0.95em;
}

.plot-explanation {
  margin-top: 10px;
  font-size: 0.9em;
  line-height: 1.4;
  padding: 8px;
  background-color: #f8f9fa;
  border-left: 3px solid #007bff;
  border-radius: 3px;
  color: #000;
}

.plot-explanation strong {
  color: #000;
}

.plot-explanation em {
  color: #000;
  font-style: italic;
}

h4 {
  margin-top: 25px;
  margin-bottom: 15px;
  color: #333;
  border-bottom: 1px solid #e9ecef;
  padding-bottom: 5px;
}

[data-bs-theme="dark"] h4 {
  color: #ffffff;
  border-bottom: 1px solid #444;
}

[data-bs-theme="dark"] .section-explanation {
  color: #cccccc;
}

[data-bs-theme="dark"] .plot-explanation {
  background-color: #343a40;
  border-left-color: #17a2b8;
  color: #ffffff;
}

[data-bs-theme="dark"] .plot-explanation strong,
[data-bs-theme="dark"] .plot-explanation em {
  color: #ffffff;
}