@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Code:wght@500&display=swap');
/* ics-fx-timeline: timeline card labels (Figma Timeline card, Category 02). In-flow tag above the photo, right-aligned to the card edge, 16px Google Sans Code Medium, uppercase, 7.2px tracking, padding 12 16 8, 44px high, radius 8, no rotation, no border. Colours per Figma variant. */
html body #ms-1-tag#ms-1-tag#ms-1-tag#ms-1-tag,
html body #ms-2-tag#ms-2-tag#ms-2-tag#ms-2-tag,
html body #ms-3-tag#ms-3-tag#ms-3-tag#ms-3-tag,
html body #ms-4-tag#ms-4-tag#ms-4-tag#ms-4-tag,
html body #ms-5-tag#ms-5-tag#ms-5-tag#ms-5-tag,
html body #mv-r1-tag#mv-r1-tag#mv-r1-tag#mv-r1-tag,
html body #mv-r2-tag#mv-r2-tag#mv-r2-tag#mv-r2-tag,
html body #mv-r3-tag#mv-r3-tag#mv-r3-tag#mv-r3-tag,
html body #mv-r4-tag#mv-r4-tag#mv-r4-tag#mv-r4-tag,
html body #mv-r5-tag#mv-r5-tag#mv-r5-tag#mv-r5-tag,
html body #mv-r6-tag#mv-r6-tag#mv-r6-tag#mv-r6-tag,
html body #mv-r7-tag#mv-r7-tag#mv-r7-tag#mv-r7-tag,
html body #mv-r8-tag#mv-r8-tag#mv-r8-tag#mv-r8-tag,
html body #mv-r9-tag#mv-r9-tag#mv-r9-tag#mv-r9-tag,
html body #mv-r10-tag#mv-r10-tag#mv-r10-tag#mv-r10-tag {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  inset: auto !important;
  transform: none !important;
  scale: none !important;
  float: none !important;
  display: block !important;
  width: fit-content !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 44px !important;
  margin: 0 0 0 auto !important;
  padding: 12px 16px 8px 16px !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-family: 'Google Sans Code', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 24px !important;
  letter-spacing: 7.2px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  z-index: auto !important;
}
html body #ms-1-tag#ms-1-tag#ms-1-tag#ms-1-tag {
  background: #ffef6b !important;
  color: #000000 !important;
}
html body #ms-2-tag#ms-2-tag#ms-2-tag#ms-2-tag {
  background: #8ab0fa !important;
  color: #001540 !important;
}
html body #ms-3-tag#ms-3-tag#ms-3-tag#ms-3-tag {
  background: #ffb2db !important;
  color: #3f0021 !important;
}
html body #ms-4-tag#ms-4-tag#ms-4-tag#ms-4-tag {
  background: #ffef6b !important;
  color: #000000 !important;
}
html body #ms-5-tag#ms-5-tag#ms-5-tag#ms-5-tag {
  background: #8ab0fa !important;
  color: #001540 !important;
}
html body #mv-r1-tag#mv-r1-tag#mv-r1-tag#mv-r1-tag {
  background: #ffef6b !important;
  color: #000000 !important;
}
html body #mv-r2-tag#mv-r2-tag#mv-r2-tag#mv-r2-tag {
  background: #8ab0fa !important;
  color: #001540 !important;
}
html body #mv-r3-tag#mv-r3-tag#mv-r3-tag#mv-r3-tag {
  background: #ffb2db !important;
  color: #3f0021 !important;
}
html body #mv-r4-tag#mv-r4-tag#mv-r4-tag#mv-r4-tag {
  background: #ffef6b !important;
  color: #000000 !important;
}
html body #mv-r5-tag#mv-r5-tag#mv-r5-tag#mv-r5-tag {
  background: #8ab0fa !important;
  color: #001540 !important;
}
html body #mv-r6-tag#mv-r6-tag#mv-r6-tag#mv-r6-tag {
  background: #ffb2db !important;
  color: #001540 !important;
}
html body #mv-r7-tag#mv-r7-tag#mv-r7-tag#mv-r7-tag {
  background: #ffef6b !important;
  color: #3f0021 !important;
}
html body #mv-r8-tag#mv-r8-tag#mv-r8-tag#mv-r8-tag {
  background: #8ab0fa !important;
  color: #000000 !important;
}
html body #mv-r9-tag#mv-r9-tag#mv-r9-tag#mv-r9-tag {
  background: #ffb2db !important;
  color: #001540 !important;
}
html body #mv-r10-tag#mv-r10-tag#mv-r10-tag#mv-r10-tag {
  background: #ffef6b !important;
  color: #001540 !important;
}
/* ics-fx-timeline: the tag sits directly on top of the photo (Figma: content-block starts under Category 02, no gap). */
html body #ms-1-photo#ms-1-photo#ms-1-photo#ms-1-photo,
html body #ms-2-photo#ms-2-photo#ms-2-photo#ms-2-photo,
html body #ms-3-photo#ms-3-photo#ms-3-photo#ms-3-photo,
html body #ms-4-photo#ms-4-photo#ms-4-photo#ms-4-photo,
html body #ms-5-photo#ms-5-photo#ms-5-photo#ms-5-photo,
html body #mv-r1-photo#mv-r1-photo#mv-r1-photo#mv-r1-photo,
html body #mv-r2-photo#mv-r2-photo#mv-r2-photo#mv-r2-photo,
html body #mv-r3-photo#mv-r3-photo#mv-r3-photo#mv-r3-photo,
html body #mv-r4-photo#mv-r4-photo#mv-r4-photo#mv-r4-photo,
html body #mv-r5-photo#mv-r5-photo#mv-r5-photo#mv-r5-photo,
html body #mv-r6-photo#mv-r6-photo#mv-r6-photo#mv-r6-photo,
html body #mv-r7-photo#mv-r7-photo#mv-r7-photo#mv-r7-photo,
html body #mv-r8-photo#mv-r8-photo#mv-r8-photo#mv-r8-photo,
html body #mv-r9-photo#mv-r9-photo#mv-r9-photo#mv-r9-photo,
html body #mv-r10-photo#mv-r10-photo#mv-r10-photo#mv-r10-photo {
  margin-top: 0 !important;
}
/* ve-chung-toi (page 121): timeline rows #ms-1..5 span the theme box (inner gutter padding kept); section heads drop the 16px inset of their container */
html body #ab-timeline#ab-timeline #ms-1#ms-1, html body #ab-timeline#ab-timeline #ms-2#ms-2, html body #ab-timeline#ab-timeline #ms-3#ms-3, html body #ab-timeline#ab-timeline #ms-4#ms-4, html body #ab-timeline#ab-timeline #ms-5#ms-5 { width: var(--ics-box) !important; max-width: none !important; margin-inline: auto !important; }
html body #ab-tl-head#ab-tl-head, html body #ab-adv-head#ab-adv-head, html body #ab-lib-head#ab-lib-head { margin-inline: -1rem !important; }