/* ============================================================================
   Mynavi TechTus Vietnam — v2 news / archive page styles
   Sources: 05-mockups/v2/vi/{blogs,blog-detail,events,event-detail}.html and
            05-mockups/v2/jp/{case-studies,case-study-detail}.html <style>.
   The bulk of the news surface is shared and already lives in components.css:
     `.case-row`(+`.flip`) `.case-media` `.case-imgwrap` `.case-tag`
     `.case-client` `.case-title` `.case-excerpt` `.case-arrow` `.case-metrics`
     `.case-cards`/`.case-card*` `.pager*` `.archive-hero*` `.article-hero`
     `.cs-title` `.cs-fig` `.cs-article`(+h2/h3/p) `.cs-related`(+`-head`)
     `.cs-detail-metrics`.
   Do NOT redefine those here. This file holds only genuinely news-only rules
   not covered by the shared sheet.
   Token-only: colours/sizes/spacing use design-system tokens.
   ============================================================================ */

/* Related block: the eyebrow sits inside `.cs-related-head` above the H2 and
   carries a bolder weight than the generic `.eyebrow`. */
.cs-related-head .eyebrow {
  font-size: var(--fs-xs);
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-eyebrow-lg);
  color: var(--c-cyan);
}