.segmented-date { display: flex; align-items: center; gap: 0; height: 45px; min-height: 45px; box-sizing: border-box; border: 1px solid #d5e0f1; border-radius: 7px; background: white; transition: border-color .18s, box-shadow .18s; }
.segmented-date:focus-within { border-color: #073ba8; box-shadow: 0 0 0 3px #073ba815; }
.segmented-date-icon { display: grid; place-items: center; flex: 0 0 40px; color: #073ba8; }
.segmented-date .date-segment { display: flex; flex-direction: column; flex: 1 1 0; min-width: 0; margin: 4px 0; padding: 0 10px; border-left: 1px solid #e4eaf4; }
.segmented-date .date-segment:first-of-type { flex: 1.5 1 0; }
.segmented-date .date-segment > span { color: #718096; font-size: 9px; line-height: 11px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; }
.segmented-date .date-segment select, .segmented-date .date-segment input { width: 100%; min-width: 0; height: 22px; line-height: 22px; min-height: 0; margin: 0; padding: 0 18px 0 0; border: 0; border-radius: 0; outline: none; box-shadow: none; background-color: transparent; color: #142b54; font: inherit; font-size: 13px; font-weight: 650; }
.segmented-date .date-segment input { padding-right: 0; }
.segmented-date .date-segment:focus-within > span { color: #073ba8; }
@media (max-width: 380px) { .segmented-date-icon { flex-basis: 32px; } .segmented-date .date-segment { padding: 0 6px; } }
@media (prefers-reduced-motion: reduce) { .segmented-date { transition: none; } }

.birthdate-eligibility { display: block; margin-top: 7px; color: #187451; font-size: 11px; line-height: 1.6; }
.birthdate-eligibility.is-ineligible { color: #b42318; }