/* Contact page only. Everything else comes from style.css. */

.contact-layout { display: grid; gap: 2rem; align-items: start; }
@media (min-width: 960px) { .contact-layout { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 3rem; } }

/* The franchise desk is the main route, so it gets the big panel */
.contact-primary { padding: 1.75rem 1.5rem; display: grid; gap: 1.25rem; border-color: rgba(243, 128, 32, .35); }
@media (min-width: 640px) { .contact-primary { padding: 2.5rem 2rem; } }
.contact-primary__email { font-family: var(--font-head); font-weight: 700; font-size: var(--fs-600); overflow-wrap: anywhere; }
.contact-primary__email a { color: var(--chai); text-decoration: none; }
.contact-primary__email a:hover { text-decoration: underline; text-underline-offset: 4px; }

/* Secondary options are a plain list with rules between, not cards */
.contact-others { gap: 0; }
.contact-others > div { padding-block: 1rem; border-bottom: 1px solid var(--line); }
.contact-others > div:first-child { padding-top: 0; }
.contact-others > div:last-child { border-bottom: 0; padding-bottom: 0; }
.contact-others address { font-style: normal; }
.contact-others dd { overflow-wrap: anywhere; }