/* News list, search, and WordPress article content from the reviewed Figma screens. */
.cn-list { color: var(--cx-text); background: var(--cx-paper); }
.cn-list__inner { display: flex; flex-direction: column; gap: 40px; padding-top: 64px; padding-bottom: 80px; }
.cn-filters { display: grid; grid-template-columns: minmax(0,1fr) 216px; gap: 24px; margin: 0; }
.cn-filters--search { grid-template-columns: minmax(0,1fr); }
.cn-filter { display: flex; min-width: 0; flex-direction: column; gap: 8px; }
.cn-filter > label { font-size: 14px; font-weight: 700; line-height: 20px; }
.cn-search { display: flex; gap: 8px; }
.cn-search__field { display: flex; flex: 1 1 auto; align-items: center; gap: 12px; min-width: 0; height: 56px; padding-inline: 16px; border: 1px solid var(--cx-control); background: #fff; }
.cn-search__field > img { flex: 0 0 20px; width: 20px; height: 20px; }
.cn-search__field > input { width: 100%; min-width: 0; padding: 0; border: 0; border-radius: 0; color: var(--cx-text); background: transparent; font-size: 16px; line-height: 28px; }
.cn-search__field > input::placeholder { color: var(--cx-muted); opacity: 1; }
.cn-search__submit { flex: 0 0 96px; width: 96px; border-radius: 4px; }
.cn-filter select { width: 100%; height: 56px; padding: 12px 48px 12px 16px; border: 1px solid var(--cx-control); border-radius: 0; color: var(--cx-text); background: #fff url('../img/corporate/news-chevron.svg') no-repeat right 20px center / 12px 6px; font-size: 16px; line-height: 28px; -webkit-appearance: none; appearance: none; }
.cn-results { display: flex; flex-direction: column; gap: 16px; }
.cn-count { color: var(--cx-muted); font-size: 14px; line-height: 24px; }
.cn-rows { border-top: 1px solid var(--cx-rule); list-style: none; }
.cn-row { display: flex; align-items: center; gap: 32px; padding-block: 28px; border-bottom: 1px solid var(--cx-rule); }
.cn-row > time { flex: 0 0 104px; width: 104px; color: var(--cx-muted); font: 700 12px/16px Archivo,sans-serif; }
.cn-row__headline { display: flex; flex: 1 1 auto; align-items: center; justify-content: space-between; gap: 32px; min-width: 0; }
.cn-row__title { font-size: 20px; font-weight: 700; line-height: 30px; overflow-wrap: anywhere; }
.cn-row:hover .cn-row__title { text-decoration: underline; text-underline-offset: 4px; }
.cn-pagination { display: flex; align-items: center; justify-content: center; gap: 12px; }
.cn-pagination__item { display: flex; flex: 0 0 44px; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid var(--cx-rule); background: #fff; font-size: 14px; font-weight: 700; line-height: 20px; }
.cn-pagination__direction { flex-basis: 64px; width: 64px; }
.cn-pagination__item.is-current { border-color: var(--cx-red); color: #fff; background: var(--cx-red); }
.cn-pagination__item.is-disabled { opacity: .4; }
.cn-pagination__item[href]:hover { border-color: var(--cx-control); background: var(--cx-paper); }
.cn-pagination__total { display: none; }
.cn-pagination__ellipsis { font-size: 14px; }
.cn-list--empty .cn-list__inner { gap: 56px; padding-bottom: 96px; }
.cn-empty { display: flex; align-items: center; flex-direction: column; gap: 24px; padding: 64px 48px; background: #fff; text-align: center; }
.cn-empty h2 { font-size: 28px; line-height: 40px; }
.cn-empty > p { color: var(--cx-muted); font-size: 16px; line-height: 28px; }
.cn-back { width: 280px; max-width: 100%; border-radius: 4px; }
.cn-article { color: var(--cx-text); background: #fff; }
.cn-article__inner { display: flex; align-items: center; flex-direction: column; gap: 56px; padding-block: 80px; }
.cn-article__body { width: 100%; max-width: 800px; min-width: 0; font-size: 18px; line-height: 32px; overflow-wrap: anywhere; }
.cn-article__body > * + * { margin-top: 24px; }
.cn-article__body :where(h2,h3,h4,h5,h6) { font-weight: 700; }
.cn-article__body h2 { font-size: 28px; line-height: 40px; }
.cn-article__body h3 { font-size: 24px; line-height: 34px; }
.cn-article__body :where(h4,h5,h6) { font-size: 20px; line-height: 30px; }
.cn-article__body :where(a) { color: var(--cx-red) !important; text-decoration: underline; text-underline-offset: 3px; }
.cn-article__body :where(ul,ol) { padding-left: 1.5em; }
.cn-article__body :where(li + li) { margin-top: 8px; }
.cn-article__body :where(img,video) { max-width: 100%; height: auto; }
.cn-article__body :where(iframe,embed,object) { max-width: 100%; }
.cn-article__body :where(figure,.wp-caption) { max-width: 100%; }
.cn-article__body :where(figcaption,.wp-caption-text) { margin-top: 8px; color: var(--cx-muted); font-size: 14px; line-height: 24px; }
.cn-article__body :where(blockquote,.wp-block-group.has-background) { margin-inline: 0; padding: 32px; background: var(--cx-paper); }
.cn-article__body :where(blockquote,.wp-block-group) > * + * { margin-top: 24px; }
.cn-article__body :where(table) { width: 100%; border-collapse: collapse; font-size: 16px; line-height: 28px; }
.cn-article__body :where(th,td) { padding: 16px; border: 1px solid var(--cx-rule); text-align: left; overflow-wrap: anywhere; }
.cn-article__body :where(th) { background: var(--cx-paper); }
.cn-article__body :where(.wp-block-table,pre) { max-width: 100%; overflow-x: auto; }
.cn-article__body pre { padding: 24px; background: var(--cx-paper); }
.cn-article__pages { display: flex; flex-wrap: wrap; gap: 16px; }
.cn-info-card { display: flex; flex-direction: column; gap: 24px; padding: 32px; background: var(--cx-paper); }
.cn-info-card > h2 { font-size: 24px; line-height: 34px; }
.cn-info-card__body { display: flex; align-items: flex-start; gap: 24px; }
.cn-info-card__image { flex: 0 0 120px; width: 120px; }
.cn-info-card__image img { width: 120px; height: 120px; object-fit: contain; }
.cn-info-card dl { display: flex; flex: 1 1 auto; flex-direction: column; gap: 16px; min-width: 0; }
.cn-info-card dl > div { display: flex; flex-direction: column; gap: 4px; }
.cn-info-card dt { color: var(--cx-muted); font-size: 14px; font-weight: 700; line-height: 20px; }
.cn-info-card dd { font-size: 16px; line-height: 28px; }
@media (min-width: 768px) and (max-width: 1199px) {
  .cn-list__inner,.cn-article__inner { padding-inline: 48px; }
}
@media (max-width: 767px) {
  .cn-list__inner { gap: 32px; padding-top: 40px; padding-bottom: 56px; }
  .cn-filters { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .cn-search__submit { flex-basis: 72px; width: 72px; }
  .cn-row { flex-direction: column; align-items: stretch; gap: 12px; padding-block: 24px; }
  .cn-row > time { flex-basis: auto; }
  .cn-row__headline { gap: 24px; }
  .cn-row__title { font-size: 18px; line-height: 28px; }
  .cn-pagination { gap: 8px; }
  .cn-pagination__direction { flex-basis: 56px; width: 56px; }
  .cn-pagination__number:not(.is-current),.cn-pagination__ellipsis { display: none; }
  .cn-pagination__total { display: inline; width: 28px; color: var(--cx-muted); font: 400 12px/16px Archivo,sans-serif; }
  .cn-list--empty .cn-list__inner { gap: 40px; padding-bottom: 64px; }
  .cn-empty { padding: 40px 24px; }
  .cn-empty h2 { font-size: 24px; line-height: 34px; }
  .cn-back { width: 100%; }
  .cn-article__inner { gap: 40px; padding-top: 48px; padding-bottom: 56px; }
  .cn-article__body { font-size: 16px; line-height: 28px; }
  .cn-article__body h2 { font-size: 24px; line-height: 34px; }
  .cn-article__body :where(blockquote,.wp-block-group.has-background) { padding: 24px; }
  .cn-article__body :where(th,td) { padding: 12px; }
  .cn-info-card { padding: 24px; }
  .cn-info-card__body { flex-direction: column; }
  .cn-info-card__image { flex-basis: auto; }
}
@media (forced-colors: active) {
  .cn-filter select { -webkit-appearance: auto; appearance: auto; background-image: none; }
}

/* Shared semantic content, including newly authored CMS articles. */
.cn-article__body :where(p,div,section,article,span,ul,ol,li,table,td,th) { font-family: inherit; }
.cn-article__body .cn-content-spacer { display: none; }
.cn-article__body .cn-content-group > * + * { margin-top: 24px; }
.cn-table-wrap { max-width: 100%; overflow-x: auto; }
.cn-info-card__image { order: -1; }
.cn-content-align-left { text-align: left; }
.cn-content-align-right { text-align: right; }
.cn-content-align-center { text-align: center; }
.cn-content-align-justify { text-align: justify; }
.cn-content-bold { font-weight: 700; }
.cn-content-italic { font-style: italic; }
