make gousto recipe printable by using 2 columns for ingredients section

gousto-recipe-make-printable.js

// load the recipe
// paste this into the dev tools
// when you print, you should see ingredients is two-column, saving space.
// author: claude opus
(() => {
  const list = document.querySelector('ul[data-test="ingredients-list"]');
  if (!list) { alert('Ingredients list not found — is the page loaded?'); return; }

  const css = `
    ul[data-test="ingredients-list"] {
      column-count: 2 !important;
      column-gap: 32px !important;
    }
    ul[data-test="ingredients-list"] > li {
      break-inside: avoid !important;
      page-break-inside: avoid !important;
      -webkit-column-break-inside: avoid !important;
    }
    @media print {
      ul[data-test="ingredients-list"] { column-count: 2 !important; }
    }`;

  let style = document.getElementById('twocol-ingredients-style');
  if (!style) {
    style = document.createElement('style');
    style.id = 'twocol-ingredients-style';
    document.head.appendChild(style);
  }
  style.textContent = css;

  list.scrollIntoView({ behavior: 'smooth', block: 'center' });
  console.log('Two-column ingredients applied.');
})();