.background-art-choice {
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  margin: 4px 0 20px;
  padding: 17px 18px;
  border: 1px solid rgba(56, 76, 63, .22);
  border-radius: 18px;
  background: linear-gradient(125deg, rgba(223, 230, 212, .36), rgba(255, 252, 243, .74));
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.background-art-choice:hover { border-color: rgba(54, 88, 68, .55); transform: translateY(-1px); }
.background-art-choice:focus-within { outline: 2px solid #466e54; outline-offset: 3px; }
.background-art-choice input { appearance: none; flex: 0 0 46px; width: 46px; height: 27px; margin: 0; border-radius: 30px; background: #acb5a7; position: relative; cursor: pointer; transition: background .2s ease; }
.background-art-choice input:checked { background: #386449; }
.background-art-choice input::after { content: ""; position: absolute; top: 3px; left: 3px; width: 21px; height: 21px; border-radius: 50%; background: #fffdf6; box-shadow: 0 2px 5px rgba(18, 37, 25, .18); transition: transform .2s ease; }
.background-art-choice input:checked::after { transform: translateX(19px); }
.background-art-choice strong { display: block; color: #253a2e; font-size: 14px; line-height: 1.3; }
.background-art-choice small { display: block; color: #68766b; font-size: 12px; line-height: 1.45; margin-top: 3px; }
@media (prefers-reduced-motion: reduce) { .background-art-choice, .background-art-choice input, .background-art-choice input::after { transition: none; } }