/* Two links per disclosure row: the full text we host ourselves, and Cision as
 * the official source. Loaded only by the IR feed pages, because inner.css is
 * linked from several hundred pages and does not need a new version for this.
 *
 * The row is a grid and .ir-feed-link used to be its third child. It is now
 * wrapped, so the grid placement moves to .ir-feed-links; the old
 * .ir-feed-link grid rules in inner.css simply stop applying, which is why
 * nothing there has to be overridden. */

.ir-feed-links {
  grid-column: 3;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

/* Cision keeps the solid dark button; our own page is the quieter sibling, so
 * the official source stays visually primary. */
.ir-feed-links .ir-feed-link-local {
  background: transparent;
  color: var(--ink);
  border: 1px solid var(--line);
}

.ir-feed-links .ir-feed-link-local:hover,
.ir-feed-links .ir-feed-link-local:focus-visible {
  border-color: var(--ink);
  background: #fff;
}

@media (max-width: 950px) {
  .ir-feed-links {
    grid-column: 2;
    grid-row: 1 / 3;
  }
}

@media (max-width: 680px) {
  .ir-feed-links {
    grid-column: 1;
    grid-row: auto;
  }
  /* inner.css already sets width:100% and allows wrapping at this width. */
  .ir-feed-links .ir-feed-link {
    white-space: normal;
  }
}