/* Compact secondary navigation, kept separate from forms and primary actions. */
.collection-all,
.home-challenges-all,
.quest-info-trigger,
.feed-more,
.quest-heading-actions > a.button,
.favorite-toolbar > a.button:not(.primary),
.challenge-celebration > a.button,
.article-sidebar a.button.secondary,
.quest-actions > .quest-share,
.ql-share,
.qp-page .qp-share-button {
  position: relative;
  min-height: 34px;
  padding: 6px 11px;
  gap: 7px;
  border-radius: 10px;
  font-size: 12px;
  line-height: 20px;
  justify-content: center;
}
.collection-all > span,
.home-challenges-all > span { font-size: 16px; line-height: 1; }
.quest-info-trigger > svg { width: 16px; height: 16px; }
.quest-heading-actions { gap: 8px 12px; }
.quest-actions > .quest-share,
.ql-share,
.qp-page .qp-share-button { align-self: center; }
.collection-all:focus-visible,
.home-challenges-all:focus-visible { outline: 2px solid #826093; outline-offset: 3px; }
@media (max-width: 650px) {
  .collection-all,
  .home-challenges-all,
  .quest-info-trigger,
  .feed-more,
  .quest-heading-actions > a.button,
  .favorite-toolbar > a.button:not(.primary),
  .challenge-celebration > a.button,
  .article-sidebar a.button.secondary,
  .quest-actions > .quest-share,
  .ql-share,
  .qp-page .qp-share-button { min-height: 36px; padding: 6px 10px; }
}
/* The visible pill stays small; its touch target extends into surrounding space. */
@media (pointer: coarse) {
  .collection-all::before,
  .home-challenges-all::before,
  .quest-info-trigger::before,
  .feed-more::before,
  .quest-heading-actions > a.button::before,
  .favorite-toolbar > a.button:not(.primary)::before,
  .challenge-celebration > a.button::before,
  .article-sidebar a.button.secondary::before,
  .quest-actions > .quest-share::before,
  .ql-share::before,
  .qp-page .qp-share-button::before { content: ''; position: absolute; inset: -5px 0; }
}