/* A compact toolbar leaves the field to the bubbles. */
header{height:48px;padding:0 18px}header .brand img{width:30px;height:30px}header .wordmark{font-size:21px}header nav{font-size:10px;gap:16px}
main{padding-top:0}.tools{padding:7px 8px;min-height:44px;margin:0}.tools button,.view-settings summary{padding:7px 11px}.tools input{height:32px}
.breadcrumbs{display:flex;align-items:center;padding:7px 10px;min-height:32px;gap:12px;flex-wrap:wrap}.breadcrumbs h2{font-size:12px;margin:0}.breadcrumbs #viewHint{width:auto;flex:0 1 auto;font-size:10px;margin:0}
.news-controls{margin:0;padding:3px 10px;min-height:20px}.overview25 .news-controls{display:none}
.visit-bar{margin:0 10px 5px;padding:7px 10px;min-height:34px;border-radius:9px}.visit-eyebrow,.visit-summary{font-size:10px}.visit-open{padding:5px 9px;font-size:10px}.visit-intro{gap:10px;flex-direction:row;align-items:center}
#space{height:calc(100dvh - 175px);min-height:530px}.market-backdrop{opacity:0!important}.stock-focused .market-backdrop.active{opacity:.035!important}
.bubble .percent{font-weight:600}.bubble .bubble-meta{opacity:.74}.important-ring{position:absolute;inset:2px;border:2px solid transparent;border-top-color:#fff0b3;transform:rotate(-30deg);border-radius:50%;pointer-events:none;box-shadow:none;opacity:.9}.important-new .visit-bubble-dot{display:none}
@keyframes important-arrival{0%,100%{opacity:.65}50%{opacity:1}}
.important-feed{margin:0 10px 8px;border:1px solid #d2bc8040;border-radius:9px;background:#191c17}.important-details>summary{padding:10px 12px;font-size:12px;color:#f1dfae;cursor:pointer}.important-note{padding:0 12px;color:#a7aea7;font-size:11px;line-height:1.6}.important-list{display:grid;gap:5px;padding:0 10px 10px;max-height:280px;overflow:auto}.important-story{text-align:left;display:grid;gap:5px;padding:10px 12px;background:#ffffff04;border:1px solid #ffffff12;border-radius:6px;color:#eee}.important-story small{font-size:10px;color:#a9b3aa}.important-story.verified-change{border-color:#dac68c40}.important-more{margin:0 10px 10px;font-size:11px}.important-feed[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.important-ring{animation:none}}
@media(max-width:700px){header{height:43px;padding:0 10px}header nav{gap:9px;font-size:9px}header .wordmark{font-size:18px}.tools{padding:6px 3px;gap:5px}.tools input{min-width:0;width:95px}.tools button{padding:7px}.breadcrumbs{padding:6px 5px;gap:5px}.breadcrumbs #viewHint{font-size:9px}.visit-bar{margin:0 4px 5px;padding:6px 8px;gap:7px}.visit-intro{gap:5px;flex-wrap:wrap}.visit-summary{font-size:9px}.visit-eyebrow{font-size:9px}.visit-open{font-size:9px;padding:5px}.important-feed{margin:0 4px 6px}#space{height:900px;min-height:0}#space.stock-focused{height:calc(100dvh - 220px);min-height:480px}}

.important-ring.important-arrival{animation:important-arrival 1.6s ease-out 2}@media(prefers-reduced-motion:reduce){.important-ring.important-arrival{animation:none}}

/* Keep the content inside an inscribed square; orbit decorations remain outside. */
.logo-bubble[data-kind=stock]{padding:0}
.logo-bubble[data-kind=stock] .stock-content{width:72%;height:72%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;overflow:hidden;pointer-events:none}
.logo-bubble[data-kind=stock] .stock-content .company-logo{width:clamp(16px,29%,48px);height:auto;flex-shrink:0;margin:0}
.logo-bubble[data-kind=stock] .stock-content strong{max-width:100%;flex-shrink:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;overflow-wrap:anywhere;word-break:keep-all;font-size:var(--label);line-height:1.15}
.logo-bubble[data-kind=stock] .stock-content .percent{flex-shrink:0;font-size:var(--percent);line-height:1.12;white-space:nowrap}
.logo-bubble[data-kind=stock] .stock-content .bubble-meta{max-width:100%;margin-top:2px}
@container (max-width:116px){
 .logo-bubble[data-kind=stock] .stock-content{gap:2px}
 .logo-bubble[data-kind=stock] .stock-content .company-logo{width:16px}
 .logo-bubble[data-kind=stock] .stock-content strong{font-size:11px;letter-spacing:-.4px}
 .logo-bubble[data-kind=stock] .stock-content .percent{font-size:14px}
 .logo-bubble[data-kind=stock] .stock-content .bubble-meta{display:none}
}
.overview25 #viewHint{display:none}
.bubble-guide{margin-left:auto;position:relative;font-size:10px;color:#9eaaa3;z-index:20}
.bubble-guide summary{cursor:pointer;list-style:none;padding:5px 7px;border-radius:5px}.bubble-guide summary::-webkit-details-marker{display:none}.bubble-guide summary:after{content:' ⓘ';opacity:.7}
.bubble-guide[open] summary{background:#ffffff0c;color:#e4eae6}.bubble-guide>div{position:absolute;right:0;top:100%;width:245px;padding:10px 15px;background:#1a201d;border:1px solid #ffffff20;border-radius:10px;box-shadow:0 8px 25px #0006;font-size:11px;line-height:1.6}.bubble-guide p{margin:7px 0}.bubble-guide b{color:#e1e8e3;font-weight:500}.bubble-guide .gold-label{color:#eedba6}.bubble-guide[hidden]{display:none}
.logo-bubble[data-kind=stock] .stock-content strong{flex-shrink:1}
@container (min-width:117px) and (max-width:160px){.logo-bubble[data-kind=stock] .stock-content{gap:2px}.logo-bubble[data-kind=stock] .stock-content .company-logo{width:22px}.logo-bubble[data-kind=stock] .stock-content strong{font-size:min(var(--label),15px)}.logo-bubble[data-kind=stock] .stock-content .percent{font-size:min(var(--percent),19px)}}
@container (max-width:145px){.logo-bubble[data-kind=stock] .stock-content .bubble-meta{display:none}}