/* 學員繳交作業頁。延用 materials-manager.css 的色票與元件，只補步驟流程所需樣式。 */
.step-panel { position: relative; margin-bottom: 20px; }
.step-mark { display: grid; place-items: center; flex-shrink: 0; width: 38px; height: 38px; border-radius: 50%; background: var(--yellow); color: #4a3a00; font-size: 18px; font-weight: 750; }
.chosen-course { margin: 0 0 16px; padding: 11px 15px; border-radius: 11px; background: #eef4e8; color: var(--green); font-size: 14px; font-weight: 650; overflow-wrap: anywhere; }
.course-choices { display: grid; gap: 14px; margin-top: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.course-choice { display: grid; gap: 7px; justify-items: start; text-align: left; padding: 19px 21px; border: 1px solid var(--border); border-radius: 15px; background: white; color: inherit; }
.course-choice:hover:not(:disabled) { border-color: var(--green); background: #f4f9f0; }
.course-choice:disabled { cursor: not-allowed; opacity: .6; }
.course-choice-school { font-size: 11px; font-weight: 750; letter-spacing: .06em; color: #557448; }
.course-choice-title { font-size: 17px; font-weight: 700; line-height: 1.5; color: var(--green); overflow-wrap: anywhere; }
.course-choice-go { margin-top: 4px; font-size: 13px; font-weight: 650; color: var(--green); }
.course-choice-closed { margin-top: 4px; font-size: 13px; color: var(--muted); }
.identity-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.identity-bar .chosen-course { flex: 1 1 260px; margin: 0; }
.remember-note { color: #47673b; }
.field-help strong { color: var(--green); }
/* 繳交頁開場說明：講師要求加粗並放大一級（.muted 原為 14px）。只有這一頁載入本檔，
   /materials/ 的同名 class 不受影響。 */
.materials-lead { font-size: 16px; font-weight: 700; }
#receipts-list { display: grid; gap: 14px; margin-top: 18px; }
.receipt-card { border: 1px solid var(--border); border-radius: 15px; background: white; padding: 19px 21px; }
.receipt-card h3 { margin: 6px 0; font-size: 17px; overflow-wrap: anywhere; }
@media (max-width: 720px) {
  .course-choices { grid-template-columns: minmax(0, 1fr); }
  .course-choice { padding: 16px 17px; }
  .course-choice-title { font-size: 16px; }
  .step-mark { width: 32px; height: 32px; font-size: 16px; }
}