SEO: fix season-record wrapping + trim range strip on mobile (#109)

Two mobile polish issues on the climate pages:

- The season records table's "(Dec–Feb)" span overflowed its narrow first
  column (nowrap) and slid under the tinted value cell. Stack the span under the
  season name on phones, top-align the record cells, and let the first column
  wrap — so the period label sits cleanly in its own column.
- The monthly temperature-range strip stretched edge-to-edge with the values
  floating far to the right. Cap the strip width so bars + values pack into a
  tight group, shrink the value labels to fit (compact "41°–66°", no reserved
  92px column). The overrides now sit after the base range rules so they win.

templates/city.html.j2

@@ -76,7 +76,7 @@
           {% if m.bar %}<span class="range-fill" style="left:{{ m.bar.left }}%;width:{{ m.bar.width }}%;--c1:var(--{{ m.bar.c1 }});--c2:var(--{{ m.bar.c2 }})"></span>{% endif %}
         </span>
         {% if m.low_f is not none and m.high_f is not none %}
-        <span class="range-vals">{{ m.low_f | round | int }}° – {{ m.high_f | round | int }}°</span>
+        <span class="range-vals">{{ m.low_f | round | int }}°–{{ m.high_f | round | int }}°</span>
         {% else %}<span class="range-vals">—</span>{% endif %}
       </div>
       {% endfor %}