/* ---------- phones and portrait tablets ---------- */
body.sm .page.sm-scroll{overflow-y:auto!important;overflow-x:hidden;justify-content:flex-start!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--ftr) + 40px)!important;scrollbar-width:none}
body.sm .page.sm-scroll::-webkit-scrollbar{display:none}
body.sm .page.sm-scroll>*{flex:none}
body.sm #p1{align-content:start}
body.sm *{min-width:0}
/* onboarding: one readable list on phones */
@media(max-width:620px){
body.sm .obx-rail{grid-template-columns:1fr;gap:10px}
body.sm .obx-c p,body.sm .obx-e{display:flex}body.sm .obx-c p{display:block;font-size:13.5px}
body.sm .obx-sub{display:block}
body.sm .obx-c{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;row-gap:4px;padding:14px}
body.sm .obx-ic{grid-row:1/span 4;align-self:start}
body.sm .obx-24{top:12px;right:12px}
}
/* footer */
body.sm #pFoot{overflow-y:auto!important}
body.sm .sf{height:auto;min-height:100%}
body.sm .sf-hh h2{white-space:normal}
@media(max-width:560px){
body.sm .sf-scs{grid-template-columns:1fr}
body.sm .sf-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
body.sm .sf-base{flex-wrap:wrap;padding-right:0}body.sm .sf-base>*{white-space:normal}
body.sm .sf-col a{white-space:normal}
}
/* two ways in: tighter halves on phones */
@media(max-width:760px){
.half{padding:calc(var(--bar) + 6px) 22px 12px}
.ghost{display:none}
}

@media(max-width:760px){.split .gfx{display:none!important}.split .hin{gap:10px}}
@media(max-height:860px),(max-width:1100px) and (orientation:portrait){.orq{display:none}}
@media(max-height:860px) and (min-width:901px){#pFoot .sf-word{display:none}#pFoot .sf{height:auto;grid-template-rows:auto auto;gap:min(24px,3vh)}#pFoot .sf-help{align-self:start}}

/* tablets (1001-1366 wide, touch): step 03 title may wrap; legal pages scroll */
body.sm #p1 .vg-st[data-s="3"] .hg-t1{white-space:normal}
body.sm #pPriv,body.sm #pTerms{overflow-y:auto!important;overscroll-behavior:contain}