diff --git a/backend/templates/card.html b/backend/templates/card.html
index 5ef6a3d..4b79804 100644
--- a/backend/templates/card.html
+++ b/backend/templates/card.html
@@ -89,13 +89,17 @@
         hx-post="/ui/bookmarks/{{.Key}}/chapter"
         hx-target="[id='card-{{.Key}}']" hx-swap="outerHTML"
         hx-indicator="[id='card-{{.Key}}']" hx-disabled-elt="input, button">
-    {{if .LatestChapter}}<p class="hint">Latest known: {{.DisplayLatest}}</p>{{end}}
+    {{/* The field holds your progress; "Latest known" is the published chapter.
+         Those are different numbers whenever this form is worth opening, so the
+         label names the field and the latest sits after it as context. */}}
+    <label class="hint" for="chapter-{{.Key}}">Chapter you're on</label>
     <div class="field">
       {{/* max is a fat-finger guard, not a real ceiling — no series is near it. */}}
-      <input name="chapter" type="number" step="0.1" min="0" max="9999"
-             value="{{.LastChapterNum}}" aria-label="Chapter number" required>
+      <input id="chapter-{{.Key}}" name="chapter" type="number" step="0.1" min="0" max="9999"
+             value="{{.LastChapterNum}}" required>
       <button type="submit">Save</button>
     </div>
+    {{if .LatestChapter}}<p class="hint">Latest known: {{.DisplayLatest}}</p>{{end}}
   </form>
   {{/* One confirm row per way a series leaves the list. aria-live announces the
        step to a screen reader, which otherwise gets no word that the tap