form * {
    font-family: "Roboto Condensed", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

label {
    font-size: small;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem; /* Adds spacing between fields */
}

.form-group {
    flex: 1; /* Makes fields evenly sized */
    min-width: 130px; /* Prevents fields from shrinking too much */
}

@media (max-width: 768px) {
    .form-row {
        flex-direction: column; /* Stacks fields vertically on mobile */
    }
}

.name-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.name-group .form-group {
    flex: 1 1 20%; /* Adjusts width but ensures they wrap properly */
    min-width: 130px; /* Prevents excessive shrinking */
}

.name-group .last-suffix {
    display: flex;
    flex: 2; /* Ensures Last and Suffix stay together */
    gap: 10px;
}

.last-suffix .form-group {
    flex: 1;
    min-width: 130px;
}

fieldset {
    margin: 10px 0 3px 0;
    padding: 0;
    border: none;
}

legend {
    font-weight: bold;
    font-size: 0.9rem;
    padding: 2px 5px 0 0;
    border-top: 1px solid #eee;
    color: #6c5b42;
    margin-bottom:1px;
}