feat(web): lead summary detail with takeaways

The product promise is "decide what's worth your time", but the detail page
buried Takeaways — the verdict that answers that — below the full Summary.
Reorder to Takeaways → Highlights → Summary so the attention-saving payload
leads (UX review A8). Data already existed; this is a section reorder only.
Conditional sections mean a video without takeaways/highlights still leads
with the Summary naturally.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

internal/web/views.templ

@@ -330,20 +330,10 @@ templ DetailPage(r store.SummaryRow) {
 				<p class="source"><a href={ externalURL(r.URL) } rel="noopener noreferrer">watch on source ↗</a></p>
 			}
 			@ActionButtons(r.VideoID, actionSet(r.Actions))
-			<section>
-				<h2>Summary</h2>
-				<p class="body">{ r.Summary }</p>
-			</section>
-			if len(r.Highlights) > 0 {
-				<section>
-					<h2>Highlights</h2>
-					<ul>
-						for _, h := range r.Highlights {
-							<li>{ h }</li>
-						}
-					</ul>
-				</section>
-			}
+			// Lead with the attention-saving payload: Takeaways ("is this worth my
+			// time?") first, then Highlights, then the full Summary last (UX review
+			// A8). Takeaways/Highlights are conditional, so a video without them falls
+			// through to the Summary leading naturally.
 			if len(r.Takeaways) > 0 {
 				<section>
 					<h2>Takeaways</h2>
@@ -354,6 +344,20 @@ templ DetailPage(r store.SummaryRow) {
 					</ul>
 				</section>
 			}
+			if len(r.Highlights) > 0 {
+				<section>
+					<h2>Highlights</h2>
+					<ul>
+						for _, h := range r.Highlights {
+							<li>{ h }</li>
+						}
+					</ul>
+				</section>
+			}
+			<section>
+				<h2>Summary</h2>
+				<p class="body">{ r.Summary }</p>
+			</section>
 		</article>
 	}
 }