.contact-page { padding-bottom: clamp(4rem, 8vw, 7rem); padding-top: clamp(2rem, 5vw, 4rem); }
.contact-intro { max-width: 730px; padding: clamp(1.5rem, 4vw, 3rem) 0; }
.contact-intro h1 { font-family: "Libre Caslon Display", Georgia, serif; font-size: clamp(3.5rem, 7vw, 6.5rem); font-weight: 400; line-height: 1; margin: .5rem 0 1.25rem; }
.contact-intro > p:last-child { font-size: clamp(1rem, 1.7vw, 1.18rem); line-height: 1.7; }
.contact-grid { display: grid; gap: 1.25rem; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); }
.contact-panel, .contact-channel { background: #fffdf9; border: 1px solid #d8e3df; border-radius: 16px; padding: clamp(1.4rem, 3vw, 2.5rem); }
.contact-panel h2, .contact-channel h2 { font-family: "Libre Caslon Display", Georgia, serif; font-size: clamp(1.9rem, 3vw, 2.7rem); font-weight: 400; line-height: 1.15; margin: .5rem 0 1.25rem; }
.contact-step { color: #0c6a69; font-size: .75rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.contact-selection { margin: 0; }
.contact-selection div { border-top: 1px solid #e4ece7; display: grid; gap: 1rem; grid-template-columns: 95px 1fr; padding: 1rem 0; }
.contact-selection dt { color: #586c68; }
.contact-selection dd { font-weight: 600; margin: 0; }
.contact-empty { background: #f0f5f1; border-radius: 10px; padding: 1rem 1.2rem; }
.contact-empty a { color: #075f5d; font-weight: 700; }
.contact-notice, .contact-channel-unavailable { background: #fff5e7; border-left: 4px solid #b76a2a; padding: 1rem 1.15rem; }
.contact-small { color: #586c68; font-size: .9rem; line-height: 1.65; margin-top: 1.4rem; }
.contact-summary { background: #eef5f0; border-radius: 10px; font: inherit; line-height: 1.75; overflow-wrap: anywhere; padding: 1.3rem; white-space: pre-wrap; }
.contact-actions { align-items: center; display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.4rem; }
.contact-copy-status { color: #0c6a69; font-size: .9rem; }
.contact-channel { margin-top: 1.25rem; }
.contact-channel .button { margin-top: .5rem; }
@media (max-width: 760px) { .contact-grid { grid-template-columns: 1fr; } .contact-selection div { grid-template-columns: 80px 1fr; } }