.article-content {
  color: rgba(72, 34, 59, .78);
  font-size: 1.06rem;
  line-height: 1.85;
}

.article-content p { margin: 0 0 1.4rem; }

.article-content h2 {
  color: #48223B;
  font: 500 2.25rem/1.1 "Cormorant Garamond", serif;
  margin: 3rem 0 1rem;
}

.article-content strong { color: #A85E0C; font-weight: 500; }
.article-content .divider { height: 1px; margin: 3rem 0; background: linear-gradient(90deg, transparent, #D89A1D, transparent); }
.article-content .step { display: flex; gap: 1.25rem; margin: 2rem 0; }
.article-content .step-num { color: #D89A1D; font: italic 2.3rem/1 "Cormorant Garamond", serif; }
.article-content .step-content h3 { color: #48223B; font: 500 1.55rem/1.2 "Cormorant Garamond", serif; margin-bottom: .45rem; }
.article-content .step-content p { margin: 0; }

/* CTA: keep the same luminous, high-contrast buttons as the homepage. */
a[class*="bg-gradient-to-r"] {
  background: linear-gradient(105deg, #A85E0C 0%, #D89A1D 43%, #FFE08A 58%, #D89A1D 76%, #A85E0C 100%) !important;
  color: #FFFAF4 !important;
  border-color: #FFE08A !important;
  box-shadow: 0 12px 24px rgba(168, 94, 12, .24) !important;
}

a[class*="border-golddeep/"],
a[class*="border-[#FFE08A]"] {
  background: #FFFAF4 !important;
  color: #48223B !important;
  border-color: rgba(168, 94, 12, .48) !important;
  box-shadow: 0 9px 20px rgba(72, 34, 59, .10);
}

a[class*="bg-gradient-to-r"]:hover,
a[class*="border-golddeep/"]:hover,
a[class*="border-[#FFE08A]"]:hover {
  transform: translateY(-1px);
}

@media (max-width: 1023px) {
  #menuButton {
    display: grid !important;
    position: absolute;
    top: 18px;
    right: 24px;
    z-index: 1;
    min-width: 2.75rem;
    min-height: 2.75rem;
    place-items: center;
    border: 1px solid rgba(168, 94, 12, .35);
    border-radius: 9999px;
    background: rgba(255, 250, 244, .94);
    color: #48223B !important;
    font-size: 1.2rem !important;
    line-height: 1;
  }
}