:root {
  --bs-body-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bs-body-color: #17191f;
  --bs-body-bg: #f4f6f8;
  --bs-primary: #1f5f8f;
  --bs-danger: #b7302a;
  --bs-success: #39705f;
  --bs-border-radius: 0.5rem;
  --bs-border-radius-lg: 0.5rem;
  --app-ring: #e0a82e;
}

body {
  min-width: 320px;
  background:
    radial-gradient(circle at top left, rgba(183, 48, 42, 0.08), transparent 30rem),
    radial-gradient(circle at top right, rgba(31, 95, 143, 0.08), transparent 34rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(244, 246, 248, 0.98)),
    var(--bs-body-bg);
}

boxing-app,
filter-panel,
gym-card,
gym-detail {
  display: block;
}

.fw-black {
  font-weight: 900;
}

.place-items-center {
  place-items: center;
}

.card,
.btn,
.form-control,
.form-select,
.input-group-text,
.badge {
  border-radius: 0.5rem;
}

.display-1 {
  letter-spacing: 0;
}

.form-control:focus,
.form-select:focus,
.btn:focus-visible,
.gym-card:focus-visible {
  border-color: var(--app-ring);
  box-shadow: 0 0 0 0.25rem rgba(224, 168, 46, 0.28);
}

.gym-card.accordion-button {
  min-height: 156px;
  border-left: 0.35rem solid transparent;
  color: var(--bs-body-color);
  background: #ffffff;
  box-shadow: none;
  transition: background-color 150ms ease, border-color 150ms ease, transform 150ms ease;
}

.gym-card.accordion-button:hover {
  background: #f8fafc;
  transform: translateY(-1px);
}

.gym-card.accordion-button.is-selected,
.gym-card.accordion-button:not(.collapsed) {
  border-left-color: var(--bs-danger);
  background: #fff7f7;
  color: var(--bs-body-color);
  box-shadow: none;
}

.gym-card.accordion-button::after {
  flex-shrink: 0;
  margin-left: 1rem;
}

.gym-card-main {
  min-width: 0;
}

.results-list {
  display: grid;
  gap: 0.75rem;
  padding: 0.75rem;
  background: #f4f6f8;
}

.results-list > gym-card {
  overflow: hidden;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background: #ffffff;
}

dt {
  letter-spacing: 0;
}

@media (max-width: 575.98px) {
  .display-1 {
    font-size: 3.35rem;
  }

  .gym-card.accordion-button {
    min-height: 0;
    align-items: start;
  }
}