/* Clear, accessible messenger actions shared across contact sections. */
.contact-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 0;max-width:760px;width:100%;box-sizing:border-box}
.contact-choices .contact-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;box-sizing:border-box;min-width:0;min-height:154px;padding:22px 12px 20px;border:1px solid transparent;border-radius:12px;font-family:var(--font-body);text-decoration:none;cursor:pointer;transition:transform .16s,box-shadow .16s;color:#171b1e;text-align:center}
.contact-choice--kakao{background:#fee500}
.contact-choice--wechat{background:#fff;border-color:#cbded3!important}
.contact-choice--line{background:#06a846;color:#fff!important}
.contact-choice-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px}
.contact-choice-icon svg{display:block;width:40px;height:40px}
.contact-choice--kakao .contact-choice-icon{color:#30241f}
.contact-choice--wechat .contact-choice-icon{color:#07ad55}
.contact-choice--line .contact-choice-icon{color:#fff}
.contact-choice-copy{display:flex;flex-direction:column;gap:7px;min-width:0}
.contact-choice-copy strong{font:750 20px/1.25 var(--font-body);letter-spacing:-.025em;white-space:nowrap}
.contact-choice-action{display:block;font:550 14px/1.35 var(--font-body);letter-spacing:-.01em;color:inherit}
.contact-choice-arrow{position:absolute;right:12px;top:10px;font:500 18px/1 var(--font-body);opacity:.75}
.contact-choice:hover{transform:translateY(-3px);box-shadow:0 8px 20px #17292316}
.contact-choice:focus-visible,.contact-id-bar button:focus-visible{outline:3px solid #1b242a;outline-offset:4px}
.home-visit .home-directions .directions-block:has(.contact-choices) h3{font:750 26px/1.35 var(--font-body)!important;letter-spacing:-.035em;color:#171b1e;margin-bottom:8px}
.home-visit .home-directions .directions-block>p.booking-intro{font-size:16px!important;line-height:1.55;color:#4a535a;margin:0}
.visit-contact-id.contact-id-bar{margin-top:14px;padding:13px 14px;background:#ffffffa6;border:1px solid #d7e1e7;border-radius:8px;gap:12px;color:#3e484f;font:500 14px/1.4 var(--font-body)}
.contact-id-bar>span{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.contact-id-bar strong{font:700 17px/1.4 var(--font-body);color:#171b1e;margin:0;user-select:all}
.visit-contact-id.contact-id-bar button{flex-shrink:0;min-height:42px;padding:10px 14px;border:0;border-radius:6px;background:#252e34;color:white;font:650 14px/1.2 var(--font-body)}
.home-visit .contact-copy-status{font-size:14px!important;color:#285641!important}
.home-visit .visit-instagram{font-size:14px;color:#3e484f;margin-top:16px}
.academy-enquire .contact-choices{margin:24px auto 18px;max-width:620px}
.booking .contact-choices{margin-bottom:24px}
@media(max-width:420px){
 .contact-choices{grid-template-columns:1fr;gap:10px}
 .contact-choices .contact-choice{flex-direction:row;justify-content:flex-start;min-height:84px;padding:16px 20px;gap:17px;text-align:left}
 .contact-choice-copy{gap:5px}
 .contact-choice-copy strong{font-size:20px}
 .contact-choice-action{font-size:14px}
 .contact-choice-arrow{position:static;margin-left:auto;font-size:22px}
 .visit-contact-id.contact-id-bar{padding:12px;gap:8px}
 .contact-id-bar>span{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
 .contact-id-bar strong{font-size:17px}
}
@media(prefers-reduced-motion:reduce){.contact-choice{transition:none!important}.contact-choice:hover{transform:none}}

/* Four equal contact tiles, including the Instagram profile. */
.contact-choices.contact-choices--four{grid-template-columns:repeat(2,minmax(0,1fr))}
.contact-choice--instagram{background:#fff;border-color:#dedbe2!important}
@media(max-width:767px){
 .contact-choices.contact-choices--four{gap:10px}
 .contact-choices.contact-choices--four .contact-choice{flex-direction:column;align-items:center;justify-content:center;min-height:138px;padding:20px 8px 16px;gap:10px;text-align:center}
 .contact-choices.contact-choices--four .contact-choice-icon{width:34px;height:34px;flex-basis:34px}
 .contact-choices.contact-choices--four .contact-choice-icon svg{width:34px;height:34px}
 .contact-choices.contact-choices--four .contact-choice-copy{gap:5px}
 .contact-choices.contact-choices--four .contact-choice-copy strong{font-size:18px}
 .contact-choices.contact-choices--four .contact-choice-action{font-size:13px}
 .contact-choices.contact-choices--four .contact-choice-arrow{position:absolute;right:10px;top:9px;margin:0;font-size:16px}
}
