/* Contact page — quick-contact block and callback form.
   Loaded only by contact.html. */

.quickcontact {
  margin-top: clamp(20px, 3vw, 32px);
  display: flex;
  align-items: center;
  gap: clamp(16px, 2.5vw, 28px);
  flex-wrap: wrap;
}

.qc-note {
  margin-top: 14px;
  font-size: var(--t-xs);
  color: var(--ink-50);
}

.cb-grid {
  max-width: 640px;
}

/* contact.html's book section has only one column of content (no summary
   panel like enquiry.html's packsheet), so cancel book-grid's two-track
   layout instead of squeezing into the .85fr track and leaving the rest
   of the row empty. */
@media (min-width: 900px) {
  .book-grid.cb-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .quickcontact { flex-direction: column; align-items: flex-start; gap: 14px; }
}