/* Aurora Hub · Home · "The newsroom" card
   Keeps one constant card size while the reader browses stories (2026-10-16).
   Shipped as a separate stylesheet: the existing bundle is untouched.
   Scope: the populated card only (the empty-state section has no .overflow-hidden). */

section[aria-label="Company news"].overflow-hidden {
  --nr-pad-y: 64px;        /* py-8 top + bottom */
  --nr-title-lh: 36.72px;  /* 34px x 1.08 */
  --nr-actions: 104px;     /* the two buttons stacked: 46 + 12 + 46 */
}
@media (min-width: 480px) {
  section[aria-label="Company news"].overflow-hidden { --nr-actions: 46px; }
}
@media (min-width: 640px) {
  section[aria-label="Company news"].overflow-hidden { --nr-title-lh: 43.2px; }  /* 40px x 1.08 */
}
@media (min-width: 1024px) {
  section[aria-label="Company news"].overflow-hidden { --nr-pad-y: 80px; --nr-actions: 104px; }
}
@media (min-width: 1500px) {
  section[aria-label="Company news"].overflow-hidden { --nr-actions: 46px; }
}

/* Text column: always as tall as the longest possible story
   (label + 3 title lines + 3 summary lines + buttons + pager). */
section[aria-label="Company news"].overflow-hidden > div.grid > div:first-child {
  justify-content: flex-start;
  min-height: calc(var(--nr-pad-y) + 17.25px + 16px + 3 * var(--nr-title-lh)
                   + 16px + 3 * 23.5625px + 28px + var(--nr-actions) + 28px + 19.5px + 2px);
}

/* Title: the first word on its own line, then at most two more lines. */
section[aria-label="Company news"].overflow-hidden h2 {
  overflow-wrap: break-word;
}
section[aria-label="Company news"].overflow-hidden h2 > span.block + span.block {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}

/* Summary: at most three lines. */
section[aria-label="Company news"].overflow-hidden h2 + p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}

/* Buttons and the story counter stay anchored to the bottom of the card. */
section[aria-label="Company news"].overflow-hidden > div.grid > div:first-child > div:nth-last-child(2) {
  margin-top: auto;
  padding-top: 28px;
}

/* Story counter ("02 / 11") never wraps; the decorative progress bars give way
   instead on the narrowest two-column layout (about 1024px). */
section[aria-label="Company news"].overflow-hidden > div.grid > div:first-child > div:last-child {
  flex-wrap: nowrap;
  min-width: 0;
}
section[aria-label="Company news"].overflow-hidden > div.grid > div:first-child > div:last-child > span:first-child {
  white-space: nowrap;
  flex-shrink: 0;
}
section[aria-label="Company news"].overflow-hidden > div.grid > div:first-child > div:last-child > span:last-child {
  min-width: 0;
  flex: 0 1 auto;
}
section[aria-label="Company news"].overflow-hidden > div.grid > div:first-child > div:last-child > span:last-child > button {
  flex-shrink: 1;     /* keep their 2rem width; shrink only when space runs out */
  min-width: 0.75rem;
}