@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap");

/*
 * Conversion pages share an editorial palette, but every selector remains
 * inside its page wrapper so the public shell and other forms are untouched.
 */
.conversion-editorial {
  --conversion-paper: #f3f1e8;
  --conversion-panel: #fbfaf5;
  --conversion-ink: #193a32;
  --conversion-muted: #667870;
  --conversion-line: #d4ddd4;
  --conversion-moss: #28594a;
  --conversion-rust: #a75336;
  --conversion-wheat: #e6c477;
  background: var(--conversion-paper);
  color: var(--conversion-ink);
  font-family: "DM Sans", sans-serif;
}

.conversion-editorial h1,
.conversion-editorial h2,
.conversion-editorial h3,
.conversion-editorial h4 {
  font-family: "Fraunces", Georgia, serif !important;
  color: var(--conversion-ink) !important;
  letter-spacing: -.04em;
}

.conversion-editorial > div:first-child {
  background: var(--conversion-ink) !important;
  padding-top: clamp(3.5rem, 8vw, 7rem) !important;
  padding-bottom: clamp(3.5rem, 8vw, 7rem) !important;
}

.conversion-editorial > div:first-child h1 {
  color: var(--conversion-paper) !important;
  font-size: clamp(2.8rem, 7vw, 5.75rem) !important;
  font-weight: 500 !important;
  line-height: .96 !important;
}

.conversion-editorial > div:first-child p {
  color: #c8d7cd !important;
}

.conversion-editorial > div:not(:first-child),
.conversion-editorial form > div,
.conversion-editorial #searchResults > div {
  border-color: var(--conversion-line) !important;
}

.conversion-editorial .rounded,
.conversion-editorial .rounded-lg,
.conversion-editorial .rounded-xl {
  border-radius: 0 !important;
}

.conversion-editorial .shadow-md,
.conversion-editorial .shadow-lg,
.conversion-editorial .shadow-xl {
  box-shadow: 0 10px 24px rgba(25, 58, 50, .08) !important;
}

.conversion-editorial .bg-white { background: var(--conversion-panel) !important; }
.conversion-editorial .bg-gray-50,
.conversion-editorial .bg-blue-50 { background: #e9eee8 !important; }
.conversion-editorial .bg-green-50 { background: #e0e9e0 !important; }
.conversion-editorial .text-gray-500,
.conversion-editorial .text-gray-600,
.conversion-editorial .text-gray-700 { color: var(--conversion-muted) !important; }
.conversion-editorial .text-golf-navy { color: var(--conversion-ink) !important; }
.conversion-editorial .text-golf-blue,
.conversion-editorial .text-golf-green { color: var(--conversion-moss) !important; }
.conversion-editorial .bg-golf-blue,
.conversion-editorial .bg-golf-green { background: var(--conversion-moss) !important; }

.conversion-editorial input,
.conversion-editorial select,
.conversion-editorial textarea {
  background: var(--conversion-panel) !important;
  color: var(--conversion-ink) !important;
  border-color: var(--conversion-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.conversion-editorial input:focus,
.conversion-editorial select:focus,
.conversion-editorial textarea:focus {
  border-color: var(--conversion-moss) !important;
  box-shadow: 0 0 0 3px #dce8de !important;
}

.conversion-editorial button,
.conversion-editorial a[class*="bg-"] {
  border-radius: 0 !important;
}

.conversion-editorial button[type="submit"],
.conversion-editorial #searchBtn,
.conversion-editorial a.bg-golf-blue,
.conversion-editorial a.bg-golf-green {
  background: var(--conversion-moss) !important;
  color: #f7f6ef !important;
}

.conversion-editorial label {
  color: var(--conversion-ink) !important;
}

.conversion-editorial a:focus-visible,
.conversion-editorial button:focus-visible,
.conversion-editorial input:focus-visible,
.conversion-editorial select:focus-visible,
.conversion-editorial textarea:focus-visible {
  outline: 3px solid var(--conversion-rust);
  outline-offset: 2px;
}

.conversion-editorial .border-l-4 {
  border-left-color: var(--conversion-moss) !important;
}

@media (max-width: 767px) {
  .conversion-editorial > div:first-child h1 {
    font-size: clamp(2.7rem, 14vw, 4.6rem) !important;
  }

  .conversion-editorial #searchBtn {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .conversion-editorial .flex.gap-4 {
    flex-direction: column;
  }
}