/* Source-backed status stamps and a compact overview of tracked promises. */
.promise-count-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 24px 0 0;
}
.promise-count-summary > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-width: min(100%, 210px);
  padding: 15px 20px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--olive);
  background: var(--paper-light);
}
.promise-count-summary dt { font: 700 17px/1.4 var(--sans); }
.promise-count-summary dd { margin: 0; font: 700 32px/1.1 var(--serif); color: var(--wine-dark); }
.promise-verdict {
  display: grid;
  gap: 9px;
  width: fit-content;
  max-width: 100%;
  margin-block: 20px 24px;
  padding: 16px 20px;
  border: 4px double currentColor;
  color: var(--wine-dark);
  background: #e6d4b9;
  box-shadow: 3px 3px 0 #60202a12;
}
.promise-card h2 + .promise-verdict { margin-top: 0; }
.promise-verdict-label { font: 700 13px/1.5 var(--sans); }
.promise-verdict > strong {
  font: 700 clamp(19px, 2.2vw, 26px)/1.3 var(--mono);
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.promise-verdict-date { font: 15px/1.5 var(--sans); }
.promise-verdict[data-verdict="fulfilled"],
.promise-verdict[data-verdict="partial"] { color: var(--olive); }
.promise-discussion-share { margin-top: 16px; }
.promise-discussion-share .button {
  max-width: 100%;
  min-height: 48px;
  text-align: center;
}
.promise-copy-status { margin-top: 10px; color: var(--muted); font: 16px/1.5 var(--sans); }
.promise-copy-status:empty { margin: 0; }
.promise-discussion-share .share-link-input { margin-top: 10px; }
@media (max-width: 480px) {
  .promise-count-summary { gap: 10px; }
  .promise-count-summary > div { flex: 1 1 100%; padding: 14px 18px; }
  .promise-verdict { padding: 14px 16px; }
  .promise-discussion-share .button { width: 100%; }
}