/* Email contact uses the existing ScoutByt card, color and typography system. */
.email-contact .contact-grid{align-items:stretch}
.email-contact .contact-grid>*{min-width:0}
.email-panel{display:flex;flex-direction:column;justify-content:center}
.email-panel h2{font-size:clamp(24px,2.2vw,30px);line-height:1.2;letter-spacing:-.025em}
.email-panel .eyebrow{margin-bottom:18px}
.email-address{display:block;align-self:flex-start;font-size:clamp(23px,2.7vw,36px);font-weight:650;letter-spacing:-.035em;line-height:1.3;color:var(--cyan);margin:20px 0 16px;overflow-wrap:anywhere}
.email-address:hover{color:var(--text)}
.email-intro{color:var(--muted);font-size:14px;line-height:1.7;max-width:52ch}
.email-actions{display:flex;flex-direction:column;gap:12px;margin-top:26px}
.email-actions .button{gap:12px;min-height:48px}
.email-actions [hidden]{display:none}
.email-help,.email-copy-status,.email-footer p{font-size:12.5px;line-height:1.65;color:var(--muted)}
.email-help{margin-top:16px}
.email-copy-status{min-height:1.65em;margin-top:5px;color:var(--cyan)}
.email-footer{border-top:1px solid var(--line);padding-top:20px;margin-top:16px}
.email-footer .text-link{font-size:13px;margin-top:12px}
@media(max-width:900px){.email-contact .email-panel{grid-row:1}.email-contact .contact-grid{gap:24px}}
@media(max-width:360px){.email-panel{padding:22px 18px}.email-actions .button{font-size:14px;padding-inline:14px}}