/* =============================================================
   Contextual edit pens on tile templates.

   Every tile template ( _article-teaser / _search-tile /
   _project-teaser / _person-card / _video-card / _arotahi-card /
   _publication-card / _newsletter-card / _e-panui-card ) wraps its
   anchor in <div class="contextual-region np-tile-region"> and prints
   {{ contextual }} — a Drupal contextual-links placeholder resolved
   per-user by the contextual module's JS.

   `.contextual-region` is the hook Drupal's contextual JS looks for;
   `.np-tile-region` is our CSS handle scoped to tile templates so we
   don't nudge core's other contextual regions.

   Attached via barrio_npm_prototype.libraries.yml global-styling group,
   loaded on every page (contextual JS gates rendering to authorised
   users, so anon requests carry no visible pen).
   ============================================================= */

.np-tile-region {
  position: relative;
}

/* The .contextual element core positions absolute; give it a spot inside
   the tile's top-right corner, above the anchor's own visuals. */
.np-tile-region > .contextual {
  top: 6px;
  right: 6px;
  z-index: 3;
}