.bath-methods, .bath-herbs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  gap: .75rem;
}
.bath-builder details, .bath-cart, .bath-chat, [data-bath-result] {
  border: 1px solid currentColor;
  border-radius: .65rem;
  padding: .75rem;
}
.bath-builder summary, .bath-chat > summary { cursor: pointer; }
.bath-methods button, .bath-herbs button, .bath-cart button { margin-block: .45rem; }
.bath-builder button[aria-pressed="true"] { outline: 2px solid currentColor; outline-offset: 2px; }
.bath-builder .field, .bath-cart, .bath-chat, [data-bath-result] { margin-block: 1rem; }
.bath-recipe, [data-chat] .messages article p { white-space: pre-wrap; overflow-wrap: anywhere; }