.dates { max-width: 52rem; margin: 0 auto; }
.dates h2 { margin-top: 2rem; }
.dates-form p { margin: .8rem 0; }
.dates-form label { display: block; font-weight: 600; margin-bottom: .25rem; }
.dates-form input, .dates-form select, .dates-form textarea { width: 100%; box-sizing: border-box; padding: .5rem; }
.dates-pair { display: flex; gap: 1rem; flex-wrap: wrap; }
.dates-pair > span { flex: 1 1 14rem; }
.dates-trap { position: absolute; left: -9999px; }
.dates-flash { padding: .6rem .8rem; border: 1px solid var(--mofa-line, currentColor); }
.dates-flash--bad { border-width: 2px; }
.dates-rows { list-style: none; padding: 0; }
.dates-row { display: flex; flex-direction: column; gap: .25rem; padding: .9rem 0; border-top: 1px solid var(--mofa-line, currentColor); }
.dates-row__title { font-weight: 700; font-size: 1.1rem; }
.dates-row__when, .dates-row__roles { color: var(--mofa-muted, inherit); }
.dates-row .mofa-btn { align-self: flex-start; margin-top: .3rem; }
.dates-social-row { display: flex; gap: .6rem; flex-wrap: wrap; }
.dates-hint { color: var(--mofa-muted, inherit); }
.dates-actions { display: flex; gap: .6rem; flex-wrap: wrap; }
.dates-linkbtn { background: none; border: 0; padding: 0; color: inherit; text-decoration: underline; cursor: pointer; font: inherit; }
.dates-steps li { margin: .6rem 0; }