.preferredEventDate{min-width:0;margin:1.2rem 0;padding:0;border:0}
.preferredEventDate legend{font-size:1rem;font-weight:600}
.preferredEventDate p{font-size:.85rem;line-height:1.5;margin:.45rem 0 .75rem}
.preferredDateInputs{display:grid;grid-template-columns:1fr 1.4fr;gap:.65rem}
.preferredEventDate label{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;min-width:0}
.preferredEventDate input,.preferredEventDate select{width:100%;min-width:0;box-sizing:border-box;padding:.7rem .4rem;border:1px solid #c3ccca;border-radius:4px;background:#fff;color:#103f48;font:inherit}
.preferredDateInputs :is(input,select):focus-visible{outline:3px solid #d8b46b;outline-offset:2px}
.preferredEventDate [data-preferred-date-error]:empty{display:none}
@media(max-width:380px){.preferredDateInputs{grid-template-columns:1fr}.preferredEventDate input,.preferredEventDate select{font-size:16px}}

.preferredEventDate [hidden]{display:none!important}
.preferredEventDate [data-exact-date],.preferredEventDate [data-partial-date]{margin-top:.85rem}