/* "Explore other community organizations" on the home page, loaded there only.
   Flat rows, a mark beside each name, two columns from 46rem up. Each whole row is
   the link, so the tap target is the row, not the words. */
.orgs .org-list {
  list-style: none;
  margin: 1.6rem 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border-top: 2px solid var(--marine);
}
@media (min-width: 46rem) {
  .orgs .org-list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2.5rem; }
}
.orgs .org-list li { border-bottom: 1px solid var(--line); }
.orgs .org {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.95rem 0.15rem;
  color: var(--ink);
  text-decoration: none;
}
.orgs .org-mark { flex: none; width: 56px; height: 56px; display: block; }
.orgs .org-text { min-width: 0; }
.orgs .org-name {
  display: block;
  font-family: var(--font-display);
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--marine);
}
.orgs .org-note { display: block; margin-top: 0.3rem; font-size: 0.98rem; line-height: 1.4; color: var(--ink-soft); }
.orgs .org-url { display: block; margin-top: 0.15rem; font-size: 0.92rem; color: var(--marine); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; overflow-wrap: anywhere; }
.orgs .org:hover .org-name { color: var(--poppy); }
.orgs .org:focus-visible { outline: 3px solid var(--marine); outline-offset: 3px; }
/* each row already shows its address, so print does not add it again */
@media print {
  main .orgs a.org::after { content: none; }
}