#siteChat[open]{width:1000px;max-width:calc(100vw - 32px);height:min(840px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);margin:auto;background:var(--site-panel,var(--cream))}
.chat-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);flex:1;min-height:0;overflow:hidden}
.chat-conversation{display:flex;flex-direction:column;min-height:0;min-width:0}
.chat-conversation .chat-scroll{overscroll-behavior:contain;scroll-behavior:smooth}
#contactDetails{border-left:1px solid var(--site-border,var(--line));background:var(--site-soft,#f2f5ed);padding:22px;overflow:auto;overscroll-behavior:contain}
.contact-heading{display:flex;gap:13px;align-items:center}.contact-heading .mark{font-size:23px}.contact-heading h3{font-size:17px;font-weight:650}
#contactDetails .micro{font-size:12px;margin-top:10px}
#chatContact{gap:14px;margin-top:20px}#chatContact label{font-size:12px}#chatContact small{font-size:10px;font-weight:400;color:var(--site-muted,var(--muted))}
#chatContact input,#chatContact textarea{min-height:42px;background:var(--site-panel,#fff);font-size:14px}#chatContact textarea{resize:vertical;min-height:58px}
#chatContact .button{border-radius:12px;padding:12px;font-size:12px;width:100%}
#contactResult:empty{display:none}#contactResult{font-size:12px;line-height:1.5;color:var(--site-ink,var(--ink))}
.contact-jump{border:0;background:transparent;color:#d8ebcb;display:block;text-decoration:underline;font-size:11px;padding:3px 0;margin-top:2px}
#chatCompose textarea{min-height:64px;max-height:140px}#chatCompose{background:var(--site-panel,#fff)}
#siteChat .chat-foot{border-top:1px solid var(--site-border,var(--line));padding:12px 20px;background:var(--site-panel,#fff)}
#siteChat .message{max-width:96%;line-height:1.65}.message strong{color:var(--site-ink,var(--ink))}
@media(max-width:700px){
 #siteChat[open]{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}
 .chat-body{display:block;overflow-y:auto;overscroll-behavior:contain}
 .chat-conversation{height:390px;min-height:320px;max-height:54dvh}
 .chat-conversation .chat-scroll{padding:15px;min-height:150px}
 #contactDetails{border-left:0;border-top:1px solid var(--site-border,var(--line));overflow:visible;padding:20px}
 #chatContact{gap:12px}.chat-top{padding:13px 18px}.chat-top h2{font-size:17px}
 .chat-notice{padding:8px 18px}.chat-context{padding:8px 18px;max-height:72px;overflow:auto}
 #siteChat #chatCompose textarea{min-height:54px!important;max-height:85px!important;font-size:16px}
 #chatContact input,#chatContact textarea{font-size:16px}
 #siteChat .chat-foot{padding-bottom:max(12px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.chat-conversation .chat-scroll{scroll-behavior:auto}}

.contact-progress{font-size:12px;line-height:1.5;color:var(--site-ink,var(--ink));padding:10px 12px;border-left:3px solid #85b750;background:var(--site-panel,#fff);border-radius:6px}
#chatContact label.contact-next input,#chatContact label.contact-next textarea{border-color:#648c42;box-shadow:0 0 0 1px #648c4233}