/* A touch page has one vertical scroll owner: the document, not each card.
   Also covers phones requesting the wider desktop viewport. */
.price-condition-explanation{grid-column:1/-1;font-size:13px;line-height:1.65;color:var(--p-muted);margin:0;padding:8px 0;border-top:1px solid var(--p-line)}
@media (max-width:1040px), (hover:none) and (pointer:coarse) {
 html:has(body.research-app.compact-desk){height:auto;overflow-x:clip;overflow-y:auto;overscroll-behavior-y:auto}
 body.research-app.compact-desk[data-studio-view=research]{height:auto!important;min-height:100dvh;max-height:none!important;overflow-x:clip!important;overflow-y:visible!important;display:block;touch-action:auto}
 body.research-app.compact-desk[data-studio-view=research] :is(.desk-shell,#research-view,.desk-workspace,.research-focus,.desk-stock-workspace,.desk-focus-layout,.desk-panel-stack,.desk-pane,.reader-body,.desk-opinion){height:auto!important;max-height:none!important;min-height:0;overflow:visible!important;overscroll-behavior:auto!important;touch-action:auto}
 body.research-app.compact-desk[data-studio-view=research] .theater-progress .theater-board{height:auto!important;max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important}
 body.research-app.compact-desk[data-studio-view=research] .theater-progress .theater-col-body{height:auto!important;max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important}
 body.research-app.compact-desk .desk-footer{position:static!important}
 body.research-app.compact-desk .brief-list{overscroll-behavior-y:auto}
}