/* Parent contact: the same SINGUL identity, with one clear phone action per location. */
.page-contact .singul-brand{display:inline-flex;align-items:center;min-height:64px;max-width:100%}
.page-contact .singul-brand img{width:clamp(220px,61vw,240px);max-width:100%;height:auto}
.contact-main{width:min(100%,560px);margin:0 auto;padding:48px 24px calc(40px + env(safe-area-inset-bottom,0px))}
.contact-main h1{font-size:28px;font-weight:500}
.contact-intro{margin:14px 0 28px;font-size:16px;line-height:1.8}
.contact-list{display:grid;gap:12px}
.contact-card{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:106px;padding:18px 20px;border:1px solid var(--singul-rule);border-radius:4px;background:var(--singul-hi);color:var(--singul-fg);text-decoration:none;transition:border-color .2s ease,background-color .2s ease,transform .2s var(--ease-out);-webkit-tap-highlight-color:transparent}
.contact-card:hover{border-color:var(--singul-accent);text-decoration:none}
.contact-card:active{transform:scale(.985)}
.contact-info{display:grid;gap:4px;min-width:0}
.contact-info strong{font-size:19px;font-weight:500;letter-spacing:.05em}
.contact-phone{font-size:17px;line-height:1.6;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--singul-body)}
.contact-action{display:flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:44px;color:var(--singul-accent);font-size:14px;font-weight:500;white-space:nowrap}
.contact-action svg{width:21px;height:21px;flex:none}
@media(max-width:959px){.contact-main{padding-top:30px}.page-contact .site-nav{max-height:calc(100dvh - var(--topbar-h));overflow-y:auto}}
@media(max-width:360px){.contact-main{padding-left:18px;padding-right:18px}.contact-card{padding:16px;gap:10px}.contact-action{flex-direction:column;gap:2px}.contact-intro{font-size:15px}}