@charset "UTF-8";
main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* Home page: shift the 2nd sentence block to start mid-page */
.home-lead-shift-small {
  margin-left: 150px !important;
  border-left: 3px solid #ccc; /* light gray or 'black', #666 dark gray, #999 medium gray */
  padding-left: 10px;
}

.home-lead-shift-medium {
  margin-left: 300px !important;
  margin-right: 0;
  max-width: none;
  text-align: left;
}

/* Don’t shift on small screens */
@media (max-width: 700px) {
  .home-lead-shift-small,
  .home-lead-shift-medium {
    margin-left: 0 !important;
    border-left: 0 !important; /* optional: removes the vertical line on mobile */
    padding-left: 0 !important; /* optional: removes the extra padding on mobile */
    max-width: none;
  }
}
.member-layout {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}

.member-left {
  flex: 0 0 260px; /* left column width; adjust as you like */
  max-width: 320px;
}

.member-right {
  flex: 1 1 auto; /* right column fills remaining space */
  min-width: 0; /* important: prevents overflow in flex layouts */
}

/* Optional: tighten link spacing (buttons are inline-block) */
.member-links .button-wrapper {
  margin-top: 6px;
}

/* Stack on mobile */
@media (max-width: 700px) {
  .member-layout {
    flex-direction: column;
  }
  .member-left {
    max-width: none;
  }
}
.contact-hero-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 30px;
  align-items: start;
}

@media (max-width: 700px) {
  .contact-hero-grid {
    grid-template-columns: 1fr;
  }
}
.contact-left {
  text-align: left;
  padding-left: 10px;
}

/* Force contact buttons to be left-aligned (overrides template centering) */
.contact-buttons-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* key */
  gap: 0px;
}

/* The template's .button-wrapper is usually a flex container centered */
.contact-buttons-left .button-wrapper {
  justify-content: flex-start !important;
  width: 100%; /* optional, keeps layout stable */
}

/* Optional: keep each button snug to the left edge */
.contact-buttons-left .button {
  margin-left: 0 !important;
}

.email-obf {
  font-family: var(--mono);
}

/*# sourceMappingURL=main.css.map */