/* Mobile ETF presentation only; holdings, playback and watchlist logic are unchanged. */
html[data-etf-mobile="1"] body{min-width:0;margin:0;font-size:14px}
html[data-etf-mobile="1"] body[data-page] aside.site-sidebar.jsos-unified-sidebar{display:none!important}
html[data-etf-mobile="1"] body[data-page] .shell{display:block!important;grid-template-columns:none!important;margin:0!important;width:100%!important;max-width:none;min-height:0}
html[data-etf-mobile="1"] body[data-page] main{margin:0 auto!important;padding:16px 12px!important;width:100%;max-width:960px;min-width:0}
html[data-etf-mobile="1"] #etfMobileNav{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 12px;background:#0f1a2e;border-bottom:1px solid #34435c}
#etfMobileNav a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 10px;border:1px solid #435777;border-radius:8px;text-decoration:none;font-size:13px;white-space:nowrap}
#etfMobileNav a[aria-current="page"]{background:#335b9b;color:#fff;border-color:#6b93d3}
html[data-etf-mobile="1"] #etfMobileExportHelp{margin:8px 12px;border:1px solid #34435c;border-radius:8px;padding:0 10px;font-size:12px}
html[data-etf-mobile="1"] #etfMobileExportHelp summary{min-height:40px;padding:10px 0;color:#edc681}
html[data-etf-mobile="1"] #etfMobileExportHelp p{margin:0 0 10px;font-size:12px;line-height:1.8}
html[data-etf-mobile="1"] #player:not(.replaying) #mobileEtfCapture,html[data-etf-mobile="1"] #player:not(.replaying) #mobileEtfCaptureStamp{display:none}
html[data-etf-mobile="1"] #mobileEtfCapture{border-color:#edc681;color:#edc681;min-height:42px}
html[data-etf-mobile="1"] #mobileEtfCaptureStamp{font-size:11px;line-height:1.5;color:#edc681;margin:4px 10px;overflow-wrap:anywhere;grid-column:1/-1}
html[data-etf-mobile="1"] #player.replaying{display:block!important;padding-top:max(6px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}
html[data-etf-mobile="1"] #player.replaying .fund-day-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
html[data-etf-mobile="1"] #player.replaying .play-controls{display:flex;flex-wrap:wrap;width:100%;gap:8px}
html[data-etf-mobile="1"] #player.replaying .play-controls button{flex:1 1 calc(50% - 8px)!important;min-width:0;min-height:44px;white-space:nowrap;font-size:13px;padding:8px}
html[data-etf-mobile="1"] #player.replaying #playStatus{display:none}
html[data-etf-mobile="1"] body[data-page] header{position:static!important;height:auto!important;min-height:58px;display:flex;flex-wrap:wrap;padding:10px 12px!important;gap:10px}
html[data-etf-mobile="1"] header .brand{font-size:20px;letter-spacing:1px}
html[data-etf-mobile="1"] header .brand small,html[data-etf-mobile="1"] header .build-version{display:none}
html[data-etf-mobile="1"] header .header-user{position:static!important;transform:none!important;margin:0 0 0 auto;max-width:65%;flex-wrap:wrap;justify-content:flex-end;gap:4px}
html[data-etf-mobile="1"] header .header-user #userLabel{max-width:155px;font-size:12px!important;overflow:hidden;text-overflow:ellipsis}
html[data-etf-mobile="1"] header .right{width:100%;margin:0;display:flex;justify-content:space-between;align-items:center;gap:8px}
html[data-etf-mobile="1"] header .right button{font-size:13px;min-height:42px}
html[data-etf-mobile="1"] body[data-page=overview] #stocks.stock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:9px;overflow:visible}
html[data-etf-mobile="1"] body[data-page=overview] .stock{width:100%;min-width:0;margin:0;padding:12px 10px;flex-basis:auto}
html[data-etf-mobile="1"] .overview-heading{display:block}
html[data-etf-mobile="1"] .overview-heading .grid-actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
html[data-etf-mobile="1"] .grid-actions>span{font-size:11px;color:var(--muted)}
html[data-etf-mobile="1"] body[data-page] .content{display:block!important}
html[data-etf-mobile="1"] .content>.card{margin-bottom:14px}
html[data-etf-mobile="1"] .query-picker{position:static!important;width:auto!important;height:auto!important;padding:12px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}
html[data-etf-mobile="1"] .query-picker #stocks{display:flex;overflow-x:auto;gap:8px;margin-top:10px}
html[data-etf-mobile="1"] .query-picker .stock{flex:0 0 145px;margin:0}
html[data-etf-mobile="1"] .query-stock-head{gap:12px;flex-wrap:wrap}
html[data-etf-mobile="1"] .query-stock-head .stock-identity{flex-basis:100%}
html[data-etf-mobile="1"] .query-stock-head h2{font-size:25px}
html[data-etf-mobile="1"] .query-stock-head .quote-item{min-width:75px}
html[data-etf-mobile="1"] .metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
html[data-etf-mobile="1"] .metric{padding:10px 8px;min-width:0;overflow-wrap:anywhere}
html[data-etf-mobile="1"] .metric strong{font-size:19px}
html[data-etf-mobile="1"] .events{display:block;max-height:none}
html[data-etf-mobile="1"] .query-toolbar{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:12px!important}
html[data-etf-mobile="1"] .query-toolbar #interval{margin-left:0!important;flex-wrap:wrap}
html[data-etf-mobile="1"] .play-controls{flex-wrap:wrap;gap:8px}
html[data-etf-mobile="1"] .query-date-fields{flex-wrap:wrap}
html[data-etf-mobile="1"] .fund-detail-scroll{max-width:100%;overflow:auto}
html[data-etf-mobile="1"] #stockCard,html[data-etf-mobile="1"] #fundDetail{max-width:calc(100vw - 20px);box-sizing:border-box}
html[data-etf-mobile="1"] .stock-card-heading{gap:8px}
html[data-etf-mobile="1"] .stock-card-heading h2{font-size:23px}
/* Top-layer screenshot view avoids clipping and containing blocks in the page. */
#etfMobileCaptureView{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100%;height:100dvh;max-height:none;box-sizing:border-box;border:0;border-radius:0;background:#0e192a;color:#ecf0f8;overflow:auto;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));font:14px system-ui,-apple-system,sans-serif}
#etfMobileCaptureView::backdrop,#etfMobileSave::backdrop{background:#050c19d9}
#etfMobileCaptureView .etf-capture-bar{display:flex;justify-content:space-between;align-items:center;gap:8px}
#etfMobileCaptureView .etf-capture-bar strong{font-size:16px;overflow-wrap:anywhere}
#etfMobileCaptureView .etf-capture-bar button{flex-shrink:0;min-height:44px}
#etfMobileCaptureView .etf-capture-member,#etfMobileCaptureView .etf-capture-hint{font-size:11px;color:#edc681;margin:6px 0;overflow-wrap:anywhere}
#etfMobileCaptureView [data-capture-source=chart]{height:clamp(180px,40dvh,500px);width:100%;display:block}
#etfMobileCaptureView [data-capture-source=volume]{height:45px;width:100%;display:block}
#etfMobileCaptureView [data-capture-source=fundFlowChart]{height:90px;width:100%;display:block}
#etfMobileCaptureView [data-capture-source=chartInfo],#etfMobileCaptureView [data-capture-source=fundFlowInfo]{font-size:11px;margin:6px 0;min-height:0;color:#9aaac0}
#etfMobileCaptureView [data-capture-source=fundDayRows]{max-height:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#etfMobileSave{position:fixed;inset:0;margin:auto;width:min(94vw,480px);max-height:85dvh;overflow:auto;border:1px solid #edc681;border-radius:12px;padding:20px;background:#111c2e;color:#ecf0f8;font:14px system-ui,-apple-system,sans-serif}
#etfMobileSave h2{font-size:20px}#etfMobileSave p{overflow-wrap:anywhere;line-height:1.7}#etfMobileSave button{min-height:44px;margin:5px 6px 5px 0}
/* The legacy query page hides this toolbar with an !important rule. Mobile needs a visible entry. */
html[data-etf-mobile="1"] body[data-page="query"] #player:not(.replaying)>.query-toolbar{display:flex!important}