/* Match Expanded Equity Signals, Thematic Baskets and portfolio controls.
   Navigation and search retain their existing shared styles and behavior. */
html:root body:is(.research-library,.research-preview,.watchlists-connected-preview) {
  --research-bg:#0b0d0f;
  --research-ink:#edf1f7;
  --research-muted:#d7dee7;
  --research-line:#26303a;
  --research-track:#202932;
  --research-accent:#bfdcff;
  --research-surface:#101419;
  --research-selected:#182433;
  --research-nav:#0b0d0f;
  --research-header:#12161a;
  --research-header-ink:#edf1f7;
  --research-header-muted:#d7dee7;
  --research-header-line:#26303a;
  --research-positive:#b5d4ff;
  --research-negative:#eee3d4;
  --sr-bg:var(--research-bg);--sr-ink:var(--research-ink);
  --sr-muted:var(--research-muted);--sr-line:var(--research-line);
  --sr-track:var(--research-track);--sr-accent:var(--research-accent);
  --sr-surface:var(--research-surface);--sr-selected:var(--research-selected);
  --sr-nav:var(--research-nav);--sr-nav-ink:var(--research-ink);
  color-scheme:dark;
}
html:root[data-theme=light] body:is(.research-library,.research-preview,.watchlists-connected-preview) {
  --research-bg:var(--ct-bg,#fcfaf7);
  --research-ink:var(--ct-ink,#252724);
  --research-muted:var(--ct-muted,#666762);
  --research-line:var(--ct-line,#dedbd5);
  --research-track:#e8e4dd;
  --research-accent:var(--ct-denim,#4a657a);
  --research-surface:#f0eeea;
  --research-selected:var(--ct-selected);
  --research-nav:#d9e5e8;
  --research-header:#1c262f;
  --research-header-ink:#f8f5ef;
  --research-header-muted:#bec8cf;
  --research-header-line:#405361;
  --research-positive:var(--ct-positive,#486752);
  --research-negative:var(--ct-down,#915647);
  color-scheme:light;
}
html:root body.watchlists-connected-preview {
  --bg:var(--research-bg);--ink:var(--research-ink);
  --muted:var(--research-muted);--line:var(--research-line);
  --track:var(--research-track);--accent:var(--research-accent);
  --surface:var(--research-surface);--selected:var(--research-selected);
  --nav:var(--research-nav);--header:var(--research-header);
  --header-ink:var(--research-header-ink);
  --positive:var(--research-positive);--negative:var(--research-negative);
  --primary-bg:var(--research-accent);--primary-ink:#15222e;
  --primary-hover:#d0e3fc;
}
html:root[data-theme=light] body.watchlists-connected-preview {
  --primary-ink:#ffffff;--primary-hover:#405a6e;
}
body:is(.research-library,.research-preview) .sr-masthead,
body.watchlists-connected-preview .masthead {
  background:var(--research-header);color:var(--research-header-ink);
  padding:30px 0;
}
body:is(.research-library,.research-preview) .sr-masthead h1,
body.watchlists-connected-preview .masthead h1 {
  font-size:clamp(30px,3.2vw,40px);line-height:1.18;
  color:var(--research-header-ink);
}
body:is(.research-library,.research-preview) .sr-masthead :is(.sr-kicker,p,.sr-masthead-aside>span),
body.watchlists-connected-preview .masthead :is(.eyebrow,p,.masthead-link) {
  color:var(--research-header-muted);
}
body:is(.research-library,.research-preview) .sr-kicker span,
body.watchlists-connected-preview .masthead .eyebrow span {border-color:var(--research-header-line)}
html:root body:is(.research-library,.research-preview) .sr-button {
  border-radius:var(--soft-action-radius);
}
html:root body:is(.research-library,.research-preview) .sr-primary {
  background:transparent!important;color:var(--research-header-ink)!important;
  border-color:var(--research-header-line);
}
html:root body:is(.research-library,.research-preview) .sr-primary:hover {
  background:#ffffff0d!important;
}
html:root body:is(.research-library,.research-preview) .sr-find>div {border-radius:var(--soft-field-radius)}
/* Section navigation stays flat like the reference pages, including sticky use. */
html:root body.watchlists-connected-preview .tabs {background:var(--research-nav);color:var(--research-muted)}
html:root body:is(.research-library,.research-preview) .sr-family-nav {color:var(--research-muted)}
html:root body:is(.research-library,.research-preview) :is(.sr-families,.sr-access) button,
html:root body.watchlists-connected-preview .tabs button {border-radius:0!important;color:var(--research-muted)}
html:root body:is(.research-library,.research-preview) .sr-families button[aria-pressed=true],
html:root body.watchlists-connected-preview .tabs button[aria-selected=true] {
  color:var(--research-ink);border-bottom-color:var(--research-accent);
}
html:root body.watchlists-connected-preview .tabs :is(button span,.sticky-list-select label,.tab-aside,.sticky-list-value>svg) {color:var(--research-muted)}
html:root body.watchlists-connected-preview .sticky-list-value>span {color:var(--research-ink)}
html:root body.watchlists-connected-preview .tabs>.wrap {min-height:52px}
html:root body.watchlists-connected-preview .tabs button {min-height:52px}
html:root body.watchlists-connected-preview .dialog-tabs button {border-radius:0!important}
/* One border around embedded search fields; the actual search overlay is shared. */
html:root body.watchlists-connected-preview .search-field input,
html:root body:is(.research-library,.research-preview) .sr-find input {border-radius:0!important}
@media(max-width:800px) {
  body.watchlists-connected-preview .wrap {width:calc(100% - 36px)}
  body.watchlists-connected-preview .tabs>.wrap {width:100%}
  body.watchlists-connected-preview .masthead {padding:24px 0}
  body.watchlists-connected-preview .masthead-grid {grid-template-columns:1fr;gap:19px;margin-top:17px}
  body.watchlists-connected-preview .masthead h1 {font-size:30px}
  body.watchlists-connected-preview .masthead p:not(.eyebrow) {font-size:13px;margin-top:12px;max-width:38ch}
  body.watchlists-connected-preview .masthead-link {display:none}
}
@media(max-width:760px) {
  body:is(.research-library,.research-preview) .sr-masthead {padding:24px 0}
  body:is(.research-library,.research-preview) .sr-masthead h1 {font-size:30px}
}