.news-overview-page { overflow-x: clip; background: #f3f5f4; color: #11161b; }
.news-overview-hero { padding: 52px 0 42px; background: #0b0f13; color: #fff; }
.news-overview-hero > .content-shell > p { margin: 0; color: #7899db; font-family: var(--font-label); font-size: 10px; font-weight: 600; }
.news-overview-hero h1 { margin: 20px 0 0; font-family: var(--font-display); font-size: clamp(48px, 5.2vw, 70px); line-height: 1; }
.news-overview-hero .content-shell > div { margin-top: 28px; padding-top: 18px; display: flex; justify-content: space-between; align-items: center; gap: 50px; border-top: 1px solid rgba(255,255,255,.25); }
.news-overview-hero .content-shell > div > p { max-width: 720px; margin: 0; color: rgba(255,255,255,.62); font-size: 13px; line-height: 1.65; }
.news-overview-hero .content-shell > div > span { color: rgba(255,255,255,.52); font-size: 12px; white-space: nowrap; }
.news-overview-hero strong { margin-right: 8px; color: #fff; font-family: var(--font-display); font-size: 23px; }

.news-overview-list { padding: 36px 0 70px; }
.news-list-head { padding: 0 0 14px; display: grid; grid-template-columns: 170px 1fr 170px; gap: 32px; border-bottom: 2px solid #11161b; color: #778189; font-family: var(--font-label); font-size: 9px; }
.news-list-item { border-bottom: 1px solid #cdd2d5; }
.news-list-item > a { min-height: 138px; padding: 20px 0; display: grid; grid-template-columns: 150px minmax(0,1fr) 150px 0; gap: 28px; align-items: start; position: relative; transition: color 180ms ease; }
.news-list-date { min-height: 88px; display: flex; flex-direction: column; justify-content: space-between; color: #6e7880; font-family: var(--font-label); font-size: 10px; }
.news-list-date span { color: #a8afb4; font-size: 20px; }
.news-list-copy h2 { max-width: 760px; margin: 0; font-family: var(--font-display); font-size: 25px; line-height: 1.25; }
.news-list-copy p { max-width: 720px; margin: 11px 0 0; display: -webkit-box; overflow: hidden; color: #657078; font-size: 12px; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.news-list-type { min-height: 88px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; color: #526fa9; font-size: 11px; }
.news-list-type b { font-size: 25px; font-weight: 400; transition: transform 180ms ease; }
.news-list-item img { width: 0; height: 88px; position: absolute; right: 154px; bottom: 20px; object-fit: cover; opacity: 0; transform: translateX(14px); transition: width 220ms ease, opacity 180ms ease, transform 220ms ease; }
.news-list-item > a:hover .news-list-copy, .news-list-item > a:focus-visible .news-list-copy { padding-right: 150px; }
.news-list-copy { transition: padding 220ms ease; }
.news-list-item > a:hover img, .news-list-item > a:focus-visible img { width: 128px; opacity: 1; transform: translateX(0); }
.news-list-item > a:hover .news-list-type b, .news-list-item > a:focus-visible .news-list-type b { transform: translate(3px,-3px); }
.news-list-item > a:focus-visible { outline: 2px solid #175ee6; outline-offset: 5px; }

.news-list-pagination { margin-top: 42px; display: flex; justify-content: center; gap: 6px; }
.news-list-pagination button { min-width: 38px; height: 38px; padding: 0 12px; border: 1px solid #b9c0c5; background: #fff; color: #2e363d; font: inherit; font-size: 12px; cursor: pointer; }
.news-list-pagination button[aria-current="page"] { border-color: #11161b; background: #11161b; color: #fff; }
.news-list-pagination button:disabled { opacity: .35; cursor: not-allowed; }

@media (max-width: 760px) {
  .news-overview-hero { padding: 36px 0 30px; }
  .news-overview-hero h1 { margin-top: 16px; font-size: 40px; }
  .news-overview-hero .content-shell > div { margin-top: 22px; padding-top: 14px; align-items: center; flex-direction: row; gap: 18px; }
  .news-overview-hero .content-shell > div > p { font-size: 11px; line-height: 1.55; }
  .news-overview-hero .content-shell > div > span { font-size: 10px; }
  .news-overview-hero strong { font-size: 19px; }
  .news-overview-list { padding: 28px 0 54px; }
  .news-list-head { grid-template-columns: 88px 1fr; }
  .news-list-head span:last-child { display: none; }
  .news-list-item > a { min-height: 0; padding: 17px 0; grid-template-columns: 78px minmax(0,1fr); gap: 15px; }
  .news-list-date { min-height: 74px; }
  .news-list-date span { font-size: 16px; }
  .news-list-copy h2 { font-size: 19px; line-height: 1.25; }
  .news-list-copy p { margin-top: 8px; font-size: 11px; -webkit-line-clamp: 2; }
  .news-list-type { grid-column: 2; min-height: 0; align-items: center; flex-direction: row; }
  .news-list-type b { font-size: 20px; }
  .news-list-item img { display: none; }
  .news-list-item > a:hover .news-list-copy, .news-list-item > a:focus-visible .news-list-copy { padding-right: 0; }
}