/* Contact-only additions: do not change existing shell or its tokens. */
.contact-dialog{--ink:#232426;--muted:#61636a;--canvas:#fafaf8;--paper:#fff;--surface:#f0f0ec;--line:#ddded9;--focus:#232426;--font:'Outfit','Pretendard',sans-serif;--ease:cubic-bezier(.2,.7,.2,1);--duration:180ms}
.contact-shell-trigger{appearance:none;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;min-height:44px;padding:0;white-space:nowrap}
.contact-shell-trigger:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.contact-dialog{--duration:0ms}}
/* Four 44px touch targets fit the existing one-line shell at narrow widths. */
.contact-shell-trigger{min-width:44px}
@media(max-width:360px){
 .w-header:has(> nav > .contact-shell-trigger),.site-header[data-site-shell="header"]:has(> nav > .contact-shell-trigger){gap:8px}
 .w-header:has(> nav > .contact-shell-trigger) > a:first-child > img,.site-header[data-site-shell="header"]:has(> nav > .contact-shell-trigger) > .brand > img{width:76px;height:auto}
 .w-header > nav:has(> .contact-shell-trigger),.site-header[data-site-shell="header"] > nav:has(> .contact-shell-trigger){gap:4px}
}
/* Use the existing mail glyph and footer usage-link's menu scale. */
.contact-header-trigger{display:inline-grid;place-items:center;width:44px;height:44px}
.w-header nav .contact-header-trigger img,.site-header nav .contact-header-trigger img{display:block;width:20px;height:20px}
.w-footer .footer-navigation nav>.contact-footer-trigger{display:inline-flex;align-items:center;font-size:13px}

/* Shared footer actions: anchors and the semantic Contact button use one cue. */
.w-footer .footer-navigation nav>:is(a,button.usage-link):hover{text-decoration:underline;text-underline-offset:4px}
.w-footer .footer-navigation nav>:is(a,button.usage-link):focus-visible{outline:2px solid var(--ink,currentColor);outline-offset:4px;text-decoration:underline;text-underline-offset:4px}