/* News: coverage list (WEG News.dc.html) */

.nw-intro { padding: clamp(48px, 6vw, 88px) var(--gutter) clamp(32px, 4vw, 56px); }
.nw-intro__row { display: flex; flex-wrap: wrap; gap: 32px clamp(32px, 5vw, 80px); align-items: flex-end; }
.nw-intro__head { flex: 2 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 20px; }
.nw-h1 { font-family: var(--font-display); font-weight: var(--weight-display); font-size: var(--fs-page-title); line-height: .98; letter-spacing: var(--tracking-display); }
.nw-lead { max-width: 46ch; font-size: var(--fs-lead); line-height: 1.5; color: var(--grey-3); }
.nw-pubs { flex: 1 1 280px; max-width: 400px; display: flex; flex-direction: column; margin: 0; }
.nw-pubs > div { display: flex; justify-content: space-between; gap: 16px; padding: 8px 0; border-top: 1px solid var(--line); font-size: 14px; }
.nw-pubs dd { margin: 0; font-family: var(--font-mono); font-variant-numeric: tabular-nums; color: var(--grey-5); }

.nw-index { padding: 0 var(--gutter) clamp(56px, 7vw, 96px); }
.nw-bar { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; align-items: center; padding: 12px 0 clamp(24px, 3vw, 32px); }
.nw-chips { max-width: 100%; }
.nw-chips .chip { min-height: 40px; white-space: nowrap; }
.nw-count { font-size: 14px; color: var(--grey-5); font-variant-numeric: tabular-nums; }

/* One hairline system: a rule above every article (the first one included), nothing else. */
.nw-item { border-top: 1px solid var(--line); }
.nw-item:last-child { border-bottom: 1px solid var(--line); }
.nw-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 20px 0 22px; text-decoration: none; color: var(--black); }
.nw-row__src { display: flex; flex-wrap: wrap; gap: 2px 12px; font-size: 14px; }
.nw-row__pub { font-weight: 600; }
.nw-row__h { min-width: 0; font-family: var(--font-display); font-weight: var(--weight-display); font-size: clamp(20px, 1.8vw, 26px); line-height: 1.2; letter-spacing: -.015em; text-wrap: pretty; transition: transform var(--dur-base) var(--ease), opacity var(--dur-base) var(--ease); }
.nw-row__end { display: flex; gap: 16px; align-items: center; }
.nw-tag { border: 1px solid var(--black); border-radius: 0; padding: 2px 8px; font-size: 13px; font-weight: 500; line-height: 1.4; white-space: nowrap; }
.nw-row__arrow { display: inline-block; font-size: 18px; transition: transform var(--dur-base) var(--ease); }
.nw-row:hover .nw-row__h { transform: translateX(4px); }
.nw-row:hover .nw-row__arrow, .nw-row:focus-visible .nw-row__arrow { transform: translate(3px, -3px); }

/* Lead article: the first visible item, set larger so the list has a clear entry point. */
.nw-item--lead { border-top-color: var(--black); }
.nw-item--lead .nw-row { padding: 24px 0 clamp(32px, 4vw, 48px); row-gap: 16px; }
.nw-item--lead .nw-row__h { font-size: clamp(28px, 3.4vw, 48px); line-height: 1.06; letter-spacing: -.03em; max-width: 28ch; text-wrap: balance; }

@media (min-width: 900px) {
  .nw-row { grid-template-columns: 220px minmax(0, 1fr) 168px; column-gap: clamp(24px, 3vw, 48px); align-items: baseline; }
  .nw-row__src { flex-direction: column; }
  .nw-row__end { justify-content: flex-end; }
  .nw-item--lead .nw-row { align-items: start; }
  .nw-item--lead .nw-row__src { padding-top: 10px; }
  .nw-item--lead .nw-row__end { padding-top: 10px; }
}

