/* News desktop composition follows the supplied 2026.10.10 reference. */
@media (min-width: 1101px) {
  /* Title, breadcrumb and category links share one color banner. */
  .secondary-page[data-secondary-design="news"] .sp-news-banner {
    height: 220px;
    background: #169ac9;
  }
  .secondary-page[data-secondary-design="news"] .sp-news-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("/assets/secondary/news-announcements-background-v2.svg") center / cover no-repeat;
    pointer-events: none;
  }
  .secondary-page[data-secondary-design="news"] .sp-news-banner::after,
  .secondary-page[data-secondary-design="news"] .sp-news-banner .sp-brand-art,
  .secondary-page[data-secondary-design="news"] .sp-news-banner-title::after { display: none; }
  .secondary-page[data-secondary-design="news"] .sp-news-banner :is(.sp-news-banner-title h1, .sp-banner-en, .sp-news-breadcrumb) { color: #fff; }
  .secondary-page[data-secondary-design="news"] .sp-news-banner-title { top: 65px; gap: 8px; }
  .secondary-page[data-secondary-design="news"] .sp-news-banner-title h1 { font-size: 44px; line-height: 62px; letter-spacing: 1px; }
  .secondary-page[data-secondary-design="news"] .sp-news-banner-title .sp-banner-en { font-size: 13px; line-height: 21px; letter-spacing: 1.5px; }
  .secondary-page[data-secondary-design="news"] .sp-news-banner .sp-news-breadcrumb { top: 26px; left: auto; right: 0; font-size: 13px; line-height: 21px; }
  .secondary-page[data-secondary-design="news"] .sp-news-banner .sp-news-breadcrumb a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
  .secondary-page[data-secondary-design="news"] .sp-news-category-tabs { top: auto; left: auto; right: 0; bottom: 37px; height: 50px; gap: 48px; }
  .secondary-page[data-secondary-design="news"] .sp-news-category-tab { min-width: 96px; width: 96px; min-height: 50px; height: 50px; padding: 0; color: #fff; font-size: 18px; line-height: 28px; background: transparent; }
  .secondary-page[data-secondary-design="news"] .sp-news-category-tab.is-active,
  .secondary-page[data-secondary-design="news"] .sp-news-category-tab:hover,
  .secondary-page[data-secondary-design="news"] .sp-news-category-tab.is-active:hover { color: #fff; background: transparent; }
  .secondary-page[data-secondary-design="news"] .sp-news-category-tab:hover { text-decoration: underline; text-underline-offset: 6px; }
  .secondary-page[data-secondary-design="news"] .sp-news-category-tab.is-active::after { display: none; }

  /* White news canvas, balanced feature and dated editorial rows. */
  .secondary-page[data-secondary-design="news"] .sp-news-center { background: #fff; padding: 48px 0; }
  .secondary-page[data-secondary-design="news"] .sp-news-content { gap: 32px; }
  .secondary-page[data-secondary-design="news"] .sp-news-feature { height: 340px; grid-template-columns: 620fr 640fr; background: #eaf2f6; }
  .secondary-page[data-secondary-design="news"] .sp-news-feature-image img { object-position: center 60%; }
  .secondary-page[data-secondary-design="news"] .sp-news-feature-copy { padding: 29px 40px; justify-content: flex-start; color: #183a54; }
  .secondary-page[data-secondary-design="news"] .sp-news-feature-meta { color: #216caf; font-size: 13px; line-height: 21px; font-weight: 500; }
  .secondary-page[data-secondary-design="news"] .sp-news-feature-title { margin-top: 20px; color: #183a54; font-size: 28px; line-height: 42px; }
  .secondary-page[data-secondary-design="news"] .sp-news-feature-description { margin-top: auto; color: #506b7d; font-size: 16px; line-height: 28px; -webkit-line-clamp: 3; }
  .secondary-page[data-secondary-design="news"] .sp-news-feature-link { justify-content: space-between; width: 138px; height: 40px; min-height: 40px; padding: 0 15px; margin-top: 20px; gap: 16px; background: #1e3c78; color: #fff; font-weight: 500; border-radius: 4px; }
  .secondary-page[data-secondary-design="news"] .sp-news-feature-link .sp-arrow,
  .secondary-page[data-secondary-design="news"] .sp-news-feature-link svg { width: 20px; height: 20px; }
  .secondary-page[data-secondary-design="news"] .sp-news-feature-title a:hover { color: #216caf; }
  .secondary-page[data-secondary-design="news"] .sp-news-feature-link:hover { background: #31538d; color: #fff; }
  .secondary-page[data-secondary-design="news"] .sp-news-list { margin-top: 0; }
  .secondary-page[data-secondary-design="news"] .sp-news-row { min-height: 158px; grid-template-columns: 86px 208px minmax(0, 1fr) 40px; column-gap: 26px; padding: 20px 0; border-color: #dbe7ed; }
  .secondary-page[data-secondary-design="news"] .sp-news-row-image { width: 208px; height: 117px; }
  .secondary-page[data-secondary-design="news"] .sp-news-date { gap: 0; }
  .secondary-page[data-secondary-design="news"] .sp-news-date > span { font-size: 36px; line-height: 42px; font-weight: 400; color: #216caf; }
  .secondary-page[data-secondary-design="news"] .sp-news-date > small { font-size: 12px; color: #8298a6; }
  .secondary-page[data-secondary-design="news"] .sp-news-row-copy { margin-left: 6px; padding-top: 0; }
  .secondary-page[data-secondary-design="news"] .sp-news-row-copy h3 { color: #183a54; font-size: 20px; line-height: 30px; }
  .secondary-page[data-secondary-design="news"] .sp-news-row-copy p { margin-top: 14px; color: #506b7d; font-size: 14px; line-height: 24px; }
  .secondary-page[data-secondary-design="news"] .sp-news-row-link { align-self: center; }
  .secondary-page[data-secondary-design="news"] .sp-news-count { color: #8298a6; }
  .secondary-page[data-secondary-design="news"] .sp-news-page-numbers button { background: #eaf2f6; border-radius: 3px; }
  .secondary-page[data-secondary-design="news"] .sp-news-page-numbers button.is-active { background: #1e3c78; }
  .secondary-page[data-secondary-design="news"] .sp-news-year select { border-bottom: 0; }

  /* Full-width white notice rows on a pale blue field. */
  .secondary-page[data-secondary-design="news"] .sp-news-notices-preview { background: #eaf2f6; padding: 48px 0; }
  .secondary-page[data-secondary-design="news"] .sp-news-notices-preview .sp-news-content { display: flex; flex-direction: column; gap: 20px; }
  .secondary-page[data-secondary-design="news"] .sp-news-notices-preview .sp-heading { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; padding-right: 0; }
  .secondary-page[data-secondary-design="news"] .sp-news-notices-preview .sp-section-title { color: #183a54; font-size: 30px; line-height: 42px; }
  .secondary-page[data-secondary-design="news"] .sp-news-notices-preview .sp-heading-en { margin-top: 0; font-size: 11px; line-height: 16px; letter-spacing: 1.2px; color: #8298a6; }
  .secondary-page[data-secondary-design="news"] .sp-news-view-all { gap: 44px; font-size: 14px; }
  .secondary-page[data-secondary-design="news"] .sp-news-notices-preview .sp-news-notice-list { display: flex; flex-direction: column; gap: 20px; }
  .secondary-page[data-secondary-design="news"] .sp-news-notices-preview .sp-news-notice { position: relative; display: grid; grid-template-columns: 100px 2px minmax(0, 1fr) 22px; align-items: center; min-height: 64px; gap: 0 24px; padding: 16px 24px; border: 0; background: #fff; }
  .secondary-page[data-secondary-design="news"] .sp-news-notices-preview .sp-news-notice-mark { display: block; background: #00bddb; }
  .secondary-page[data-secondary-design="news"] .sp-news-notices-preview .sp-news-notice time { font-size: 14px; color: #8298a6; }
  .secondary-page[data-secondary-design="news"] .sp-news-notices-preview .sp-news-notice > div { padding-left: 2px; }
  .secondary-page[data-secondary-design="news"] .sp-news-notices-preview .sp-news-notice h3 { color: #183a54; font-size: 17px; line-height: 28px; }
  .secondary-page[data-secondary-design="news"] .sp-news-notices-preview .sp-news-notice-link { position: static; }
  .secondary-page[data-secondary-design="news"] .sp-news-notices-index { background: #fff; padding: 48px 0 56px; }
  .secondary-page[data-secondary-design="news"] .sp-news-notices-index .sp-heading { display: none; }
  .secondary-page[data-secondary-design="news"] .sp-news-notice-expanded { min-height: 124px; }
  .secondary-page[data-secondary-design="news"] .sp-news-notice-expanded h3 { color: #183a54; }
}

@media (min-width: 1101px) and (max-width: 1200px) {
  .secondary-page[data-secondary-design="news"] .sp-news-feature-title {
    font-size: 26px;
    line-height: 40px;
  }
}