/* First-design navigation and hero, followed by the second 928 design.
   Only the five content sections receive these overrides; the footer keeps the first design. */
.hv1-hybrid :is(.hv1-news, .hv1-activities, .hv1-courses, .hv1-teachers, .hv1-ethics) {
  --v2u: calc(4 * var(--u) / 3);
  --v2-ink: #1e3c78;
  --v2-link: #216caf;
  color: var(--v2-ink);
}
.hv1-hybrid :is(.hv1-news, .hv1-activities, .hv1-courses, .hv1-ethics) .hv1-section-heading {
  height: calc(184 * var(--v2u));
  padding-top: calc(64 * var(--v2u));
  align-items: flex-start;
}
.hv1-hybrid :is(.hv1-news, .hv1-activities, .hv1-courses, .hv1-teachers, .hv1-ethics) .hv1-section-title h2 {
  font-size: calc(36 * var(--v2u));
  line-height: calc(49 * var(--v2u));
  color: inherit;
}
.hv1-hybrid :is(.hv1-news, .hv1-activities, .hv1-courses, .hv1-teachers, .hv1-ethics) .hv1-section-subtitle {
  position: relative;
  display: block;
  font-size: calc(10 * var(--v2u));
  line-height: calc(16 * var(--v2u));
  letter-spacing: calc(1.1 * var(--v2u));
  color: #768b9b;
  margin-top: calc(5 * var(--v2u));
  padding-bottom: calc(20 * var(--v2u));
}
.hv1-hybrid :is(.hv1-news, .hv1-activities, .hv1-courses, .hv1-teachers, .hv1-ethics) .hv1-section-subtitle::before {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(44 * var(--v2u));
  height: calc(3 * var(--v2u));
  background: #28a4ba;
}
.hv1-hybrid :is(.hv1-news, .hv1-activities, .hv1-courses, .hv1-teachers, .hv1-ethics) .hv1-more {
  width: auto;
  height: auto;
  min-height: calc(24 * var(--v2u));
  padding: 0;
  gap: calc(8 * var(--v2u));
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: calc(14 * var(--v2u));
  line-height: calc(24 * var(--v2u));
  font-weight: 700;
  color: var(--v2-link);
}
.hv1-hybrid :is(.hv1-news, .hv1-activities, .hv1-courses, .hv1-ethics) .hv1-section-heading > .hv1-more {
  margin-top: calc(56 * var(--v2u));
}
.hv1-hybrid :is(.hv1-news, .hv1-activities, .hv1-courses, .hv1-teachers, .hv1-ethics) .hv1-more svg {
  width: calc(16 * var(--v2u));
  height: calc(16 * var(--v2u));
}
.hv1-hybrid :is(.hv1-news, .hv1-activities, .hv1-courses, .hv1-teachers, .hv1-ethics) .hv1-more:hover {
  background: transparent;
  color: #159b9c;
}

/* News and the adjoining notice strip form one square information panel. */
.hv1-hybrid .hv1-news { height: calc(857 * var(--v2u)); background: #eaf2f6; }
.hv1-hybrid .hv1-news .hv1-section-heading { padding-top: calc(60 * var(--u)); }
.hv1-hybrid .hv1-news-feature {
  height: calc(410 * var(--v2u));
  border-radius: 0;
  background: linear-gradient(115deg, #2169a7, #268c9a);
}
.hv1-hybrid .hv1-news-slide { flex-direction: row-reverse; }
.hv1-hybrid .hv1-news-copy {
  width: 45.47%;
  padding: calc(126 * var(--v2u)) calc(44 * var(--v2u)) calc(30 * var(--v2u));
  position: relative;
  color: white;
  background: url('/assets/home-v2/news-copy-background.png') center / 100% 100% no-repeat;
}
.hv1-hybrid .hv1-news-copy h3 {
  font-family: "Noto Sans SC", sans-serif;
  font-size: calc(27 * var(--v2u));
  line-height: calc(48 * var(--v2u));
  max-width: none;
  height: auto;
  margin: 0;
}
.hv1-hybrid .hv1-news-copy .hv1-more {
  width: auto;
  height: auto;
  margin-top: calc(29 * var(--v2u));
  color: white;
}
.hv1-hybrid .hv1-news-tag {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  height: calc(43 * var(--v2u));
  padding: 0 calc(20 * var(--v2u));
  color: white;
  background: #2184b9;
  font-size: calc(14 * var(--v2u));
  line-height: 1;
}
.hv1-hybrid .hv1-news-tag > span { display: none; }
.hv1-hybrid .hv1-news-image { flex: 1; position: relative; }
.hv1-hybrid .hv1-notices {
  height: calc(200 * var(--v2u));
  margin-top: 0;
  border-radius: 0;
  background: white;
}
.hv1-hybrid .hv1-notice-heading {
  position: relative;
  width: calc(166 * var(--v2u));
  padding: calc(25 * var(--v2u)) calc(24 * var(--v2u));
  background: white;
}
.hv1-hybrid .hv1-notice-heading > svg { display: none; }
.hv1-hybrid .hv1-notice-heading h3 { margin-top: 0; font-size: calc(22 * var(--v2u)); line-height: 1.5; }
.hv1-hybrid .hv1-notice-heading a {
  position: absolute;
  bottom: calc(30 * var(--v2u));
  left: calc(24 * var(--v2u));
  margin: 0;
  gap: calc(8 * var(--v2u));
  font-size: calc(14 * var(--v2u));
  color: var(--v2-link);
}
.hv1-hybrid .hv1-notice-heading a svg { width: calc(16 * var(--v2u)); height: calc(16 * var(--v2u)); }
.hv1-hybrid .hv1-notice-list { padding: calc(25 * var(--v2u)) 0; }
.hv1-hybrid .hv1-notice-card { padding: 0 calc(24 * var(--v2u)); border-right: calc(1 * var(--v2u)) solid #d8e5ec; min-width: 0; }
.hv1-hybrid .hv1-notice-card:first-child { border-left: calc(1 * var(--v2u)) solid #d8e5ec; }
.hv1-hybrid .hv1-notice-card:last-child { border-right: 0; }
.hv1-hybrid .hv1-notice-card time { font-size: calc(23 * var(--v2u)); line-height: calc(32 * var(--v2u)); color: var(--v2-link); font-weight: 700; white-space: nowrap; }
.hv1-hybrid .hv1-notice-card time small, .hv1-hybrid .hv1-notice-year { margin-left: calc(9 * var(--v2u)); font-size: calc(11 * var(--v2u)); font-weight: 400; color: #91a5b5; }
.hv1-hybrid .hv1-notice-card h3 { margin-top: calc(13 * var(--v2u)); font-size: calc(14 * var(--v2u)); line-height: calc(25 * var(--v2u)); font-weight: 400; }

/* Flat blue training and green lecture lists. */
.hv1-hybrid .hv1-activities { height: calc(786 * var(--v2u)); background: white; }
.hv1-hybrid .hv1-activity-columns { grid-template-columns: minmax(0, 778fr) minmax(0, 472fr); gap: calc(30 * var(--v2u)); height: calc(540 * var(--v2u)); }
.hv1-hybrid .hv1-training { border-radius: 0; background: #f3f7fa; }
.hv1-hybrid .hv1-training-top {
  height: calc(70 * var(--v2u));
  padding: 0 calc(25 * var(--v2u));
  gap: calc(14 * var(--v2u));
  background: linear-gradient(100deg, #2882b7, #2d9aad);
}
.hv1-hybrid .hv1-training-top > svg { width: calc(24 * var(--v2u)); height: calc(24 * var(--v2u)); color: #d6edf4; }
.hv1-hybrid .hv1-training-top > div { display: flex; align-items: center; justify-content: space-between; flex: 1; gap: calc(16 * var(--v2u)); }
.hv1-hybrid .hv1-training-top h3 { font-size: calc(20 * var(--v2u)); white-space: nowrap; }
.hv1-hybrid .hv1-training-top span { margin-top: 0; font-size: calc(12 * var(--v2u)); color: #a4d6e6; white-space: nowrap; }
.hv1-hybrid .hv1-training-top img { display: none; }
.hv1-hybrid .hv1-training-row { height: calc(94 * var(--v2u)); gap: calc(20 * var(--v2u)); padding: 0 calc(24 * var(--v2u)); }
.hv1-hybrid .hv1-training-row::after { left: calc(75 * var(--v2u)); right: calc(24 * var(--v2u)); height: calc(1 * var(--v2u)); background: #d9e5ec; }
.hv1-hybrid .hv1-training-row:last-child::after { display: none; }
.hv1-hybrid .hv1-row-highlight { padding-left: calc(22 * var(--v2u)); border-left: calc(2 * var(--v2u)) solid #40b990; background: #e1f3ec; border-bottom: calc(1 * var(--v2u)) solid #40b990; }
.hv1-hybrid .hv1-day, .hv1-hybrid .hv1-row-highlight .hv1-day { width: calc(48 * var(--v2u)); height: auto; border-radius: 0; background: transparent; color: #4895c8; }
.hv1-hybrid .hv1-day strong { font-family: "Noto Sans SC", sans-serif; font-size: calc(28 * var(--v2u)); line-height: calc(35 * var(--v2u)); }
.hv1-hybrid .hv1-day small { margin-top: calc(4 * var(--v2u)); font-size: calc(10 * var(--v2u)); }
.hv1-hybrid .hv1-training-name { width: auto; flex: 1; min-width: 0; }
.hv1-hybrid .hv1-training-name > a { font-size: calc(16 * var(--v2u)); }
.hv1-hybrid .hv1-training-name > span { gap: calc(5 * var(--v2u)); margin-top: calc(12 * var(--v2u)); font-size: calc(12 * var(--v2u)); color: #91a7b7; }
.hv1-hybrid .hv1-training-name svg { width: calc(13 * var(--v2u)); height: calc(13 * var(--v2u)); }
.hv1-hybrid .hv1-training-state { flex: 0 0 calc(88 * var(--v2u)); text-align: right; }
.hv1-hybrid .hv1-status { border-radius: 0; min-width: 0; padding: calc(1 * var(--v2u)) calc(7 * var(--v2u)); font-size: calc(12 * var(--v2u)); font-weight: 400; gap: 0; }
.hv1-hybrid .hv1-training-state small { justify-content: flex-end; margin-top: calc(10 * var(--v2u)); gap: 0; font-size: calc(12 * var(--v2u)); color: #a0b3c0; }
.hv1-hybrid .hv1-training-state svg { display: none; }
.hv1-hybrid .hv1-training-row .hv1-more { width: calc(112 * var(--v2u)); height: auto; justify-content: flex-end; padding: 0; margin-left: 0; font-size: calc(14 * var(--v2u)); gap: calc(8 * var(--v2u)); }
.hv1-hybrid .hv1-training-row .hv1-more.hv1-filled { width: calc(120 * var(--v2u)); height: calc(44 * var(--v2u)); justify-content: center; background: #216caf; color: white; border-radius: calc(5 * var(--v2u)); }
.hv1-hybrid .hv1-training-row .hv1-more.hv1-filled:hover { background: #2783ab; }
.hv1-hybrid .hv1-lectures { border-radius: 0; padding: 0; background: #eaf5f0; }
.hv1-hybrid .hv1-lectures > h3 { height: calc(70 * var(--v2u)); padding: 0 calc(25 * var(--v2u)); align-items: center; gap: calc(14 * var(--v2u)); background: linear-gradient(100deg, #2e9ba4, #37b08a); color: white; font-size: calc(20 * var(--v2u)); line-height: 1.3; }
.hv1-hybrid .hv1-lectures > h3 > span { width: calc(24 * var(--v2u)); height: calc(24 * var(--v2u)); border-radius: 0; background: transparent; color: #cfede3; }
.hv1-hybrid .hv1-lectures > h3 svg { width: calc(24 * var(--v2u)); height: calc(24 * var(--v2u)); }
.hv1-hybrid .hv1-lecture-card { height: calc(138 * var(--v2u)); padding: calc(21 * var(--v2u)) calc(25 * var(--v2u)) 0; margin-bottom: 0; border-radius: 0; background: transparent; }
.hv1-hybrid .hv1-lecture-card time { color: #98b0b2; font-size: calc(12 * var(--v2u)); }
.hv1-hybrid .hv1-lecture-card .hv1-status { color: #97a6ad; background: transparent; padding: 0; }
.hv1-hybrid .hv1-lecture-card h3 { margin-top: calc(12 * var(--v2u)); height: calc(45 * var(--v2u)); font-size: calc(16 * var(--v2u)); line-height: calc(24 * var(--v2u)); }
.hv1-hybrid .hv1-lecture-card h3 br { display: none; }
.hv1-hybrid .hv1-lecture-bottom { font-size: calc(14 * var(--v2u)); color: var(--v2-link); }
.hv1-hybrid .hv1-lecture-bottom > span { gap: 0; font-size: calc(12 * var(--v2u)); color: #91a7b2; }
.hv1-hybrid .hv1-lecture-bottom > span svg { display: none; }
.hv1-hybrid .hv1-lecture-bottom a { gap: calc(8 * var(--v2u)); }
.hv1-hybrid .hv1-lecture-bottom a svg { width: calc(16 * var(--v2u)); height: calc(16 * var(--v2u)); }

/* Course covers meet the edges of the square, white cards. */
.hv1-hybrid .hv1-courses { height: calc(1057 * var(--v2u)); background: #e3f2ee url('/assets/home-v2/courses-background.png') center / cover no-repeat; }
.hv1-hybrid .hv1-courses .hv1-section-title h2 { color: var(--v2-ink); }
.hv1-hybrid .hv1-courses .hv1-section-subtitle { color: #768b9b; }
.hv1-hybrid .hv1-course-grid { gap: calc(26 * var(--v2u)) calc(24 * var(--v2u)); }
.hv1-hybrid .hv1-course-card { height: calc(389 * var(--v2u)); padding: 0; border-radius: 0; border-bottom: calc(2 * var(--v2u)) solid #afd8c8; }
.hv1-hybrid .hv1-course-image { height: auto; aspect-ratio: 16 / 9; border-radius: 0; }
.hv1-hybrid .hv1-play { width: calc(28 * var(--v2u)); height: calc(28 * var(--v2u)); right: calc(14 * var(--v2u)); bottom: calc(12 * var(--v2u)); font-size: calc(17 * var(--v2u)); padding-left: calc(2 * var(--v2u)); }
.hv1-hybrid .hv1-course-card h3 { height: calc(66 * var(--v2u)); margin: calc(18 * var(--v2u)) calc(18 * var(--v2u)) 0; font-size: calc(18 * var(--v2u)); line-height: calc(26 * var(--v2u)); }
.hv1-hybrid .hv1-course-card h3 br { display: none; }
.hv1-hybrid .hv1-course-bottom { display: block; padding: 0 calc(18 * var(--v2u)); }
.hv1-hybrid .hv1-course-bottom > div { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; gap: calc(15 * var(--v2u)); }
.hv1-hybrid .hv1-course-bottom > div > span { display: flex; align-items: flex-start; font-size: calc(12 * var(--v2u)); line-height: calc(18 * var(--v2u)); white-space: normal; color: #8aa0b1; gap: calc(4 * var(--v2u)); }
.hv1-hybrid .hv1-course-bottom > div > span:first-child { flex: 1; min-width: 0; }
.hv1-hybrid .hv1-course-bottom > div > span:first-child svg { display: none; }
.hv1-hybrid .hv1-course-bottom > div > span:last-child { flex-shrink: 0; white-space: nowrap; }
.hv1-hybrid .hv1-course-bottom > div > span:last-child svg { width: calc(13 * var(--v2u)); height: calc(13 * var(--v2u)); margin-top: calc(2 * var(--v2u)); }
.hv1-hybrid .hv1-course-bottom .hv1-more { width: auto; height: auto; padding: 0; font-size: calc(14 * var(--v2u)); margin-top: calc(13 * var(--v2u)); margin-bottom: 0; }
.hv1-hybrid .hv1-courses-wave { display: none; }

/* Teacher portraits remain interactive within one full-width gradient. */
.hv1-hybrid .hv1-teachers {
  height: calc(622 * var(--v2u));
  padding-top: 0;
  background-color: #237d9d;
  background-image: url('/assets/home-v2/teachers-decoration.svg'), url('/assets/home-v2/teachers-background.png');
  background-position: center;
  background-size: cover;
  color: white;
}
.hv1-hybrid .hv1-teacher-card { width: calc(1680 * var(--u)); height: 100%; border-radius: 0; background: transparent; }
.hv1-hybrid .hv1-teacher-card > .hv1-section-title { top: calc(56 * var(--v2u)); left: 0; }
.hv1-hybrid .hv1-teacher-card .hv1-section-subtitle { color: #94c4d7; margin-top: calc(5 * var(--v2u)); font-size: calc(10 * var(--v2u)); }
.hv1-hybrid .hv1-teacher-card .hv1-section-subtitle::before { display: block; background: #5db5c6; }
.hv1-hybrid .hv1-teacher-copy { top: calc(166 * var(--v2u)); left: 0; width: calc(720 * var(--v2u)); }
.hv1-hybrid .hv1-teacher-copy h3 { display: inline-block; vertical-align: baseline; font-size: calc(54 * var(--v2u)); line-height: calc(73 * var(--v2u)); }
.hv1-hybrid .hv1-teacher-position { display: inline-block; vertical-align: baseline; position: static; margin-top: 0; margin-left: calc(17 * var(--v2u)); font-size: calc(14 * var(--v2u)); line-height: calc(24 * var(--v2u)); color: #acd4e2; }
.hv1-hybrid .hv1-teacher-copy p { margin-top: calc(17 * var(--v2u)); font-size: calc(15 * var(--v2u)); line-height: calc(32 * var(--v2u)); color: #d6eaf1; }
.hv1-hybrid .hv1-teacher-copy p + p { margin-top: calc(20 * var(--v2u)); }
.hv1-hybrid .hv1-teacher-photo { width: calc(440 * var(--v2u)); height: calc(526 * var(--v2u)); top: calc(26 * var(--v2u)); right: 0; border-radius: calc(36 * var(--v2u)); }
.hv1-hybrid .hv1-teacher-controls { display: flex; flex-wrap: wrap; width: calc(660 * var(--v2u)); height: auto; left: 0; bottom: calc(82 * var(--v2u)); row-gap: calc(20 * var(--v2u)); }
.hv1-hybrid .hv1-teacher-thumbnails { gap: calc(12 * var(--v2u)); }
.hv1-hybrid .hv1-teacher-thumbnails button { width: calc(42 * var(--v2u)); height: calc(42 * var(--v2u)); border-radius: 50%; }
.hv1-hybrid .hv1-teacher-thumbnails button.active, .hv1-hybrid .hv1-teacher-thumbnails button[aria-pressed="true"] { outline: calc(1 * var(--v2u)) solid #a6d5e4; outline-offset: calc(2 * var(--v2u)); }
.hv1-hybrid .hv1-teacher-arrows { gap: calc(10 * var(--v2u)); margin-left: calc(15 * var(--v2u)); }
.hv1-hybrid .hv1-teacher-arrows button { width: calc(42 * var(--v2u)); height: calc(42 * var(--v2u)); border-radius: 50%; background: transparent; border: calc(1 * var(--v2u)) solid #6dabca; color: #a5d1e0; font-size: calc(23 * var(--v2u)); }
.hv1-hybrid .hv1-teacher-controls > .hv1-more { width: 100%; justify-content: flex-start; margin-left: 0; height: auto; color: white; background: transparent; }
.hv1-hybrid .hv1-teacher-controls > .hv1-more:hover { color: #d6f4e7; }
.hv1-hybrid .hv1-teacher-ribbon { display: none; }

/* Two rows of horizontal resource cards replace the tall four-card strip. */
.hv1-hybrid .hv1-ethics { height: calc(613 * var(--v2u)); background: #eff4f3; }
.hv1-hybrid .hv1-ethics .hv1-section-heading { height: calc(174 * var(--v2u)); }
.hv1-hybrid .hv1-ethics-tabs { align-items: center; gap: calc(17 * var(--v2u)); margin-top: calc(72 * var(--v2u)); }
.hv1-hybrid .hv1-ethics-tabs button, .hv1-hybrid .hv1-ethics-tabs > a { display: inline-flex; align-items: center; width: auto; height: calc(27 * var(--v2u)); padding: 0 0 calc(5 * var(--v2u)); border-radius: 0; background: transparent; color: #7890a1; font-size: calc(14 * var(--v2u)); line-height: calc(21 * var(--v2u)); font-weight: 400; white-space: nowrap; border-bottom: calc(2 * var(--v2u)) solid transparent; }
.hv1-hybrid .hv1-ethics-tabs button.active { background: transparent; color: var(--v2-link); border-bottom-color: #28a4ba; }
.hv1-hybrid .hv1-ethics-tabs > a { color: var(--v2-link); font-weight: 700; }
.hv1-hybrid .hv1-ethics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(20 * var(--v2u)) calc(26 * var(--v2u)); }
.hv1-hybrid .hv1-ethics-card { height: calc(173 * var(--v2u)); padding: calc(18 * var(--v2u)); border-radius: 0; display: grid; grid-template-columns: calc(246 * var(--v2u)) minmax(0, 1fr); grid-template-rows: calc(32 * var(--v2u)) 1fr calc(24 * var(--v2u)); column-gap: calc(22 * var(--v2u)); }
.hv1-hybrid .hv1-ethics-image { height: 100%; grid-column: 1; grid-row: 1 / 4; border-radius: 0; }
.hv1-hybrid .hv1-ethics-category { grid-column: 2; grid-row: 1; align-items: flex-start; gap: calc(8 * var(--v2u)); margin-top: 0; padding: 0; color: #83aaa5; font-size: calc(12 * var(--v2u)); line-height: calc(19 * var(--v2u)); }
.hv1-hybrid .hv1-ethics-category svg { width: calc(14 * var(--v2u)); height: calc(14 * var(--v2u)); margin-top: calc(2 * var(--v2u)); }
.hv1-hybrid .hv1-ethics-title { grid-column: 2; grid-row: 2; padding: 0 !important; margin-top: calc(3 * var(--v2u)) !important; font-size: calc(18 * var(--v2u)); line-height: calc(26 * var(--v2u)); }
.hv1-hybrid .hv1-ethics-bottom { position: static; grid-column: 2; grid-row: 3; justify-content: flex-start; align-items: center; gap: calc(8 * var(--v2u)); font-size: calc(14 * var(--v2u)); line-height: calc(24 * var(--v2u)); color: var(--v2-link); }
.hv1-hybrid .hv1-resource-arrow { width: calc(16 * var(--v2u)); height: calc(16 * var(--v2u)); background: transparent; border-radius: 0; color: var(--v2-link) !important; }
.hv1-hybrid .hv1-resource-arrow svg { width: calc(16 * var(--v2u)); height: calc(16 * var(--v2u)); }

/* Desktop refinements keep the approved hero and the first news heading in place. */
@media (min-width: 900px) {
  .hv1-hybrid :is(.hv1-news, .hv1-activities, .hv1-courses, .hv1-ethics) .hv1-section-subtitle {
    font-size: max(12px, calc(12 * var(--v2u)));
    color: #5f7d90;
    letter-spacing: calc(.8 * var(--v2u));
  }
  .hv1-hybrid :is(.hv1-activities, .hv1-courses, .hv1-ethics) .hv1-section-heading {
    height: calc(148 * var(--v2u));
    padding-top: calc(44 * var(--v2u));
  }
  .hv1-hybrid :is(.hv1-activities, .hv1-courses) .hv1-section-heading > .hv1-more {
    margin-top: calc(34 * var(--v2u));
  }
  .hv1-hybrid .hv1-news {
    height: auto;
    padding-bottom: calc(48 * var(--v2u));
  }
  .hv1-hybrid .hv1-news-feature {
    height: calc(320 * var(--v2u));
    background: #1e3c78;
  }
  .hv1-hybrid .hv1-news-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: calc(32 * var(--v2u)) calc(40 * var(--v2u));
    background: #1e3c78;
  }
  .hv1-hybrid .hv1-news-meta {
    display: flex;
    align-items: center;
    gap: calc(12 * var(--v2u));
    margin-bottom: calc(20 * var(--v2u));
    font-size: max(13px, calc(13 * var(--v2u)));
    line-height: 1.5;
    color: #c1d7e6;
  }
  .hv1-hybrid .hv1-news-meta > span { color: #75aec6; }
  .hv1-hybrid .hv1-news-copy h3 {
    font-size: calc(24 * var(--v2u));
    line-height: calc(38 * var(--v2u));
  }
  .hv1-hybrid .hv1-news-copy .hv1-more {
    margin-top: calc(24 * var(--v2u));
    align-self: flex-start;
  }
  .hv1-hybrid .hv1-news-tag {
    height: calc(34 * var(--v2u));
    padding-inline: calc(16 * var(--v2u));
    background: #1e3c78e8;
    font-size: max(12px, calc(12 * var(--v2u)));
    font-weight: 400;
  }
  .hv1-hybrid .hv1-news-briefs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(28 * var(--v2u));
    padding: calc(24 * var(--v2u)) 0;
  }
  .hv1-hybrid .hv1-news-brief {
    display: grid;
    grid-template-columns: calc(120 * var(--v2u)) minmax(0, 1fr);
    gap: calc(16 * var(--v2u));
    align-items: start;
    min-width: 0;
  }
  .hv1-hybrid .hv1-news-brief-image {
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #d6e6ed;
  }
  .hv1-hybrid .hv1-news-brief h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: max(15px, calc(16 * var(--v2u)));
    line-height: calc(26 * var(--v2u));
    color: var(--v2-ink);
    font-weight: 700;
  }
  .hv1-hybrid .hv1-news-brief h3 a:hover { color: #216caf; }
  .hv1-hybrid .hv1-news-brief time {
    display: block;
    margin-top: calc(12 * var(--v2u));
    font-size: max(13px, calc(13 * var(--v2u)));
    line-height: 1.5;
    color: #567185;
  }
  .hv1-hybrid .hv1-notices { height: calc(170 * var(--v2u)); }
  .hv1-hybrid .hv1-notice-heading { width: calc(166 * var(--v2u)); }
  .hv1-hybrid .hv1-notice-heading h3 { font-size: calc(20 * var(--v2u)); }
  .hv1-hybrid .hv1-notice-list { padding-block: calc(24 * var(--v2u)); }
  .hv1-hybrid .hv1-notice-card time {
    font-size: max(14px, calc(14 * var(--v2u)));
    line-height: calc(22 * var(--v2u));
    color: #567185;
    font-weight: 400;
  }
  .hv1-hybrid .hv1-notice-card time small,
  .hv1-hybrid .hv1-notice-year {
    font-size: max(12px, calc(12 * var(--v2u)));
    color: #567185;
  }
  .hv1-hybrid .hv1-notice-card h3 {
    margin-top: calc(12 * var(--v2u));
    font-size: max(15px, calc(15 * var(--v2u)));
    line-height: calc(25 * var(--v2u));
    font-weight: 500;
  }
  .hv1-hybrid .hv1-activities,
  .hv1-hybrid .hv1-courses,
  .hv1-hybrid .hv1-ethics {
    height: auto;
    padding-bottom: calc(56 * var(--v2u));
  }
  .hv1-hybrid .hv1-training-top span { color: #d4e8f0; }
  .hv1-hybrid :is(.hv1-day small, .hv1-training-name > span,
      .hv1-training-state small, .hv1-lecture-card time,
      .hv1-lecture-bottom > span, .hv1-course-bottom > div > span) {
    color: #567185;
    font-size: max(13px, calc(13 * var(--v2u)));
  }
  .hv1-hybrid .hv1-lecture-card .hv1-status { color: #567185; }
  .hv1-hybrid .hv1-training-name > a,
  .hv1-hybrid .hv1-lecture-card h3 { font-size: max(16px, calc(16 * var(--v2u))); }
  .hv1-hybrid .hv1-teacher-card .hv1-section-subtitle {
    font-size: max(12px, calc(12 * var(--v2u)));
    color: #c4e1ea;
  }
  .hv1-hybrid .hv1-teacher-position { color: #d0e6ee; }
  .hv1-hybrid .hv1-teacher-copy p {
    max-width: calc(700 * var(--v2u));
    font-size: max(16px, calc(16 * var(--v2u)));
    line-height: calc(30 * var(--v2u));
    color: #eff7fa;
  }
  .hv1-hybrid .hv1-teacher-photo { border-radius: calc(24 * var(--v2u)); }
  .hv1-hybrid .hv1-teacher-photo img { object-position: center 18%; }
  .hv1-hybrid .hv1-teacher-thumbnails img { object-position: center 20%; }
  .hv1-hybrid .hv1-ethics-tabs { margin-top: calc(53 * var(--v2u)); }
  .hv1-hybrid .hv1-ethics-tabs button { color: #567185; }
  .hv1-hybrid .hv1-ethics-category { display: none; }
  .hv1-hybrid .hv1-ethics-title {
    grid-row: 1 / 3;
    align-self: center;
    margin-top: 0 !important;
  }
}

/* The home course directory puts original artwork beside the course information. */
.hv1-hybrid .hv1-courses {
  --v2u: min(1px, calc(100vw / 1440));
  background: #edf4f8;
  padding-bottom: 36px;
}
.hv1-hybrid .hv1-courses .hv1-section-heading {
  height: 132px;
  padding-top: 30px;
}
.hv1-hybrid .hv1-courses .hv1-section-heading > .hv1-more { margin-top: 30px; }
.hv1-hybrid .hv1-course-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 42px;
  border-top: 1px solid #c6d9e3;
}
.hv1-hybrid .hv1-course-card {
  position: relative;
  display: block;
  height: 156px;
  background: transparent;
  border-bottom: 1px solid #c6d9e3;
}
.hv1-hybrid .hv1-course-entry {
  display: grid;
  grid-template-columns: clamp(164px, 13.333vw, 192px) minmax(0, 1fr) 24px;
  gap: 22px;
  height: 100%;
  align-items: center;
  padding: 23px 0;
  color: #1e3c78;
  transition: background-color .2s ease;
}
.hv1-hybrid .hv1-course-art {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #e1ebf2;
}
.hv1-hybrid .hv1-course-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform .25s ease;
}
.hv1-hybrid .hv1-course-info { min-width: 0; }
.hv1-hybrid .hv1-course-info h3 {
  position: static;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: auto;
  height: auto;
  max-height: 56px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clip-path: none;
  white-space: normal;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  transition: color .2s ease;
}
.hv1-hybrid .hv1-course-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px 16px;
  margin-top: 12px;
  font-size: 13px;
  line-height: 21px;
  color: #567185;
}
.hv1-hybrid .hv1-course-lecturer {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.hv1-hybrid .hv1-course-duration {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}
.hv1-hybrid .hv1-course-duration svg { width: 14px; height: 14px; }
.hv1-hybrid .hv1-course-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #216caf;
  transition: transform .2s ease;
}
.hv1-hybrid .hv1-course-arrow svg { width: 22px; height: 22px; }
.hv1-hybrid .hv1-course-entry:hover { background: #e4eff5; }
.hv1-hybrid .hv1-course-entry:hover h3 { color: #216caf; }
.hv1-hybrid .hv1-course-entry:hover .hv1-course-art img { transform: scale(1.025); }
.hv1-hybrid .hv1-course-entry:hover .hv1-course-arrow { transform: translateX(3px); }
.hv1-hybrid .hv1-course-entry:focus-visible { outline: 2px solid #216caf; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
  .hv1-hybrid .hv1-course-entry,
  .hv1-hybrid .hv1-course-entry h3,
  .hv1-hybrid .hv1-course-art img,
  .hv1-hybrid .hv1-course-arrow { transition: none; }
}

@media (max-width: 899px) {
  .hv1-hybrid .hv1-courses { height: auto; }
  .hv1-hybrid .hv1-course-grid { grid-template-columns: minmax(0, 1fr); }
}