/* ceeme-contact.css — /contact.
   ================================================================================================
   Njusja, 1 september 2026: *"wat een contactpagina zou moeten zijn is een uitleg pagina?????"*.
   Drie kaarten voor drie soorten bezoekers, en verder niets nieuws: de tabel en de FAQ lenen de
   vormen die ceeme-hoe.css al draagt. Eén accent, amber #C6892B; violet blijft voor knoppen. */
.ct-kaarten { list-style: none; margin: 6px 0 0; padding: 0;
  display: grid; gap: 16px; grid-template-columns: 1fr }
@media (min-width: 820px) { .ct-kaarten { grid-template-columns: repeat(3, 1fr) } }

.ct-kaart { border: 1px solid rgba(34, 30, 24, .12); border-radius: 14px; padding: 22px 22px 24px;
  background: #FBF8F2; display: flex; flex-direction: column; gap: 10px }
.ct-kaart h3 { font-family: "Manrope", system-ui, sans-serif; font-weight: 800; font-size: 17px;
  letter-spacing: -.01em; margin: 0; color: #221E18 }
.ct-kaart p { margin: 0; color: #5A564F; line-height: 1.6; font-size: 14.5px; flex: 1 }
.ct-kaart .btn { align-self: start; margin-top: 4px }

/* Het mailadres is geen knop maar een adres, en het hoort er ook als adres uit te zien: je kunt het
   kopiëren, en een monospace-regel zegt "dit is letterlijk wat je overtypt". */
.ct-mail { align-self: start; margin-top: 4px;
  font-family: "Space Mono", ui-monospace, monospace; font-size: 14px; color: #A8721F;
  text-decoration: none; border-bottom: 1px solid rgba(198, 137, 43, .4); padding-bottom: 2px }
.ct-mail:hover { color: #221E18; border-bottom-color: #221E18 }