/* Recommendation decisions share the existing Store Pulse palette and cards. */
.pl-rec-list { list-style: none; margin: 0; padding: 0; }
.pl-rec-list > li { padding: 1.25rem 0; border-bottom: 1px solid var(--line, #d6d2c8); }
.pl-rec-list > li:last-child { border-bottom: 0; }
.pl-rec:focus { outline: 2px solid var(--accent, #795b16); outline-offset: 3px; }
.pl-rec-head, .pl-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; }
.pl-rec-head { justify-content: space-between; }
.pl-rec-head h3 { margin: .25rem 0; }
.pl-actions { margin: .75rem 0 .25rem; }
.pl-actions button { min-height: 44px; }
.pl-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: .75rem 1.25rem; }
.pl-facts dt { font-size: .8rem; opacity: .8; }
.pl-facts dd { margin: .25rem 0 0; font-variant-numeric: tabular-nums; }
.pl-rec-list p { overflow-wrap: anywhere; }
.pl-outcome { padding: .5rem 0; }
.pl-dialog textarea, .pl-dialog select { width: 100%; max-width: 100%; }
.pl-dialog textarea { min-height: 6rem; resize: vertical; }
@media (max-width: 560px) {
  .pl-actions { align-items: stretch; }
  .pl-actions button { flex: 1 1 8rem; }
  .pl-facts { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 680px) {
  .pl-rec .pl-actions { width: 100%; align-items: stretch; }
  .pl-rec .pl-actions button { flex: 1 1 8rem; }
}
@media (forced-colors: active) {
  .pl-rec:focus { outline-color: Highlight; }
}