.masked-details {
  text-align: left;
  margin: 0 auto; /* Centers the entire div horizontally */
  width: 50%; /* Matches the width of other elements */
  max-width: 600px; /* Optional: to avoid stretching too wide on larger screens */
}

.masked-details p {
  margin-bottom: 0.5rem; /* Adds a bit of spacing between email and phone fields */
}

.account-verification-container {
  max-width: 600px;
  margin: 20px auto;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.account-verification-container a.btn {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
}


#edit-contactmethod {
  margin: 10px 0 5px 0;
}

/*#contact-choice-form legend {*/
/*  width: 46%;*/
/*  padding: 0 0 0 5px;*/
/*}*/




/* Primary Buttons */
.btn-primary {
  background-color: #007bff; /* Use site’s blue color */
  border: none;
}

/* Secondary Buttons for Emphasis */
.btn-danger {
  background-color: #dc3545; /* Use consistent red for warnings/emphasis */
  border: none;
}

/* Text Links */
a {
  color: #007bff; /* Same blue as buttons for links */
  text-decoration: underline; /* Consistent styling for all links */
}

/* Section Headings */
/*h4, .section-title {*/
/*  color: #dc3545; !* Red color for important section headings *!*/
/*  font-weight: bold;*/
/*}*/

/* Reduced Shadow for Containers */
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); /* Subtle shadow to match original site's style */
}