/*
 * Page-toggle — shared sibling-landing switcher used by:
 *   - Publications pair (Browse by tile ↔ Search publications)
 *   - People pair (Browse by role ↔ Search people)
 *   - Kōrero 4-way (News / Events / Our Stories / E-Pānui)
 *
 * Extracted 2026-07-14 from the retired .np-pubsearch-abtoggle +
 * .np-people-abtoggle blocks. Any horizontal group of sibling-page
 * anchors can reuse this contract — the active button (representing
 * the current page) carries .is-active for inverted-colour styling.
 *
 * See documentation/page-toggle-shared-plan.md.
 */

.np-page-toggle {
  margin: 4px auto 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.np-page-toggle-btn {
  display: inline-flex;
  align-items: center;
  padding: 5px 14px;
  border-radius: 999px;
  border: 1px solid #d8d3ca;
  background: #fff;
  color: #2c2c2b;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: border-color .15s, background .15s, color .15s;
}

.np-page-toggle-btn:hover {
  border-color: #2c2c2b;
  background: #faf8f4;
}

.np-page-toggle-btn.is-active,
.np-page-toggle-btn.is-active:hover {
  background: #2c2c2b;
  border-color: #2c2c2b;
  color: #fff;
}