/* CI pass — /contact-us/ + /th/contact-us/ (spec §2.2). Shared file, linked from both pages. */
#main{--ink:var(--behap-forest);--muted:var(--behap-taupe);--border:var(--behap-sand-line);color:var(--behap-forest)}
@font-face{font-family:"Anuphan Shell Legacy";src:url(/_bs-shell/shell-20261018-r1/assets/anuphan.woff2) format("woff2");font-weight:100 700;font-display:swap}
#main dd{color:var(--behap-forest)}
#main .eyebrow{color:var(--behap-taupe)}
#main .contact-hero .eyebrow{color:var(--behap-ivory)}
#main .preview-bar{background:var(--behap-mist);color:var(--behap-forest)}
#main .hero-photo{background:var(--behap-cocoa)}
#main input,#main textarea,#main select{background:var(--behap-white);border-color:var(--ci-line-strong);border-radius:6px}
#main input::placeholder,#main textarea::placeholder{color:var(--behap-taupe)}
#main .hero-secondary span{background:var(--ci-line)}
#main .contact-hero .hero-secondary span{background:#faf7f066}
#main .branch-switch a{border-radius:6px}
#main .channels{border-radius:6px}
#main .pill{border-radius:6px}
/* tap targets */
#main .hero-secondary a{display:inline-flex;align-items:center;min-height:24px}
#main a.branch-map-button,#main .branch-actions a,#main a.branch-phone{min-height:44px}
#main .email-block a{display:inline-flex;align-items:center;min-height:24px}
@media (max-width:480px){
  #main .eyebrow{font-size:max(9px,var(--ci-min-label))}
  #main .channel-label small,#main .selected-label{font-size:max(10px,var(--ci-min-label))}
  #main .hero-photo figcaption,#main .hero-photo figcaption span{font-size:max(8px,var(--ci-min-label))}
  #main .hero-secondary{font-size:max(11px,var(--ci-min-label))}
  #main dt{font-size:max(11px,var(--ci-min-label))}
  #main .required-note{font-size:max(11px,var(--ci-min-body))}
  #main .section-intro p,#main address,#main dd,#main .place{font-size:max(12px,var(--ci-min-body))}
  #main:lang(th) .eyebrow,#main:lang(th) .channel-label small,#main:lang(th) .selected-label,#main:lang(th) .hero-photo figcaption span,#main:lang(th) .hero-secondary,#main:lang(th) dt{font-size:max(9px,var(--ci-min-label-th))}
}
#main .form-section{border-radius:6px}
@media (max-width:480px){#main .preview-bar{font-size:var(--ci-min-label)!important}#main:lang(th) .preview-bar{font-size:var(--ci-min-label-th)!important}}
/* CHECK round 1 — L1 Thai labels >= 13px at 390 */
@media (max-width:480px){#main:lang(th) :is(div.field>label,a.branch-map-button,.branch-actions a,a.map-link,.email-block span){font-size:max(12px,var(--ci-min-label-th))}}