body {
  background-color: #FFFFFF;
  color: #1A1A1A;
  font-family: 'Inter', sans-serif;
  font-size: 1.075rem;
  font-weight: 500;
  line-height: 1.8;
  margin: 0;
  padding: 0;
}

/* Headings */
h1, h2, h3, h4, h5 {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 1.3;
  color: #111;
  margin-top: 2.2rem;
  margin-bottom: 1.2rem;
}

h1 {
  font-size: 2.2rem;
}
h2 {
  font-size: 1.6rem;
}
h3 {
  font-size: 1.25rem;
}

/* Links */
a {
  color: #F15946;
  text-decoration: none;
}
a:hover {
  color: #D83624;
  text-decoration: underline;
}

/* Navbar */
.navbar {
  background-color: #132A20;
  font-family: 'DM Sans', sans-serif;
}
.navbar a {
  color: #F15946 !important;
}
.navbar a:hover {
  color: #FFFD77 !important;
}

/* Footer */
.page-footer {
  background-color: #132A20;
  color: #FFFFFF;
  font-size: 0.85rem;
  padding: 1rem 0;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
}

/* Section padding */
section {
  padding: 4rem 0;
}



/* Anchor offset */
:target::before {
  content: "";
  display: block;
  height: 70px;
  margin-top: -70px;
  visibility: hidden;
}


/* Default column layout (for desktop) */
.columns {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}

/* Each column respects the width you've assigned (e.g., 30% / 70%) */
.column {
  flex: 1;
}

/* Responsive override for small screens (mobile) */
@media (max-width: 768px) {
  .columns {
    flex-direction: column;
  }

  .column {
    width: 100% !important;
  }
}