:root {
  --bg: #f3f5f3;
  --panel: #fff;
  --ink: #202427;
  --muted: #6f797e;
  --line: #dde3e0;
  --soft: #edf4f6;
  --brand: #4f7888;
  --brand-dark: #365f6e;
  --entity: #b86b3e;
  --entity-dark: #965331;
  --entity-soft: #faf0e8;
  --good: #3f7b56;
  --bad: #b5524a;
  --kpi: #264f63;
}

* { box-sizing: border-box; }
html { background: var(--bg); }
body {
  margin: 0;
  color: var(--ink);
  background: var(--bg);
  font-family: "Microsoft YaHei", "PingFang SC", "Segoe UI", Arial, sans-serif;
  line-height: 1.5;
}
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button, select, input { border-radius: 3px; }
.skip-link { position: fixed; z-index: 100; top: 8px; left: 8px; transform: translateY(-150%); background: #fff; border: 1px solid var(--brand); padding: 7px 10px; }
.skip-link:focus { transform: none; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }

.topbar {
  position: sticky;
  top: 0;
  z-index: 30;
  border-bottom: 1px solid var(--line);
  background: rgba(255,255,255,.98);
}
.topbar-inner {
  min-height: 70px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
.brand { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; min-width: 215px; }
.brand-mark {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 50% 10% 50% 50%;
  color: #fff;
  background: linear-gradient(145deg,#d09a73 0%,#b86b3e 55%,#8f4e2e 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.35);
  font-weight: 800;
}
.brand strong { font-size: 16px; letter-spacing: .04em; }
.nav { min-width: 0; display: flex; align-items: stretch; justify-content: flex-end; overflow-x: auto; }
.nav-link {
  position: relative;
  min-height: 70px;
  padding: 0 19px;
  display: inline-flex;
  align-items: center;
  color: #48545a;
  font-size: 14px;
  white-space: nowrap;
}
.nav-link:hover, .nav-link.is-active { color: var(--brand-dark); }
.nav-link.is-active::after { position: absolute; right: 16px; bottom: 0; left: 16px; height: 3px; background: var(--brand); content: ""; }

.page-shell { max-width: 1440px; margin: 0 auto; padding: 24px 28px 46px; }
.page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin: 0 0 16px; }
.page-heading h1 { margin: 3px 0 0; font-size: 28px; line-height: 1.2; }
.eyebrow { color: var(--entity); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.page-asof { color: var(--muted); font-size: 12px; font-variant-numeric: tabular-nums; }
.asof-block { display: flex; align-items: baseline; justify-content: flex-end; flex-wrap: wrap; gap: 5px 12px; max-width: 880px; color: var(--muted); font-size: 11px; text-align: right; }
.asof-block strong { color: var(--kpi); font-size: 27px; line-height: 1; }
.asof-block time { flex-basis: 100%; }
.loading-panel, .empty-panel, .chart-empty { border: 1px solid var(--line); background: #fff; padding: 28px; color: var(--muted); text-align: center; }
.page-boot { min-height: 210px; display: grid; align-content: center; justify-items: center; gap: 10px; border-radius: 8px; box-shadow: 0 8px 24px rgba(16,24,40,.04); }
.page-boot strong { color: var(--ink); font-size: 17px; }
.page-boot > span:not(.loading-track) { font-size: 12px; }
.loading-track { width: min(360px,80vw); height: 7px; overflow: hidden; border-radius: 999px; background: #e8edf1; }
.loading-track i { display: block; width: 8%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--brand),#4b91a0); transition: width .22s ease; }

.panel, .detail-section {
  min-width: 0;
  margin: 0 0 16px;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(0,0,0,.035);
}
.panel-head { min-height: 51px; padding: 13px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--line); }
.panel-head h2 { margin: 0; font-size: 17px; }
.panel-count { color: var(--kpi); font-size: 12px; font-weight: 800; font-variant-numeric: tabular-nums; }

.filter-panel { padding: 14px 16px 4px; }
.filter-grid { display: grid; grid-template-columns: minmax(280px,1.5fr) repeat(3,minmax(150px,.75fr)) auto; gap: 10px; align-items: end; }
.field { min-width: 0; display: grid; gap: 5px; color: #5b666b; font-size: 11px; font-weight: 700; }
.field input, .field select {
  width: 100%;
  min-height: 36px;
  border: 1px solid #d7dedb;
  background: #fff;
  color: var(--ink);
  padding: 6px 9px;
  outline: 0;
}
.field input:focus, .field select:focus { border-color: var(--brand); box-shadow: 0 0 0 2px rgba(79,120,136,.14); }
.secondary-button, .pager button {
  min-height: 36px;
  border: 1px solid #c8d0cd;
  background: #fff;
  color: var(--brand-dark);
  padding: 6px 13px;
  cursor: pointer;
  font-weight: 700;
}
.secondary-button:hover, .pager button:hover:not(:disabled) { background: var(--soft); }
.pager button:disabled { cursor: default; opacity: .4; }

.summary-strip { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-top: 12px; }
.summary-metric { min-width: 0; padding: 11px 16px; border-right: 1px solid var(--line); }
.summary-metric:last-child { border-right: 0; }
.summary-metric span, .summary-metric strong { display: block; }
.summary-metric span { color: var(--muted); font-size: 11px; }
.summary-metric strong { margin-top: 3px; color: var(--kpi); font-size: 19px; font-variant-numeric: tabular-nums; }

.table-wrap { width: 100%; overflow: auto; }
.product-table, .detail-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.product-table { min-width: 1180px; }
.product-table th, .product-table td, .detail-table th, .detail-table td { border-bottom: 1px solid #e7ebe9; padding: 9px 10px; text-align: left; vertical-align: top; }
.product-table th, .detail-table th { position: sticky; top: 0; z-index: 2; background: #f7f9f8; color: #687277; font-size: 11px; font-weight: 700; white-space: nowrap; }
.product-table tbody tr { cursor: pointer; }
.product-table tbody tr:hover { background: #f6f8f7; }
.product-table tbody tr.is-selected { background: #edf4f6; box-shadow: inset 3px 0 0 var(--brand); }
.product-table tbody tr.is-gffunds { box-shadow: inset 3px 0 0 var(--entity); }
.product-table tbody tr.is-gffunds.is-selected { background: var(--entity-soft); box-shadow: inset 4px 0 0 var(--entity); }
.product-link { color: var(--ink); font-weight: 800; }
.product-link:hover { color: var(--entity-dark); }
.cell-sub { display: block; margin-top: 2px; color: var(--muted); font-size: 10px; }
.metric-raw { color: var(--kpi); font-weight: 800; font-variant-numeric: tabular-nums; }
.metric-raw.is-missing { color: #a2aaa7; }
.source-badge, .data-state, .legend-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid color-mix(in srgb, var(--source, #9aa4a8) 30%, white);
  border-radius: 3px;
  background: var(--source-pale, #f4f6f6);
  color: var(--source, #5b666b);
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}
.source-badge i { width: 6px; height: 6px; border-radius: 50%; background: var(--source); }
.source-badge.is-gffunds { border-color: #dfb99d; color: var(--entity-dark); box-shadow: inset 2px 0 0 var(--entity); }
.data-state { border-color: #d7dedb; background: #f5f7f6; color: #7a8580; }
.data-state.is-ready { border-color: #bfd8ca; background: #f0f7f3; color: var(--good); }
.pager { min-height: 54px; padding: 9px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--muted); font-size: 11px; }
.pager-actions { display: flex; gap: 7px; }

.scatter-toolbar { padding: 13px 16px; display: grid; grid-template-columns: repeat(2,minmax(220px,340px)); gap: 10px; }
.legend-row { padding: 0 16px 10px; display: flex; flex-wrap: wrap; gap: 7px; }
.legend-item { --source: #687277; --source-pale: #fff; color: #5b666b; }
.legend-item.is-gffunds { border-color: #dfb99d; background: var(--entity-soft); color: var(--entity-dark); }
.legend-mark { width: 7px; height: 7px; border-radius: 50%; background: var(--mark); }
.scatter-stage { position: relative; border-top: 1px solid var(--line); background: #fff; }
#performanceScatter { display: block; width: 100%; height: 540px; outline: 0; touch-action: pan-y; }
#performanceScatter:focus { box-shadow: inset 0 0 0 2px var(--brand); }
.chart-tooltip { position: absolute; z-index: 5; width: min(300px,calc(100% - 16px)); border: 1px solid #cad5d1; background: rgba(255,255,255,.98); box-shadow: 0 8px 20px rgba(0,0,0,.12); padding: 10px; pointer-events: none; font-size: 11px; }
.chart-tooltip strong, .chart-tooltip span { display: block; }
.chart-tooltip strong { margin-bottom: 4px; color: var(--ink); }
.chart-tooltip span { color: var(--muted); }

.overview-kpis { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); margin-bottom: 16px; border: 1px solid var(--line); background: #fff; box-shadow: 0 3px 12px rgba(0,0,0,.035); }
.overview-kpis > div { min-width: 0; padding: 15px 16px; border-right: 1px solid var(--line); }
.overview-kpis > div:last-child { border-right: 0; }
.overview-kpis span, .overview-kpis strong { display: block; }
.overview-kpis span { color: var(--muted); font-size: 11px; }
.overview-kpis strong { margin-top: 4px; color: var(--kpi); font-size: 26px; font-variant-numeric: tabular-nums; }
.overview-kpis .is-gffunds { background: var(--entity-soft); box-shadow: inset 3px 0 0 var(--entity); }
.overview-kpis .is-gffunds strong { color: var(--entity-dark); }
.gffunds-focus {
  margin-bottom: 16px;
  min-height: 104px;
  padding: 16px 18px;
  display: grid;
  grid-template-columns: minmax(210px,.75fr) minmax(520px,2fr) auto;
  gap: 22px;
  align-items: center;
  border: 1px solid #dfb99d;
  border-left: 5px solid var(--entity);
  background: #fffaf6;
  box-shadow: 0 3px 12px rgba(82,44,24,.05);
}
.gffunds-focus-title { display: flex; align-items: center; gap: 12px; }
.gf-monogram { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid #d6a986; color: #fff; background: var(--entity); font-weight: 900; letter-spacing: .04em; }
.gffunds-focus-title span:not(.gf-monogram) { color: var(--entity-dark); font-size: 11px; font-weight: 800; letter-spacing: .06em; }
.gffunds-focus-title h2 { margin: 1px 0 0; font-size: 21px; }
.gffunds-focus-metrics { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); }
.gffunds-focus-metrics div { padding: 5px 12px; border-left: 1px solid #ead8ca; }
.gffunds-focus-metrics span, .gffunds-focus-metrics strong { display: block; }
.gffunds-focus-metrics span { color: var(--muted); font-size: 10px; }
.gffunds-focus-metrics strong { margin-top: 3px; color: var(--entity-dark); font-size: 20px; }
.primary-link { min-height: 36px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--entity); background: var(--entity); color: #fff; padding: 6px 14px; font-size: 12px; font-weight: 800; white-space: nowrap; }
.primary-link:hover { background: var(--entity-dark); }
.overview-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.overview-grid-compact { grid-template-columns: minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.4fr); }
.overview-panel { overflow: hidden; }
.overview-bars { padding: 8px 16px 13px; }
.overview-bar { min-height: 33px; display: grid; grid-template-columns: 28px minmax(120px,210px) minmax(80px,1fr) 52px; gap: 9px; align-items: center; border-bottom: 1px solid #eef1ef; font-size: 11px; }
.overview-bar:last-child { border-bottom: 0; }
.overview-bar:hover { background: #f7f9f8; }
.overview-bar-rank { color: #a0a8a5; font-variant-numeric: tabular-nums; }
.overview-bar-label { min-width: 0; overflow: hidden; color: #3d464a; text-overflow: ellipsis; white-space: nowrap; }
.overview-bar i, .composition-list i { height: 6px; display: block; overflow: hidden; background: #edf0ef; }
.overview-bar i b, .composition-list i b { height: 100%; display: block; background: var(--brand); }
.overview-bar strong { color: var(--kpi); text-align: right; font-variant-numeric: tabular-nums; }
.overview-bar.is-gffunds { margin: 0 -6px; padding: 0 6px; background: var(--entity-soft); box-shadow: inset 3px 0 0 var(--entity); }
.overview-bar.is-gffunds i b { background: var(--entity); }
.overview-bar.is-gffunds .overview-bar-label, .overview-bar.is-gffunds strong { color: var(--entity-dark); font-weight: 800; }
.composition-list { padding: 9px 16px 14px; }
.composition-list > div { min-height: 31px; display: grid; grid-template-columns: minmax(90px,150px) minmax(80px,1fr) 48px; gap: 9px; align-items: center; border-bottom: 1px solid #eef1ef; font-size: 11px; }
.composition-list > div:last-child { border-bottom: 0; }
.composition-list strong { text-align: right; color: var(--kpi); }
.coverage-grid { padding: 13px 16px 16px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.coverage-grid a { min-width: 0; padding: 12px; border: 1px solid var(--line); background: #fafbfa; }
.coverage-grid a:hover { border-color: #b8cbd2; background: var(--soft); }
.coverage-grid span, .coverage-grid strong, .coverage-grid small { display: block; }
.coverage-grid span { color: var(--muted); font-size: 10px; }
.coverage-grid strong { margin-top: 3px; color: var(--kpi); font-size: 22px; }
.coverage-grid small { margin-top: 2px; color: var(--brand-dark); }

.detail-shell { max-width: 1320px; }
.back-link { display: inline-flex; margin: 0 0 12px; color: var(--brand-dark); font-size: 12px; font-weight: 800; }
.detail-hero { margin-bottom: 16px; border: 1px solid var(--line); border-left: 5px solid var(--source); background: #fff; box-shadow: 0 3px 12px rgba(0,0,0,.035); }
.detail-hero.is-gffunds { border-color: #dfb99d; border-left-color: var(--entity); background: #fffaf6; }
.detail-title-row { padding: 18px 20px 16px; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); }
.detail-title-row h1 { margin: 3px 0 0; font-size: 27px; line-height: 1.25; }
.detail-subtitle { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.detail-kpis { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); }
.detail-kpi { min-width: 0; padding: 13px 15px; border-right: 1px solid var(--line); }
.detail-kpi:last-child { border-right: 0; }
.detail-kpi span, .detail-kpi strong { display: block; }
.detail-kpi span { color: var(--muted); font-size: 10px; }
.detail-kpi strong { margin-top: 4px; color: var(--kpi); font-size: 14px; overflow-wrap: anywhere; }
.detail-hero.is-gffunds .detail-kpi strong { color: var(--entity-dark); }
.detail-grid { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(320px,.75fr); gap: 16px; align-items: start; }
.detail-column { min-width: 0; }
.detail-section h2 { margin: 0; padding: 13px 16px; border-bottom: 1px solid var(--line); font-size: 16px; }
.section-body { padding: 15px 16px; }
.definition-list { margin: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid #e8ecea; border-left: 1px solid #e8ecea; }
.definition-list > div { min-width: 0; padding: 9px 10px; border-right: 1px solid #e8ecea; border-bottom: 1px solid #e8ecea; }
.definition-list dt { color: var(--muted); font-size: 10px; }
.definition-list dd { margin: 3px 0 0; color: #343c40; font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; white-space: pre-line; }
.metric-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.metric-card { min-width: 0; padding: 11px 12px; border: 1px solid var(--line); background: #fafbfa; }
.metric-card span, .metric-card strong, .metric-card small { display: block; }
.metric-card span { color: var(--muted); font-size: 10px; }
.metric-card strong { margin-top: 3px; color: var(--kpi); font-size: 21px; font-variant-numeric: tabular-nums; }
.metric-card small { color: var(--muted); font-size: 9px; }
.detail-table-wrap { margin-top: 14px; max-height: 420px; }
.detail-table { min-width: 560px; }
.document-link { color: var(--brand-dark); font-weight: 800; }
.document-link:hover { color: var(--entity-dark); }
.line-chart { width: 100%; overflow: hidden; }
.line-chart svg { display: block; width: 100%; height: auto; min-height: 230px; }
.chart-caption { margin: 7px 0 0; color: var(--muted); font-size: 10px; text-align: right; }
.analytics-note { margin: 9px 0 0; padding: 9px 11px; border-left: 3px solid #90aeb9; background: #f3f7f8; color: #536167; font-size: 10px; line-height: 1.65; }
.analysis-section .section-body { background: linear-gradient(180deg,#fbfdfd 0,#fff 100%); }
.manager-card { padding: 12px; border: 1px solid var(--line); background: #fafbfa; }
.manager-card + .manager-card { margin-top: 9px; }
.manager-card h3 { margin: 0; color: var(--entity-dark); font-size: 15px; }
.manager-card p { margin: 7px 0 0; color: #4d585d; font-size: 11px; line-height: 1.7; }
.manager-card dl { margin: 9px 0 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.manager-card dl div { padding-top: 6px; border-top: 1px solid var(--line); }
.manager-card dt { color: var(--muted); font-size: 9px; }
.manager-card dd { margin: 2px 0 0; font-size: 11px; }

@media (max-width: 1100px) {
  .filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .summary-strip { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .summary-metric { border-bottom: 1px solid var(--line); }
  .overview-kpis { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .overview-kpis > div { border-bottom: 1px solid var(--line); }
  .gffunds-focus { grid-template-columns: 1fr; gap: 14px; }
  .detail-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .topbar-inner { min-height: 58px; padding: 0 14px; gap: 12px; }
  .brand { min-width: auto; }
  .brand strong { display: none; }
  .brand-mark { width: 32px; height: 32px; }
  .nav-link { min-height: 58px; padding: 0 12px; font-size: 12px; }
  .page-shell { padding: 16px 14px 34px; }
  .page-heading { align-items: flex-start; }
  .page-heading h1 { font-size: 24px; }
  .asof-block span { display: none; }
  .filter-grid { grid-template-columns: 1fr; }
  .summary-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .scatter-toolbar { grid-template-columns: 1fr; }
  #performanceScatter { height: 480px; }
  .overview-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .overview-kpis > div { padding: 12px; }
  .overview-kpis strong { font-size: 22px; }
  .gffunds-focus { padding: 14px; }
  .gffunds-focus-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .gffunds-focus-metrics div { border-bottom: 1px solid #ead8ca; }
  .overview-grid, .overview-grid-compact { grid-template-columns: 1fr; gap: 0; }
  .overview-bar { grid-template-columns: 24px minmax(100px,150px) minmax(60px,1fr) 44px; }
  .detail-title-row { padding: 15px; }
  .detail-title-row h1 { font-size: 23px; }
  .detail-title-row .source-badge { display: none; }
  .detail-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .detail-kpi { border-bottom: 1px solid var(--line); }
  .definition-list { grid-template-columns: 1fr; }
  .metric-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .section-body { padding: 12px; }
}

@media (max-width: 420px) {
  .nav-link { padding: 0 9px; }
  .summary-strip { grid-template-columns: 1fr 1fr; }
  .gffunds-focus-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .coverage-grid { grid-template-columns: 1fr; }
  .metric-cards { grid-template-columns: 1fr 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

/* Performance values: red for gains, green for losses/risk; counts stay neutral. */
.pf-positive { color:#c52a30 !important; }
.pf-negative { color:#16845b !important; }
.pf-neutral { color:#52606c !important; }
.composition-note{margin:0;padding:0 18px 16px;font-size:11px;line-height:1.75;color:#75838e}
.overview-asof{display:grid;gap:6px;text-align:right;font-size:12px;color:#60727e}.overview-asof span{margin-right:14px;color:#87919a}.overview-asof time{font-variant-numeric:tabular-nums;color:#344c5b}
.nav-link.advisor-link{align-self:center;min-height:44px;margin-left:14px;padding:8px 18px;border:1px solid #a51e26;border-radius:6px;background:#a51e26;color:#fff;font-size:16px;font-weight:750;white-space:nowrap;box-shadow:0 2px 4px #a51e261a}.nav-link.advisor-link:hover{background:#86171e;color:#fff}.advisor-link:focus-visible{outline:3px solid #d8a653;outline-offset:3px}
.freshness-panel{margin:16px 0}.freshness-panel .panel-head>span{font-size:12px;color:#71808b}
.freshness-legend{display:flex;flex-wrap:wrap;gap:10px 24px;padding:14px 18px 0;color:#617381;font-size:12px}.freshness-legend i,.freshness-table i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px}.freshness-legend b{color:#344b59;font-weight:600;margin-left:6px}
.freshness-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(360px,1fr);gap:24px;padding:12px 18px}.freshness-plot{min-width:0;position:relative}.freshness-plot svg{width:100%;height:330px;display:block}.freshness-plot g{cursor:pointer;outline:none}.freshness-plot g[aria-pressed="true"] .freshness-hit{fill:#3449570d;stroke:#728793;stroke-width:1}.freshness-plot g:focus-visible .freshness-hit{stroke:#253c4b;stroke-width:2}
.freshness-inspector{background:#f7f9fa;border:1px solid #e0e7eb;border-radius:5px;padding:8px 12px}.freshness-date-control{display:flex;gap:6px;align-items:center;max-width:340px;margin:0 auto 8px}.freshness-date-control select{min-width:0;flex:1;min-height:44px;border:1px solid #cbd6dd;background:#fff;border-radius:4px;padding:5px 10px;color:#344b59;font:inherit;font-size:13px}.freshness-date-control button{width:44px;min-height:44px;border:1px solid #cbd6dd;border-radius:4px;background:#fff;color:#344b59;font-size:23px;cursor:pointer}.freshness-date-control button:disabled{opacity:.35;cursor:default}.freshness-date-control :focus-visible{outline:2px solid #344957;outline-offset:2px}
.freshness-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;font-size:11px;color:#647783}.freshness-counts span{white-space:nowrap}.freshness-counts i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:2px}.freshness-counts b{display:block;font-size:17px;color:#344b59;font-variant-numeric:tabular-nums;margin-top:3px}.freshness-counts span:last-child{border-left:1px solid #dbe3e8;padding-left:10px}.freshness-tooltip{position:absolute;z-index:8;width:248px;max-width:calc(100% - 8px);background:#fff;border:1px solid #cbd6dd;border-radius:5px;padding:12px;box-shadow:0 5px 18px #243e5426;pointer-events:none}.freshness-tooltip[hidden]{display:none}.freshness-tooltip>strong{display:block;font-size:12px;color:#344b59;margin-bottom:10px}.freshness-tooltip .freshness-counts{grid-template-columns:1fr 1fr;gap:10px}.freshness-tooltip .freshness-counts span:last-child{border:0;padding:0}.freshness-tooltip .freshness-counts b{font-size:16px}.freshness-help{font-size:11px;line-height:1.6;color:#7b8a95;margin:9px 0 0}
.freshness-table{border-collapse:collapse;width:100%;align-self:center;font-size:12px;white-space:nowrap}.freshness-table caption{text-align:left;font-size:11px;color:#87939b;margin-bottom:8px}.freshness-table th{font-weight:500;text-align:left;color:#657784}.freshness-table td{text-align:right;color:#344b59;font-variant-numeric:tabular-nums}.freshness-table th:not(:first-child){text-align:right}.freshness-table td,.freshness-table th{padding:8px 5px;border-bottom:1px solid #e7ecef}.freshness-table small{display:block;font-size:10px;color:#99a2a9}.freshness-note{padding:0 18px 15px;margin:0;font-size:11px;color:#80909b;line-height:1.75}
@media(max-width:1000px){.freshness-layout{grid-template-columns:1fr}.freshness-table{max-width:720px;justify-self:center}}
@media(max-width:760px){.brand strong{display:block;font-size:15px;white-space:nowrap}.brand-mark{display:none}.topbar-inner{gap:5px;padding:0 10px}.nav-link{padding:0 8px;font-size:11px}.overview-asof{font-size:11px}.overview-asof>div{display:grid;gap:2px}.overview-asof span{margin:0}.freshness-layout{padding:10px;gap:4px}.freshness-legend{padding:12px 10px 0;gap:12px;font-size:11px}.freshness-legend b{margin-left:3px}.freshness-table{font-size:11px}.freshness-table i{width:7px;height:7px;margin-right:3px}.freshness-note{padding:10px;font-size:10px}}
.freshness-table small{font-size:11px;color:#657784}.freshness-table tfoot{background:#f7f9fa}.freshness-table caption{margin-top:8px}.freshness-panel .panel-head{flex-wrap:wrap;gap:8px}
@media(max-width:760px){.nav-link.advisor-link{margin-left:5px;padding:8px 10px;font-size:13px}.freshness-table{margin-top:14px}.freshness-inspector{padding:8px}.freshness-counts{gap:4px}.freshness-counts b{font-size:15px}.freshness-counts i{margin-right:3px}.freshness-panel .panel-head>span{font-size:11px}}
.filter-disclosure>summary { padding:10px 16px;cursor:pointer;font-size:12px;color:#53616d;border-bottom:1px solid var(--line); }
.filter-disclosure>summary span { margin-left:12px;font-size:11px;color:var(--muted); }
.scatter-toolbar { grid-template-columns:repeat(2,minmax(200px,330px)) minmax(230px,1fr);align-items:end; }
.scatter-view-controls { display:flex;gap:6px;justify-content:flex-end; }
.scatter-view-controls button { min-height:38px;padding:7px 13px;border:1px solid #cbd2d8;background:#fff;color:#56636e;cursor:pointer; }
.scatter-view-controls button[aria-pressed="true"] { border-color:#344957;background:#344957;color:#fff; }
.scatter-guide { display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px 8px;flex-wrap:wrap;font-size:11px;color:#65727c; }
.scatter-guide .legend-row { padding:0; }
.selected-key { width:10px;height:10px;border:2px solid #142431;border-radius:50%;background:#fff; }
.quadrant-rule { margin:0;padding:8px 16px 12px;color:#697680;font-size:11px;line-height:1.6; }
#performanceScatter { height:600px; }
.missing-summary { display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 16px 14px;font-size:11px;color:#66717b; }
.missing-summary>span { padding:4px 8px;background:#f3f5f6;border-radius:3px; }
.missing-summary small { flex-basis:100%;color:#87909a; }
.comparability-note { padding:10px 16px;border-top:1px solid var(--line);font-size:11px;color:#75808a; }
.comparability-note summary { cursor:pointer; }.comparability-note p { margin-bottom:0;line-height:1.65; }
.selection-hint { padding:13px 16px;margin:14px 0;background:#f5f7f8;border:1px dashed #cdd5da;color:#73818c;font-size:12px; }
#selectedProductPanel { scroll-margin-top:82px; }
.selected-product-card { margin:14px 0;background:#fff;border:1px solid #c3ced6;border-top:3px solid #344957; }
.selected-product-card>summary { cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;gap:14px; }
.selected-product-card>summary::-webkit-details-marker { display:none; }
.selection-eyebrow { display:block;color:#7e8891;font-size:10px;letter-spacing:.06em; }
.selected-product-name { display:block;margin-top:4px;font-size:20px;font-weight:800;color:#263946;text-decoration:underline;text-decoration-color:#becad3;text-underline-offset:4px; }
.selection-toggle { flex-shrink:0;font-size:12px;color:#647582; }.selection-toggle span { margin-right:5px; }
.selected-product-card[open] .when-closed,.selected-product-card:not([open]) .when-open { display:none; }
.selection-basics { display:grid;grid-template-columns:1fr 1fr 2fr 1fr;gap:14px;padding:12px 18px;border-top:1px solid #e5eaee;background:#fbfcfc; }
.selection-basics span,.selection-basics strong { display:block;font-size:12px;overflow-wrap:anywhere; }.selection-basics span { color:#869099;font-size:10px;margin-bottom:4px; }
.selection-metrics { display:grid;grid-template-columns:repeat(6,minmax(0,1fr)); }
.selection-metrics>div { padding:13px 16px;border-top:1px solid #e5eaee;border-right:1px solid #e5eaee;min-width:0; }
.selection-metric-label { display:block;color:#71808b;font-size:11px;margin-bottom:6px; }
.selection-metrics .metric-raw { display:block;font-size:21px; }
.selection-metrics small { display:block;margin-top:6px;color:#7e8891;font-size:10px;line-height:1.55; }
.metric-missing { white-space:normal;max-width:180px; }
@media(max-width:900px) { .scatter-toolbar { grid-template-columns:1fr 1fr; }.scatter-view-controls { grid-column:1/-1;justify-content:flex-start; }.selection-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:600px) {
  .scatter-toolbar { grid-template-columns:1fr;gap:9px;padding:10px 12px; }.scatter-view-controls { grid-column:auto; }
  .scatter-view-controls button { min-height:44px;flex:1; }.scatter-guide { padding:0 12px 8px; }.quadrant-rule { padding:6px 12px 10px; }
  #performanceScatter { height:560px; }.selection-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .selection-basics { grid-template-columns:1fr 1fr; }.selected-product-card>summary { padding:13px;align-items:flex-start; }.selected-product-name { font-size:18px; }
  .selection-toggle { margin-top:5px;font-size:11px; }.selection-metrics>div { padding:12px; }.selection-metrics .metric-raw { font-size:20px; }
}