/*
  ORGANICO — banner nel componente condiviso .page-banner, spaziatura fra
  le sezioni con le utility .section--tight-top/--tight-bottom di base.css
  (condivise con le altre pagine "a box impilati", es. le squadre).

  AREE E CONTATTI — stessa struttura di calendari.php (.result-row/
  .result-list, righe scure alternate, colonne a larghezza fissa) invece
  di una vera <table>: evita i quirk dei bordi sulle righe di tabella
  (border-collapse) e garantisce che resti sempre visivamente identica a
  calendari, condividendo lo stesso componente invece di un sistema CSS
  parallelo. Il box bianco del referente riusa .table-referente
  (tables.css) — stesso identico stile, non duplicato.
*/

.organico-row {
  flex-direction: row;
  align-items: center;
}

/* Margine, non gap: vedi components/buttons.css per il perché (gap
   dichiarato ma non applicato su alcune TV/motori datati). */
.organico-row > * + * {
  margin-left: var(--space-3);
}

.organico-row--header {
  background: var(--color-brand);
  color: var(--color-text-inverse);
  font-family: var(--font-display);
  text-transform: uppercase;
  font-size: var(--text-lg);
  letter-spacing: 0.04em;
}

.organico-row__area {
  flex: 0 0 220px;
}

.organico-row__referente {
  flex: 0 0 260px;
}

.organico-row__cell,
.organico-row__mail {
  overflow: hidden;
  text-overflow: ellipsis;
}

.organico-row__cell {
  flex: 0 0 200px;
}

.organico-row__mail {
  flex: 0 0 280px;
}