/* 랜딩 폰·터치 덮어쓰기 — surf-landing-v2.css(시안 추출본) 뒤에 로드한다. 추출본을 다시 만들어도 남도록 손으로 고친 규칙은 여기에만.
   히어로: 스크롤 연출(230svh sticky) 대신 한 화면 + 입력칸 상시 노출 + 채널 버튼. 조건은 surf-landing-v2.js 히어로 분기와 같다 */
.sl .chs{display:none}
@media (max-width: 760px), (pointer: coarse){
  .sl #hero{height:auto}
  .sl #hero .sticky{position:relative;height:auto;min-height:100svh}
  .sl #hero .after{opacity:1;transform:none;pointer-events:auto}
  .sl .chs{display:flex;flex-wrap:wrap;gap:8px}
  .sl .chs button{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
  .sl .chs button[aria-pressed="true"]{background:#fff;border-color:#fff;color:var(--ch,#2455d6)}
}
@media (max-width: 760px){
  .sl .chs{gap:6px}
  .sl .chs button{padding:0 10px;font-size:13px}
}
/* iOS 는 16px 미만 입력칸에 포커스하면 화면을 확대한다(10-08 오너 "무료진단 입력하려면 확대") — 추출본의 모바일 15px 를 16px 로 */
@media (max-width: 760px), (pointer: coarse){
  .sl #hero .ask input,.sl .close .ask input{font-size:16px}
}