body.contact-open{overflow:hidden}
.contact-dialog{position:fixed;inset:0;width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow);overflow:auto}
.contact-dialog::backdrop{background:rgba(38,51,46,.48)}
.contact-dialog .contact-close{display:block;min-height:44px;margin:0 0 16px auto;padding:0 8px;border:0;background:transparent;font-size:14px;cursor:pointer}
.contact-dialog h2{font-size:clamp(28px,5vw,38px);margin-bottom:20px;overflow-wrap:break-word}
.contact-dialog p{font-size:17px;line-height:1.5}
.contact-email{display:block;font-weight:600;font-size:18px;text-decoration:underline;overflow-wrap:anywhere}
.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.contact-actions .contact-copy{background:transparent;color:var(--ink)}
.contact-status{min-height:26px;margin:16px 0 0}
@media(max-width:767px){.contact-dialog{padding:24px}.contact-actions{flex-direction:column}.contact-actions .button{width:100%;min-height:50px}}
@media(min-width:1081px) and (max-width:1280px){.site-header:has([data-contact-open]){padding-inline:24px}.site-header:has([data-contact-open]) nav{gap:14px}}