/* China 2026 — styles that only the Jaspr guide needs, on top of style.css
 * (which is copied verbatim from the vanilla app and stays the source of
 * every shared rule). Keep this file small: anything both apps need belongs
 * in web/style.css. */

/* The sync status line in the header, under the countdown. */
.sync-status {
  font-size: 0.75rem;
  color: var(--muted, #777);
  text-align: right;
  padding: 0 1rem 0.25rem;
}

.sync-status.error {
  color: var(--danger, #b3272d);
}

/* The Koppelen card on the Back-up tab sits among the backup-block cards and
 * takes their heading and paragraph rhythm, so the tab reads as one list. */
.sync-block h3 {
  margin-bottom: 0.4rem;
  font-size: 1.05rem;
}

.sync-block p {
  margin-bottom: 0.6rem;
}