/* Official NEWS index. Keep all presentation rules inside this page. */
.forwardx-news {
  --news-navy: #122b43;
  --news-blue: #1769a6;
  --news-line: #dce3e9;
  color: #293440;
  background: #fff;
  line-height: 1.8;
}
.forwardx-news *, .forwardx-news *::before, .forwardx-news *::after { box-sizing: border-box; }
.forwardx-news .forwardx-news-inner { width: min(1000px, calc(100% - 64px)); margin-inline: auto; }
.forwardx-news .forwardx-news-breadcrumb { padding-block: 18px; font-size: 12px; overflow-wrap: anywhere; }
.forwardx-news .forwardx-news-breadcrumb a { color: var(--news-blue); }
.forwardx-news .forwardx-news-hero { overflow: hidden; background: linear-gradient(115deg, #fff 15%, #f1f6fa); border-bottom: 1px solid var(--news-line); }
.forwardx-news .forwardx-news-hero-inner { position: relative; padding-block: 72px 80px; }
.forwardx-news .forwardx-news-hero-inner::before,
.forwardx-news .forwardx-news-hero-inner::after {
  content: ""; position: absolute; right: 12%; top: 50%; width: 42px; height: 320px;
  background: var(--news-blue); opacity: .045; transform: translateY(-50%) skewX(34deg); pointer-events: none;
}
.forwardx-news .forwardx-news-hero-inner::after { transform: translateY(-50%) skewX(-34deg); }
.forwardx-news .forwardx-news-hero-copy { position: relative; z-index: 1; min-width: 0; }
.forwardx-news .forwardx-news-eyebrow { margin: 0 0 12px; color: var(--news-blue); font-size: 13px; font-weight: 600; letter-spacing: .16em; }
.forwardx-news .forwardx-news-title, .forwardx-news .forwardx-news-heading {
  padding: 0; border: 0; background: none; box-shadow: none; color: var(--news-navy);
  font-family: inherit; font-weight: 600; line-height: 1.5; letter-spacing: .06em;
}
.forwardx-news .forwardx-news-title::before, .forwardx-news .forwardx-news-title::after,
.forwardx-news .forwardx-news-heading::before, .forwardx-news .forwardx-news-heading::after { content: none; }
.forwardx-news .forwardx-news-title { margin: 0 0 24px; font-size: clamp(30px, 4vw, 44px); }
.forwardx-news .forwardx-news-lead { margin: 0; font-size: 16px; overflow-wrap: anywhere; }
.forwardx-news .forwardx-news-section { padding-block: 88px 112px; }
.forwardx-news .forwardx-news-heading { margin: 0 0 40px; font-size: clamp(24px, 2.7vw, 30px); }
.forwardx-news .forwardx-news-list { padding: 0; margin: 0; list-style: none; border-top: 1px solid var(--news-line); }
.forwardx-news .forwardx-news-item { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid var(--news-line); }
.forwardx-news .forwardx-news-link {
  display: grid; grid-template-columns: auto minmax(0, 1fr) 24px; gap: 28px; align-items: center;
  padding: 28px 4px; color: var(--news-navy); text-decoration: none; border: 0; border-radius: 0; box-shadow: none;
}
.forwardx-news .forwardx-news-date { padding-right: 28px; border-right: 1px solid var(--news-line); font-size: 14px; font-variant-numeric: tabular-nums; white-space: nowrap; color: #536171; }
.forwardx-news .forwardx-news-post-title { min-width: 0; overflow-wrap: anywhere; word-break: normal; font-size: 16px; font-weight: 500; transition: color .18s ease; }
.forwardx-news .forwardx-news-arrow { text-align: center; color: var(--news-blue); transition: transform .18s ease, color .18s ease; }
.forwardx-news .forwardx-news-link:hover .forwardx-news-post-title { color: var(--news-blue); }
.forwardx-news .forwardx-news-link:hover .forwardx-news-arrow { transform: translateX(3px); }
.forwardx-news a:focus-visible { outline: 2px solid var(--news-blue); outline-offset: 4px; }
.forwardx-news .forwardx-news-pagination .navigation { margin: 48px 0 0; padding: 0; }
.forwardx-news .forwardx-news-pagination .nav-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
.forwardx-news .forwardx-news-pagination .page-numbers {
  display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 40px;
  padding: 4px 8px; margin: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent;
  color: var(--news-navy); text-decoration: none; line-height: 1.5;
}
.forwardx-news .forwardx-news-pagination .page-numbers.current { color: var(--news-blue); font-weight: 700; border-bottom: 2px solid var(--news-blue); }
.forwardx-news .forwardx-news-pagination a.page-numbers:hover { color: var(--news-blue); background: #f1f6fa; }
.forwardx-news .forwardx-news-empty { margin: 0; padding-block: 28px; border-block: 1px solid var(--news-line); }
@media (max-width: 767px) {
  .forwardx-news .forwardx-news-inner { width: calc(100% - 40px); }
  .forwardx-news .forwardx-news-hero-inner { padding-block: 48px 56px; }
  .forwardx-news .forwardx-news-hero-inner::before, .forwardx-news .forwardx-news-hero-inner::after { right: 16%; width: 28px; height: 230px; opacity: .03; }
  .forwardx-news .forwardx-news-lead { font-size: 14px; }
  .forwardx-news .forwardx-news-section { padding-block: 56px 72px; }
  .forwardx-news .forwardx-news-heading { margin-bottom: 28px; }
  .forwardx-news .forwardx-news-link { grid-template-columns: minmax(0, 1fr) 20px; gap: 10px 16px; padding-block: 24px; }
  .forwardx-news .forwardx-news-date { grid-column: 1 / -1; padding-right: 0; border: 0; font-size: 13px; }
  .forwardx-news .forwardx-news-post-title { grid-column: 1; font-size: 15px; }
  .forwardx-news .forwardx-news-arrow { grid-column: 2; }
  .forwardx-news .forwardx-news-pagination .navigation { margin-top: 32px; }
}
/* CONTACT's 1000px inner maximum plus 32px gutters on each side. */
@media (min-width: 575.99px) {
  .forwardx-news .forwardx-news-hero { width: min(1064px, calc(100% - 64px)); margin-inline: auto; }
  .forwardx-news .forwardx-news-hero-inner { width: min(1000px, calc(100% - 64px)); padding-block: 48px; }
  .forwardx-news .forwardx-news-hero-inner::before,
  .forwardx-news .forwardx-news-hero-inner::after { right: 12%; width: 30px; height: 200px; opacity: .045; }
  .forwardx-news .forwardx-news-hero .forwardx-news-eyebrow { line-height: 1.5; }
  .forwardx-news .forwardx-news-hero .forwardx-news-title { margin-bottom: 20px; line-height: 1.4; }
  .forwardx-news .forwardx-news-hero .forwardx-news-lead { font-size: 16px; line-height: 1.85; }
}
/* Match Lightning G3's site-body top padding, absent from the NEWS template.
   Reference: _g3/assets/_scss/layout/_layout.scss. Keep phone/tablet spacing intact. */
@media (min-width: 768px) {
  .forwardx-news .forwardx-news-hero { margin-top: 2.5rem; }
}
@media (min-width: 992.01px) {
  .forwardx-news .forwardx-news-hero { margin-top: 3rem; }
}
@media (min-width: 1200.01px) {
  .forwardx-news .forwardx-news-hero { margin-top: 3.5rem; }
}
/* Match CONTACT's one-column content width inside Lightning's padded container.
   At >=1200px the local parent backup uses 1140px minus two 15px gutters.
   The existing 1000px hero inner remains unchanged at this breakpoint. */
@media (min-width: 1200px) {
  .forwardx-news .forwardx-news-hero {
    width: calc(var(--vk-width-container, 1140px) - var(--vk-width-container-padding, 15px) * 2);
    max-width: calc(100% - 30px);
  }
}
/* CONTACT-sized phone hero: NEWS sits outside Lightning's page container. */
@media (max-width: 575.98px) {
  .forwardx-news .forwardx-news-hero { width: calc(100% - 40px); margin-inline: auto; }
  .forwardx-news .forwardx-news-hero-inner { padding-block: 32px; }
  .forwardx-news .forwardx-news-hero-inner::before,
  .forwardx-news .forwardx-news-hero-inner::after { right: 14%; width: 24px; height: 160px; opacity: .025; }
}
@media (prefers-reduced-motion: reduce) {
  .forwardx-news .forwardx-news-post-title, .forwardx-news .forwardx-news-arrow { transition: none; }
  .forwardx-news .forwardx-news-link:hover .forwardx-news-arrow { transform: none; }
}