.startversion-page [hidden] { display: none !important; }
[data-registration-email] { overflow-wrap: anywhere; user-select: text; -webkit-user-select: text; }
[data-selected-course] { margin: 24px 0; }
.startversion-page .selected-course h3 { margin: 0 0 22px; color: var(--white); font: 500 36px/1.02 var(--serif); }
.startversion-page .selected-course .eyebrow { color: var(--reed); }
.startversion-page .selected-course .selected-course-date { color: var(--white); }
.startversion-page .selected-course .selected-course-address { color: rgba(255, 255, 255, .7); }
[data-course-unavailable] { padding: 16px; color: var(--deep); background: var(--water-light); }

.start-registration-layout { grid-template-columns: minmax(0, 820px); }
.start-registration-download { margin-top: 16px; max-width: 100%; white-space: normal; text-align: center; }
.start-registration-layout:has([data-selected-course]:not([hidden])) { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
.start-registration-course:has([data-selected-course][hidden]) { display: none; }
.start-registration-course [data-selected-course] { margin-top: 0; }
@media (max-width: 720px) {
  .start-registration-layout:has([data-selected-course]:not([hidden])) { grid-template-columns: minmax(0, 1fr); }
}