/* The existing paper panels and chip palette, with optional preference groups. */
.happiness-switch { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.happiness-switch .chip { max-width: 100%; }
.happiness-switch .chip span { white-space: normal; line-height: 1.4; }
.happiness-pipe { color: var(--ink-3); font-size: 1.3rem; }
.happiness-preferences { border-left: 2px solid var(--sun); padding-left: 1rem; margin: 1.2rem 0; }
.happiness-request .request-panel-heading .fine { margin-top: .7rem; }
.happiness-request [data-choice-panel][hidden] { display: none; }
.happiness-request .request-send button { white-space: normal; }
#happiness-feedback:not(:empty) { margin: .7rem 0 1rem; font-weight: 700; }
#happiness-success { scroll-margin-top: calc(var(--header-h) + 1rem); }
#happiness-success p { margin: 1rem 0; }
@media (max-width: 479px) {
  .happiness-switch { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .65rem .5rem; }
  .happiness-switch .chip:first-child { grid-column: 1 / -1; }
  .happiness-switch .happiness-pipe { text-align: center; }
  .happiness-preferences { padding-left: .65rem; }
}