#legacy-start-dialog {
  width: min(540px, calc(100% - 24px));
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  padding: 24px;
  border: 1px solid #d8dee8;
  border-radius: 8px;
  color: #17293d;
  background: #fff;
}
#legacy-start-dialog::backdrop { background: rgb(10 20 35 / 65%); }
#legacy-start-dialog h2 { margin-top: 0; font-size: 23px; }
#legacy-start-dialog button { width: 100%; }
#legacy-start-dialog button:disabled { background: #e5e9ee; border-color: #bec8d2; color: #596573; cursor: not-allowed; }
#legacy-start-dialog .check { padding: 12px; background: #edf8f0; border-radius: 5px; }
#course-start { padding-top: 0; margin-bottom: 20px; }
.student-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 24px 0; }
.student-actions .button { padding: 12px 6px; font-size: 15px; }
summary { cursor: pointer; padding: 12px 0; font-weight: bold; }
button:disabled { opacity: .65; cursor: wait; }
#legacy-start-dialog .button { width: 100%; }
@media (max-width: 600px) {
  #legacy-start-dialog { padding: 18px; }
  #legacy-start-dialog h2 { font-size: 21px; }
}