/* =========================================================
   JP 1_2_history BS5 v1 - B-region minimal compatibility patch
   Source of content: Japanese BS3 1_2_history.html
   Technical reference: verified Chinese BS5 1_2_history + prior accepted 1_2 timeline behavior

   Frozen:
   - accepted desktop navbar/footer shell
   - accepted mobile fixed-top/logo/hamburger/parent-child menus/footer shell
   - B-region DOM / img src / Japanese text / href
   - all original image files

   Purpose:
   - restore the BS3 timeline/panel/blockquote visual behavior under Bootstrap 5.3.8
   - no B-region HTML restructuring
   ========================================================= */

/* Keep the old timeline-icon DOM but neutralize it visually; no DOM deletion. */
body.jp-bs5-1-2-history-page .timeline > .timeline-row > .timeline-icon {
  display: none !important;
}

body.jp-bs5-1-2-history-page .about_us .timeline {
  position: relative;
  margin-top: 15px;
}
body.jp-bs5-1-2-history-page .about_us .timeline-row {
  position: relative;
}
body.jp-bs5-1-2-history-page .about_us .panel.timeline-content {
  margin-bottom: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
body.jp-bs5-1-2-history-page .about_us .timeline-content > .panel-body {
  background: transparent !important;
}
body.jp-bs5-1-2-history-page .about_us .timeline-content blockquote {
  margin: 0 !important;
  padding: 0 0 0 50px !important;
  border-left: 0 !important;
}
body.jp-bs5-1-2-history-page .about_us .timeline-time h3 {
  color: #1f4e79 !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}
body.jp-bs5-1-2-history-page .about_us .timeline-content h3 {
  color: #333333 !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}
body.jp-bs5-1-2-history-page .about_us .timeline-content ul {
  width: 100% !important;
  max-width: none !important;
  padding-left: 22px !important;
  margin: 0 0 12px !important;
}
body.jp-bs5-1-2-history-page .about_us .timeline-content li,
body.jp-bs5-1-2-history-page .about_us .timeline-content li > p {
  color: #333333 !important;
  font-size: 20px !important;
  line-height: 1.9 !important;
}
body.jp-bs5-1-2-history-page .about_us .timeline-content li {
  display: list-item !important;
}

@media (min-width: 801px) {
  body.jp-bs5-1-2-history-page .about_us .timeline,
  body.jp-bs5-1-2-history-page .about_us .timeline-row,
  body.jp-bs5-1-2-history-page .about_us .panel.timeline-content,
  body.jp-bs5-1-2-history-page .about_us .timeline-content > .panel-body,
  body.jp-bs5-1-2-history-page .about_us .timeline-content blockquote,
  body.jp-bs5-1-2-history-page .about_us .timeline-content ul {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 800px) {
  body.jp-bs5-1-2-history-page .about_us .timeline-content blockquote {
    padding-left: 16px !important;
  }
  body.jp-bs5-1-2-history-page .about_us .timeline-content li,
  body.jp-bs5-1-2-history-page .about_us .timeline-content li > p {
    font-size: 17px !important;
    line-height: 1.8 !important;
  }
}