/* Shared player promotion. The player remains immediately usable without JS. */
:root { --player-download: var(--site-action, #B8A8FF); --player-download-ink: var(--site-on-action, #08080F); }
nav .player-get-app,
.np-cta-btn[data-player-store] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  background: var(--player-download);
  color: var(--player-download-ink);
  border: 1px solid var(--player-download);
  font-weight: 600;
  text-decoration: none;
}
nav .player-get-app { white-space: nowrap; }
nav .player-get-app:hover,
.np-cta-btn[data-player-store]:hover {
  opacity: 1;
  background: var(--site-action-hover, #F4F3FB);
  color: var(--player-download-ink);
  border-color: var(--site-action-hover, #F4F3FB);
}
nav .player-get-app:focus-visible,
.np-cta-btn[data-player-store]:focus-visible { outline: 2px solid var(--tint); outline-offset: 3px; }
.np-cta-btn[data-player-store][hidden] { display: none; }
[data-player-offer] { scroll-margin-top: 90px; }
.np-status, .status:not(.error), .release-note { color: var(--text-secondary); }
.np-cta-actions { flex-wrap: wrap; }
.np-play, .player .play-button { background: var(--tint); color: var(--bg); }
@media (max-width: 640px) {
  main:not(.page) { padding-top: 72px; }
  .np-hero { padding: 8px 0 12px; }
  .np-hero h1 { margin-bottom: 0; }
  .np-player { padding: 16px; }
  .np-play { min-height: 52px; padding: 12px 16px; margin-bottom: 12px; }
  .scope { height: 32px; margin: 0 0 8px; }
  .np-row { margin-bottom: 10px; }
  .np-row-head { margin-bottom: 6px; }
  .np-seg { gap: 5px; }
  .np-seg button { min-width: 44px; min-height: 44px; padding: 8px 6px; }
  .np-cta { margin-top: 12px; padding-top: 12px; gap: 8px; }
  .np-cta-main { gap: 8px; }
  .np-cta-text { font-size: 13px; line-height: 1.5; }
  .np-cta-btn { padding: 10px 14px; font-size: 13px; border-radius: 12px; }
  .np-cta-qr { display: none; }
  .page .hero { padding: 12px 0 16px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }