/* Shared telephone option, alongside the established LINE action. */
.contact-actions{display:flex;align-items:stretch;justify-content:center;gap:16px;max-width:700px;margin:30px auto 0}
.contact-actions>.button,.contact-actions>.phone-contact{flex:1;min-width:0;max-width:none;width:auto;min-height:76px;margin:0}
.phone-contact{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 24px;border:1px solid #83afc4;border-radius:5px;background:#fff;color:#28566e;text-decoration:none;transition:background .2s,border-color .2s}
.phone-contact:hover,.mobile-phone:hover{background:#edf7fc;border-color:#28566e}
.phone-icon{flex-shrink:0;width:21px;height:21px}
.phone-contact-label{display:block;font-size:.875rem;line-height:1.6;letter-spacing:.04em}
.phone-contact-number{display:block;font-size:1.25rem;line-height:1.5;letter-spacing:.045em;font-variant-numeric:tabular-nums;white-space:nowrap}
.phone-contact:focus-visible,.mobile-phone:focus-visible{outline:3px solid #28566e;outline-offset:4px}
.practitioner-welcome-actions .phone-contact{margin:0;font-weight:400;letter-spacing:normal}
.contact .phone-availability-note,.practitioner-welcome .phone-availability-note{margin:18px auto 0;max-width:40em;text-align:center;font-size:.875rem;line-height:1.9;color:#4f6570;letter-spacing:.02em}
.phone-availability-note a{color:#28566e;text-decoration:underline;text-underline-offset:4px}
.phone-availability-note a:focus-visible{outline:3px solid #28566e;outline-offset:4px}
@media(max-width:700px){
  .mobile-phone-note{grid-column:1/-1;text-align:center;margin:0;color:#4f6570;font-size:.875rem;line-height:1.5;letter-spacing:0}
  body>footer{padding-bottom:calc(150px + env(safe-area-inset-bottom))}
  .contact-actions{flex-direction:column;max-width:380px;gap:12px;margin-top:26px}
  .contact-actions>.button,.contact-actions>.phone-contact{min-height:68px;padding:12px 16px}
  .mobile-cta.mobile-contact-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:8px;padding-left:12px;padding-right:12px}
  .mobile-contact-options .mobile-phone{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:49px;border:1px solid #83afc4;border-radius:5px;background:#fff;color:#28566e;font-size:.875rem;line-height:1.5;padding:8px 5px;text-decoration:none}
  .mobile-contact-options .button{min-width:0;width:100%;font-size:.875rem;letter-spacing:0;padding:10px 8px;gap:6px}
  .mobile-contact-options .button .chat,.mobile-contact-options .button>span:last-child{display:none}
  .mobile-contact-options .phone-icon{width:17px;height:17px}
}