/* Compact homepage presentation. Original application and provider sizing remain intact. */
:root{--ink:#2A2A2A;--body:#505B66;--blue:#1F5B9E;--orange:#FF5B26;--border:#E4E8EC;--soft:#FAFBFC;--green:#198754;--red:#C53945;--muted:#6B7580}
body{background:#fff;color:#2A2A2A;font-family:'Public Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
#app h1,#app h2,#app h3,#app button,#app .product-name{font-family:Inter,Arial,sans-serif}
#app .asset-nav{height:44px;min-height:44px;gap:8px;padding:0}
#app .asset-nav button[data-type]{flex:1;justify-content:center;color:#505B66;background:transparent;border-radius:0;border-bottom:2px solid transparent;box-shadow:none;font-size:12px;cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}
#app .asset-nav button[data-type].active{background:#FAFBFC;color:#2A2A2A;border-bottom-color:#A85624;box-shadow:none}
#app .asset-nav button[data-type]:is(:hover,:focus-visible){background:var(--asset-tint);color:var(--asset-accent);border-bottom-color:var(--asset-accent);box-shadow:inset 0 -1px 0 var(--asset-accent)}
#app .asset-nav button[data-type]:focus-visible{outline:2px solid var(--asset-accent);outline-offset:-3px}
#app .asset-nav button[data-type="stocks"]{--asset-accent:#1F5B9E;--asset-tint:#EEF4FA}
#app .asset-nav button[data-type="etfs"]{--asset-accent:#7853B5;--asset-tint:#F3EDFC}
#app .asset-nav button[data-type="crypto"]{--asset-accent:#C96C15;--asset-tint:#FFF0E1}
#app .asset-nav button[data-type="forex"]{--asset-accent:#187D76;--asset-tint:#E9F6F2}
#app .asset-nav button[data-type="commodities"]{--asset-accent:#A76A10;--asset-tint:#FFF4D9}
#app .asset-tab-icon{background:var(--asset-tint);color:var(--asset-accent);border-radius:4px;box-shadow:none;transition:background-color .16s ease,color .16s ease}
#app .asset-nav button.active .asset-tab-icon{background:var(--asset-tint);color:var(--asset-accent);box-shadow:none}
#app .asset-nav button[data-type]:is(:hover,:focus-visible) .asset-tab-icon{background:var(--asset-accent);color:#fff}
#app .header .search-control{border-color:#D3D9DF;border-radius:4px;background:#fff;box-shadow:none}
#app .header .search-control:focus-within{border-color:#6B7580;box-shadow:0 0 0 2px #2A2A2A0A}
#app .header #check-price{background:#1F5B9E;border-color:#1F5B9E;color:#fff;border-radius:3px}
#app .header #check-price:hover{background:#174C83;border-color:#174C83}
#app .header-actions .quiet,#app .header-actions .icon-button{color:#505B66}
#app #view-nav>button{color:#505B66;border-radius:3px 3px 0 0}
#app #view-nav>button.active{background:#FAFBFC;color:#2A2A2A;border-bottom-color:#A85624;box-shadow:none}
#app #view-nav>button:hover{background:#F6F7F8}
#app #view-nav>button.active>.icon{color:#2A2A2A}
#app .visible-statistics-heading{background:#FAFBFC;border-bottom:1px solid #E4E8EC}
#app .visible-statistics-heading.has-equity-overview{padding:2px 6px 3px}
#app .statistics-primary{background:#FAFBFC;color:#404B57;border-color:#DCE1E6;border-radius:3px}
#app .us-quick button strong{color:#404B57}
#app .quick-instrument-actions .icon-button{border-color:#E4E8EC;color:#505B66;border-radius:3px}
#app .range-controls button.active,#app .meter-intervals button.active{background:#F0F2F4;color:#2A2A2A}
#app .panel{border-color:#E4E8EC;border-radius:5px;box-shadow:none}
#app .market-table th{background:#FAFBFC;color:#6B7580}
#app .footer{background:#fff;color:#6B7580}
@container market (max-width:620px){#app .asset-nav{height:46px;min-height:46px;gap:3px}#app .asset-nav button[data-type]{font-size:10px}}
@media(prefers-reduced-motion:reduce){#app .asset-nav button[data-type],#app .asset-tab-icon{transition:none}}

/* Market Explorer readability — typography and spacing only, 25 October 2026.
   Provider charts, gauges, scripts, sources and saved-list data are untouched. */
#app{font-size:14px;line-height:1.45}
#app .asset-nav{height:auto;min-height:48px}
#app .asset-nav button[data-type]{font-size:14px;line-height:1.4;padding:9px 10px}
#app .header{height:auto;min-height:64px;padding:10px 0;gap:12px;flex-wrap:nowrap}
#app .header .product{max-width:none;min-width:0;gap:3px}
#app .header .product-name{font-size:14px;line-height:1.4}
#app .search-total{font-size:12px;line-height:1.4}
#app .header .search-wrap{flex:1 1 280px;min-width:0;max-width:none;margin:0;position:relative}
#app .header .search-control{height:44px;gap:4px}
#app .header .search-wrap input,#app .header .search-wrap input:focus{font-size:16px;line-height:1.4;height:36px;min-width:0;flex:1 1 0;width:0}
#app .header #check-price{font-size:14px;line-height:1.4;height:auto;min-height:34px;width:auto;min-width:110px;padding:6px 10px;flex:none;white-space:nowrap}
#app .header .search-results,body.expanded #app .header .search-results{top:calc(100% + 5px);left:0;right:0;width:auto;min-width:0;max-height:320px}
#app .search-result .search-title b{font-size:14px;line-height:1.4}
#app :is(.search-result .search-title,.search-category,.search-category small,.search-heading,.search-coverage-note){font-size:12px;line-height:1.45}
#app :is(.search-more,.search-empty,.search-external){font-size:14px;line-height:1.45}
#app .search-result{gap:10px;padding:10px}
#app .subnav{height:auto;min-height:50px;padding:4px 0;flex:none}
#app #view-nav{display:flex;flex-wrap:nowrap;gap:6px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
#app #view-nav>button{flex:1 0 auto;min-height:42px;padding:8px;gap:7px;flex-direction:row;justify-content:flex-start;text-align:left}
#app #view-nav>button b{font-size:14px;line-height:1.35;white-space:nowrap}
#app #view-nav>button>.icon{width:16px;height:16px;flex:none}
#app #view-nav>button .section-tab-copy>small{display:none}
#app #view-nav .section-full-label{display:inline}
#app #view-nav .section-short-label{display:none}
#app #workspace :is(.summary-facts dt,.performance-grid span,.asset-meta p,.price-label,.quote-change small,.quote-currency,.research-context p,.section-caption,.section-footnote,.news-context,.news-state,.asset-headline time,.news-source-links,.table-source-note,.row-source,.asset-quote-table td small,.research-source-credit,.asset-facts-note p,.calc-intro,.calc-explainer,.calc-output .label,.result-caption,.info-copy,.technical-table-heading>span,.indicator-table th,.market-table th,.field,.table-note,.table-meta){font-size:12px;line-height:1.5}
#app #workspace :is(.summary-facts dd,.performance-grid b,.indicator-table td,.asset-quote-table td,.quote-row-name b,.market-table td,.market-table .company b,.asset-headline a,.research-accordion>summary,.statistics-primary,.asset-research-links,.asset-research-links button,.tool-menu button,.field input,.field select,.calculator-form input,.calculator-form select,.calc-submit button,.comparison-legend){font-size:14px;line-height:1.45}
#app #workspace :is(.summary-facts dd,.equity-overview-values dd){font-size:15px;line-height:1.4}
#app #workspace :is(.summary-facts dd,.summary-facts dt){white-space:normal;overflow-wrap:anywhere}
#app #workspace .summary-facts{height:auto;min-height:0;gap:12px 0;padding-top:10px;padding-bottom:10px}
#app #workspace .summary-facts>div{min-width:0;padding:0 10px}
#app #workspace .summary-facts dt{margin-bottom:4px}
#app #workspace .performance-grid{gap:10px 8px}
#app #workspace :is(.indicator-table td,.indicator-table th,.asset-quote-table td,.asset-quote-table th){height:auto;padding:9px 8px}
#app #workspace .asset-quote-table th{font-size:12px;line-height:1.5}
#app #workspace :is(.research-context,.visible-statistics-heading){height:auto;min-height:0;gap:10px}
#app #workspace .visible-statistics-heading.has-equity-overview{grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px 12px;padding:8px}
#app #workspace .has-equity-overview .equity-overview-values{gap:10px 20px;flex-wrap:wrap}
#app #workspace .equity-overview-values>div{display:grid;gap:3px;white-space:normal}
#app #workspace .equity-overview-values dt{font-size:12px;line-height:1.4}
#app #workspace .has-equity-overview .equity-overview .equity-source-credit{font-size:12px;line-height:1.5;gap:3px;white-space:normal;overflow-wrap:anywhere}
#app #workspace .has-equity-overview .us-quick button{font-size:12px;line-height:1.5;white-space:normal}
#app #workspace .us-quick button strong{font-size:14px}
#app #workspace :is(.commodity-volume-note,.equity-overview-state){font-size:12px;line-height:1.5;white-space:normal}
#app #workspace .simple-overview>.instrument{height:auto;min-height:76px}
#app #workspace .simple-overview .native-quote .quote-change{font-size:14px;line-height:1.4}
#app #workspace .simple-overview .native-quote .price-label{font-size:12px;line-height:1.5;white-space:normal}
#app #workspace .simple-overview .native-quote .quote-change small{font-size:12px}
#app .footer{height:auto;min-height:36px;gap:8px 16px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
#app .footer #storage-note,#app .footer #source-button{font-size:12px;line-height:1.5}
/* Native financial tables and labels use the same readable type scale. */
#app #workspace .us-native :is(.us-date,.us-head>span,.us-grid dt,.us-source,.us-source b,th,th small,.us-filing,.us-filing small,.us-definition,.us-range-caption){font-size:12px;line-height:1.5}
#app #workspace .us-native :is(.us-segments button,.us-jumps button,.us-head h2,.us-filing b,td){font-size:14px;line-height:1.45}
#app #workspace .us-native .us-grid dd{font-size:15px;line-height:1.4}
#app #workspace .us-native .us-grid dd.missing{font-size:12px}
#app #workspace .us-native :is(.us-toolbar,.us-jumps,.us-head,.us-source){flex-wrap:wrap}
#app #workspace .us-native .us-grid>div{padding:12px 0;gap:10px}
#app #workspace .us-native .us-table-wrap{max-width:100%;overflow-x:auto}
@container market (max-width:620px){
 #app #workspace .us-native .us-grid>div{flex-direction:column;align-items:flex-start;gap:5px}
 #app #workspace .us-native .us-grid dd{max-width:100%;text-align:left}
}
@container market (max-width:1000px){
 #app #workspace .visible-statistics-heading.has-equity-overview{grid-template-columns:minmax(0,1fr) auto}
 #app #workspace .has-equity-overview .equity-overview-values{grid-column:1/-1;grid-row:1}
 #app #workspace .has-equity-overview [data-us-quick],#app #workspace .has-equity-overview>.commodity-volume-note{grid-column:1;grid-row:2;justify-self:start}
 #app #workspace .has-equity-overview .quick-instrument-actions{grid-column:2;grid-row:2}
 #app #workspace .has-equity-overview .equity-overview .equity-source-credit{grid-column:1;grid-row:3}
 #app #workspace .has-equity-overview .statistics-primary{grid-column:2;grid-row:3}
}
@container market (max-width:620px){
 #app .asset-nav{overflow-x:auto;overflow-y:hidden;gap:4px;justify-content:flex-start}
 #app .asset-nav button[data-type]{flex:0 0 auto;flex-direction:row;gap:6px;padding:9px 10px}
 #app .header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 0}
 #app .header .product{grid-column:1;grid-row:1}
 #app .header .header-actions{grid-column:2;grid-row:1;margin:0;justify-self:end}
 #app .header .search-wrap{grid-column:1/-1;grid-row:2;width:100%;margin:0}
 #app #view-nav>button{padding:8px 5px;gap:5px;min-height:48px}
 #app #workspace .has-equity-overview [data-us-quick],#app #workspace .has-equity-overview>.commodity-volume-note{grid-column:1/-1;grid-row:2}
 #app #workspace .has-equity-overview .statistics-primary{grid-column:1;grid-row:3;justify-self:start}
 #app #workspace .has-equity-overview .quick-instrument-actions{grid-column:2;grid-row:3}
 #app #workspace .has-equity-overview .equity-overview .equity-source-credit{grid-column:1/-1;grid-row:4}
 #app #workspace .summary-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app #workspace .summary-facts>div:nth-child(odd){border-left:0}
 #app #workspace .simple-overview>.instrument.live-symbol{grid-template-rows:auto auto;height:auto;min-height:90px;row-gap:8px}
 #app #workspace .asset-quote-table{min-width:430px}
 #app #workspace .asset-headline{grid-template-columns:76px minmax(0,1fr);gap:10px}
}