/* Shared PWA install banner styles.
 * Same dark-green pill in the top-right on every page that uses it.
 * Markup contract:
 *   <div id="pwa-install" hidden>
 *     <span class="pwa-install-label">Install Native Sons as an app?</span>
 *     <button type="button" class="install-yes">Install</button>
 *     <span class="install-instructions" hidden>Tap <strong>Share</strong> → <strong>Add to Home Screen</strong></span>
 *     <button type="button" class="install-no" aria-label="Dismiss">×</button>
 *   </div>
 *   <body class="pwa-hidden">  ← when dismissed persistently
 */
#pwa-install {
  position: fixed;
  top: 90px;
  right: 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  background: var(--c-ink, #1a2e1a);
  color: #fff;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 4px 16px rgba(0,0,0,0.25);
  z-index: 50;
}
#pwa-install button {
  border: 0;
  background: transparent;
  color: #fff;
  font: inherit;
  cursor: pointer;
  padding: 0 4px;
}
#pwa-install button.install-yes { font-weight: 700; }
#pwa-install button.install-no { color: rgba(255,255,255,0.6); }
#pwa-install .install-instructions {
  font-size: 12px;
  color: #fff;
  line-height: 1.3;
}
#pwa-install .install-instructions strong { font-weight: 700; }
body.pwa-hidden #pwa-install { display: none; }
