/* Full-width site chrome, centred workspace, and narrower individual forms. */
header,
main,
footer {
  max-width: none;
  width: 100%;
  padding-inline: clamp(20px, 2.5vw, 48px);
}

main {
  max-width: 1280px;
  margin-inline: auto;
  padding-inline: 20px;
}

/* Reserve empty columns so sparse saved sections keep the same card widths. */
[data-saved-section] > .cards {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
}

@media (max-width: 420px) {
  header,
  main,
  footer {
    padding-inline: 16px;
  }
}
.participant-identity{display:inline-flex;max-width:100%;align-items:baseline;flex-wrap:wrap;column-gap:1.25rem;row-gap:.35rem}
.participant-name{min-width:0;overflow-wrap:anywhere}
.participant-recommendations{display:inline-flex;align-items:center;gap:.4rem;flex:none;white-space:nowrap;font-size:.85em;text-decoration:none;font-weight:500}
.participant-recommendation-icon{width:1.15em;height:1.15em;flex:none;align-self:center}
.listing-result{display:flex;flex-direction:column;min-width:0}
.result-participant{margin:8px 0 16px;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--soft)}
.listing-result .result-participant{margin-top:auto}
.result-participant__label{display:flex;align-items:center;gap:.45rem;margin-bottom:8px;color:var(--muted);font-size:.75rem;font-weight:600}
.result-participant__label svg{width:16px;height:16px;flex:none}
.result-participant .participant-name{font-weight:600}