#contact-area:empty{display:none}#contact-area{padding:0 16px 12px;scroll-margin-block:16px}#contact-area .ui-card{max-width:760px;margin:0 auto;background:#fff;border:1px solid #dbe3ec;border-radius:18px;padding:20px;color:#173047;line-height:1.9}#contact-area h3{margin-top:0;font-size:17px}#contact-area p{overflow-wrap:anywhere}#contact-area label{display:block;margin:12px 0}#contact-area input[type=tel],#contact-area textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;font:inherit;border:1px solid #a9bacb;border-radius:10px;padding:10px;background:#fff;color:#173047}#contact-area input[type=tel]{direction:ltr;text-align:left;font-size:16px}#contact-area textarea{font-size:16px;resize:vertical;min-height:70px}#contact-area input[type=checkbox]{width:18px;height:18px;margin-inline-end:8px;vertical-align:middle}#contact-area button{font:inherit;margin:8px 0 8px 10px;min-height:40px;cursor:pointer}#contact-area a{display:block;margin-top:12px;color:#245e92;text-decoration:underline}#contact-area [role=status]{font-size:13px}.composer-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}#contact-open{white-space:nowrap}#contact-area button:disabled{opacity:.6;cursor:wait}@media(max-width:600px){#contact-area{padding:0 10px 10px}#contact-area .ui-card{padding:15px}#contact-area .card-action{display:block;width:100%;margin-inline:0}}

/* Consultation is an explicit header action; idle composer stays clear. */
.chat-simple .consultation-button{flex:none;border:1px solid #d8e4f0;border-radius:12px;background:#eef5fc;color:#08376e;padding:10px 14px;min-height:44px;font-size:12px;font-weight:700;white-space:nowrap}.chat-simple .consultation-button:hover{background:#e3eefb}.chat-feedback:not([hidden]){display:block;padding:8px 6px 0;font-size:12px;color:#5e7186;line-height:1.8}.chat-feedback[hidden]{display:none!important}
@media(max-width:600px){.chat-simple .conversation-toolbar{flex-wrap:wrap}.chat-simple .conversation-toolbar .brand-lockup{flex:1 1 calc(100% - 60px)}.chat-simple .conversation-toolbar .consultation-button{order:3;margin-inline-start:auto;padding:8px 12px;min-height:40px}.chat-simple .conversation-toolbar .kh-minimize{order:2}}

/* Match the readable chat/card typography; submission and receipt logic stay unchanged. */
#contact-area .ui-card{font-size:.875rem;line-height:1.85}
#contact-area h3{font-size:1rem;line-height:1.7;margin:0 0 12px}
#contact-area .ui-card p{font-size:.875rem;line-height:1.85;color:#40536b;margin:8px 0}
#contact-area label{font-size:.875rem;line-height:1.8;font-weight:600;color:#40536b}
#contact-area input[type=tel],#contact-area textarea{font-size:1.0625rem;line-height:1.85;font-weight:400;min-height:44px;margin-top:6px}
#contact-area textarea{min-height:5rem}
#contact-area button{font-size:.875rem;line-height:1.8;font-weight:600;min-height:44px;max-width:100%;padding:9px 12px;white-space:normal}
#contact-area .contact-form>.text-button{display:block;width:100%;margin:0;padding:8px}
#contact-area a{font-size:.875rem;line-height:1.85;overflow-wrap:anywhere}
#contact-area a[href^="tel:"]{font-size:1rem;font-variant-numeric:tabular-nums}
#contact-area [role=status]{font-size:.875rem;line-height:1.85}
#contact-area [role=status]:empty{display:none}
#contact-area .contact-receipt p[dir=ltr]{font-size:1rem;font-variant-numeric:tabular-nums}
.chat-simple .consultation-button{font-size:.875rem;line-height:1.6;min-height:44px}
.chat-feedback:not([hidden]){font-size:.8125rem;line-height:1.85}
#contact-area .company-contact{border-top:1px solid #e7edf3;margin-top:12px;padding-top:8px}
#contact-area .company-contact p{font-size:.8125rem;color:#52657a}
#contact-area .company-contact a[href^="tel:"]{display:inline-block;margin:4px 0 4px 14px}
.chat-simple .messages>#contact-area{scroll-margin-top:132px}