/* The site's list of recent public updates, "Latest Updates" (core/_updatesWire.html, Oct 2026): the
   homepage's wire, shared by the homepage, About, /about/updates and /whatsnew. The row rules moved here
   from homeNoir.css, where they were scoped to .nyn-home; off the homepage nothing is inherited, so the
   box sets its own font, colours and link style. The box and its head mirror the homepage's
   .panel / .panel-head look (homeNoir.css; nynCarousel.css's .nyn-cpanel does the same), so the list
   looks the same on every page. Design tokens (--nyn-*) come from siteChrome.css. */

.nyn-wire {
  background: var(--nyn-paper-raised);
  border: 1px solid var(--nyn-hairline);
  color: var(--nyn-ink);
  font-family: 'Newsreader', Georgia, serif;
  line-height: 1.55;
  /* a pager link to #recent-updates lands below the sticky navbar */
  scroll-margin-top: 60px;
}

/* ---------- Head ---------- */
.nyn-wire .wire-head {
  padding: 10px 12px 10px 10px;
  border-bottom: 1px solid var(--nyn-hairline);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.nyn-wire .wire-head h3 {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 23px;
  letter-spacing: 0.02em;
  line-height: 1;
  margin: 0;
  color: var(--nyn-ink);
}
.nyn-wire a.wire-note {
  font-family: 'Courier Prime', monospace;
  font-size: 11.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--nyn-smoke);
  white-space: nowrap;
  text-decoration: none;
  border-bottom: 1px solid var(--nyn-hairline);
  /* flex-centering leaves the small mono note riding high next to the tall
     Oswald heading (its metrics sit low in its box) — nudge down to align */
  position: relative;
  top: 3px;
}
.nyn-wire a.wire-note:hover {
  color: var(--nyn-cab-deep);
  border-bottom-color: var(--nyn-cab);
}

/* ---------- Rows ---------- */
.nyn-wire .wire-row {
  display: grid;
  grid-template-columns: 130px 1fr auto;
  gap: 18px;
  align-items: baseline;
  /* row text size matches the homepage's compact door panels (Recent Chatter); rows are
     packed a bit tighter than those. Top-heavy padding: the fonts + the
     bordered kind chip leave extra space below the baseline, so an even
     padding makes the text sit visually high in the row */
  padding: 7px 24px 4px;
  border-bottom: 1px solid var(--nyn-hairline);
  color: inherit;
  text-decoration: none;
}
.nyn-wire .wire-row:last-child {
  border-bottom: none;
}
.nyn-wire a.wire-row:hover {
  background: color-mix(in srgb, var(--nyn-cab) 12%, var(--nyn-paper-raised));
}
.nyn-wire a.wire-row:focus-visible {
  outline: 3px solid var(--nyn-cab);
  outline-offset: 2px;
}
.nyn-wire .wire-date {
  font-family: 'Courier Prime', monospace;
  font-size: 12.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--nyn-smoke);
}
.nyn-wire .wire-what {
  font-size: 15px;
}
.nyn-wire .wire-what b {
  font-weight: 500;
}
.nyn-wire .wire-kind {
  font-family: 'Courier Prime', monospace;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--nyn-cab-deep);
  border: 1px solid color-mix(in srgb, var(--nyn-cab) 60%, var(--nyn-hairline));
  padding: 2px 8px;
  white-space: nowrap;
  /* center the bordered chip in the row; baseline-aligning it (the row
     default) hangs its border+padding below the text baseline */
  align-self: center;
}
.nyn-wire .wire-empty {
  padding: 10px 24px;
  font-size: 15px;
  color: var(--nyn-smoke);
}

/* ---------- Narrow windows ---------- */
@media (max-width: 560px) {
  .nyn-wire .wire-row { grid-template-columns: 1fr; gap: 4px; }
  .nyn-wire .wire-kind { justify-self: start; }
}