/* Organization pages: status notice, public page body and facts, and the team list (logical properties only). */
.notice {
  max-inline-size: 46rem;
  margin: var(--s-4);
  padding: var(--s-3) var(--s-4);
  background: color-mix(in srgb, var(--c-sand) 30%, var(--surface));
  border-inline-start: 4px solid var(--c-sand);
  border-radius: var(--radius-sm);
}

@media (min-width: 800px) {
  .notice {
    margin-inline: auto;
  }
}

.org-body {
  max-inline-size: 46rem;
}

.org-body > h2 {
  margin-block: 0 var(--s-3);
  font-size: var(--fs-3);
  text-align: start;
}

.team .btn {
  padding-inline: var(--s-4);
  font-size: var(--fs-0);
}

.facts {
  display: grid;
  gap: var(--s-3);
  margin: var(--s-4) 0 0;
}

.facts dt {
  font-weight: 700;
}

.facts dd {
  margin: 0;
  color: var(--text-muted);
  overflow-wrap: anywhere;
}

.team {
  display: grid;
  gap: var(--s-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

.team-row {
  display: grid;
  gap: var(--s-3);
  padding-block-end: var(--s-4);
  border-block-end: 1px solid var(--border);
}

.team-row:last-child {
  padding-block-end: 0;
  border-block-end: 0;
}

.team-row p {
  margin: 0;
  overflow-wrap: anywhere;
}

.team-controls {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-2);
  align-items: center;
}

.team-controls select {
  min-block-size: 44px;
  padding: var(--s-2) var(--s-3);
  border: 2px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--bg);
  color: var(--text);
  font: inherit;
}

/* Register number: the box can be hidden by the registration script; the confirmation step names what the register said */
.field[hidden] {
  display: none;
}

.registry-check .facts {
  margin-block: var(--s-3);
}

.registry-check .field-check {
  margin-block: var(--s-3);
}

.registry-check h2 {
  margin-block: 0 var(--s-2);
  font-size: var(--fs-3);
  text-align: start;
}

.registry-check .help {
  margin-block-start: var(--s-3);
}

.registry-source {
  display: block;
  font-size: var(--fs-0);
}

/* Find your nonprofit (G1): one search row on wide screens, a stacked form on phones; each result is a card that opens the unclaimed page */
.find-form {
  display: grid;
  gap: var(--s-3);
  margin-block-end: var(--s-5);
}

.find-form .btn {
  justify-self: start;
}

@media (min-width: 700px) {
  .find-form {
    grid-template-columns: auto 1fr auto;
    align-items: start;
  }

  .find-form .btn {
    margin-block-start: var(--s-6);
  }
}

.find-results {
  margin-block-end: var(--s-3);
}

.find-results h2 {
  margin: 0;
  font-size: var(--fs-2);
}

.find-meta {
  color: var(--text-muted);
}

/* Documents for the reviewer (G1c): the file chooser takes the site's field look */
.proof-form input[type="file"] {
  padding-block: var(--s-3);
}

.proof-form input[type="file"]::file-selector-button {
  margin-inline-end: var(--s-3);
  padding: var(--s-1) var(--s-3);
  border: 2px solid var(--border-strong);
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: var(--text);
  font: inherit;
  cursor: pointer;
}

.proof-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-1) var(--s-3);
}

.proof-back {
  margin-block-start: var(--s-4);
}