/* A compact, keyboard-accessible action beside the original mailbox text/link. */
.email-copy { display:inline-flex; align-items:center; gap:6px; min-width:0; max-width:100%; vertical-align:middle; }
.email-copy > a,.email-copy > .email-copy-value { min-width:0; overflow-wrap:anywhere; }
.customer-service-email { cursor:text; text-decoration:none; }
.sidebar-contact-details .customer-service-email { display:flex; align-items:center; min-height:44px; color:var(--ink); }
.contact-page .contact-details dd .customer-service-email { flex:0 0 auto; color:var(--contact-accent); font-size:1.125rem; font-weight:650; line-height:1.65; white-space:nowrap; }
@media(max-width:599.98px) {
	.contact-page .contact-details dd .customer-service-email { font-size:1rem; }
}
.email-copy > .email-copy-button { position:relative; display:inline-flex; flex:0 0 44px; align-items:center; justify-content:center; width:44px; min-height:44px; margin:0; padding:0; border:1px solid #c9dce9; border-radius:8px; background:#f3f8fc; color:#336d94; vertical-align:middle; cursor:pointer; }
.email-copy-button::before,.email-copy-button::after { content:""; position:absolute; width:12px; height:14px; border:1.6px solid currentColor; border-radius:2px; }
.email-copy-button::before { transform:translate(-3px,-3px); background:#f3f8fc; }
.email-copy-button::after { transform:translate(2px,2px); background:#fff; }
.email-copy > .email-copy-button:hover { color:#18537e; border-color:#87b2d0; background:#e8f2fa; }
.email-copy > .email-copy-button:focus-visible { outline:2px solid #1266c5; outline-offset:3px; }
.email-copy > .email-copy-button[aria-busy=true] { cursor:wait; opacity:.65; }
.email-copy > .email-copy-button.is-copied { color:#287364; border-color:#abd0c5; background:#eef8f4; }
.email-copy-button.is-copied::before { display:none; }
.email-copy-button.is-copied::after { width:9px; height:16px; border-width:0 2px 2px 0; border-radius:0; background:none; transform:translateY(-2px) rotate(45deg); }
.email-copy-status { position:fixed; z-index:1100; bottom:24px; left:50%; transform:translateX(-50%); width:max-content; max-width:calc(100% - 32px); margin:0; padding:12px 18px; border:1px solid #bdd8cf; border-radius:10px; background:#f1faf6; color:#245e52; box-shadow:0 6px 24px rgb(23 50 77 / 12%); font-size:.875rem; line-height:1.6; overflow-wrap:anywhere; pointer-events:none; }
.email-copy-status[hidden] { display:none; }
.email-copy-status.is-error { border-color:#e2c5a6; background:#fff8ef; color:#79542d; }
.email-copy-buffer { position:fixed; left:-9999px; top:0; width:1px; height:1px; opacity:0; font-size:16px; }
/* Fit only the mailbox type to its existing row, reserving 44px for copying and the 6px gap. */
.contact-page .contact-details dd > .email-copy { width:100%; container-type:inline-size; }
.contact-page .contact-details .email-copy > .customer-service-email { font-size:.8125rem; }
@supports (font-size:1cqi) {
	.contact-page .contact-details .email-copy > .customer-service-email { font-size:clamp(.8125rem,calc((100cqi - 50px) / 10.25),var(--contact-mail-size,1.125rem)); }
}
@media(max-width:599.98px) {
	.contact-page .contact-details .email-copy { --contact-mail-size:1rem; }
}
/* The widened sidebar fits the complete mailbox and its copy action on the same row. */
.sidebar-contact-details .email-copy { display:flex; width:100%; }
.sidebar-contact-details .sidebar-email { font-size:1rem; font-weight:700; white-space:nowrap; }