/* =============================================================
   barrio_npm_prototype — "Ētahi atu · Other …" discovery grid

   Shared chrome for the bundle-agnostic grid at the foot of a detail
   page, built by OtherContent\OtherContentBuilder and configured per
   bundle in OtherContent\BundleRegistry.

   Deliberately NOT .np-report-grid. That grid lives in css/views.css
   and is sized for report cards; this feature has to host whichever
   card the bundle uses (e-pānui cards are pub-family, person cards are
   portrait-led), so it owns a neutral container instead of borrowing
   one shaped for a single card type.

   The cards themselves bring their own chrome — .np-tile-region--pub,
   .np-person-card and so on — so there is nothing here but the section
   wrapper, its heading, and the track sizing.
   ============================================================= */

.np-other-content {
  margin-top: 40px;
  margin-bottom: 24px;
}

.np-other-content-head {
  margin: 0 0 16px;
  font-size: 20px;
  font-weight: 700;
  color: #2c2c2b;
}

/* auto-fit rather than a fixed 3: the builder caps at 3, but a bundle
   whose pool is smaller than the cap still renders a tidy row, and the
   grid collapses on its own at narrow widths without a media query.
   `minmax(0, 1fr)` not `1fr` — grid items default to min-width: auto,
   so a long unbroken title would otherwise widen its own track. */
.np-other-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px;
}

/* Small-N cap, mirroring .np-report-grid's: one or two cards should not
   stretch across the full container. 380px ~ the width a card gets in
   a full 3-up row at container width. */
.np-other-grid[data-count="1"],
.np-other-grid[data-count="2"] {
  grid-template-columns: repeat(auto-fit, minmax(280px, 380px));
}

/* "See all N …" — the way out of a row that is only a sample.
   Sits below the grid, styled as a link rather than a button: it is a
   continuation of the row, not a competing action. Matches the
   .np-pubsearch-seeall treatment on the publications landing so the two
   "see all" affordances read as the same thing. */
.np-other-seeall-wrap {
  margin: 14px 0 0;
}

.np-other-seeall {
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  color: var(--hue-dk, #2c2c2b);
}

.np-other-seeall:hover {
  text-decoration: underline;
}