/* Page shells, not outer cards. Share the Opportunity page's reading edge.
   Card padding belongs to individual metrics, charts and research reports.
   Keep this small layout layer after the legacy component stylesheets. */
#paperTrading,#researchHub {
  --page-bg:#fff;--page-soft:#f5f6f8;--page-ink:#17191c;
  --page-muted:#616872;--page-line:#e1e5e9;
  --page-heading-ink:var(--reading-ink,#171717);--page-heading-muted:var(--secondary-ink,#3d3d3d);
  min-width:0;max-width:100%;margin:0 0 24px;padding:8px 0 24px;
  border:0;border-radius:0;box-shadow:none;color:var(--page-heading-ink);background:transparent;
}
#paperTrading .paper-terminal-heading,#researchHub>.hub-heading {padding:0 0 22px;margin:0;border:0;align-items:flex-start;}
#paperTrading #paperTradingTitle,#researchHub #researchTitle {
  display:block;font-size:clamp(25px,2.2vw,34px);font-weight:700;line-height:1.2;
  letter-spacing:-1px;margin:9px 0 8px;color:var(--page-heading-ink);text-transform:uppercase;
}
#paperTrading .paper-eyebrow,#researchHub .workspace-eyebrow {
  display:block;margin:0;font-size:10px;font-weight:600;line-height:1.65;
  letter-spacing:.14em;color:var(--page-heading-muted);
}
#researchHub {font-size:13px;line-height:1.6;}
#researchHub *,#researchHub *::before,#researchHub *::after {box-sizing:border-box;}
#researchHub>.hub-heading>span:first-child {min-width:0;flex:1;}
#researchHub .hub-description {display:block;margin:0;font-size:12px;line-height:1.65;color:var(--page-heading-muted);}
#researchHub .hub-arrow {flex:none;width:36px;height:36px;margin-top:6px;border:1px solid var(--page-line);border-radius:8px;background:var(--page-soft);color:var(--page-ink);}
#researchHub>.hub-content {min-width:0;padding:0 0 16px;}
#researchHub .hub-content>.notice,#researchHub .hub-content>section,#researchHub .research-overview>.notice {
  min-width:0;max-width:100%;margin:0;padding:18px;border:1px solid var(--page-line);
  border-radius:12px;background:var(--page-bg);color:var(--page-ink);box-shadow:none;
}
#researchHub .hub-content h3 {font-size:17px;line-height:1.4;margin:0 0 10px;color:var(--page-ink);overflow-wrap:anywhere;}
#researchHub .hub-content :is(p,li,summary) {font-size:12px;line-height:1.65;color:var(--page-muted);overflow-wrap:anywhere;}
#researchHub .hub-content :is(strong,a) {color:var(--page-ink);overflow-wrap:anywhere;}
#researchHub .hub-content a {font-size:12px;line-height:1.6;}
#researchHub .hub-content details {min-width:0;max-width:100%;}
#researchHub .research-table-wrap {max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border-color:var(--page-line);border-radius:8px;}
#researchHub .research-table :is(th,td) {border-color:var(--page-line);}
#researchHub .research-table {background:var(--page-bg);}
#researchHub .research-table th {background:var(--page-soft);color:var(--page-muted);}
#researchHub .research-table td {color:var(--page-ink);}
#researchHub :is(a,summary):focus-visible {outline:2px solid var(--page-ink);outline-offset:3px;}
#researchHub>.hub-heading:focus-visible {outline-color:var(--page-heading-ink);}
/* Unframed text reads on the page canvas, not on a card's own dark surface.
   Let the page/browser theme supply that canvas; never paint a tab-sized slab. */
#paperTrading .paper-terminal-heading,#paperTrading .paper-ledger-tabs {
  --pt-ink:var(--page-heading-ink);--pt-muted:var(--page-heading-muted);--pt-inverse:var(--bg,#fff);
}
#paperTrading :is(#paperPositionSummary,.paper-position-scope,.paper-terminal-footnote),
#paperTrading .paper-ledger-heading>span,#paperTrading .paper-equity-summary>span {color:var(--page-heading-muted);}
#paperTrading :is(.paper-advanced,.paper-secondary)>summary {color:var(--page-heading-ink);}
#paperTrading :is(.paper-advanced,.paper-secondary)>summary:focus-visible {outline-color:var(--page-heading-ink);}
@media(prefers-color-scheme:dark) {
  #paperTrading,#researchHub {--page-bg:#17191b;--page-soft:#202326;--page-ink:#eff0f1;--page-muted:#a8adb5;--page-line:#34383d;}
}
/* Preserve the desktop Forecast sidebar and resizable workbench. On smaller
   screens the search header is an open page heading, not another nested card. */
@media(max-width:1000px) {
  #priceForecast .forecast-search-card {display:block;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;margin:0 0 18px;}
  #priceForecast .forecast-heading {margin:0;padding:0 0 18px;}
}
@media(max-width:720px) {
  #paperTrading,#researchHub,#priceForecast {padding:0 0 24px;border:0;border-radius:0;box-shadow:none;}
  #paperTrading .paper-terminal-heading,#researchHub>.hub-heading,#priceForecast .forecast-heading {padding:8px 0 18px;}
  #paperTrading #paperTradingTitle,#researchHub #researchTitle,#priceForecast #forecastTitle {font-size:27px;line-height:1.2;letter-spacing:-1px;margin:9px 0 8px;}
  #paperTrading .paper-eyebrow,#researchHub .workspace-eyebrow,#priceForecast .forecast-eyebrow {font-size:9px;line-height:1.65;letter-spacing:.1em;}
  #paperTrading #paperTradingSubtitle,#researchHub .hub-description,#priceForecast #forecastIntro {font-size:11px;line-height:1.65;margin:0;}
  #paperTrading .paper-terminal-health {width:100%;padding:12px 0 0;border-top:1px solid var(--page-line);}
  #researchHub .hub-content>.notice,#researchHub .hub-content>section,#researchHub .research-overview>.notice {padding:16px;}
}
