/* Tester onboarding checklist + PWA install instructions. Loaded by
   layouts/testers/single.html; only the testers landing page renders these. */

.tester-checklist {
  list-style: none;
  padding-left: 0;
  margin: 1.25em 0 2em 0;
}

.tester-checklist__item {
  border-left: 3px solid var(--color-accent, #6e9eff);
  padding: 0.5em 0 0.5em 1em;
  margin-bottom: 1.5em;
}

.tester-checklist__item::before {
  content: "☐";
  font-size: 1.2em;
  color: var(--color-accent, #6e9eff);
  margin-right: 0.5em;
  vertical-align: middle;
}

.tester-checklist__title {
  display: inline;
  font-size: 1.1em;
  margin: 0;
  vertical-align: middle;
}

.tester-checklist__body {
  margin-top: 0.4em;
}

.pwa-install {
  margin-top: 1em;
}

.pwa-install h4 {
  margin-top: 1.25em;
  margin-bottom: 0.4em;
}

.pwa-install ol {
  padding-left: 1.5em;
}

.pwa-install__note {
  background: rgba(110, 158, 255, 0.08);
  padding: 0.6em 1em;
  border-radius: 4px;
  font-size: 0.95em;
  margin-top: 0.75em;
}

/* Mobile platforms hide non-matching blocks. With no platform-* class set
   (JS disabled / unrecognized UA) all three blocks remain visible. */
body.platform-ios .pwa-install__android,
body.platform-ios .pwa-install__desktop {
  display: none;
}

body.platform-android .pwa-install__ios,
body.platform-android .pwa-install__desktop {
  display: none;
}

body.platform-desktop .pwa-install__ios,
body.platform-desktop .pwa-install__android {
  display: none;
}