@import url('https://fonts.googleapis.com/css2?family=Fragment+Mono&family=Inter:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,400;6..72,500&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap');

/*
 * FCN Concept 03 — Maxima-inspired monochrome finance skin.
 * Everything is scoped to html[data-design="rogo"] so the production visual
 * language remains available without duplicating routes, data, or behaviour.
 */
html[data-design="rogo"] {
  color-scheme: light;
  --white: #fff;
  --ink: #000;
  --muted: #626262;
  --faint: #929292;
  --line: #e1e1e1;
  --line-strong: #a6a6a6;
  --surface: #f6f6f6;
  --teal: #111;
  --teal-dark: #000;
  --teal-soft: #f1f1f1;
  --green: #087f83;
  --green-soft: #e6f2f2;
  --amber: #946314;
  --red: #ff6908;
  --red-soft: #fff0e7;
  --shadow: 0 18px 50px rgba(0, 0, 0, .12);
  --serif: "Newsreader", "Noto Serif SC", "Songti SC", serif;
  --sans: "Inter", "Noto Sans SC", "Microsoft YaHei UI", sans-serif;
  --mono: "Fragment Mono", "IBM Plex Mono", Consolas, monospace;
  --rogo-black: #000;
  --rogo-paper: #fff;
  --rogo-white: #fff;
  --rogo-signal: #fff;
  --type-caption: 11px;
  --type-body: 13px;
  --type-lead: 16px;
  --type-section: 24px;
  --type-display: 72px;
}

html[data-design="rogo"],
html[data-design="rogo"] body { background: var(--rogo-paper); }

html[data-design="rogo"] body {
  font-family: var(--sans);
  font-size: 13px;
  letter-spacing: -.012em;
}

html[data-design="rogo"] ::selection { color: #fff; background: #000; }

/* Header and mode switch */
html[data-design="rogo"] .app-header {
  height: 72px;
  padding: 0 24px;
  grid-template-columns: minmax(240px, 1fr) auto minmax(280px, 1fr);
  border-bottom: 0;
  color: #fff;
  background: rgba(8, 8, 8, .97);
  backdrop-filter: blur(18px);
}

html[data-design="rogo"] .brand {
  color: #fff;
  font-family: var(--sans);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -.03em;
}

html[data-design="rogo"] .brand-mark {
  width: 34px;
  height: 34px;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #080808;
  background: #fff;
  font: 500 21px/1 var(--serif);
}

html[data-design="rogo"] .brand .info-trigger { color: #fff; border-color: #5d5d5d; background: transparent; }
html[data-design="rogo"] .brand .info-trigger:hover { color: #080808; border-color: var(--rogo-signal); background: var(--rogo-signal); }

html[data-design="rogo"] .main-nav { gap: 24px; }
html[data-design="rogo"] .nav-item {
  color: #aeadab;
  font: 500 12px/1 var(--sans);
  letter-spacing: -.015em;
}
html[data-design="rogo"] .nav-item:hover,
html[data-design="rogo"] .nav-item.active { color: #fff; }
html[data-design="rogo"] .nav-item::after { left: 50%; right: 50%; bottom: 15px; height: 1px; transition: left .2s ease, right .2s ease; }
html[data-design="rogo"] .nav-item.active::after { left: 0; right: 0; background: var(--rogo-signal); }
html[data-design="rogo"] .global-freshness { color: #8e8e8b; font: 10px var(--mono); }

.design-switch {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid var(--line-strong);
  border-radius: 5px;
  color: var(--muted);
  background: white;
  cursor: pointer;
}
.design-switch span { font: 8px/1 var(--mono); letter-spacing: .08em; }
.design-switch strong { font-size: 11px; }
.design-switch:hover { border-color: var(--ink); color: var(--ink); }

html[data-design="rogo"] .design-switch {
  min-height: 36px;
  border-color: #454545;
  border-radius: 0;
  color: #b8b8b4;
  background: #151515;
}
html[data-design="rogo"] .design-switch strong { color: #fff; }
html[data-design="rogo"] .design-switch::after {
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--rogo-signal);
  content: "";
}
html[data-design="rogo"] .role-switch,
html[data-design="rogo"] .mobile-menu {
  min-height: 36px;
  border-color: #fff;
  border-radius: 0;
  color: #080808;
  background: #fff;
  font-size: 11px;
  font-weight: 600;
}

/* Loading */
html[data-design="rogo"] .app-loading { background: rgba(8, 8, 8, .96); }
html[data-design="rogo"] .app-loading-card {
  border: 1px solid #393939;
  border-radius: 0;
  color: #fff;
  background: #111;
  box-shadow: none;
}
html[data-design="rogo"] .app-loading-copy span { color: #8d8d89; }
html[data-design="rogo"] .app-loading-spinner { border-color: #3a3a38; border-top-color: var(--rogo-signal); }
html[data-design="rogo"] .app-loading-track { border-radius: 0; background: #343432; }
html[data-design="rogo"] .app-loading-track span { border-radius: 0; background: var(--rogo-signal); }
html[data-design="rogo"] .app-loading-percent { color: var(--rogo-signal); }

/* Page rhythm and headings */
html[data-design="rogo"] .page-shell {
  width: min(1480px, calc(100% - 64px));
  padding: 54px 0 84px;
}
html[data-design="rogo"] .opportunity-shell { width: min(1480px, calc(100% - 48px)); }
html[data-design="rogo"] .page-heading {
  position: relative;
  min-height: 174px;
  align-items: flex-end;
  margin-bottom: 30px;
  padding: 30px 0 26px;
  border-top: 1px solid #797872;
  border-bottom: 1px solid var(--line-strong);
}
html[data-design="rogo"] .page-heading::before {
  position: absolute;
  top: 13px;
  left: 0;
  color: #575650;
  content: "FCN / MARKET INTELLIGENCE / LIVE";
  font: 9px/1 var(--mono);
  letter-spacing: .11em;
}
html[data-design="rogo"] .page-heading::after {
  position: absolute;
  top: 12px;
  right: 0;
  color: #575650;
  content: "01";
  font: 10px/1 var(--mono);
}
html[data-design="rogo"] .page-heading h1,
html[data-design="rogo"] .knowledge-home-intro h1,
html[data-design="rogo"] .knowledge-reading-hero h1 {
  font-family: var(--serif);
  font-weight: 400;
  letter-spacing: -.055em;
}
html[data-design="rogo"] .page-heading h1 { max-width: 940px; font-size: clamp(46px, 5.6vw, 76px); line-height: .96; }
html[data-design="rogo"] .heading-lockup { white-space: nowrap; }
html[data-design="rogo"] .primary-display-title {
  display: inline-block;
  padding: 0;
  font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
  font-size: var(--type-display);
  font-style: normal;
  font-weight: 700;
  line-height: .96;
  letter-spacing: -.065em;
  white-space: nowrap;
}
html[data-design="rogo"] .page-heading p { max-width: 720px; margin-top: 18px; color: #55544f; font-size: 12px; line-height: 1.65; }
html[data-design="rogo"] .page-heading .section-kicker { display: block; margin: 0 0 18px; color: #24231f; font: 700 9px var(--mono); letter-spacing: .13em; }
html[data-design="rogo"] .pulse-line { filter: grayscale(1) contrast(2); }

/* Universal controls */
html[data-design="rogo"] select,
html[data-design="rogo"] input,
html[data-design="rogo"] textarea {
  border: 1px solid #aaa;
  border-radius: 0;
  color: #000;
  background: #fff;
}
html[data-design="rogo"] select:focus,
html[data-design="rogo"] input:focus,
html[data-design="rogo"] textarea:focus { border-color: #000; outline: 1px solid #000; box-shadow: none; }
html[data-design="rogo"] .primary-button,
html[data-design="rogo"] .secondary-button,
html[data-design="rogo"] .text-button,
html[data-design="rogo"] .row-action,
html[data-design="rogo"] .filter-reset,
html[data-design="rogo"] .threshold-reset { border-radius: 0; }
html[data-design="rogo"] .primary-button { border-color: #080808; color: #fff; background: #080808; }
html[data-design="rogo"] .primary-button:hover { color: #080808; border-color: var(--rogo-signal); background: var(--rogo-signal); }
html[data-design="rogo"] .secondary-button,
html[data-design="rogo"] .row-action { border-color: #0a0a0a; color: #0a0a0a; background: transparent; }
html[data-design="rogo"] .secondary-button:hover,
html[data-design="rogo"] .row-action:hover { color: #fff; border-color: #080808; background: #080808; }
html[data-design="rogo"] .text-button { color: #0a0a0a; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
html[data-design="rogo"] .info-trigger { border-radius: 50%; }

/* Filters and segmented navigation */
html[data-design="rogo"] .theme-rail {
  grid-template-columns: repeat(4, minmax(150px, 1fr)) auto;
  gap: 0;
  padding: 0;
  border: 1px solid #9d9b93;
  border-right: 0;
  background: #fff;
}
html[data-design="rogo"] .theme-rail > * { min-height: 62px; padding: 10px 12px; border-right: 1px solid #9d9b93; }
html[data-design="rogo"] .filter-dimension { gap: 6px; font: 8px var(--mono); letter-spacing: .06em; text-transform: uppercase; }
html[data-design="rogo"] .filter-dimension select { min-height: 30px; padding: 0; border: 0; background: transparent; font-size: 12px; font-weight: 600; }
html[data-design="rogo"] .filter-panel { margin-top: 12px; padding: 18px; border: 1px solid #b5b5b5; background: #f6f6f6; }
html[data-design="rogo"] .opportunity-view-toolbar { padding: 18px 0 14px; }
html[data-design="rogo"] .opportunity-scope-switch,
html[data-design="rogo"] .opportunity-view-switch,
html[data-design="rogo"] .opportunity-bubble-axis-switch { border-color: #77756f; background: transparent; }
html[data-design="rogo"] .opportunity-scope-switch button,
html[data-design="rogo"] .opportunity-view-switch button,
html[data-design="rogo"] .opportunity-bubble-axis-switch button { border-color: #77756f; color: #55544f; font-family: var(--mono); }
html[data-design="rogo"] .opportunity-scope-switch button.active,
html[data-design="rogo"] .opportunity-view-switch button.active { color: #fff; background: #000; }
html[data-design="rogo"] .opportunity-bubble-axis-switch button.active { color: #000; background: #fff; }

/* Market map — white analytical canvas */
html[data-design="rogo"] .opportunity-bubble-panel {
  position: relative;
  margin-bottom: 28px;
  padding: 26px 28px 20px;
  overflow: hidden;
  border: 1px solid #aaa;
  color: #000;
  background: #fff;
}
html[data-design="rogo"] .opportunity-bubble-panel::after {
  display: none;
}
html[data-design="rogo"] .opportunity-bubble-heading,
html[data-design="rogo"] .opportunity-bubble-legend,
html[data-design="rogo"] .opportunity-bubble-canvas,
html[data-design="rogo"] .opportunity-bubble-note { position: relative; z-index: 1; }
html[data-design="rogo"] .opportunity-bubble-heading span { color: #000; }
html[data-design="rogo"] .opportunity-bubble-heading h2 { color: #000; font: 400 30px var(--serif); letter-spacing: -.035em; }
html[data-design="rogo"] .opportunity-bubble-heading p,
html[data-design="rogo"] .opportunity-bubble-legend,
html[data-design="rogo"] .opportunity-bubble-note { color: #666; }
html[data-design="rogo"] .opportunity-bubble-grid line { stroke: #dedede; }
html[data-design="rogo"] .opportunity-bubble-grid text,
html[data-design="rogo"] .bubble-axis-label { fill: #555; }
html[data-design="rogo"] .opportunity-bubble-axis-switch { border-color: #777; background: #fff; }
html[data-design="rogo"] .opportunity-bubble-axis-switch button { border-color: #777; color: #555; }
html[data-design="rogo"] .opportunity-bubble-axis-switch button.active { color: #fff; background: #000; }
html[data-design="rogo"] .legend-watchlist { border-color: #000; background: transparent; }
html[data-design="rogo"] .bubble-watch-ring { stroke: #000; }
html[data-design="rogo"] .opportunity-bubble-node:hover > circle:not(.bubble-watch-ring),
html[data-design="rogo"] .opportunity-bubble-node:focus > circle:not(.bubble-watch-ring),
html[data-design="rogo"] .opportunity-bubble-node.is-symbol-highlighted > circle:not(.bubble-watch-ring) { stroke: #000; }

/* Tables and opportunity rows */
html[data-design="rogo"] table { border-top: 1px solid #0a0a0a; }
html[data-design="rogo"] th {
  padding-top: 13px;
  padding-bottom: 13px;
  border-color: #0a0a0a;
  color: #55544f;
  font: 9px var(--mono);
  letter-spacing: .06em;
  text-transform: uppercase;
}
html[data-design="rogo"] td { border-color: #cbc9c1; }
html[data-design="rogo"] .opportunity-table tbody tr:hover { background: #f5f5f5; }
html[data-design="rogo"] .opportunity-table tbody tr.selected { background: #f1f1f1; box-shadow: inset 3px 0 #000; }
html[data-design="rogo"] .opportunity-header-line { border-bottom: 1px solid #080808; color: #585751; font: 9px var(--mono); letter-spacing: .07em; text-transform: uppercase; }
html[data-design="rogo"] .opportunity-line { min-height: 102px; font-size: 12px; }
html[data-design="rogo"] .rec-group-row td { background: #0a0a0a; }
html[data-design="rogo"] .rec-group-row div,
html[data-design="rogo"] .rec-group-row.focus div,
html[data-design="rogo"] .rec-group-row.watch div,
html[data-design="rogo"] .rec-group-row.caution div,
html[data-design="rogo"] .rec-group-row.reject div,
html[data-design="rogo"] .rec-group-row.opportunity-group-recommended div,
html[data-design="rogo"] .rec-group-row.opportunity-group-watch div,
html[data-design="rogo"] .rec-group-row.opportunity-group-comparison div,
html[data-design="rogo"] .rec-group-row.opportunity-group-reject div { border-left-color: var(--rogo-signal); color: #fff; background: #0a0a0a; }
html[data-design="rogo"] .rec-group-row strong { font: 400 17px var(--serif); }
html[data-design="rogo"] .rec-group-row span,
html[data-design="rogo"] .rec-group-row b { color: #969691; }
html[data-design="rogo"] .rec-group-row i { color: var(--rogo-signal); }
html[data-design="rogo"] .symbol-avatar { border-radius: 0; color: #fff; background: #0a0a0a; font-family: var(--mono); font-size: 11px; }
html[data-design="rogo"] .opportunity-theme { color: #0a0a0a; }
html[data-design="rogo"] .opportunity-theme > span { border: 1px solid #a4a29a; border-radius: 0; background: transparent; font: 9px var(--mono); }
html[data-design="rogo"] .homepage-strategy-card { border-color: #a4a29a; background: transparent; }
html[data-design="rogo"] .homepage-strategy-card strong b { border-radius: 0; background: #0a0a0a; }
html[data-design="rogo"] .watchlist-toggle { border-radius: 50%; color: #080808; border-color: #88867e; background: transparent; }
html[data-design="rogo"] .watchlist-toggle:hover,
html[data-design="rogo"] .watchlist-toggle:focus-visible,
html[data-design="rogo"] .watchlist-toggle.active { border-color: #000; color: #fff; background: #000; }
html[data-design="rogo"] .opportunity-row.is-watchlisted { box-shadow: inset 3px 0 #000; }
html[data-design="rogo"] .bubble-mobile-item.is-watchlisted { border-left-color: #000; }
html[data-design="rogo"] .opportunity-row-watch { background: #f4f4f4; }
html[data-design="rogo"] .homepage-strategy-card.attention { border-color: #777; background: #f4f4f4; }
html[data-design="rogo"] .homepage-strategy-card.attention strong b { background: #000; }

/* Analysis and data tiles */
html[data-design="rogo"] .analysis-search-panel,
html[data-design="rogo"] .analysis-controls,
html[data-design="rogo"] .control-panel,
html[data-design="rogo"] .backtest-controls,
html[data-design="rogo"] .valuation-controls { border-radius: 0; background: transparent; }
html[data-design="rogo"] .analysis-heatmap,
html[data-design="rogo"] .heatmap-grid { gap: 1px; padding: 1px; background: #0a0a0a; }
html[data-design="rogo"] .heat-cell,
html[data-design="rogo"] .heatmap-cell,
html[data-design="rogo"] .analysis-cell { border: 0; border-radius: 0; box-shadow: none; }
html[data-design="rogo"] .heatmap-legend .heat-high { border-color: #000; color: #fff; background: #000; }
html[data-design="rogo"] .heatmap-legend .heat-positive { border-color: #777; color: #000; background: #d4d4d4; }
html[data-design="rogo"] .heatmap-legend .heat-watch { border-color: #aaa; color: #000; background: #ececec; }
html[data-design="rogo"] .heatmap-legend .heat-low { border-color: #d2d2d2; color: #555; background: #fafafa; }
html[data-design="rogo"] .stock-heat-tile { border-radius: 0; box-shadow: none; }
html[data-design="rogo"] .stock-heat-tile.heat-high { border-color: #000; color: #fff; background: #000; }
html[data-design="rogo"] .stock-heat-tile.heat-positive { border-color: #777; background: #d4d4d4; }
html[data-design="rogo"] .stock-heat-tile.heat-watch { border-color: #aaa; background: #ececec; }
html[data-design="rogo"] .stock-heat-tile.heat-low { border-color: #d2d2d2; background: #fafafa; }
html[data-design="rogo"] .stock-heat-tile.heat-high .heat-symbol,
html[data-design="rogo"] .stock-heat-tile.heat-high > strong,
html[data-design="rogo"] .stock-heat-tile.heat-high .heat-score b { color: #fff; }
html[data-design="rogo"] .stock-heat-tile.heat-high > small,
html[data-design="rogo"] .stock-heat-tile.heat-high .heat-score,
html[data-design="rogo"] .stock-heat-tile.heat-high > em { color: #aaa; }
html[data-design="rogo"] .stock-heat-tile:hover,
html[data-design="rogo"] .stock-heat-tile:focus-visible { outline-color: #000; box-shadow: 0 8px 20px rgba(0,0,0,.13); }
html[data-design="rogo"] .company-card,
html[data-design="rogo"] .analysis-card,
html[data-design="rogo"] .score-card,
html[data-design="rogo"] .backtest-result-panel,
html[data-design="rogo"] .valuation-card,
html[data-design="rogo"] .health-summary-card,
html[data-design="rogo"] .health-dataset-card { border-radius: 0; border-color: #aaa; background: #fff; box-shadow: none; }

/* Detail workspace */
html[data-design="rogo"] .detail-layout { grid-template-columns: 210px minmax(0, 1fr); min-height: calc(100vh - 72px); }
html[data-design="rogo"] .detail-sidebar {
  top: 72px;
  height: calc(100vh - 72px);
  padding-top: 90px;
  border: 0;
  color: #fff;
  background: #0a0a0a;
}
html[data-design="rogo"] .detail-sidebar::before {
  display: block;
  margin: 0 22px 18px;
  color: #777773;
  content: "RESEARCH INDEX";
  font: 8px var(--mono);
  letter-spacing: .12em;
}
html[data-design="rogo"] .detail-tab { border-left: 1px solid transparent; color: #898985; background: transparent; font: 10px var(--mono); }
html[data-design="rogo"] .detail-tab:hover,
html[data-design="rogo"] .detail-tab.active { color: #fff; background: #161616; }
html[data-design="rogo"] .detail-tab.active { border-left-color: var(--rogo-signal); }
html[data-design="rogo"] .detail-watchlist-panel { border-color: #333; }
html[data-design="rogo"] .detail-search-panel { border-color: #333; }
html[data-design="rogo"] .detail-search-panel label,
html[data-design="rogo"] .detail-search-panel small { color: #aaa; }
html[data-design="rogo"] .detail-watchlist-panel > span,
html[data-design="rogo"] .detail-watchlist-panel small { color: #777; }
html[data-design="rogo"] .detail-watchlist-button { border-color: #666; color: #fff; background: transparent; box-shadow: none; }
html[data-design="rogo"] .detail-watchlist-button:hover,
html[data-design="rogo"] .detail-watchlist-button:focus-visible { border-color: #fff; outline-color: #fff; }
html[data-design="rogo"] .detail-watchlist-button[aria-pressed="true"] { border-color: #fff; color: #000; background: #fff; box-shadow: none; }
html[data-design="rogo"] .detail-watchlist-inline { border-color: #000; color: #fff; background: #000; }
html[data-design="rogo"] .detail-watchlist-inline[aria-pressed="true"] { border-color: #000; color: #000; background: #fff; box-shadow: inset 0 0 0 1px #000; }
html[data-design="rogo"] .detail-main { padding: 42px 42px 84px; }
html[data-design="rogo"] .detail-header { border-bottom-color: #080808; }
html[data-design="rogo"] .identity-row h2 { font-size: 32px; letter-spacing: -.04em; }
html[data-design="rogo"] .detail-section { padding: 36px 0; border-bottom-color: #b8b6ae; }
html[data-design="rogo"] .detail-section h3 { font: 400 28px var(--serif); letter-spacing: -.035em; }
html[data-design="rogo"] .overview-chart-card,
html[data-design="rogo"] .volatility-chart-card,
html[data-design="rogo"] .fundamental-score-panel,
html[data-design="rogo"] .volatility-score-final,
html[data-design="rogo"] .structure-card,
html[data-design="rogo"] .scenario-card { border-radius: 0; border-color: #aaa; background: #fff; box-shadow: none; }
html[data-design="rogo"] .chart-card-heading h4,
html[data-design="rogo"] .score-final-heading h4 { font-family: var(--sans); font-weight: 600; }
html[data-design="rogo"] .chart-gridline { stroke: #d0cec6; stroke-dasharray: 1 4; }
html[data-design="rogo"] .chart-line { stroke: #0a0a0a; }

/* Backtests, valuation, materials, health */
html[data-design="rogo"] .backtest-result-panel,
html[data-design="rogo"] .covered-call-summary,
html[data-design="rogo"] .valuation-shell,
html[data-design="rogo"] .materials-workspace,
html[data-design="rogo"] .health-summary-grid,
html[data-design="rogo"] .health-dataset-grid { border-radius: 0; }
html[data-design="rogo"] .backtest-result-panel h2,
html[data-design="rogo"] .valuation-shell h2,
html[data-design="rogo"] .materials-preview-heading h2,
html[data-design="rogo"] .health-issues-heading h2 { font: 400 26px var(--serif); letter-spacing: -.03em; }
html[data-design="rogo"] .backtest-matrix th { background: #0a0a0a; color: #fff; }
html[data-design="rogo"] .backtest-matrix td { background: #fff; }
html[data-design="rogo"] .gauge-card,
html[data-design="rogo"] .valuation-output,
html[data-design="rogo"] .materials-copy-editor,
html[data-design="rogo"] .materials-put-curve,
html[data-design="rogo"] .health-issues-panel { border-radius: 0; box-shadow: none; }

/* Knowledge home and articles */
html[data-design="rogo"] .knowledge-home-intro {
  gap: 64px;
  align-items: stretch;
  padding: 40px 0 46px;
  border-top: 1px solid #0a0a0a;
}
html[data-design="rogo"] .knowledge-home-intro h1 { font-size: clamp(50px, 6.2vw, 86px); line-height: .94; }
html[data-design="rogo"] .knowledge-home-principle {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 0;
  color: #fff;
  background: #0a0a0a;
}
html[data-design="rogo"] .knowledge-home-principle strong { color: var(--rogo-signal); font: 9px var(--mono); letter-spacing: .12em; }
html[data-design="rogo"] .knowledge-home-principle p { color: #c2c2bd; }
html[data-design="rogo"] .knowledge-start-paths { border-color: #0a0a0a; }
html[data-design="rogo"] .knowledge-start-paths a + a { border-color: #0a0a0a; }
html[data-design="rogo"] .knowledge-start-paths span { color: #0a0a0a; }
html[data-design="rogo"] .knowledge-start-paths strong { font: 500 16px var(--sans); }
html[data-design="rogo"] .knowledge-start-paths a:hover { color: #fff; background: #0a0a0a; }
html[data-design="rogo"] .knowledge-start-paths a:hover span,
html[data-design="rogo"] .knowledge-start-paths a:hover small { color: var(--rogo-signal); }
html[data-design="rogo"] .knowledge-category { border-color: #9d9b93; background: transparent; }
html[data-design="rogo"] .knowledge-category-head { border-color: #9d9b93; color: #fff; background: #0a0a0a; }
html[data-design="rogo"] .knowledge-category-head > span,
html[data-design="rogo"] .knowledge-category-head > strong { color: var(--rogo-signal); }
html[data-design="rogo"] .knowledge-category-head p { color: #aaa9a4; }
html[data-design="rogo"] .knowledge-question-link i,
html[data-design="rogo"] .knowledge-question-link:hover strong { color: #0a0a0a; }
html[data-design="rogo"] .knowledge-official-sources { border: 0; color: #fff; background: #0a0a0a; }
html[data-design="rogo"] .knowledge-official-sources > div > span,
html[data-design="rogo"] .knowledge-official-sources a i { color: var(--rogo-signal); }
html[data-design="rogo"] .knowledge-official-sources p,
html[data-design="rogo"] .knowledge-official-sources a small { color: #a9a9a5; }
html[data-design="rogo"] .knowledge-official-sources li + li { border-color: #333; }
html[data-design="rogo"] .knowledge-reading-hero { border-bottom: 1px solid #0a0a0a; }
html[data-design="rogo"] .knowledge-reading-hero aside,
html[data-design="rogo"] .knowledge-hero-outcomes { border-radius: 0; border-color: #aaa; background: #fff; }

/* Dialogs */
html[data-design="rogo"] .info-dialog { background: rgba(0,0,0,.72); }
html[data-design="rogo"] .info-card,
html[data-design="rogo"] .account-card,
html[data-design="rogo"] .knowledge-admin-card { border-radius: 0; border: 1px solid #000; background: #fff; box-shadow: 20px 20px 0 rgba(0,0,0,.18); }
html[data-design="rogo"] .knowledge-label { color: #0a0a0a; font-family: var(--mono); }
html[data-design="rogo"] .account-auth-tabs { border-radius: 0; border-color: #0a0a0a; }
html[data-design="rogo"] .account-auth-tabs button.active { color: #fff; background: #0a0a0a; }

/* Standalone knowledge and editorial topic pages */
html[data-design="rogo"] .knowledge-article-body,
html[data-design="rogo"] .topic-body { --topic-blue: #0a0a0a; --article-blue: #0a0a0a; background: var(--rogo-paper); }
html[data-design="rogo"] .knowledge-site-header,
html[data-design="rogo"] .topic-header {
  min-height: 72px;
  gap: 24px;
  padding: 0 24px;
  border: 0;
  color: #fff;
  background: rgba(8,8,8,.97);
}
html[data-design="rogo"] .knowledge-site-brand,
html[data-design="rogo"] .topic-brand { color: #fff; font-family: var(--sans); font-size: 15px; letter-spacing: -.03em; }
html[data-design="rogo"] .knowledge-site-header .brand-mark,
html[data-design="rogo"] .topic-header .brand-mark { border: 1px solid #fff; border-radius: 50%; color: #080808; background: #fff; font-family: var(--serif); }
html[data-design="rogo"] .knowledge-site-header nav,
html[data-design="rogo"] .topic-header nav { margin-left: auto; }
html[data-design="rogo"] .knowledge-site-header nav a,
html[data-design="rogo"] .topic-header nav a { color: #aeadab; font-family: var(--sans); }
html[data-design="rogo"] .knowledge-site-header nav a:hover,
html[data-design="rogo"] .topic-header nav a:hover { color: #fff; }
html[data-design="rogo"] .knowledge-site-header .design-switch,
html[data-design="rogo"] .topic-header .design-switch { flex: 0 0 auto; }
html[data-design="rogo"] .topic-hero {
  position: relative;
  width: 100%;
  max-width: none;
  padding: 78px max(48px, calc((100vw - 1420px)/2)) 66px;
  color: #fff;
  background: #080808;
}
html[data-design="rogo"] .topic-hero::before {
  position: absolute;
  top: 28px;
  left: max(48px, calc((100vw - 1420px)/2));
  color: #777773;
  content: "FCN / EDITORIAL RESEARCH";
  font: 9px var(--mono);
  letter-spacing: .13em;
}
html[data-design="rogo"] .topic-back,
html[data-design="rogo"] .topic-deck,
html[data-design="rogo"] .topic-scope { color: #adada8; }
html[data-design="rogo"] .editorial-kicker { color: var(--rogo-signal); font-family: var(--mono); letter-spacing: .12em; }
html[data-design="rogo"] .topic-hero h1 { color: #fff; font-weight: 400; line-height: .98; }
html[data-design="rogo"] .topic-thesis { border-color: #41413e; color: #fff; background: #141414; }
html[data-design="rogo"] .topic-thesis strong { color: var(--rogo-signal); }
html[data-design="rogo"] .topic-thesis p { color: #c4c4bf; }
html[data-design="rogo"] .topic-hero-visual { border-color: #3a3a37; border-radius: 0; background: #111; box-shadow: none; }
html[data-design="rogo"] .topic-hero-visual figcaption,
html[data-design="rogo"] .topic-hero-visual figcaption strong { color: #fff; }
html[data-design="rogo"] .topic-layout { border-top: 0; }
html[data-design="rogo"] .topic-toc { top: 98px; border-color: #a8a69f; }
html[data-design="rogo"] .topic-toc a:hover,
html[data-design="rogo"] .topic-toc a.active { border-left-color: #000; color: #000; background: #f2f2f2; }
html[data-design="rogo"] .topic-section > header > span { color: #080808; }
html[data-design="rogo"] .topic-section h2 { font-weight: 400; letter-spacing: -.04em; }
html[data-design="rogo"] .topic-final,
html[data-design="rogo"] .dual-truth { background: #080808; }
html[data-design="rogo"] .topic-final .final-quote,
html[data-design="rogo"] .dual-truth strong { color: var(--rogo-signal); }
html[data-design="rogo"] .topic-footer,
html[data-design="rogo"] .knowledge-site-footer { border-color: #000; background: #f3f3f3; }

/* Five-level type scale. This final layer also normalizes legacy component
 * sizes inherited from fcn.css so the new theme cannot drift beyond it. */
html[data-design="rogo"] body,
html[data-design="rogo"] body *,
html[data-design="rogo"] body *::before,
html[data-design="rogo"] body *::after {
  font-size: var(--type-body) !important;
}

html[data-design="rogo"] small,
html[data-design="rogo"] label,
html[data-design="rogo"] th,
html[data-design="rogo"] dt,
html[data-design="rogo"] svg text,
html[data-design="rogo"] .section-kicker,
html[data-design="rogo"] .admin-eyebrow,
html[data-design="rogo"] .knowledge-label,
html[data-design="rogo"] .topic-eyebrow,
html[data-design="rogo"] .topic-scope,
html[data-design="rogo"] .global-freshness,
html[data-design="rogo"] .chart-source,
html[data-design="rogo"] .source-bar,
html[data-design="rogo"] .page-heading::before,
html[data-design="rogo"] .page-heading::after {
  font-size: var(--type-caption) !important;
}

html[data-design="rogo"] .brand,
html[data-design="rogo"] h3,
html[data-design="rogo"] h4,
html[data-design="rogo"] h5,
html[data-design="rogo"] .topic-deck,
html[data-design="rogo"] .app-loading-copy strong,
html[data-design="rogo"] .metric-item > strong,
html[data-design="rogo"] .option-metric > strong,
html[data-design="rogo"] .volatility-metric > strong,
html[data-design="rogo"] .health-summary-card > strong {
  font-size: var(--type-lead) !important;
}

html[data-design="rogo"] h2,
html[data-design="rogo"] .identity-row h2,
html[data-design="rogo"] .health-issues-heading h2 {
  font-size: var(--type-section) !important;
}

html[data-design="rogo"] h1,
html[data-design="rogo"] .page-heading h1,
html[data-design="rogo"] .knowledge-home-intro h1,
html[data-design="rogo"] .knowledge-reading-hero h1,
html[data-design="rogo"] .topic-hero h1,
html[data-design="rogo"] .primary-display-title {
  font-size: var(--type-display) !important;
}

@media (max-width: 1120px) {
  html[data-design="rogo"] .app-header { grid-template-columns: minmax(220px, 1fr) auto; }
  html[data-design="rogo"] .main-nav { position: fixed; top: 72px; left: 0; right: 0; height: auto; padding: 12px 24px; border-top: 1px solid #333; background: #080808; }
  html[data-design="rogo"] .global-freshness { display: none; }
}

@media (max-width: 760px) {
  html[data-design="rogo"] { --type-display: 44px; }
  html[data-design="rogo"] .app-header {
    height: 64px;
    padding: 0 14px;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
  }
  html[data-design="rogo"] .brand { min-width: 0; }
  html[data-design="rogo"] .header-actions { justify-self: end; gap: 6px; }
  html[data-design="rogo"] .account-button,
  html[data-design="rogo"] .mobile-menu { min-width: 36px; padding: 0 9px; }
  html[data-design="rogo"] .brand-link > span:last-child { display: none; }
  html[data-design="rogo"] .design-switch span { display: none; }
  html[data-design="rogo"] .page-shell,
  html[data-design="rogo"] .opportunity-shell { width: min(100% - 28px, 1480px); padding-top: 30px; }
  html[data-design="rogo"] .valuation-shell { padding-top: 18px; }
  html[data-design="rogo"] .page-heading { display: block; min-height: 0; padding: 38px 0 24px; }
  html[data-design="rogo"] .valuation-page-heading { margin-bottom: 12px; padding: 24px 0 18px; }
  html[data-design="rogo"] .valuation-page-heading h1 { font-size: clamp(36px, 9vw, 42px); }
  html[data-design="rogo"] .page-heading > div { min-width: 0; }
  html[data-design="rogo"] .page-heading h1 {
    max-width: 100%;
    font-size: clamp(38px, 9.2vw, 46px);
    overflow-wrap: anywhere;
  }
  html[data-design="rogo"] .primary-display-title {
    font-size: var(--type-display);
    line-height: .98;
  }
  html[data-design="rogo"] .page-heading > .secondary-button { margin-top: 22px; }
  html[data-design="rogo"] .theme-rail { grid-template-columns: 1fr 1fr; border-bottom: 0; }
  html[data-design="rogo"] .theme-rail > * { min-width: 0; }
  html[data-design="rogo"] .opportunity-view-toolbar { grid-template-columns: minmax(0, 1fr); }
  html[data-design="rogo"] .opportunity-scope-switch,
  html[data-design="rogo"] .opportunity-view-switch { display: grid; width: 100%; }
  html[data-design="rogo"] .opportunity-scope-switch { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html[data-design="rogo"] .opportunity-view-switch { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-design="rogo"] .opportunity-scope-switch button,
  html[data-design="rogo"] .opportunity-view-switch button,
  html[data-design="rogo"] .opportunity-bubble-axis-switch button {
    width: auto;
    min-width: 0;
    padding: 0 5px;
    font-size: 9px;
    white-space: nowrap;
  }
  html[data-design="rogo"] .opportunity-bubble-panel { margin-left: -14px; margin-right: -14px; padding: 24px 18px; }
  html[data-design="rogo"] .opportunity-bubble-heading { display: grid; }
  html[data-design="rogo"] .opportunity-bubble-heading p { text-align: left; }
  html[data-design="rogo"] .rec-group-row div { min-height: 54px; padding: 0 14px; gap: 10px; }
  html[data-design="rogo"] .rec-group-row strong { font-size: 16px; }
  html[data-design="rogo"] .rec-group-row b { min-width: 28px; font-size: 11px; text-align: center; }
  html[data-design="rogo"] .opportunity-row td { background: #fff; }
  html[data-design="rogo"] .opportunity-row + .opportunity-row td { border-top: 1px solid #deddd7; }
  html[data-design="rogo"] .opportunity-line {
    grid-template-columns: minmax(0, 1fr) 46px 46px;
    gap: 10px 8px;
    padding: 16px 48px 16px 14px;
  }
  html[data-design="rogo"] .opportunity-symbol { gap: 10px; font-size: 14px; line-height: 1.35; }
  html[data-design="rogo"] .opportunity-symbol .symbol-avatar { flex: 0 0 34px; width: 34px; height: 34px; font-size: 12px; }
  html[data-design="rogo"] .opportunity-theme { gap: 5px; }
  html[data-design="rogo"] .opportunity-theme > span {
    max-width: 84px;
    padding: 4px 6px;
    overflow: hidden;
    border: 0;
    background: #efeee9;
    color: #54534e;
    font: 9px/1.25 var(--sans);
    text-overflow: ellipsis;
  }
  html[data-design="rogo"] .opportunity-score {
    display: grid;
    justify-items: center;
    gap: 2px;
    min-width: 0;
    padding-left: 8px;
    border-left: 1px solid #d7d5ce;
    font: 700 15px/1 var(--mono);
  }
  html[data-design="rogo"] .opportunity-score::before { color: #77756e; font: 9px/1 var(--sans); }
  html[data-design="rogo"] .opportunity-line-shell > .watchlist-toggle {
    top: 16px;
    right: 12px;
    width: 32px;
    height: 32px;
    border: 0;
    color: #6f6d66;
    background: transparent;
    font-size: 20px;
  }
  html[data-design="rogo"] .opportunity-line-shell > .watchlist-toggle.active { color: #080808; background: transparent; }
  html[data-design="rogo"] .homepage-strategy-disclosure { margin-top: 4px; }
  html[data-design="rogo"] .homepage-strategy-disclosure > summary {
    min-height: 42px;
    padding: 10px 34px 10px 12px;
    border: 0;
    border-top: 1px solid #cfcdc5;
    background: #f6f5f1;
    color: #171715;
    font: 600 11px/1.45 var(--sans);
  }
  html[data-design="rogo"] .homepage-strategy-disclosure > summary i::before,
  html[data-design="rogo"] .homepage-strategy-disclosure > summary i::after { top: 20px; }
  html[data-design="rogo"] .detail-layout { display: block; }
  html[data-design="rogo"] .detail-sidebar { display: block; top: 64px; height: auto; padding: 10px 0; overflow: visible; }
  html[data-design="rogo"] .detail-sidebar::before,
  html[data-design="rogo"] .detail-sidebar .detail-tab { display: none; }
  html[data-design="rogo"] .detail-search-panel { margin: 0 16px; }
  html[data-design="rogo"] .detail-main { padding: 28px 16px 64px; }
  html[data-design="rogo"] .knowledge-home-intro { grid-template-columns: 1fr; gap: 24px; }
  html[data-design="rogo"] .knowledge-start-paths { grid-template-columns: 1fr 1fr; }
  html[data-design="rogo"] .topic-header { padding: 0 16px; }
  html[data-design="rogo"] .topic-brand { min-width: 0; }
  html[data-design="rogo"] .topic-brand > span:last-child { overflow: hidden; font-size: 13px; white-space: nowrap; text-overflow: ellipsis; }
  html[data-design="rogo"] .topic-hero {
    width: 100%;
    padding: 58px 18px 40px;
    gap: 28px;
  }
  html[data-design="rogo"] .topic-hero::before { top: 24px; left: 18px; }
  html[data-design="rogo"] .topic-hero > *,
  html[data-design="rogo"] .topic-hero-copy,
  html[data-design="rogo"] .topic-hero-visual { min-width: 0; max-width: 100%; }
  html[data-design="rogo"] .topic-hero h1 {
    max-width: 100%;
    font-size: clamp(34px, 10vw, 42px);
    overflow-wrap: anywhere;
  }
  html[data-design="rogo"] .topic-deck { font-size: 17px; overflow-wrap: anywhere; }
  html[data-design="rogo"] .topic-scope { font-size: 11px; }
  html[data-design="rogo"] .topic-hero-visual { overflow: hidden; }
  html[data-design="rogo"] .topic-layout { width: calc(100% - 36px); }
}

@media (max-width: 430px) {
  html[data-design="rogo"] .theme-rail { grid-template-columns: 1fr; }
  html[data-design="rogo"] .brand .info-trigger { display: none; }
  html[data-design="rogo"] .account-button { font-size: 10px; }
  html[data-design="rogo"] .knowledge-start-paths { grid-template-columns: 1fr; }
}