/* =============================================================================
   Itze Grow e.V. – Kontaktbereich (Kapitel IX)
   Gleiche Grammatik wie .facts: Haarlinien, kleine Beschriftung, ruhige Werte.
   ========================================================================== */

.contact {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: 0 var(--sc-7);
  border-top: 1px solid var(--sc-hairline-strong);
  margin: 0;
}
.contact > div {
  padding: var(--sc-5) 0;
  border-bottom: 1px solid var(--sc-hairline);
}
.contact dt {
  font-family: var(--sc-font-display);
  font-size: var(--sc-t-sm); font-weight: 600;
  letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--brand-green);
  margin: 0 0 var(--sc-2);
}
.contact dd {
  margin: 0;
  font-size: var(--sc-t-lg); line-height: 1.4; letter-spacing: -0.012em;
}
.contact dd small {
  display: block; margin-top: var(--sc-1);
  font-size: var(--sc-t-sm); color: var(--sc-ink-soft); letter-spacing: 0;
}
.contact address { font-style: normal; }
.contact a {
  color: var(--brand-green); font-weight: 600;
  text-decoration-thickness: 1.5px; text-underline-offset: 0.2em;
  overflow-wrap: anywhere;
}