/* ==========================================================================
   LiveTelePro — Static page styling (Contact, Pricing, FAQ, API Docs)
   ========================================================================== */

.contact-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: var(--space-8); margin-block: var(--space-8) var(--space-16); align-items: start; }
.contact-form-wrap { padding: var(--space-8); }
.contact-info { display: flex; flex-direction: column; gap: var(--space-6); }
.contact-info-card { padding: var(--space-6); }
.contact-map { padding: var(--space-3); }

.endpoint-table-wrap { padding: var(--space-4); overflow-x: auto; }
.endpoint-table code { font-family: Consolas, Monaco, monospace; font-size: var(--fs-sm); }
.endpoint-method { display: inline-block; padding: 0.2rem 0.6rem; border-radius: var(--radius-sm); font-size: var(--fs-xs); font-weight: 700; }
.endpoint-method-get { background: rgba(16, 185, 129, 0.15); color: var(--color-success); }
.endpoint-method-post { background: rgba(37, 99, 235, 0.15); color: var(--color-primary); }
.endpoint-method-delete { background: rgba(239, 68, 68, 0.15); color: var(--color-danger); }

.api-docs-note { color: var(--color-text-muted); font-size: var(--fs-sm); margin-block: var(--space-6) var(--space-4); }

@media (max-width: 900px) {
	.contact-grid { grid-template-columns: 1fr; }
}