/* Contact page: enquiry beside the office, below direct contact options. */
main#main .contact-details-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:28px;align-items:start}
main#main .contact-details-grid>.contact-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
main#main .contact-channels>.contact-enquiry,main#main .contact-channels>.contact-social-strip{grid-column:1/-1;margin:0}
main#main .contact-enquiry{padding:28px;border:1px solid #d4dfed;border-radius:7px}
main#main .contact-enquiry>.wrap{width:100%;max-width:none;margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
main#main .contact-enquiry h2{font-size:28px;line-height:1.2}
main#main .contact-email,main#main .contact-whatsapp{padding:24px;min-width:0}
main#main .contact-email h2{font-size:27px}
main#main .contact-email-link{font-size:clamp(14px,1.1vw,18px);overflow-wrap:normal;word-break:normal}
main#main .contact-office-address{display:flex;flex-direction:column;gap:18px}
main#main .contact-office-address img{width:100%;max-width:100%;height:auto}
main#main .contact-office-address address{width:100%}
@media(max-width:1099px){main#main .contact-details-grid{grid-template-columns:minmax(0,1fr)}main#main .contact-office-address{flex-direction:row}main#main .contact-office-address img{max-width:45%}}
@media(max-width:650px){main#main .contact-details-grid>.contact-channels,main#main .contact-enquiry>.wrap{grid-template-columns:minmax(0,1fr)}main#main .contact-enquiry{padding:24px 20px}main#main .contact-office-address{flex-direction:column}main#main .contact-office-address img{max-width:100%}main#main .contact-email-link{overflow-wrap:anywhere;font-size:17px}}

main#main .contact-hours{align-items:center;margin-top:18px;padding-top:14px;padding-bottom:0}
main#main .contact-hours-content p{margin:0;font-size:17px;line-height:1.4}

/* Compact appointment line; both desktop columns share the same bottom edge. */
main#main .contact-hours{margin-top:8px;padding-top:3px}
@media(min-width:1100px){main#main .contact-details-grid{align-items:stretch}main#main .contact-details-grid>.contact-channels{align-self:stretch;grid-template-rows:auto minmax(0,1fr)}main#main .contact-channels>.contact-enquiry{align-self:stretch}}

/* Centre the appointment row between the two divider lines. */
main#main .contact-hours{margin-top:8px;padding:10px 0;align-items:center}
main#main .contact-hours+.contact-map{margin-top:0}


/* Match the bottom edges of the paired direct-contact cards. */
@media(min-width:651px){main#main .contact-channels>.contact-email,main#main .contact-channels>.contact-whatsapp{align-self:stretch}}