/* Mobile refinement; product captures and private-field masks are unchanged. */
.screenshot-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.screenshot-tools button{min-height:44px;padding:10px 16px;border:1px solid #bad0df;border-radius:8px;background:#eef6fc;color:#144e72;font-weight:600}
.screenshot-tools span{font-size:12px;line-height:1.5;color:#58758a}
.screenshot-viewport{overflow:auto;max-height:65svh;border:1px solid #dce5ec;border-radius:8px;background:#edf2f7;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
#screenDialog .screenshot-viewport img{display:block;width:100%;max-width:none;height:auto;max-height:none;margin:0}
#screenDialog .screenshot-viewport.is-zoomed img{width:var(--capture-width);min-width:100%}
#screenDialog .dialog-header{gap:12px}
#screenDialog #closeDialog{width:44px;height:44px;flex:0 0 44px}
@media(max-width:850px){
  .form-grid input,.form-grid select,.form-grid textarea{font-size:16px;min-height:48px;min-width:0}
  .header nav a{min-height:44px;display:flex;align-items:center}
  .header nav{gap:2px;padding:12px 18px}
  .tour-tabs button,.tour-navigation button,.portal-tabs button{min-height:44px}
  .tour-navigation button{min-width:44px}
  .team-detail .text-link{display:block;margin:14px 0 0!important;line-height:1.6}
}
@media(max-width:600px){
  .header{padding-inline:16px;gap:8px}
  .header .brand{gap:6px;min-width:0}
  .header .brand img{width:33px;height:38px}
  .header .brand span{font-size:11px;letter-spacing:.4px}
  .menu{min-width:44px;min-height:44px;padding:8px}
  .hero h1{font-size:clamp(43px,13.5vw,59px);letter-spacing:-2.5px}
  .hero-inner{padding-top:132px}
  .hero p{font-size:15px}
  .section-top>p,.tour-story>p,.tour-story li,.portal-copy p,.implementation p,.faq details p{font-size:14px}
  .screen-note,.tour-privacy{font-size:12px}
  .capture-foot{font-size:11px;line-height:1.6}
  .workspace-intro p{white-space:normal}
  .workspace-detail-heading h4{overflow-wrap:anywhere}
  .workspace-detail-heading>button{width:44px;height:44px}
  .portal-grid{grid-template-columns:minmax(0,1fr)}
  .portal-grid>*{min-width:0}
  .portal-copy h2{font-size:clamp(30px,8.5vw,36px)}
  .form-grid{grid-template-columns:minmax(0,1fr)}
  .form-grid label{grid-column:1/-1;font-size:13px;min-width:0}
  .form-grid input,.form-grid select,.form-grid textarea{font-size:16px;min-height:48px;min-width:0}
  .form-disclosure{font-size:12px}
  #screenDialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:94svh;margin:auto;padding:14px}
  #screenDialog .dialog-header{top:-14px}
  #screenDialog .dialog-header h3{font-size:17px;line-height:1.4}
  #screenDialog>p{font-size:12px}
  .screenshot-viewport{max-height:58svh}
}