/* ===== Accountability (#273) ===== */
.accountability-lede { max-inline-size: var(--toddyi-size-42rem); color: var(--pico-muted-color); }

.partner-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--toddyi-size-1rem); }
.partner-card { padding: var(--toddyi-size-0-75rem); border-radius: var(--toddyi-size-0-5rem); border: var(--toddyi-size-1px) solid var(--pico-muted-border-color); }
.partner-card__head { display: flex; align-items: center; gap: var(--toddyi-size-0-75rem); flex-wrap: wrap; margin-block-end: var(--toddyi-size-0-5rem); }
.partner-card__name { font-weight: 700; }

.summary { display: flex; flex-direction: column; gap: var(--toddyi-size-0-5rem); }
.summary__counts, .summary__today, .summary__empty { font-size: var(--toddyi-size-0-85rem); margin: 0; }

/* The colours mean nothing without a key, and "unknown" has to be as legible
   as the other two: it is a state the reader is meant to act on, not a gap. */
.summary__legend {
  display: flex; flex-wrap: wrap; gap: var(--toddyi-size-0-75rem);
  list-style: none; padding: 0; margin: 0;
  font-size: var(--toddyi-size-0-75rem); color: var(--pico-muted-color);
}
.summary__legend li { display: flex; align-items: center; gap: var(--toddyi-size-0-35rem); margin: 0; }
.summary__legend .day-cell { inline-size: var(--toddyi-size-12px); block-size: var(--toddyi-size-12px); }

.invite-code {
  display: inline-block; font-size: var(--toddyi-size-1-1rem);
  padding: var(--toddyi-size-0-5rem) var(--toddyi-size-0-75rem);
  border-radius: var(--toddyi-size-0-375rem); background: var(--pico-secondary-background);
  word-break: break-all;
}