Show ranking capsules and value breakdown in station details

The More info sheet now lists every ranking a station qualifies for, directly under the map and above the price and distance: the same StationLabelBadge the listing rows render, in a flow layout so two or three capsules wrap to a new line rather than truncating at large Dynamic Type.

The rules are not restated. StationRanking defers to StationRecommendationBadge.badge for the Best Value gate, and takes Cheapest and Top as the flags the host list already computed for its own rows, so the sheet cannot award a capsule the row behind it withheld. A host passes one of the two, never both: Stations sends isCheapestInRange, Favourites sends isTopFavourite. No calculation, ranking, eligibility or savings logic changed.

Rename the card heading Best Value to Value breakdown, since the working behind it can end in Costs rather than a saving, and drop the green section tint so the card matches the neutral background used elsewhere in the sheet. The Saves, Break even and Costs capsules and every breakdown row are untouched.

Rename the explanation link to How does FuelBoard calculate value? It names the calculation rather than the feature, of which the Best Value gate is only the last step. The sheet's own title stays short: the full question truncated to 'How does FuelBoard...' as a navigation title at both inline and large display modes, so the row carries the question and the sheet names the topic.

Tests: 269 pass, 5 new covering capsule selection, order and sheet-vs-row agreement on Best Value.

FuelBoard/HowBestValueSheet.swift

@@ -1,6 +1,6 @@
 import SwiftUI
 
-/// The "How Best Value works" explanation as its own sheet.
+/// The "How does FuelBoard calculate value?" explanation as its own sheet.
 ///
 /// It used to sit inline in the Key sheet as a `Section`; it is one shared view
 /// now so the Key sheet and the More info sheet can both open it, and the copy is
@@ -69,7 +69,11 @@ struct HowBestValueSheet: View {
                     .padding(.vertical, 4)
                 }
             }
-            .navigationTitle("How Best Value works")
+            .navigationTitle(KeySheetContent.helpSheetTitle)
+            // `.inline`, the mode this sheet has always used. The sheet's title is a
+            // short noun phrase and the ROW that opens it carries the full question
+            // — a nav title is clamped to the bar and even `.large` truncated the
+            // full question to "How does FuelBoard…" rather than wrapping it.
             .navigationBarTitleDisplayMode(.inline)
             .toolbar {
                 ToolbarItem(placement: .confirmationAction) {