/* Traderfeels / precision market. Semantic colour stays independent of chrome. */
:root{--ink:#eef2f8;--muted:#8c98aa;--line:#ffffff10;--surface:#121820;--accent:#8eafff}
html,body{background:#0c1016;color:var(--ink)}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}
button,input{background:#151c26;border:1px solid #ffffff12;color:#b9c5d5;border-radius:8px;font-size:12px}
button:hover{background:#1e2937;color:#f5f7fb}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
header{height:66px;padding:0 24px;background:#0f141c;border-bottom:1px solid var(--line);gap:32px}
header .brand{gap:9px;flex-shrink:0}header .brand img{width:30px;height:30px}header .wordmark{font-size:22px;font-weight:600;letter-spacing:-.8px;color:#f0f4fa}
header .tools{flex:1;min-width:0;border:0;padding:0;margin:0;gap:9px;min-height:0;flex-wrap:nowrap}
.tools input{height:36px;width:min(240px,24vw);background:#0c1119;border-color:#ffffff12;padding-left:13px}
.switch{padding:3px;background:#090d13;border:1px solid #ffffff0e;border-radius:9px;gap:2px}.switch button{padding:7px 12px;background:transparent;border:0;color:#8795a8;font-size:11px}
.switch button[aria-pressed=true]{background:#202c3d;color:#dbe7ff;box-shadow:0 1px 3px #0003}
.view-settings{z-index:40}.view-settings summary{height:36px;padding:8px 10px;border-color:#ffffff12;background:#151c26}.settings-panel{background:#141d29;border-color:#ffffff20;color:#c7d1e1;box-shadow:0 16px 50px #0008}.settings-panel nav{display:flex;margin-top:14px;padding-top:12px;border-top:1px solid #ffffff14;font-size:11px;gap:16px}.settings-panel #about{display:block;margin-top:12px;width:100%;text-align:left}
main{padding:0 20px}.breadcrumbs{padding:11px 3px 8px;min-height:36px}.breadcrumbs h2{font-size:12px;color:#aebbcf;font-weight:550}.breadcrumbs #back{padding:6px 9px;border:0;background:#192332;font-size:11px;color:#a9c4ff}.overview25 .breadcrumbs{display:none}
.news-controls{padding:6px 0;border:0;min-height:0}.inside-stock .news-controls{position:relative;float:right;z-index:5;margin:4px 0 0}.periods>span{display:none}.periods button{font-size:10px;padding:6px 9px;color:#8d9caf}.periods button[aria-pressed=true]{color:#d7e5ff;background:#26344b}.tone-legend{display:none}
.issue-lens{position:relative;clear:both;margin:0;padding:12px 2px 10px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:5px 24px;align-items:center}
.lens-heading{margin:0;gap:9px;min-width:0;flex-wrap:wrap}.lens-heading strong{font-size:12px;color:#d5deeb;white-space:nowrap}.lens-basis{font-size:10px;color:#74839a}.lens-numbers{font-size:12px;grid-column:2;grid-row:1;margin:0;letter-spacing:0;gap:5px}.lens-positive{color:#6ed4ba}.lens-negative{color:#f097a7}.lens-other{color:#a2b0c5;font-size:10px}
.lens-bar{grid-column:2;grid-row:2;height:5px;margin:1px 0 4px;border-radius:3px;background:#222b38;gap:2px}.lens-segment.positive{background:#5cbda6}.lens-segment.negative{background:#d88093}
.lens-scope{grid-column:1;grid-row:2;margin:0;color:#a8b5c8;font-size:11px;line-height:1.5}.lens-details{grid-column:1/-1;position:relative;margin:0}.lens-details>summary{position:absolute;right:0;top:-48px;transform:translateY(-2px);cursor:pointer;list-style:none;font-size:10px;color:#94b5ff;background:#172438;padding:5px 9px;border:1px solid #8bafff20;border-radius:6px}
.lens-details>summary::-webkit-details-marker{display:none}.lens-details>summary:after{content:' ＋';color:#91a9d0}.lens-details[open]>summary:after{content:' －'}.lens-details[open]{padding-top:10px}.lens-controls{padding:8px 0;gap:6px}.lens-filter{font-size:11px;padding:7px 10px;background:#161e29;color:#9aabc2}.lens-filter[aria-pressed=true]{background:#22344e;border-color:#779edf70;color:#d8e5ff}.lens-hint{color:#7c8aa0;font-size:10px}.lens-explanation{font-size:10px;color:#8594a9}.lens-explanation p{line-height:1.8;color:#9baabd;max-width:720px}
.lens-heading{padding-right:95px}.lens-heading strong{letter-spacing:0}.lens-coverage{font-size:10px;color:#8d9daf}.lens-coverage p{background:#182231;color:#becbdc;border-color:#334257}.no-analysis .lens-positive,.no-analysis .lens-negative{visibility:visible;color:#718098}.morning-note{color:#9acde6;font-size:10px}
.visit-bar{margin:0;padding:8px 2px;min-height:32px;background:none;border:0;border-radius:0;border-bottom:1px solid var(--line);gap:10px}.visit-bar:not(.has-updates){display:none}.visit-intro{gap:10px;flex-direction:row;align-items:center}.visit-eyebrow{font-size:10px;color:#96b6f6;letter-spacing:0}.visit-eyebrow:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#87aef7;margin-right:7px}.visit-summary{font-size:10px;color:#95a4b9}.visit-open{border:0;background:transparent;padding:4px 0;color:#b0c6ef;font-size:10px}
.important-feed{margin:0;border:0;border-bottom:1px solid #ffffff10;border-radius:0;background:transparent}.important-details>summary{padding:9px 2px;font-size:11px;color:#cfbd8c}.important-list{padding:0 0 10px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:240px}.important-story{background:#141b24;border-color:#ffffff10;padding:12px;font-size:12px;line-height:1.6}.important-story small{color:#8f9eb2}.important-story.verified-change{border-color:#c9ad6a35}.important-note{padding:0;color:#8b99ab}
#space,body:not(.inside-stock) #space,#space.stock-focused{height:calc(100dvh - 170px);min-height:470px;background:#0c1016;border:0;border-radius:0;margin:0;isolation:isolate}.market-backdrop,.stock-focused .market-backdrop.active{display:none!important}
.editorial-bubble[data-kind=stock],.editorial-bubble.news.logo-bubble{border:1px solid rgba(var(--tone),.65);background:radial-gradient(ellipse at 38% 14%,rgba(var(--tone),.12),transparent 47%),radial-gradient(circle,#10161e 52%,rgba(var(--tone),.08) 82%,rgba(var(--tone),.24) 100%);box-shadow:inset 0 0 14px rgba(var(--tone),.14),inset 0 1px 1px #ffffff23,0 2px 9px #0003;filter:none;text-shadow:none;transition:border-color .18s,box-shadow .18s;}
.editorial-bubble[data-kind=stock][data-tone=positive]{--tone:74,184,155}.editorial-bubble[data-kind=stock][data-tone=negative]{--tone:213,109,136}.editorial-bubble[data-kind=stock][data-tone=pending]{--tone:122,142,166}
.editorial-bubble[data-kind=stock]:hover,.editorial-bubble.news.logo-bubble:hover{filter:none;border-color:rgba(var(--tone),1);box-shadow:inset 0 0 18px rgba(var(--tone),.21),0 0 0 3px rgba(var(--tone),.09);z-index:5}
.logo-bubble[data-kind=stock] .stock-content{width:74%;height:76%;gap:5px}.logo-bubble[data-kind=stock] .stock-content strong{font-weight:550;letter-spacing:-.6px;line-height:1.2;color:#e2e9f4;font-size:var(--label);overflow-wrap:normal;word-break:keep-all}
.logo-bubble[data-kind=stock] .stock-content .percent{font-size:var(--percent);font-weight:500;color:#f7f9fd;letter-spacing:-.6px;line-height:1.18;font-variant-numeric:tabular-nums}.logo-bubble[data-kind=stock] .stock-content .company-logo{width:clamp(18px,24%,38px);border-radius:50%;margin:0 0 2px}.logo-bubble[data-kind=stock] .stock-content>small{display:none}
.logo-bubble[data-kind=stock] .bubble-meta{opacity:1;gap:5px;margin-top:4px}.logo-bubble[data-kind=stock] .rank,.logo-bubble[data-kind=stock] .news-count{color:#8291a6!important;font-size:9px!important}.bubble .meta-divider{color:#526076}
.bubble[data-top='1']{--metal:213,192,141;--orbit-gap:9px}.bubble[data-top='2']{--metal:158,181,204;--orbit-gap:7px}.bubble[data-top='3']{--metal:173,145,127;--orbit-gap:5px}
.bubble[data-top] .popularity-orbit{border:1px solid rgba(var(--metal),.32);box-shadow:none}.bubble[data-top='1'] .popularity-orbit{border-color:rgba(var(--metal),.6);box-shadow:0 0 18px rgba(var(--metal),.09)}.bubble[data-top='1'] .popularity-orbit:before{inset:-4px;border:1px solid rgba(var(--metal),.13)}.bubble[data-top] .popularity-orbit:after{display:none}
.bubble[data-top] .top-marker{top:calc(-1 * var(--orbit-gap) - 7px);height:16px;min-width:34px;padding:0 6px;font-size:8px;letter-spacing:.8px;background:#17202a;border-color:rgba(var(--metal),.45);color:rgb(var(--metal));border-radius:5px}.bubble[data-top='1'] .top-marker{background:#2c291f;color:#ead8a8}
.important-ring{inset:auto;top:13%;right:12%;width:7px;height:7px;border:0;background:#e2c78b;border-radius:50%;transform:none;box-shadow:0 0 0 3px #e2c78b14,0 0 10px #e2c78b35;opacity:1}.important-ring.important-arrival{animation:signal-arrival .8s ease-out 2}.important-new .visit-bubble-dot{display:none}.visit-bubble-dot{background:#8eafff;box-shadow:none}
@keyframes signal-arrival{50%{opacity:.4}}
.editorial-bubble.news .company-logo{display:none}.editorial-bubble.news{padding:15px;gap:7px}.editorial-bubble.news strong{font-size:var(--label);font-weight:550;line-height:1.45;letter-spacing:-.3px}.editorial-bubble.news .rank{font-size:8px!important;color:#90a0b4}.selected-parent{border-width:1.5px!important}.wall-bubble{opacity:.12!important;filter:none}
.article-pages{bottom:12px;color:#8b9bb2;font-size:11px}.article-pages button{background:#172333;border-color:#ffffff14;color:#bfcee5}
.meta{font-size:10px;color:#6e809a;border-top:1px solid #ffffff0b;padding:11px 2px;line-height:1.8}.meta a{color:#95aacb}footer{color:#73839a;border-color:#ffffff0b;font-size:10px;line-height:1.8;padding:16px 2px 24px}footer>span:first-child{max-width:640px}footer strong{color:#c5d2e5}
.row{padding:17px 12px;border-color:#ffffff0c;font-variant-numeric:tabular-nums}.row:hover{background:#141e2b}.row .number{color:#7f9bc8}.row strong{color:#dce6f5}.up,.stock-up{color:#6ed4ba!important}.down,.stock-down{color:#ef91a5!important}
/* A reading drawer keeps the market's context visible on wide screens. */
#detail,#stockDetail{position:fixed;inset:0 0 0 auto;margin:0;width:min(640px,58vw);height:100dvh;max-height:100dvh;border:0;border-left:1px solid #ffffff1b;border-radius:0;background:#101720;color:#e7eef8;box-shadow:-24px 0 80px #0005;scrollbar-color:#33445b #101720;padding:0}
#stockDetail{width:min(930px,84vw)}#detail[open],#stockDetail[open]{animation:reader-enter .24s cubic-bezier(.2,.7,.3,1)}
#detail::backdrop,#stockDetail::backdrop{background:#05091166;backdrop-filter:none}
.reader{padding:24px 30px 30px}.reader-close{top:16px;background:#233046;color:#ccdcf7;width:34px;height:34px}.reader-mast{color:#7691b8;font-size:9px;padding:9px 0 21px;letter-spacing:1.5px}.reader-mast span:last-child{color:#aebed4}.reader-tags{margin:24px 0 14px}.reader-classification{background:#172333!important;border-color:#31425a!important;color:#b5c6df!important;font-size:12px!important;line-height:1.8!important}
#detail .reader-title{font-size:27px;line-height:1.45;letter-spacing:-.8px;color:#f0f5ff;font-weight:650;margin:0 0 15px}.reader-byline{color:#8093ae!important;font-size:10px!important;line-height:1.8!important;margin-bottom:26px}.reader-lead{padding-left:16px}.reader-lead p{font-size:17px!important;color:#dce7f6!important;line-height:1.85!important}.reader h3{color:#9fb6d8;font-size:11px;letter-spacing:0}.reader-section p{color:#b8c7dc!important}.reader-section.watch,.reader-section.uncertainty{background:#151f2c;border-color:#ffffff11}.reader-section.watch{border-left:2px solid #bca573}.fact-card{background:#182332;border-color:#ffffff10}.fact-card strong{color:#d4e3fa}.source-link{border-color:#3a516f;color:#bdd2f4;background:#182539}.reader-source>small,.source-entry>small{color:#7e91ac}.reader-footnote{color:#778aa4!important}
#stockDetail .stock-head{background:#101720;border-color:#ffffff10}.stock-summary{background:#101720;border-color:#ffffff10}.stock-chart{background:#101720}.stock-price strong{color:#eff5ff}.stock-facts{color:#bdcbe0}.chart-periods button[aria-pressed=true]{background:#253b59;color:#d4e4ff}.chart-canvas{border-color:#ffffff10}.visit-dialog{background:#111a26;color:#dce7f6;border-color:#ffffff1c}.visit-card{background:#172230;border-color:#ffffff12}.visit-card-meta,.visit-description,.visit-note{color:#8eabc9}.visit-kind{color:#afcaff}.visit-card strong{color:#dbe7f8}
@keyframes reader-enter{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@container (max-width:145px){.logo-bubble[data-kind=stock] .stock-content{gap:3px}.logo-bubble[data-kind=stock] .stock-content .company-logo{width:19px;margin-bottom:1px}.logo-bubble[data-kind=stock] .stock-content strong{font-size:min(var(--label),14px);letter-spacing:-.4px}.logo-bubble[data-kind=stock] .stock-content .percent{font-size:min(var(--percent),18px)}.logo-bubble[data-kind=stock] .bubble-meta{display:none}}
@media(max-width:760px){header{height:auto;min-height:98px;padding:13px 12px 9px;gap:10px;flex-wrap:wrap}header .brand{gap:7px}header .brand img{width:25px;height:25px}header .wordmark{font-size:21px}header .tools{flex-basis:100%;gap:7px;flex-wrap:nowrap}.tools input{width:0;flex:1;min-width:70px;height:34px;font-size:11px}.switch button{padding:6px 8px;font-size:10px}.view-settings summary{height:34px;padding:7px 9px}.settings-panel{width:245px}.tools .settings-panel #about{font-size:12px}.tools .view-settings summary>span{display:none}main{padding:0 10px}.issue-lens{grid-template-columns:1fr;gap:6px;padding:11px 2px 8px}.lens-heading{padding-right:90px;gap:7px}.lens-heading strong{font-size:11px}.lens-basis{font-size:9px}.lens-scope{grid-column:1;grid-row:2;font-size:10px}.lens-numbers{grid-column:1;grid-row:3;font-size:11px}.lens-other{font-size:9px}.lens-bar{grid-column:1;grid-row:4;margin:0;height:4px}.lens-details{grid-row:5}.lens-details>summary{top:auto;bottom:79px;transform:none;padding:5px 7px;font-size:9px}.lens-details[open]>summary{position:static;display:inline-block;margin-bottom:5px}.lens-details[open]{padding:0}.lens-filter{font-size:10px;padding:7px 9px}.lens-hint{font-size:9px}.visit-bar{padding:7px 2px;min-height:29px}.visit-summary,.visit-eyebrow,.visit-open{font-size:9px}.visit-intro{gap:5px}.visit-summary{line-height:1.6}.news-controls{margin-top:5px!important}.periods button{padding:6px 7px}.breadcrumbs{min-height:36px;gap:6px;padding:9px 0}.breadcrumbs h2{font-size:11px}.breadcrumbs #back{font-size:10px;padding:5px 7px}.important-list{grid-template-columns:1fr}.important-details>summary{font-size:10px;padding:8px 1px}.important-note{font-size:10px}.important-story{font-size:11px}
 body:not(.inside-stock) #space{height:1000px;min-height:0}#space.stock-focused{height:calc(100dvh - 260px);min-height:450px}.editorial-bubble.news{padding:10px}.editorial-bubble.news strong{font-size:11px;line-height:1.4}.article-pages{bottom:12px}.meta{font-size:9px;gap:8px}.meta span:last-child{margin:0}footer{font-size:9px}.bubble .important-ring{width:6px;height:6px}
 #detail,#stockDetail{inset:auto 0 0;margin:0;width:100%;height:92dvh;max-height:92dvh;border:1px solid #ffffff20;border-bottom:0;border-radius:20px 20px 0 0;box-shadow:0 -20px 70px #0007;padding-top:7px}#detail:before,#stockDetail:before{content:'';position:absolute;top:8px;left:calc(50% - 17px);width:34px;height:3px;border-radius:3px;background:#526177}.reader{padding:21px 20px 28px}#detail .reader-title{font-size:24px}.reader-lead p{font-size:16px!important}.reader-mast{font-size:8px;letter-spacing:1px}.reader-classification{font-size:11px!important}.reader-section p{font-size:13px!important}.reader-tags{margin-top:20px}#detail[open],#stockDetail[open]{animation:sheet-enter .22s ease-out}.stock-layout{grid-template-columns:1fr}
}
@keyframes sheet-enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
.lens-details{position:static}.lens-details>summary{left:calc(50% - 110px);right:auto;top:12px;transform:none}
.logo-bubble[data-kind=stock] .stock-content strong{white-space:pre-line;overflow-wrap:anywhere}
@media(max-width:760px){.editorial-bubble.news.logo-bubble{padding:12px}.editorial-bubble.news.logo-bubble strong{font-size:11px;line-height:1.4;-webkit-line-clamp:4}.editorial-bubble.news.logo-bubble .rank,.editorial-bubble.news.logo-bubble .date{display:none}}
@media(max-width:760px){.lens-details>summary,.lens-details[open]>summary{position:absolute;left:auto;right:2px;top:10px;bottom:auto;display:block;margin:0}.lens-details[open]{padding-top:0}}
@media(prefers-reduced-motion:reduce){#detail[open],#stockDetail[open],.important-ring.important-arrival{animation:none}.editorial-bubble[data-kind=stock]{transition:none}}

/* Bubble37: price direction and magnitude are distinct from news and popularity. */
.editorial-bubble[data-kind=stock]{padding:0;--price-energy:.4;border:1px solid rgba(var(--tone),.65);background:radial-gradient(ellipse at 34% 15%,rgba(255,255,255,.035),transparent 42%),radial-gradient(circle closest-side at 50% 50%,#10161b 57%,rgba(var(--tone),.05) 80%,rgba(var(--tone),.15) 93%,rgba(var(--tone),var(--price-energy)) 100%);box-shadow:inset 0 1px 2px #ffffff28,inset 0 0 2px rgba(var(--tone),.25),0 2px 6px #0003;}
.editorial-bubble[data-kind=stock][data-tone=positive]{--tone:84,194,139}
.editorial-bubble[data-kind=stock][data-tone=negative]{--tone:218,119,137;background-color:#1b1015}
.editorial-bubble[data-kind=stock][data-tone=pending]{--tone:119,164,209;background-color:#101922}
.editorial-bubble[data-kind=stock]:hover{border-color:rgba(var(--tone),1);box-shadow:inset 0 1px 3px #ffffff40,inset 0 0 4px rgba(var(--tone),.35),0 0 0 2px rgba(var(--tone),.12)}
.logo-bubble[data-kind=stock] .stock-content{width:80%;height:82%;gap:clamp(2px,1.5cqw,7px);justify-content:center;}
.logo-bubble[data-kind=stock] .stock-content .company-logo{width:clamp(18px,18cqw,62px);height:auto;flex-shrink:0;margin:0 0 1px;}
.logo-bubble[data-kind=stock] .stock-content strong{font-size:clamp(11px,var(--name-scale,11.8cqw),46px);font-weight:500;line-height:1.13;letter-spacing:-.035em;color:#f6f8fb;max-width:100%;flex-shrink:0;}
.logo-bubble[data-kind=stock] .stock-content .percent{font-size:clamp(15px,14.5cqw,53px);font-weight:450;line-height:1.08;letter-spacing:-.045em;color:#fff;flex-shrink:0;}
.logo-bubble[data-kind=stock] .bubble-meta{gap:5px;margin-top:clamp(1px,1cqw,4px);}
.logo-bubble[data-kind=stock] .bubble-meta .rank,.logo-bubble[data-kind=stock] .bubble-meta .news-count{font-size:clamp(9px,3.5cqw,12px)!important;color:#9aaba4!important;font-weight:400;}
@container (max-width:145px){.logo-bubble[data-kind=stock] .stock-content{gap:2px}.logo-bubble[data-kind=stock] .bubble-meta{display:none}.logo-bubble[data-kind=stock] .stock-content .company-logo{width:clamp(18px,20cqw,28px)}}
@supports not (font-size:1cqw){.logo-bubble[data-kind=stock] .stock-content strong{font-size:var(--label)}.logo-bubble[data-kind=stock] .stock-content .percent{font-size:var(--percent)}.logo-bubble[data-kind=stock] .stock-content .company-logo{width:26%}}

/* Reader38: dedicated sticky close column; centered mobile reader with a tap-away gutter. */
#detail{overflow:auto;overscroll-behavior:contain;max-width:none;}
#detail .reader-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:14px;position:sticky;top:0;z-index:10;background:#101720;padding:8px 0 12px;border-bottom:1px solid #ffffff16;}
#detail .reader-toolbar .reader-mast{min-width:0;margin:0;padding:0;border:0;gap:8px 14px;flex-wrap:wrap;line-height:1.6;}
#detail .reader-toolbar .reader-mast span{min-width:0;overflow-wrap:anywhere;}
#detail .reader-toolbar .reader-close{position:static;float:none;width:40px;height:40px;min-width:40px;margin:0;padding:0;display:grid;place-items:center;border-radius:50%;}
@media(max-width:760px){
 #detail,#stockDetail{inset:0;margin:auto;width:calc(100% - 24px);max-width:none;height:88dvh;max-height:calc(100dvh - 32px);border:1px solid #ffffff20;border-radius:18px;padding:0;}
 #detail:before,#stockDetail:before{display:none;}
 #detail .reader{padding:12px 18px 26px;}
 #detail .reader-toolbar{gap:10px;padding:8px 0 10px;}
 #detail .reader-toolbar .reader-mast{flex-direction:column;align-items:flex-start;gap:3px;font-size:9px;letter-spacing:.5px;}
 #detail .reader-title{font-size:23px;}
 #stockDetail .stock-head{flex-wrap:nowrap;padding:16px;}
 #stockDetail .stock-head>div{min-width:0;}#stockDetail .stock-head h2{overflow-wrap:anywhere;}
 #stockDetail .stock-close{flex-shrink:0;min-width:40px;height:40px;padding:0;}
}
