.commercial-notice { margin: 0; padding: 16px 22px; background: #eaf5f2; border-bottom: 1px solid #c6dfd8; color: #115b54; line-height: 1.55; overflow-wrap: anywhere; }
.commercial-notice strong { display: block; }
.commercial-notice p { margin: 4px 0 0; }
.commercial-guide { margin-top: 12px; }
.commercial-guide summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; font-weight: 700; }
.commercial-guide ol { padding-left: 22px; margin: 6px 0; }
.commercial-guide li { margin: 8px 0; }
input, textarea, select { font-size: 16px; }
textarea { min-height: 100px; }
.workout-panel, .routine-workspace, .student-directory, #studentProfile { min-width: 0; }
.history-row, .section-title, .slot-editor, .routine-source-grid { overflow-wrap: anywhere; }
@media (max-width: 559px) {
  .commercial-notice { padding: 14px 16px; font-size: 14px; }
  .app-header { flex-wrap: wrap; gap: 12px; }
  .demo-switch { max-width: 100%; }
  .demo-switch > summary { width: auto; min-height: 48px; }
  .role-switch { max-width: calc(100vw - 32px); }
  .weekday-picker { flex-wrap: wrap; }
  .week-navigation { min-width: 0; }
  .calendar-toolbar { flex-wrap: wrap; }
  .form-actions button, .routine-actions button { min-height: 48px; }
  .routine-reference { max-height: none; }
}