/* Follow / Following toggles (follows.js) and their notice. House tokens. */
.ma-follow-btn { cursor: pointer; }
.ma-follow-btn.is-following,
body[data-page] .control-btn.ma-follow-btn.is-following,
body[data-page] .pa-action-link.ma-follow-btn.is-following {
  background: var(--ma-action-soft, rgba(39,110,241,.12)) !important;
  border-color: var(--ma-action, #276ef1) !important;
  color: var(--ma-action-strong, #1859cc) !important;
}
.ma-follow-btn:focus-visible { outline: 2px solid var(--ma-action, #276ef1); outline-offset: 2px; }
.ma-follow-toast {
  position: fixed; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); z-index: 1300;
  max-width: min(520px, calc(100vw - 32px)); padding: 10px 16px; border-radius: 10px;
  background: var(--ma-page-ink, #16211d); color: #fff; font-size: 14px; line-height: 1.4;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .25);
  opacity: 0; transform: translate(-50%, 8px); pointer-events: none;
  transition: opacity 180ms cubic-bezier(0.22, 1, 0.36, 1), transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
}
.ma-follow-toast.is-on { opacity: 1; transform: translate(-50%, 0); }
@media (prefers-reduced-motion: reduce) { .ma-follow-toast { transition: none; } }
.topbar-prefs-link { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }