/* ==========================================================================
   CodeMist — page: contacts.html
   ========================================================================== */

.contacts-page__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--sp-4);
}

.contacts-page__card {
  padding: var(--sp-5);
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
}

.contacts-page__icon {
  width: 44px; height: 44px;
  border-radius: var(--radius-sm);
  background: rgba(var(--c-accent-rgb), .1);
  color: var(--c-accent);
  display: flex; align-items: center; justify-content: center;
}
.contacts-page__icon svg { width: 22px; height: 22px; stroke: currentColor; fill: none; stroke-width: 1.7; }

.contacts-page__label { font-family: var(--f-mono); font-size: var(--fs-sm); color: var(--c-text-dim); }
.contacts-page__value { font-size: var(--fs-md); overflow-wrap: anywhere; }