/* Keep the market bands and first stock lanes in view. */
.tabs{flex-shrink:0}.tabs button{white-space:nowrap}
header{padding-top:20px;padding-bottom:20px}.stat{padding-top:12px;padding-bottom:12px}.panel-head{padding-top:15px;padding-bottom:15px}.controls{display:grid;grid-template-columns:minmax(100px,1.2fr) minmax(130px,1.15fr) minmax(135px,1.45fr) minmax(90px,.8fr) minmax(110px,1fr) minmax(155px,1.4fr)}.search{min-width:0}.index-row,.index-svg{height:64px}.emotion-row{min-height:32px;height:32px}.flow-row{min-height:48px;height:48px}.row-note{padding-top:5px;padding-bottom:5px}.axis-row{min-height:40px}.legend{padding-top:9px;padding-bottom:9px}
@media(max-width:1150px){.controls{grid-template-columns:repeat(3,minmax(0,1fr))}.controls .search{grid-column:span 1}}
@media(max-width:860px){.controls{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.controls .search{grid-column:span 2}.controls label{min-width:0}header{padding:18px}.legend{font-size:12px}.row-note{max-width:calc(100vw - 22px)}}

/* Desktop timeline uses the full viewport and fits the complete six-month range. */
main{max-width:none;width:100%}.workspace{grid-template-columns:minmax(0,1fr) 320px}.chart-scroll{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}
@media(max-width:1150px){.workspace{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:860px){.workspace{grid-template-columns:1fr}.chart-scroll{overflow:auto}}

.brand-icon{color:#9bbef8;border-color:#3b5680;background:#162840}nav{display:flex;gap:14px;margin-top:8px;font-size:12px}nav a{color:#9bb2d2;text-decoration:none}nav a.active{color:#9bbef8}nav a:hover{color:#fff}.holding-cards{grid-template-columns:1fr}.range small{white-space:normal}@media(max-width:680px){header{align-items:flex-start;flex-direction:column}.range{text-align:left}nav{flex-wrap:wrap}}