Home: a pane of wide code shrinks with its column again (the phone page was 861 px wide) (#119)

ddiff --git a/public/css/app.css b/public/css/app.css
iindex 8af8cb7..732eec1 100644
---- a/public/css/app.css
++++ b/public/css/app.css
@@@ -102,6 +102,8 @@ details input { font: inherit; padding: 7px 9px; border-radius: 8px; border: 1px
     jump to a pane (the owner's rule, 2026-10-31: never hide content to shorten). A wide screen shows the panes as
     before, with no chips. */
  .pick-head, .pick-row { display: none; }
++/* A pane holds wide code: it shrinks with its column and its <pre> scrolls, instead of widening the page. */
++.pick-pane { min-width: 0; }
  @media (max-width: 640px) {
    .pick-bar { margin-top: 30px; }
    .pick-head { display: block; }
ddiff --git a/test/home-short.test.js b/test/home-short.test.js
iindex c098235..a4015e6 100644
---- a/test/home-short.test.js
++++ b/test/home-short.test.js
@@@ -45,6 +45,8 @@ const { boot, check, done } = require('./helpers/boot');
          assert.ok(text.includes('ov-shipped-home'), 'what shipped is still in the page');
  
          const css = fs.readFileSync(path.join(__dirname, '..', 'public', 'css', 'app.css'), 'utf8');
++
++        assert.match(css, /\.pick-pane \{ min-width: 0; \}/, 'a pane of wide code shrinks with its column (it widened the phone page to 861 px, 2026-11-01)');
          assert.match(css, /\.pick-row \{ display: none; \}/, 'the chips are hidden by default');
      });
      await t.close();