/* Clarity V10.5 — shared mobile/PWA polish */
:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:96px;background:#0a0a0f}
body{width:100%;max-width:100%;overflow-x:hidden;min-height:100svh;padding-left:var(--safe-left);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom)}
img,svg,video,canvas{max-width:100%;height:auto}
button,a,input,textarea,select{touch-action:manipulation}
input,textarea,select{max-width:100%}
button,a{ -webkit-tap-highlight-color:transparent }
@media(max-width:760px){
  html{scroll-padding-top:80px}
  body{font-size:16px}
  main,.wrap,.shell{max-width:100%!important}
  main{padding-left:18px!important;padding-right:18px!important}
  .hero{padding-left:0!important;padding-right:0!important;gap:22px!important}
  h1{overflow-wrap:anywhere}
  p,.lead,.sub,.small{overflow-wrap:anywhere}
  input,textarea,select{font-size:16px!important}
  textarea{min-height:150px}
  button,.btn,.primary,.actionbtn,.runbtn,.cta{min-height:48px}
  .grid,.layout,.row,.form-grid,.meeting-columns,.change-grid,.included{min-width:0}
  .card,.panel,.result,.hero-note,.contact,.boundary{min-width:0;max-width:100%}
  .resulthead{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important}
  .resulthead .cta{width:100%!important;justify-content:center!important;text-align:center!important}
  .result h2{font-size:clamp(2rem,10vw,2.8rem)!important}
  .resulttext{font-size:1rem!important;line-height:1.7!important;overflow-wrap:anywhere}
  .savehint{align-items:stretch!important}
  .savehint .cta{width:100%!important;justify-content:center!important;text-align:center!important}
  .pills{gap:8px!important}.pill{min-height:44px;padding:10px 13px!important}
  .run{display:block!important}.run .trust{margin-bottom:16px}.runbtn{width:100%!important;justify-content:center!important}
  .cs-mobile a,.cs-mobile button{min-height:44px;display:flex!important;align-items:center}
}
@media(max-width:390px){
  main{padding-left:15px!important;padding-right:15px!important}
  .card,.panel,.result{padding-left:17px!important;padding-right:17px!important}
}
@media(display-mode:standalone){body{overscroll-behavior-y:none}}