/* Adopted hero placement. The phone number is selectable text, not an action. */
.demo-hero-actions{width:clamp(320px,42vw,560px);max-width:100%;flex:0 0 auto}
.demo-hero-call{display:block;padding:20px 0 22px;border-top:1px solid #ffffff80;border-bottom:1px solid #ffffff50}
.demo-call-label{display:flex;align-items:center;gap:10px;font-size:14px;color:#e0e0e0}
.demo-call-label .demo-phone-icon{width:20px;height:20px;flex-shrink:0;fill:currentColor;stroke:none}
.demo-call-number{display:block;color:inherit;text-decoration:none;margin-top:14px;font-size:clamp(34px,4vw,56px);line-height:1.2;letter-spacing:-.035em;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums;user-select:text;cursor:text}
.signal-page .signal-button,.signal-dialog .signal-button,.signal-page .signal-closing-button{justify-content:center;gap:0;min-width:180px;border-radius:8px}
.signal-header .actions .btn,.signal-header .signal-menu-actions .btn{justify-content:center;gap:0}
.signal-page .signal-button-white:is(:hover,:focus-visible),.signal-dialog .signal-button-white:is(:hover,:focus-visible){background:#cfcfcf;border-color:#cfcfcf;color:#050505}
.signal-page .signal-button-line:is(:hover,:focus-visible){background:#151515;color:#fff;border-color:#151515}
.signal-page .signal-text-link{color:#c5c5c5;border-bottom-color:#ffffff60!important;transition:color .2s ease-out,border-color .2s ease-out}
.signal-page .signal-text-link:is(:hover,:focus-visible){color:#fff;border-bottom-color:#fff!important}
.signal-header .nav-drop .drop a:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.signal-header .signal-menu-links a:is(:hover,:focus-visible){background:#ffffff0d;color:#fff}
@media(max-width:760px){
  .demo-hero .signal-hero{min-height:760px;max-height:1050px}
  .demo-hero-actions{margin-top:25px;width:100%;max-width:560px}
  .demo-hero-call{padding:16px 0 18px}
  .demo-call-label{font-size:13px}
  .demo-call-number{font-size:clamp(28px,8.9vw,46px);margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.signal-page a,.signal-page button{transition:none!important}}
/* デモ番号は電話リンク（T-0481）。スマホはタップで電話アプリへ。マウスの端末では従来どおり選択できる文字として扱う */
@media (hover:hover) and (pointer:fine){.demo-call-number{pointer-events:none}}
.demo-call-number:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}