/*
 * 切換到新系統後的「設計調整」（使用者要求的 UI 修改；載在所有舊網站樣式表與 rebuild-fixes.css 後面）。
 * 跟 rebuild-fixes.css 的差別：那邊只修「新舊輸出不同而誤觸發」，不改設計；這裡是刻意改的設計，舊網站沒有。
 * 每一條註明日期與原因；對應規格記在 08（第一段直接改的小修正）。
 */

/*
 * 1) 課程詳情「關於此課程」（2026-11-07）：
 *    tutor-override.css 給 .tutor-course-details-content 淺灰底 + padding: 40px 0（左右 0），
 *    又放在白色卡片（.tutor-tab-item，padding 28px）裡面 → 卡片中出現一塊灰底，文字貼著灰底左右邊緣。
 *    改成：卡片內不再疊灰底，內容直接用卡片的留白；段落行距、字色、標題間距一起整理。
 */
.tutor-course-details-page .tutor-tab-item .tutor-course-details-content {
  background: transparent !important;
  padding: 0 !important;
  margin-bottom: 36px;
}
.tutor-course-details-page .tutor-tab-item .tutor-course-details-content:last-child {
  margin-bottom: 0;
}
.tutor-course-details-page .tutor-tab-item .tutor-course-details-content > h2 {
  font-size: 20px !important;
  margin-bottom: 20px !important;
  padding-bottom: 14px !important;
}
.tutor-course-details-page .tutor-tab-item .tutor-course-details-content > h2 + div {
  font-size: 16px;
  color: var(--taot-gray-700, #4a5568);
  overflow-wrap: anywhere;
}
.tutor-course-details-page .tutor-tab-item .tutor-course-details-content > h2 + div p {
  line-height: 1.85 !important;
  margin-bottom: 14px !important;
}
.tutor-course-details-page .tutor-tab-item .tutor-course-details-content > h2 + div img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}
@media (min-width: 768px) {
  .tutor-course-details-page .tutor-course-details-tab .tutor-tab-item {
    padding: 32px 36px !important;
  }
}
@media (max-width: 767px) {
  .tutor-course-details-page .tutor-course-details-tab .tutor-tab-item {
    padding: 22px 18px !important;
  }
  .tutor-course-details-page .tutor-tab-item .tutor-course-details-content > h2 {
    font-size: 18px !important;
  }
  .tutor-course-details-page .tutor-tab-item .tutor-course-details-content > h2 + div {
    font-size: 15px;
  }
}