/* Contacts page (page-contacts.php) — ported from the ContactsView.astro
   scoped <style> block; selectors prefixed contacts- to stay page-scoped. */

.contacts-blocks { display: grid; gap: var(--space-6); margin-top: var(--space-6); }
@media (min-width: 960px) { .contacts-blocks { grid-template-columns: 1fr 1fr; } }
.contacts-block { padding: var(--space-6); }
.contacts-block h2 { font-size: 1.25rem; margin-bottom: var(--space-1); }
.contacts-big { font-size: 1.35rem; font-weight: 700; }
.contacts-big a { text-decoration: none; color: var(--c-ink); }
.contacts-big .muted { font-size: 1rem; font-weight: 400; }
.contacts-msgr { display: flex; gap: var(--space-3); flex-wrap: wrap; }

.contacts-addr-title { margin-top: var(--space-8); }
.contacts-addr { display: grid; gap: var(--space-4); margin-top: var(--space-4); }
@media (min-width: 640px) { .contacts-addr { grid-template-columns: 1fr 1fr; } }
@media (min-width: 960px) { .contacts-addr { grid-template-columns: 1fr 1fr 1fr; } }
.contacts-addr__item {
  display: flex; flex-direction: column; gap: var(--space-1);
  padding: var(--space-4); text-decoration: none; color: var(--c-ink);
}
.contacts-addr__item:hover strong { color: var(--c-brand); }
.contacts-addr__metro { font-size: 0.85rem; color: var(--c-ink-soft); }