/* Same native app direction; typography and spacing quieten the hierarchy.
   Content is allowed to scroll. Fixed navigation never covers the last row. */
:root{--surface:#141416;--raised:#242426;--ink:#ececef;--muted:#a3a3aa;--blue:#006bc3;--lightblue:#82bfff;--green:#7ec9a8;--red:#ec9690;--gutter:20px;--group-gap:20px;--card-pad:20px}
body{font-weight:400;letter-spacing:0}body.density-airy{--gutter:24px;--group-gap:28px;--card-pad:22px}
.top{padding:0 var(--gutter);gap:12px;height:56px}.top-title{font-size:16px;font-weight:500;letter-spacing:-.25px}.top-title small{font-size:12px;line-height:16px;margin-top:3px}.round{width:38px;height:38px}.round .icon{width:19px;height:19px;stroke-width:1.65}.wordmark{font-size:17px;font-weight:500}.wordmark i{font-weight:400}.top .logo{width:32px;height:32px}.icon{stroke-width:1.6}
.main,.price-section{padding:16px var(--gutter) 24px}.scroll-body{position:absolute;top:115px;bottom:106px;left:0;right:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;scroll-behavior:smooth}.scroll-body::-webkit-scrollbar{display:none}.scroll-body:after{content:"";display:block;height:18px}.quote{font-size:30px;line-height:37px;font-weight:400;letter-spacing:-.7px}.price-section>.row>.negative{font-size:13px}.snapshot{font-size:11px;line-height:16px}.price-section .snapshot{margin-top:6px}h1{font-size:27px;line-height:34px;font-weight:500;letter-spacing:-.6px}h2{font-size:19px;line-height:25px;letter-spacing:-.3px;font-weight:500}h3{font-size:15px;line-height:21px;font-weight:500}.small{font-size:12px;line-height:18px}.number{letter-spacing:-.2px}
.panel{padding:var(--card-pad);border-radius:24px}.tabs{margin:20px 0 22px;gap:3px;justify-content:space-between}.tabs button{font-size:13px;padding:9px 13px;font-weight:400}.tabs button.active{background:#202023}.section-head{margin:24px 0 12px}.section-head button{font-size:12px}.market-hero{padding:20px}.market-hero .small{font-size:12px}.market-count{display:none}.volume{font-size:26px;line-height:33px;font-weight:400;margin-top:8px}.market-hero .flow{margin:20px 0 14px;height:5px;gap:4px}.flow-values strong{font-size:14px;font-weight:400;margin-top:8px}.flow-values{font-size:11px}.ranking{gap:22px;margin-bottom:14px;font-size:12px}.ranking button{font-size:12px;height:31px}.market-universe{display:none}.list{padding:4px 16px}.asset-row{height:76px;gap:12px}.asset-name b,.asset-value b{font-size:14px;font-weight:500}.asset-name small{font-size:11px;line-height:16px;margin-top:5px}.asset-value small{font-size:10px;line-height:15px;margin-top:5px}.tool-mini{height:76px;margin-top:20px;padding-left:20px}.tool-mini h3{font-size:15px}.tool-mini span{line-height:18px;margin-top:4px}.tool-mini img{height:80px;width:86px;right:6px;bottom:0}
.nav{left:20px;right:20px;height:63px;bottom:28px;padding:5px;background:rgba(32,32,35,.96)}.nav a.active{background:#38383c}.nav a{color:#a9a9b1;font-size:10px;gap:5px}.nav .icon{width:20px;height:20px}.nav a.active{color:#eeeef1}.trade{left:var(--gutter);right:var(--gutter);bottom:31px;padding-top:12px;box-shadow:0 -16px 24px 8px var(--bg)}.trade button{font-weight:500;font-size:15px;height:48px}.trade button small{font-size:12px;margin-left:5px;color:var(--muted)}.trade .primary small{color:#e0f0ff}.quote-extra{display:none!important}
.contract-facts{margin-top:20px;padding:18px 20px;gap:18px}.contract-facts strong{font-size:20px;font-weight:400;line-height:25px;margin:6px 0}.contract-facts span,.contract-facts small{font-size:11px;line-height:16px}.legend{font-size:10px;line-height:16px;gap:12px;margin-top:21px}.legend .icon{height:13px;width:13px}.sensitivity-plot{height:106px;margin-top:8px}.sensitivity-plot text{font-size:10px}.calc-entry{margin-top:20px;height:78px;padding:16px 20px;background:#102233}.calc-entry h3{font-size:16px;font-weight:500}.calc-entry small{font-size:11px;line-height:17px;color:#bdcbd8;margin-top:4px}.calc-entry img{width:90px;height:90px;right:1px;bottom:-6px}.profile{margin-top:20px;padding:15px 18px;height:139px;background:transparent}.profile h2{font-size:16px}.profile .score{font-size:25px;font-weight:400;line-height:34px;margin-top:6px}.profile .score small{font-size:11px}.profile p{font-size:10px;line-height:15px;margin:0 0 6px}.profile button{font-size:11px}.radar{width:168px;height:120px}.radar text{font-size:10px}.risk{font-size:10px;line-height:16px;margin:18px 0 0;color:var(--muted)}.risk .icon{height:14px;width:14px}.profile-detail{margin-top:26px;background:var(--surface);border-radius:22px;padding:18px 20px}.profile-detail summary{display:flex;align-items:center;list-style:none;cursor:pointer;font-size:15px;font-weight:500}.profile-detail summary::-webkit-details-marker{display:none}.profile-total{margin-left:auto;font-size:22px;font-weight:400}.profile-total small{font-size:11px;color:var(--muted)}.expand-icon{font-size:20px;font-weight:300;margin-left:15px}.profile-detail[open] .expand-icon{transform:rotate(45deg)}.soft-meta{font-size:11px;line-height:18px;color:var(--muted);margin-top:9px}.expanded-profile .profile{padding:18px 0 0;margin-top:12px}.profile-detail[open] .soft-meta{display:none}
.stock-plot{margin-top:20px;height:150px;margin-left:calc(-1 * var(--gutter));width:393px}.range-tabs{margin:10px 0 26px}.range-tabs button{font-size:11px}.research-panel{padding:20px}.research-top span{font-size:12px}.research-top .tag{font-size:10px}.research-metric{margin-top:16px}.research-metric strong{font-weight:400;font-size:24px;line-height:32px}.research-panel p{font-size:12px;line-height:20px;margin-top:14px}.newsline{margin-top:24px;gap:12px}.newsline h3{font-size:13px}.newsline p{font-size:10px;line-height:15px;margin-top:5px}.warrants-entry{margin-top:24px;padding:17px 20px;background:#102233}.warrants-entry h3{font-size:14px}.warrants-entry small{font-size:11px;line-height:17px;color:#bdcbd8}.secondary-section{margin-top:24px}.secondary-section .section-head{margin-top:0!important}
.selector-hero{height:129px;padding-top:10px}.selector-hero h1{font-size:26px}.selector-hero p{font-size:12px;line-height:19px;margin-top:10px}.selector-hero img{width:126px;height:116px;top:0;right:-4px}.field-label{font-size:12px;line-height:18px;margin-bottom:12px}.selection{height:75px;padding:16px 18px;gap:12px}.selection .asset-name b{font-size:15px}.selection .asset-name small{font-size:11px}.direction{margin-top:24px;padding:5px}.direction button{padding:12px 11px;font-size:13px;font-weight:400}.direction button.active{background:#303034}.direction button small{font-size:10px;line-height:16px;margin-top:5px}.selector-dates{margin-top:14px;gap:8px}.date{padding:12px 4px;line-height:16px;font-size:10px}.date strong{font-size:17px;font-weight:400;line-height:23px;margin:4px}.selector-results{margin-top:28px}.selector-results h2{font-size:18px}.result-heading{font-size:10px;padding-top:19px;padding-bottom:8px}.result-row{padding:15px 4px;font-size:13px;min-height:62px}.result-row b{font-weight:500}.result-row small{font-size:10px;margin-top:7px}.result-row.selected{padding:15px 12px}
.curve-top{height:54px}.curve-mode{margin:10px 20px 20px;height:37px}.curve-mode button{font-size:12px}.curve-mode button.active{background:#323236}.curve-summary{margin:0 24px}.curve-summary small{font-size:11px;line-height:17px;margin-bottom:7px}.pnl{font-size:28px;line-height:35px;font-weight:400}.curve-summary .right strong{font-size:20px;font-weight:400}.curve-summary .right span{font-size:11px}.chart-date{margin:21px 24px 0;font-size:11px}.chart-date b{font-size:12px;font-weight:500}.curve-graph{height:332px}.curve-graph text{font-size:11px}.price-control{padding:10px 24px 0}.price-control .row{font-size:11px}.price-control .row strong{font-size:18px;font-weight:400}.ruler-wrap{margin-top:18px}.scenario-info{margin:15px 24px 0;font-size:10px}.curve-footer-note{font-size:10px;margin-top:13px}.curve-foot{left:24px;right:24px;bottom:35px}.curve-foot button{font-size:15px}.curve-foot button span{font-size:11px}
/* Option02: the same system, fewer competing surfaces and secondary figures. */
.density-airy h1{font-weight:400}.density-airy h2{font-weight:500}.density-airy .top-title{font-weight:400}.density-airy .quote{font-weight:400;font-size:29px}.density-airy .main,.density-airy .price-section{padding-top:23px}.density-airy .tabs{margin-top:24px;margin-bottom:28px}.density-airy .tabs button{padding-left:10px;padding-right:10px}.density-airy .market-hero{padding:24px}.density-airy .volume{font-size:25px;font-weight:400;margin-top:11px}.density-airy .flow-values strong{display:none}.density-airy .market-hero .flow{margin-top:22px;margin-bottom:15px}.density-airy .section-head{margin-top:30px;margin-bottom:13px}.density-airy .ranking{margin-bottom:16px}.density-airy .list{background:transparent;padding:0}.density-airy .asset-row{height:84px;gap:15px}.density-airy .asset-name b,.density-airy .asset-value b{font-size:15px;font-weight:400}.density-airy .asset-name small{margin-top:6px}.density-airy .asset-value small{margin-top:6px}.density-airy .tool-mini{background:var(--surface);margin-top:28px;height:80px}.density-airy .contract-facts{background:transparent;padding:3px 0;margin-top:28px;gap:24px}.density-airy .contract-facts strong{font-size:20px;margin:9px 0 6px}.density-airy .legend{margin-top:31px}.density-airy .sensitivity-plot{height:134px;margin-top:14px}.density-airy .calc-entry{margin-top:26px;height:88px;padding:20px}.density-airy .calc-entry h3{font-weight:400;font-size:17px}.density-airy .calc-entry small{margin-top:7px}.density-airy .calc-entry img{width:96px;height:96px;right:-1px;bottom:-2px}.density-airy .risk{margin-top:23px}.density-airy .research-panel{background:transparent;padding:0;margin-top:30px}.density-airy .research-top{gap:10px}.density-airy .research-metric{margin-top:22px}.density-airy .research-panel p{margin-top:18px}.density-airy .newsline{margin-top:30px}.density-airy .warrants-entry{margin-top:30px}.density-airy .stock-plot{height:175px;margin-top:25px}.density-airy .range-tabs{margin-bottom:30px}.density-airy .selector-hero{height:140px}.density-airy .selector-hero img{width:123px;height:117px}.density-airy .selection{background:transparent;padding:15px 0;height:82px}.density-airy .direction{margin-top:28px}.density-airy .selector-dates{gap:10px;margin-top:18px}.density-airy .date{background:transparent;padding-top:14px;padding-bottom:14px}.density-airy .date.active{background:#f7f7f8}.density-airy .selector-results{margin-top:34px}.density-airy .result-row{min-height:74px}.density-airy .curve-mode{margin-bottom:24px;background:transparent}.density-airy .curve-mode button.active{background:var(--surface)}.density-airy .curve-summary{margin-left:24px;margin-right:24px}.density-airy .curve-graph{height:328px}.density-airy .curve-footer-note{display:none}.density-airy .scenario-info{margin-top:18px}.density-airy .pnl{font-size:27px}
@media(prefers-reduced-motion:reduce){.scroll-body{scroll-behavior:auto}}

/* Keep risk information legible; no dark fade over content. */
.trade{box-shadow:none}.risk-fixed{position:absolute;left:var(--gutter);right:var(--gutter);bottom:91px;margin:0!important;min-height:16px;line-height:16px;font-size:10px;color:var(--muted);background:var(--bg)}
.app-screen[data-screen="warrant"] .scroll-body{bottom:129px}.profile{height:130px;padding-top:12px;padding-bottom:12px}

body.density-balanced .app-screen[data-screen="market"] .asset-row{height:72px}
body.density-balanced .app-screen[data-screen="market"] .market-hero{padding-top:18px;padding-bottom:18px}
body.density-balanced .app-screen[data-screen="market"] .section-head{margin-top:22px}
body.density-balanced .app-screen[data-screen="market"] .ranking{margin-bottom:10px}
.density-airy .list:not(.show-all) .asset-row:nth-child(n+3){display:none}
.density-airy .market-quick{display:none}
.curve-footer-note{display:none}

/* Secondary chapters begin after a complete overview, not through a clipped card. */
.app-screen[data-screen="stock"] .below-overview{margin-top:34px}
.density-balanced .selector-hero{height:112px}
.density-balanced .selection{height:68px}
.density-balanced .direction button{padding-top:9px;padding-bottom:9px}
.density-balanced .date{padding-top:8px;padding-bottom:8px}
.density-balanced .selector-results{margin-top:23px}
body.density-balanced .app-screen[data-screen="selector"] .result-heading{padding-top:15px}