/* Podstrona Kontakt (kontakt.py, Adrian 2026-11-02): trzy karty pod nagłówkiem strony – telefon, e-mail, gdzie pracujemy.
   Kolory wyłącznie tokenami; niebieski dla ikon, pomarańczowy dla akcji (.btn--primary). */
.kt-cards { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }
@media (min-width: 900px) { .kt-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } }
.kt-card { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: clamp(20px, 2.4vw, 32px);
  background: var(--white); border: 1px solid var(--line-light); border-radius: 20px; }
.kt-h { display: flex; align-items: center; gap: 12px; margin: 0 0 4px; font-size: 18px; line-height: 28px; color: var(--navy); }
.kt-ico { display: inline-flex; flex: none; width: 40px; height: 40px; align-items: center; justify-content: center;
  border-radius: 12px; background: var(--blue-soft); color: var(--blue); }
.kt-ico svg { width: 20px; height: 20px; }
.kt-v { margin: 0; font-size: 24px; line-height: 32px; font-weight: 600; color: var(--navy); overflow-wrap: anywhere; }
.kt-v a { color: inherit; text-decoration: none; }
.kt-v a:hover { color: var(--blue); text-decoration: underline; }
.kt-d { margin: 0; color: var(--muted); font-size: 16px; line-height: 24px; text-wrap: pretty; }
.kt-act { margin-top: auto; padding-top: 16px; }