Phones: list grids size their columns with minmax(0, 1fr) (or a min(…, 100%) minimum), so one long line can never widen a page past the screen (#97)

ddiff --git a/public/css/app.css b/public/css/app.css
iindex f9a514b..2b01b9e 100644
---- a/public/css/app.css
++++ b/public/css/app.css
@@@ -46,7 +46,7 @@ form.inline { display: inline; }
  
  /* ── The home page ──────────────────────────────────────── */
  .lede { font-size: 1.08rem; max-width: 70ch; }
--.cards { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; padding: 0; margin: 12px 0; }
++.cards { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 12px; padding: 0; margin: 12px 0; }
  .card { border: 1px solid var(--border, #1f2d47); border-radius: 12px; background: var(--bg-card, #131c2e); padding: 14px 16px; }
  .card h3 { margin: 0 0 6px; }
  .card p { margin: 0; color: var(--text-secondary, #96a7c2); font-size: .93rem; }