/* contact.css — contact.html: book-call layout + details + legal pages */

.contact-hero { padding-top: calc(var(--header-h) + var(--header-top) + clamp(56px, 8vw, 110px)); padding-bottom: var(--section-y); }

.contact-details { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.detail h3 { font-family: var(--font-body); font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); margin-bottom: 14px; font-weight: 500; }
.detail a, .detail p { font-size: 17px; }
.detail a { display: block; padding: 6px 0; }
.detail a:hover { color: var(--gold); }
.detail small { display: block; margin-top: 10px; color: var(--muted); font-size: 13px; }

.expect-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; counter-reset: ex; }
.expect-list li { padding-top: 24px; border-top: 1px solid var(--line); }
.expect-list .num { display: block; margin-bottom: 12px; }
.expect-list h3 { font-size: 22px; margin-bottom: 8px; }
.expect-list p { color: var(--muted); font-size: 15px; }

/* Legal pages */
.legal { max-width: 760px; }
.legal h2 { font-size: 26px; margin: 40px 0 12px; }
.legal p, .legal li { color: var(--muted); margin-bottom: 12px; }
.legal ul { list-style: disc; padding-left: 20px; }

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