#weichi-interactive-prototype .contact-direct { padding: 32px; border: 1px solid #dce3ed; border-radius: 12px; background: white; color: #142650; min-width: 0; }
#weichi-interactive-prototype .contact-direct h2 { margin: 0 0 12px; font-size: 28px; line-height: 1.4; }
#weichi-interactive-prototype .contact-direct-intro { margin: 0 0 24px; color: #52617a; line-height: 1.8; }
#weichi-interactive-prototype .contact-channel { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 24px 0; border-bottom: 1px solid #dce3ed; }
#weichi-interactive-prototype .contact-channel:first-of-type { padding-top: 0; }
#weichi-interactive-prototype .contact-channel h3 { font-size: 20px; margin: 0 0 6px; }
#weichi-interactive-prototype .contact-channel p { font-size: 15px; color: #52617a; margin: 0 0 8px; line-height: 1.7; }
#weichi-interactive-prototype .contact-channel div > span { font-size: 14px; color: #52617a; }
#weichi-interactive-prototype .contact-channel > a { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 12px; min-height: 46px; border-radius: 24px; padding: 10px 20px; background: #142650; color: white; font-size: 15px; font-weight: 600; text-decoration: none; }
#weichi-interactive-prototype .contact-channel > a:hover { background: #294a7b; }
#weichi-interactive-prototype .contact-channel-line > a { background: #087c3d; }
#weichi-interactive-prototype .contact-channel-line > a:hover { background: #056331; }
#weichi-interactive-prototype .contact-channel-value { color: #142650; font-size: 16px; text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
#weichi-interactive-prototype .contact-register-note { padding-top: 26px; }
#weichi-interactive-prototype .contact-register-note h3 { font-size: 18px; margin: 0 0 8px; }
#weichi-interactive-prototype .contact-register-note p { font-size: 14px; color: #52617a; line-height: 1.7; margin: 0 0 12px; }
#weichi-interactive-prototype .contact-register-note a { display: inline-block; padding-block: 8px; font-size: 16px; color: #234f91; font-weight: 600; text-decoration: underline; text-underline-offset: 5px; }
#weichi-interactive-prototype .contact-direct a:focus-visible { outline: 3px solid #497ac2; outline-offset: 4px; }
@media (max-width: 600px) {
  #weichi-interactive-prototype .contact-direct { padding: 24px 20px; }
  #weichi-interactive-prototype .contact-direct h2 { font-size: 24px; }
  #weichi-interactive-prototype .contact-channel { align-items: flex-start; flex-direction: column; gap: 14px; }
}

@media(max-width:900px){#weichi-interactive-prototype [data-view="contact"] .contact-layout{display:flex;flex-direction:column}#weichi-interactive-prototype .contact-direct{order:-1;width:100%}#weichi-interactive-prototype [data-view="contact"] .contact-card{width:100%}}