/* 课程工作台 R1.2：增加页面呼吸感，并修复新建课程弹窗内容贴边。 */
.hero {
  padding: 18px 32px;
}

.hero h1 {
  margin: 2px 0;
  font-size: 27px;
}

main {
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 22px;
  padding: 28px 24px 44px;
  max-width: 1500px;
}

.sticky-actions {
  top: 14px;
}

#newCourseDialog {
  width: min(620px, calc(100vw - 48px));
  max-height: calc(100vh - 80px);
}

#newCourseBody {
  padding: 18px 22px 22px;
}

#newCourseBody > p {
  margin: 0 0 16px;
  color: var(--muted);
}

.dialog-actions {
  justify-content: flex-end;
  margin-top: 18px;
}

@media (max-width: 980px) {
  main {
    padding: 20px 14px 36px;
  }

  .hero {
    padding: 18px 20px;
  }
}