docs: drop the method disclosure, keep the one caveat that earns its place

The "how these schools are chosen" panel restated what the section already
shows — the phase in the lede, the shared characteristics on each card, the
distance above each name — so it cost space to say nothing new.

One line survives, and it is not a method note. A reader who sees "0.6 miles
away" and takes it for the walk has been misled by us, and no other element
on the card corrects that. The rest were claims the selection rules keep
true without narrating them.

Also records what happens past the third school: surplus matches are dropped
silently, because NearbyPlaces below already leads to the full lists.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

mockups/similar-schools-nearby.html

@@ -73,14 +73,7 @@ body {
   border-radius:var(--radius-lg); padding:28px; box-shadow:var(--shadow);
 }
 .card > h2 { font:700 22px/1.25 var(--font-display); letter-spacing:-.4px; margin:0; }
-.lede { margin:8px 0 0; color:var(--text-secondary); font-size:14.5px; max-width:64ch; }
-details.method { margin:14px 0 22px; }
-details.method summary { cursor:pointer; color:var(--brand); font-size:13.5px; font-weight:500; width:fit-content; }
-details.method summary:hover { color:var(--brand-strong); }
-details.method div { margin-top:10px; padding:14px 16px; background:var(--bg-secondary); border-radius:var(--radius-md); }
-details.method p { margin:0 0 9px; font-size:13px; color:var(--text-secondary); max-width:70ch; }
-details.method p:last-child { margin-bottom:0; }
-
+.lede { margin:8px 0 20px; color:var(--text-secondary); font-size:14.5px; max-width:64ch; }
 .grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
 @media (max-width:820px) { .grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
 @media (max-width:560px) { .grid { grid-template-columns:1fr; } .card { padding:20px; } body { padding-left:16px; padding-right:16px; } }
@@ -244,21 +237,6 @@ function render() {
       <div class="card">
         <h2>Similar schools nearby</h2>
         <p class="lede">${v.lede}</p>
-        <details class="method">
-          <summary>How these schools are chosen</summary>
-          <div>
-            <p>Schools of the same phase, nearest first, preferring those whose intake
-               resembles this one — gender, religious character, and whether the school
-               selects by ability. Special schools are only ever compared with other
-               special schools.</p>
-            <p>The chips on each card list what that school actually shares with this
-               one. Where nothing close enough was found nearby, the match is loosened
-               and the chips say less.</p>
-            <p>Distances are straight-line from this school, not road distance and not
-               from your home. Being listed here is not a recommendation, and the
-               results shown are context rather than a measure of fit.</p>
-          </div>
-        </details>
         <div class="grid">${v.schools.map((s, i) => schoolCard(v, s, i)).join('')}</div>
         <div class="footer">
           <p aria-live="polite">
@@ -269,7 +247,8 @@ function render() {
             ${count ? `Compare ${count + 1} schools` : 'Compare'} →
           </a>
         </div>
-        <p class="caption">${v.caption} Fictional schools and figures for this mockup.</p>
+        <p class="caption">Distances are straight-line from this school, not road distance.
+           ${v.caption} Fictional schools and figures for this mockup.</p>
       </div>
       <p class="note">${v.note}</p>
     </section>`;