/* Homepage presentation only. Original widget scripts, data and chart styles are unchanged. */
#app{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:#fff}
#app .asset-nav{height:44px;padding:0;gap:12px;border-bottom:1px solid #e3e8ee}
#app .asset-nav button{margin:0;padding:7px 8px;min-width:0;border-radius:0;background:transparent;font:600 13px/1.25 Inter,sans-serif;color:#505b66}
#app .asset-nav button:hover{background:#f6f8fa;color:#1f5b9e}
#app .asset-nav button.active{background:transparent;color:#1f5b9e;border-bottom-color:#1f5b9e}
#app .asset-nav button.active .asset-tab-icon{background:var(--asset-tint);color:var(--asset-accent);box-shadow:none}
#app .asset-tab-icon{border-radius:5px}
#app .header{height:50px;min-height:50px;padding:0;gap:12px}
#app .header .product-name{font:700 12px/1.25 Inter,sans-serif}
#app .search-total{font:400 9px/1.3 'Public Sans',sans-serif}
#app .header .search-control{height:36px;border-color:#cbd5df;border-radius:4px;box-shadow:none}
#app .header .search-wrap input,#app .header .search-wrap input:focus{font:400 12px/1.4 'Public Sans',sans-serif}
#app .header .search-control:focus-within{border-color:#1f5b9e;box-shadow:0 0 0 2px #1f5b9e15}
#app .header #check-price{border-radius:3px}
#app .subnav{height:55px;min-height:55px;padding:3px 0;background:#fff}
#app #view-nav{gap:4px}
#app #view-nav>button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;padding:6px 8px}
#app #view-nav>button b{font-size:12px}
#app #view-nav>button small{font-size:9px;margin-top:4px;color:#65717c}
#app #view-nav>button:hover{background:#f6f8fa}
#app #view-nav>button.active{background:#f5f8fc;color:#1f5b9e;border-bottom-color:#1f5b9e;box-shadow:none}
#app .footer{padding-left:0;padding-right:0;border-top:1px solid #e3e8ee}
#app .footer .footer-brand{display:none}
#app .footer #storage-note{margin-left:0;font-size:10px}
#app .footer #source-button{font-size:10px}
@container market (max-width:620px){
 #app .asset-nav{height:46px;gap:3px}
 #app .asset-nav button{font-size:10px;padding:3px 2px;gap:2px}
 #app .header{gap:7px}
 #app .header .product{max-width:72px}
 #app .header .product-name{font-size:10px}
 #app .search-total{font-size:8px}
 #app .header .search-wrap input,#app .header .search-wrap input:focus{font-size:11px}
 #app .subnav{height:48px;min-height:48px;padding:3px 0}
 #app #view-nav>button{padding:4px 2px;gap:3px}
 #app #view-nav>button b{font-size:9px}
 #app .footer #storage-note,#app .footer #source-button{font-size:9px}
}
@media(max-width:540px){#app{border-radius:0}}
/* Let the homepage scroll; retain the original bounded expanded view. */
body:not(.expanded) #app{height:auto;min-height:560px;overflow:visible}
body:not(.expanded) #app #workspace{flex:0 0 auto;height:auto;max-height:none;overflow:visible;overscroll-behavior:auto}
body:not(.expanded) #app #workspace>.view-enter{flex:0 0 auto;height:auto}
@media(max-width:540px){body:not(.expanded) #app{min-height:590px}}