/* ==========================================================================
   News  (/company/news/)

   The fifth Company child, built like Customer Testimonials. Shared, from
   product-family.css: the filter bar (.pf-filter, .pf-empty) that
   js/collection-filter.js drives, the .pf-cap blocks (Acquisitions) and
   .pf-related. Page-local:
     .nws-list       the band: head, filter bar, the list
     .nws-item       one release: date, type, product area; headline; summary
     .nws-acq        the date line and two links on an acquisition block

   Band rhythm is the homepage's: 48 / 64 / 80. Bands alternate white and
   --ps-color-neutral-2-100. No two adjacent bands share a tint:

     §1  banner          white          §3  acquisitions  white
     §2  press releases  neutral-2-100  §4  related       neutral-2-100
   ========================================================================== */

#press-releases,#acquisitions{scroll-margin-top:96px}

/* --------------------------------------------------------------------------
   §2 The band and the list
   -------------------------------------------------------------------------- */
.nws-list{padding-block:48px}
.nws-list__head,.nws-list__wrap{grid-column-end:span var(--ps-grid-columns)}
.nws-list__head{margin-bottom:28px}
.nws-list__title{color:var(--ps-color-neutral-3-500);margin:0 0 12px}
.nws-list__lead{color:var(--ps-color-secondary-5-500);margin:0;max-width:70ch}
.nws-list__lead a{color:var(--ps-color-brand-600);text-decoration:underline;text-underline-offset:2px}
.nws-list__lead a:hover{color:var(--ps-color-brand-500)}
@media (min-width:640px){.nws-list{padding-block:64px}}
@media (min-width:1024px){.nws-list{padding-block:80px}}
@media (min-width:1350px){
  .nws-list__head,.nws-list__wrap{grid-column-start:2;grid-column-end:span 10}
}
/* three selects: the shared bar goes five across from 1024; hold three */
@media (min-width:1024px){
  .nws-filter__selects{grid-template-columns:repeat(3,minmax(0,1fr))}
}

.nws-list__items{
  list-style:none;margin:0;padding:0;
  background:var(--sv-white);
  border:1px solid var(--ps-color-neutral-2-300);border-radius:16px;
  overflow:hidden;
}
.nws-list__items[hidden]{display:none}
/* dividers are bottom rules pulled 1px under the list's own border, so the
   last row still showing never doubles it, whichever rows a filter hides */
.nws-item{padding:18px 20px;border-bottom:1px solid var(--ps-color-neutral-2-300);margin-bottom:-1px}
.nws-item[hidden]{display:none}
.nws-item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 6px}
.nws-item__date{font:500 12px/18px var(--ps-font);letter-spacing:.02em;color:var(--ps-color-neutral-3-500)}
.nws-item__type{
  font:500 11px/17px var(--ps-font);letter-spacing:.04em;text-transform:uppercase;
  color:var(--ps-color-brand-600);
}
.nws-item__area{
  font:400 11px/17px var(--ps-font);letter-spacing:.02em;color:var(--ps-color-secondary-5-500);
  border:1px solid var(--ps-color-neutral-2-300);border-radius:999px;padding:0 8px;
}
.nws-item__title{margin:0 0 6px;font:500 16px/24px var(--ps-font);letter-spacing:normal}
.nws-item__title a{color:var(--ps-color-neutral-3-500)}
.nws-item__title a:hover{color:var(--ps-color-brand-500);text-decoration:underline;text-underline-offset:2px}
.nws-item__summary{margin:0;max-width:78ch;font:400 14px/22px var(--ps-font);letter-spacing:normal;color:var(--ps-color-secondary-5-500)}
@media (min-width:1024px){
  .nws-item{display:grid;grid-template-columns:200px minmax(0,1fr);gap:0 28px;padding:20px 24px}
  .nws-item__meta{grid-row:1 / span 2;flex-direction:column;align-items:flex-start;margin:2px 0 0}
  .nws-item__title,.nws-item__summary{grid-column:2}
}

/* --------------------------------------------------------------------------
   §3 Acquisitions: six blocks, three across from 1024 (the shared sheet's
   two from 640 below that)
   -------------------------------------------------------------------------- */
.nws-acq__date{margin:0 0 8px;font:500 12px/18px var(--ps-font);letter-spacing:.02em;color:var(--ps-color-brand-600)}
.nws-acq__links{display:flex;flex-wrap:wrap;gap:8px 20px}
@media (min-width:1024px){
  .nws-acqs .pf-cap__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* --------------------------------------------------------------------------
   §4 Related: four tiles, two across from 640, four from 1024
   -------------------------------------------------------------------------- */
@media (min-width:640px){.pf-related__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.pf-related__list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1350px){
  .nws-acqs .pf-cap__head,.nws-acqs .pf-cap__grid,
  .pf-related__inner{grid-column-start:2;grid-column-end:span 10}
}

/* phones: the large button can be wider than a 320px column; let it wrap */
@media (max-width:639.98px){
  .page-banner__ctas .ps-btn--large{max-width:100%}
  .page-banner__ctas .ps-btn--large .ps-btn__text{white-space:normal;min-width:0}
}

/* --------------------------------------------------------------------------
   Band run for this page
   -------------------------------------------------------------------------- */
.nws-list,.pf-related{
  background:var(--ps-color-neutral-2-100);
  border-block:1px solid var(--ps-color-neutral-2-300);
}
.pf-cap{background:var(--sv-white)}

/* --------------------------------------------------------------------------
   The News round (2026-09-28)
   -------------------------------------------------------------------------- */
/* the intro's investor line, its link and the press line (COMPANY-NEWS-06 to -08) */
.nws-list__note{margin:12px 0 0;color:var(--ps-color-secondary-5-500);max-width:70ch}
.nws-list__more{margin:12px 0 0}
/* a restored release without its URL yet: the title as text */
.nws-item__title:not(:has(a)){color:var(--ps-color-neutral-3-500)}

/* In the press (COMPANY-NEWS-132 to -148): title and outlet, one row each. The
   band takes the grey and Related, below it, turns white, so no two
   neighbouring bands share a tint (list grey, acquisitions white, press grey,
   Related white). */
.nws-press{padding-block:48px;background:var(--ps-color-neutral-2-100);border-block:1px solid var(--ps-color-neutral-2-300)}
.nws-press__head,.nws-press__list{grid-column-end:span var(--ps-grid-columns)}
.nws-press__head{margin-bottom:24px}
.nws-press__title-h{color:var(--ps-color-neutral-3-500);margin:0 0 12px}
.nws-press__lead{color:var(--ps-color-secondary-5-500);margin:0;max-width:70ch}
.nws-press__list{list-style:none;margin:0;padding:0;background:var(--sv-white);border:1px solid var(--ps-color-neutral-2-300);border-radius:14px}
.nws-press__item{display:flex;flex-direction:column;gap:2px;padding:14px 20px;border-bottom:1px solid var(--ps-color-neutral-2-300)}
.nws-press__item:last-child{border-bottom:0}
.nws-press__title{font:500 15px/23px var(--ps-font);letter-spacing:normal;color:var(--ps-color-neutral-3-500)}
.nws-press__outlet{font:400 13px/20px var(--ps-font);letter-spacing:normal;color:var(--ps-color-secondary-5-500)}
@media (min-width:640px){.nws-press{padding-block:64px}}
@media (min-width:1024px){.nws-press{padding-block:80px}}
@media (min-width:1350px){.nws-press__head,.nws-press__list{grid-column-start:2;grid-column-end:span 10}}
.nws-press + .pf-related{background:var(--sv-white)}