/* rangooo tap: every control is at least 44 x 44 px to touch. Where the visible shape should stay small,
   an invisible ::after grows the touch area instead of the drawing. */
.who-chip,.ott-sb,header.top .brand,.cc-pv,.cc-back,.cc-ib,.cc-mb,.kr-more,.cm-chip,.sh-share,.cc-canvas .fx3-mp{position:relative}
.who-chip::after,.ott-sb::after,header.top .brand::after,.cc-pv::after,.cc-back::after,.cc-ib::after,.cc-mb::after,.cm-chip::after,.sh-share::after,.cc-canvas .fx3-mp::after{content:"";position:absolute;inset:-4px;border-radius:inherit}
.kr-more::after{content:"";position:absolute;left:-6px;right:-6px;top:-10px;bottom:-10px}
.cc-sw::after{content:"";position:absolute;inset:-5px;border-radius:50%}
.cc-canvas .fx3-mp{position:absolute}
.sh-menu a{min-width:44px;justify-content:center}
.sf-brand a{display:inline-flex;align-items:center;min-height:44px}
nav.crumb a{display:inline-block;padding:12px 0;margin:-12px 0;min-width:24px}
.pt-sw button{min-width:44px;min-height:44px}
.pt-top .pt-back{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;margin-left:-6px}
@media (max-width:860px){
  .pt-dock .pt-b,.pt-sheet .pt-b,.pt-zrow .pt-b{min-height:44px}
  .pt-r2 .pt-sw button,.pt-r2 input[type=color]{width:40px;height:40px;position:relative}
  .pt-r2 .pt-sw button::after{content:"";position:absolute;inset:-4px;border-radius:50%}
}
.gseg label{min-height:44px}
.namerow-form label{min-height:44px;display:flex;align-items:center}
/* hero progress dots: a thin bar to see, a tall strip to touch */
.st-rail .st-dot{height:24px!important;background:none!important;overflow:visible!important}
.st-rail .st-dot::before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:4px;background:rgba(22,32,44,.18)}
.st-rail .st-dot::after{content:"";position:absolute;left:-2px;right:-2px;top:-10px;bottom:-10px}
.st-rail .st-dot i{top:50%!important;bottom:auto!important;height:4px;margin-top:-2px;overflow:hidden}
@media (max-width:700px){.st-rail .st-dot::before,.st-rail .st-dot i{height:3px;margin-top:-1.5px}}
html[data-night="1"] .st-rail .st-dot::before{background:rgba(255,255,255,.2)}
.pt-zrow .pt-b{min-width:44px}
.nb-namebox input,.exbar .btn,.ot-about .ot-link{min-height:44px}
.gseg label{display:inline-flex;align-items:center;justify-content:center}
.cm-chip::after,.who-chip::after{inset:-6px}