/* Contact channels, WhatsApp draft and office map */
.contact-content{padding-block:clamp(30px,4.5vw,64px)}
.contact-page-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(18px,3vw,44px);align-items:start}
.contact-channels{display:grid;gap:12px;min-width:0}
.channel-intro,.channel-card{display:flex;align-items:flex-start;gap:15px;border-radius:6px;padding:clamp(18px,2vw,28px)}
.channel-intro{background:var(--graphite);color:white}.channel-intro-icon{background:var(--orange);color:var(--ink)}
.channel-intro h2{font-size:1.35rem}.channel-intro p,.channel-body>span,.address-guidance,.message-description{font-size:.89rem;color:var(--muted);margin-top:7px}.channel-intro p{color:var(--on-dark)}
.channel-card{border:1px solid var(--line)}a.channel-card:hover{background:var(--canvas);border-color:var(--muted)}
.channel-whatsapp .channel-icon{background:var(--whatsapp-surface);color:var(--whatsapp)}
.channel-whatsapp .channel-body>strong,.message-badge .icon-whatsapp{color:var(--whatsapp)}
a.channel-whatsapp:hover{background:var(--whatsapp-surface);border-color:var(--whatsapp)}
.channel-body,.channel-body>strong,.channel-body>span,.channel-body small,.channel-body address span{display:block}
.channel-body>small{font-size:.66rem;color:var(--muted);margin-bottom:6px}
.channel-body>strong{font:700 clamp(1.05rem,1.65vw,1.4rem)/1.3 var(--heading)}
.channel-arrow{margin-left:auto;color:var(--accent-ink);font:1.4rem/1.4 Arial}
.channel-body address{font-style:normal;font-size:.94rem}.channel-body address span{color:var(--muted);font-size:.87rem}
.channel-address{background:var(--canvas)}.channel-address .channel-icon{background:white;color:var(--ink)}
.address-guidance{font-size:.8rem}.channel-directions{font-size:.83rem}
.message-panel{border:1px solid var(--line);border-top:4px solid var(--orange);border-radius:6px;overflow:hidden}
.message-panel-heading{background:var(--canvas);padding:13px clamp(20px,2.3vw,34px);border-bottom:1px solid var(--line)}
.message-label{font-size:.68rem}.message-badge{display:inline-flex;gap:6px;align-items:center;font-size:.72rem;color:var(--muted)}.message-badge .icon{width:16px;height:16px}
.message-panel-body{padding:clamp(20px,2.3vw,34px)}.message-panel-body h2{font-size:clamp(1.65rem,2.3vw,2.2rem)}.message-description{margin:9px 0 22px}
.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#contact-message-form label{font-weight:500;font-size:.87rem;display:block}
#contact-message-form>label{margin-top:17px}#contact-message-form label>span[aria-hidden],.required-fields-note>span{color:var(--accent-ink)}
#contact-message-form :is(input:not([type=hidden]),select,textarea){width:100%;padding:11px 12px;min-height:46px;margin-top:6px;border:1px solid #989995;border-radius:4px;background:white;font:400 .91rem/1.6 var(--body)}
#contact-message-form :is(input,textarea)::placeholder{color:#62645f;opacity:1}
#contact-message-form textarea{resize:vertical;min-height:106px}
#contact-message-form label small,.field-optional,.required-fields-note,.message-privacy{color:var(--muted);font-size:.76rem;font-weight:400}
#contact-message-form label small{margin-top:5px;display:block}
.required-fields-note{margin:10px 0 16px}.message-submit{width:100%}.message-submit:disabled{opacity:.6;cursor:default}
.message-privacy,.message-status,.message-noscript{margin-top:12px}.message-status,.message-noscript{font-size:.86rem}.message-status{background:var(--warm);padding:10px 12px;border-left:3px solid var(--orange)}.message-noscript a{text-decoration:underline}
.contact-map-section{padding-block:clamp(35px,4.5vw,64px);background:var(--canvas)}
.office-map-heading{margin-bottom:22px}.office-map-heading h2{font-size:clamp(1.8rem,3vw,2.7rem)}
.contact-map-frame{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:white}
.google-map{width:100%;height:clamp(300px,29vw,420px);display:block;border:0}
@media(max-width:820px){.contact-form-row{grid-template-columns:1fr}.message-badge{display:none}}
@media(max-width:740px){
 .contact-page-grid{grid-template-columns:1fr}.channel-icon,.channel-intro-icon{width:38px;height:38px}.contact-form-row{gap:14px}
 #contact-message-form :is(input:not([type=hidden]),select,textarea){font-size:16px}.office-map-heading{align-items:start;flex-direction:column}
}