message: Create better visual heirarchy
diff: :: AlchemistSell
  -<<linkreplace "<h4>Buy something</h4>">><h3>$alchemist.name's Potions and Wares</h3><<nobr>>
  +<<linkreplace "<h4>Buy something</h4>">><h6>$alchemist.name's Potions and Wares</h6><<nobr>>
  <div class="descriptive">
  <<switch $town.type>>
  <<case "city">>
  <th>Item</th>
  <th>Cost</th>
  </tr>
  -<h3>Adventuring Gear</h3>
  +<h6>Adventuring Gear</h6>
  <<for _i, _item range setup.inventory.filter(function (item) {
  return item.availability <= _availability
  && item.type === "adventuring gear"
  <td><<money _item.cost>></td></tr>
  <</for>>
  -<h3>Tools</h3>
  +<h6>Tools</h6>
  <<for _i, _item range setup.inventory.filter(function (item) {
  return item.availability <= _availability
  && item.type === "tools"
  <td><<money _item.cost>></td></tr>
  <</for>>
  -<h3>Consumables</h3>
  +<h6>Consumables</h6>
  <<for _i, _item range setup.inventory.filter(function (item) {
  return item.availability <= _availability
  && item.type === "consumables"
  