/* ===== Kovalink — /guide (user guide, micro-170) ===== */

/* Long URLs (TestFlight, status page) must never force horizontal scroll
   at 390px — break anywhere inside links. */
.guide a {
  overflow-wrap: anywhere;
}

/* Intro line under the h1 — quiet, the h1 stays the one loud element */
.guide .intro {
  color: var(--grey);
}

/* One block per locale, each carrying its own copy and its own -zh/-en
   screenshots (same pattern as the legal pages). site.js flips
   documentElement.lang; guide.js flips these blocks. */
.guide-lang[hidden] {
  display: none;
}

/* Screenshots — same framing as the in-app guide */
.guide-shot {
  margin: 24px auto 32px;
}

.guide-shot img {
  display: block;
  width: 100%;
  max-width: 360px;
  height: auto;
  margin: 0 auto;
  border: 1px solid #333;
  border-radius: 10px;
}

.guide-shot figcaption {
  margin: 8px auto 0;
  max-width: 360px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--grey);
  text-align: center;
}