body[data-page-id="forex"] .card {
  padding: 24px;
}
body[data-page-id="forex"] .card-header {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
}
body[data-page-id="forex"] h1 {
  margin: 0;
  font-size: 24px;
}
body[data-page-id="forex"] #forex-status {
  margin: 16px 0;
  color: var(--text-secondary);
}
body[data-page-id="forex"] #forex-pairs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
}
body[data-page-id="forex"] #forex-pairs article {
  padding: 18px;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
}
body[data-page-id="forex"] #forex-pairs h3 {
  margin: 0 0 8px;
  font-size: 17px;
}
body[data-page-id="forex"] #forex-pairs p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
}
@media (max-width: 480px) {
  body[data-page-id="forex"] .card {
    padding: 16px;
  }
  body[data-page-id="forex"] #forex-search {
    width: 100%;
  }
}