/* Contact page, October 2026 (Edison K1 to K5): route people from the first screen, send new
   clients to booking, give members clear ways back in, and say which address handles what. */

/* K1 / K5: four routes in the first screen. */
.contact-page .ct-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:620px;margin-top:28px}
.contact-page .ct-routes a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:11px 20px;border:1px solid rgba(105,66,126,.7);border-radius:999px;background:rgba(255,253,250,.65);color:#45294f;font-size:15px;font-weight:500;line-height:1.3;white-space:nowrap;transition:background .2s,border-color .2s}
.contact-page .ct-routes svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:translate .2s var(--ox-ease)}
@media(hover:hover) and (pointer:fine){.contact-page .ct-routes a:hover{border-color:#69427e;background:#fffdfa}.contact-page .ct-routes a:hover svg{translate:3px 0}}
.contact-page .ct-emails{max-width:52ch;margin-top:18px;font-size:15px;line-height:1.7;color:#4d4550}
.contact-page .ct-emails a{color:#5a3870;text-decoration:underline;text-decoration-color:#b9a0c4;text-underline-offset:4px}
.contact-page .contact-intro .script{margin-top:22px;text-wrap:balance}
.contact-page .nw{white-space:nowrap}
.contact-page .contact-ways>.wrap{max-width:1180px}
/* Gold stays with booking on this page; the header's free-Thursday link is the plum outline. */
.contact-page #nav .nrow>.ct-header-link{border-color:rgba(105,66,126,.7);color:#3f2850}
@media(hover:hover){.contact-page #nav .nrow>.ct-header-link:hover{background:#f3ebf3}}

/* K2: booking first; the gold button belongs to booking only. */
.contact-page .contact-intent .btn{font-size:12px}
.contact-page .contact-intent .btn.btn-main{min-width:260px;font-size:15px}
.contact-page .contact-intent .intent-detail{font-size:16px}
.contact-page .contact-intent .text-link{font-size:15px}
.contact-page .contact-intent .btn-out{border-color:rgba(105,66,126,.7);color:#3f2850}

/* K3: members find their way back in with one tap. */
.contact-page .ct-member-actions{display:grid;gap:12px}
.contact-page .ct-member-action .btn{width:100%;min-height:52px;justify-content:space-between;padding-inline:22px;border-color:rgba(105,66,126,.7);color:#3f2850;font-size:15px;font-weight:600;letter-spacing:0;text-transform:none}
.contact-page .ct-member-action p{margin:8px 0 0;font-size:14px;line-height:1.6;color:#4d4550}
.contact-page .ct-member-action p a,.contact-page .ct-member-help a{color:#5a3870;text-decoration:underline;text-decoration-color:#b9a0c4;text-underline-offset:4px}
.contact-page .ct-member-help{margin-top:4px;font-size:14px;color:#4d4550}

@media(min-width:700px) and (max-width:1179px){.contact-page .ct-routes{grid-template-columns:1fr;max-width:420px}}
@media(max-width:699px){
 .contact-page .contact-intro h1{font-size:44px}
 .contact-page .ct-routes{grid-template-columns:1fr;gap:10px;margin-top:22px;max-width:none}
 .contact-page .ct-routes a{min-height:52px;font-size:15px}
 .contact-page .contact-intro figure img{aspect-ratio:3/2}
 .contact-page .contact-intent .actions .btn{width:100%}
 .contact-page .ct-member-action .btn{padding-inline:18px}
 .contact-page .ct-member-action p{font-size:15px}
}
@media(max-width:389px){
 .contact-page .ct-member-action .btn{padding-inline:16px;font-size:14px}
}