/* Contact-only guidance: preserve the unavailable reception state and approved photo. */
.contact-page .contact-reception { display: grid; grid-template-columns: minmax(0,1fr) 192px; grid-template-areas: "copy art"; align-items: center; gap: 40px; }
.contact-page .contact-status-copy { grid-area: copy; min-width: 0; }
.contact-page .contact-status-copy .heading-phrase,
.contact-page .contact-reception-note { display: inline-block; max-width: 100%; }
.contact-page .contact-status-copy p:not(.section-kicker) { max-width: 44em; text-wrap: pretty; }
.contact-page .contact-status-art { grid-area: art; width: 192px; max-width: 100%; aspect-ratio: 1; justify-self: end; }
.contact-page .contact-status-art img { width: 100%; height: 100%; object-fit: contain; }
.contact-page .topic-links > a { display: grid; grid-template-columns: 48px minmax(0,1fr) 24px; gap: 20px; }
.contact-page .topic-links > a > div { min-width: 0; }
.contact-page .topic-links p { max-width: 48em; text-wrap: pretty; }
.contact-page .contact-topic-icon { display: grid; place-items: center; align-self: start; width: 48px; height: 48px; margin-top: 2px; border-radius: 14px; color: #8c5b99; background: #fff0f8; }
.contact-page .contact-topic-icon svg { width: 28px; height: 28px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.contact-page .topic-links > a:nth-child(2) .contact-topic-icon { background: #f1f7ff; }
.contact-page .topic-links > a:nth-child(3) .contact-topic-icon { background: #edf7f1; }
.contact-page .topic-links > a:nth-child(4) .contact-topic-icon { background: #f6f1fb; }
@media(max-width:900px) {
  .contact-page .contact-reception { grid-template-columns: minmax(0,1fr) 128px; gap: 24px; }
  .contact-page .contact-status-art { width: 128px; }
}
@media(max-width:760px) {
  .contact-page .contact-reception { grid-template-columns: minmax(0,1fr); grid-template-areas: "art" "copy"; gap: 16px; }
  .contact-page .contact-status-art { width: 96px; justify-self: start; }
  .contact-page .topic-links > a { grid-template-columns: 36px minmax(0,1fr) 20px; gap: 12px; padding: 24px 0; }
  .contact-page .contact-topic-icon { width: 36px; height: 36px; border-radius: 10px; }
  .contact-page .contact-topic-icon svg { width: 24px; height: 24px; }
  .contact-page .topic-links > a > svg { width: 20px; height: 20px; }
}