:root {
  --app-width: min(100vw, 1440px);
  --rpx-base-width: min(100vw, 750px);
  --rpx: calc(var(--rpx-base-width) / 750);
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}

body {
  background: #e9eef5;
  color: #1f2937;
  font-family: Arial, Helvetica, sans-serif;
}

button,
a {
  font: inherit;
}

a {
  text-decoration: none;
  color: inherit;
}

.app-shell {
  width: var(--app-width);
  min-height: 100vh;
  margin: 0 auto;
  background: #f5f7fb;
}

.nav-bar {
  position: sticky;
  top: 0;
  z-index: 10;
  height: calc(88 * var(--rpx));
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 calc(24 * var(--rpx));
  background: #f8fafc;
}

.nav-bar__title-group {
  flex: 1;
  min-width: 0;
}

.nav-bar__title {
  flex: 1;
  text-align: center;
  font-size: calc(30 * var(--rpx));
  font-weight: 600;
  color: #111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nav-bar__meta {
  display: none;
}

.nav-bar__back,
.nav-bar__back-placeholder,
.nav-bar__side-placeholder {
  width: calc(64 * var(--rpx));
  flex-shrink: 0;
}

.nav-bar__back {
  height: calc(64 * var(--rpx));
  padding: 0;
  border: none;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}

.nav-bar__back-icon {
  display: inline-block;
  width: calc(20 * var(--rpx));
  height: calc(20 * var(--rpx));
  border-left: calc(4 * var(--rpx)) solid #111827;
  border-bottom: calc(4 * var(--rpx)) solid #111827;
  transform: rotate(45deg);
  margin-left: calc(10 * var(--rpx));
}

.page {
  padding: calc(24 * var(--rpx));
}

.card {
  background: #ffffff;
  border-radius: calc(24 * var(--rpx));
  padding: calc(28 * var(--rpx));
  box-shadow: 0 calc(12 * var(--rpx)) calc(32 * var(--rpx)) rgba(15, 23, 42, 0.06);
}

.report-list {
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--rpx));
}

.report-card {
  border-radius: calc(24 * var(--rpx));
  background: #f8fafc;
  padding: calc(24 * var(--rpx));
  display: flex;
  flex-direction: column;
}

.report-card__header {
  display: flex;
  justify-content: space-between;
  gap: calc(16 * var(--rpx));
  align-items: flex-start;
  margin-bottom: calc(18 * var(--rpx));
}

.report-card__title {
  display: block;
  font-size: calc(34 * var(--rpx));
  font-weight: 700;
  color: #0f172a;
  margin-bottom: calc(8 * var(--rpx));
}

.report-card__period {
  display: block;
  font-size: calc(24 * var(--rpx));
  color: #667085;
}

.report-card__badge,
.section-item__badge {
  flex-shrink: 0;
  padding: calc(10 * var(--rpx)) calc(18 * var(--rpx));
  border-radius: 999px;
  background: rgba(0, 48, 135, 0.08);
  color: #003087;
  font-size: calc(22 * var(--rpx));
  font-weight: 700;
}

.section-list {
  display: flex;
  flex-direction: column;
  gap: calc(18 * var(--rpx));
  margin-bottom: calc(20 * var(--rpx));
  flex: 1;
}

.section-item {
  display: flex;
  justify-content: space-between;
  gap: calc(20 * var(--rpx));
  align-items: center;
  padding: calc(22 * var(--rpx));
  border-radius: calc(18 * var(--rpx));
  background: #ffffff;
}

.section-item__main {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--rpx));
  min-width: 0;
  flex: 1;
}

.section-item__title {
  font-size: calc(28 * var(--rpx));
  color: #0f172a;
  font-weight: 700;
}

.section-item__desc {
  font-size: calc(24 * var(--rpx));
  color: #667085;
  line-height: 1.5;
}

.primary-btn {
  width: 100%;
  min-height: calc(88 * var(--rpx));
  border: none;
  background: #003087;
  color: #ffffff;
  border-radius: 999px;
  font-size: calc(30 * var(--rpx));
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.dashboard-home-shell,
.dashboard-report-shell,
.dashboard-home-main,
.dashboard-main {
  min-width: 0;
}

.dashboard-home-sidebar,
.dashboard-sidebar--report,
.dashboard-card-heading,
.dashboard-section-kpis,
.hero__eyebrow,
.hero__desc {
  display: none;
}

.dashboard-panel--nav .dashboard-panel__desc {
  display: block;
  margin-bottom: 6px;
}

.dashboard-nav-link--home .dashboard-nav-link__value {
  letter-spacing: 0.02em;
}

.hero {
  display: flex;
  flex-direction: column;
  margin-bottom: calc(16 * var(--rpx));
}

.hero__title {
  font-size: calc(42 * var(--rpx));
  font-weight: 700;
  color: #0f172a;
}

.hero__eyebrow {
  margin-bottom: calc(8 * var(--rpx));
}

.hero__desc {
  margin-top: calc(10 * var(--rpx));
}

.tabs {
  margin-bottom: calc(20 * var(--rpx));
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  touch-action: pan-x;
  scrollbar-width: none;
}

.tabs::-webkit-scrollbar {
  display: none;
}

.tabs__row {
  display: flex;
  gap: calc(18 * var(--rpx));
  padding-right: calc(20 * var(--rpx));
  width: max-content;
  min-width: 100%;
}

.tabs__item {
  flex: 0 0 auto;
  min-width: calc(176 * var(--rpx));
  padding: calc(18 * var(--rpx)) calc(22 * var(--rpx));
  border-radius: calc(20 * var(--rpx));
  background: #ffffff;
  box-shadow: 0 calc(10 * var(--rpx)) calc(24 * var(--rpx)) rgba(15, 23, 42, 0.05);
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--rpx));
}

.tabs__item--active {
  background: #003087;
}

.tabs__item-title {
  font-size: calc(26 * var(--rpx));
  color: #0f172a;
  font-weight: 700;
  line-height: 1.4;
}

.tabs__item--active .tabs__item-title,
.tabs__item--active .tabs__item-count {
  color: #ffffff;
}

.tabs__item-count {
  font-size: calc(22 * var(--rpx));
  color: #667085;
}

.tabs--dragging {
  cursor: grabbing;
}

.section-summary,
.chart-card,
.empty-card {
  background: #ffffff;
  border-radius: calc(24 * var(--rpx));
  box-shadow: 0 calc(12 * var(--rpx)) calc(32 * var(--rpx)) rgba(15, 23, 42, 0.06);
}

.section-summary,
.empty-card {
  padding: calc(24 * var(--rpx));
  margin-bottom: calc(20 * var(--rpx));
}

.section-summary__title,
.empty-card__title {
  display: block;
  font-size: calc(30 * var(--rpx));
  font-weight: 700;
  color: #0f172a;
  margin-bottom: calc(10 * var(--rpx));
}

.section-summary__desc,
.empty-card__desc {
  display: block;
  color: #667085;
  font-size: calc(24 * var(--rpx));
  line-height: 1.6;
}

.chart-subsection {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--rpx));
  padding: calc(12 * var(--rpx)) calc(4 * var(--rpx)) 0;
}

.chart-subsection__title {
  display: block;
  color: #0f172a;
  font-size: calc(30 * var(--rpx));
  font-weight: 700;
  line-height: 1.4;
}

.chart-subsection__desc {
  display: block;
  color: #667085;
  font-size: calc(22 * var(--rpx));
  line-height: 1.6;
}

.chart-list {
  display: flex;
  flex-direction: column;
  gap: calc(20 * var(--rpx));
}

.chart-card {
  padding: calc(24 * var(--rpx));
}

.chart-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(16 * var(--rpx));
  margin-bottom: calc(18 * var(--rpx));
}

.chart-card__header-main {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: calc(10 * var(--rpx));
}

.chart-card__title {
  color: #0f172a;
  font-size: calc(30 * var(--rpx));
  font-weight: 700;
  line-height: 1.4;
}

.chart-card__subtitle {
  color: #667085;
  font-size: calc(22 * var(--rpx));
  line-height: 1.6;
}

.chart-card__actions {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: calc(12 * var(--rpx));
  flex-shrink: 0;
}

.chart-card__filter {
  display: flex;
  align-items: center;
  width: 100%;
}

.chart-card__filter-select,
.chart-card__download-btn {
  flex-shrink: 0;
  margin: 0;
  min-height: calc(52 * var(--rpx));
  border-radius: 999px;
  font-size: calc(22 * var(--rpx));
  font-weight: 700;
}

.chart-card__filter-select {
  width: min(100%, calc(360 * var(--rpx)));
  padding: 0 calc(20 * var(--rpx));
  border: 1px solid #d0d5dd;
  background: #ffffff;
  color: #0f172a;
  outline: none;
}

.chart-card__filter-select:focus {
  border-color: #003087;
  box-shadow: 0 0 0 3px rgba(0, 48, 135, 0.12);
}

.chart-card__download-btn {
  padding: 0 calc(22 * var(--rpx));
  border: none;
  background: rgba(0, 48, 135, 0.08);
  color: #003087;
  cursor: pointer;
}

.chart-host {
  display: block;
  width: 100%;
  border-radius: calc(18 * var(--rpx));
  overflow: hidden;
  background: #ffffff;
}

@media (min-width: 1200px) {
  .page--insights .insights-hub__content {
    padding-top: 2px;
  }

  .page--insights .insights-archive-section {
    display: grid;
    gap: 0;
  }

  .page--report > .report-section-nav + .nb-section {
    padding-top: 36px;
  }

  .report-section-nav__inner {
    padding: 18px 72px 20px;
  }

  .page--report .nb-section-heading--report-intro {
    margin-bottom: 18px;
  }

  .page--report .report-section-intro__meta {
    gap: 10px;
    min-width: 420px;
  }

  .page--report .report-section-intro__meta-item {
    gap: 4px;
    padding: 12px 14px;
  }

  .page--report .report-section-intro__meta-value {
    font-size: 15px;
    line-height: 1.32;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail {
    gap: 18px 22px;
    padding: 22px 22px 20px;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__footer {
    gap: 14px;
    padding-top: 14px;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav {
    margin: 0 0 22px;
    padding: 8px 0 12px;
  }

  .page--module-talent-flows-detail .talent-flows-section[id] {
    scroll-margin-top: 204px;
  }
}

.chart-host--pending {
  min-height: calc(320 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.96) 0%, rgba(241, 245, 249, 0.88) 100%);
}

.chart-host__state {
  display: grid;
  gap: calc(12 * var(--rpx));
  align-content: center;
  justify-items: flex-start;
  min-height: inherit;
  padding: calc(34 * var(--rpx));
}

.chart-host__state-title {
  color: #101828;
  font-size: calc(26 * var(--rpx));
  font-weight: 700;
  line-height: 1.4;
}

.chart-host__state-desc {
  max-width: calc(620 * var(--rpx));
  color: #667085;
  font-size: calc(19 * var(--rpx));
  line-height: 1.75;
}

.chart-host__state--error .chart-host__state-title {
  color: #b42318;
}

.chart-host__state-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(42 * var(--rpx));
  padding: 0 calc(18 * var(--rpx));
  border: 1px solid rgba(0, 48, 135, 0.16);
  border-radius: 999px;
  background: rgba(0, 48, 135, 0.06);
  color: #003087;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
  cursor: pointer;
}

.chart-card--html {
  overflow: hidden;
}

.chart-html {
  border-radius: calc(18 * var(--rpx));
  border: 1px solid #e4e7ec;
  background: #f8fafc;
}

.chart-html__scroller {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: calc(16 * var(--rpx));
}

.chart-html--sector-sharpe-image .sector-sharpe-image {
  width: 100%;
}

.chart-html--sector-sharpe-image .sector-sharpe-image img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.chart-html__scroller::-webkit-scrollbar {
  height: 8px;
}

.chart-html__scroller::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.18);
  border-radius: 999px;
}

.chart-html__scroller .report-table {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  font-size: calc(18 * var(--rpx));
}

.chart-html__scroller .report-table th,
.chart-html__scroller .report-table td {
  padding: calc(14 * var(--rpx)) calc(16 * var(--rpx));
  border: 1px solid #e4e7ec;
  white-space: nowrap;
  line-height: 1.6;
}

.chart-html__scroller .report-table th {
  background: #f8fafc;
  color: #003087;
  font-weight: 700;
}

.chart-html__scroller .report-table td {
  color: #344054;
}

.chart-html__scroller .report-table tbody tr:nth-child(even) td {
  background: #fcfcfd;
}

.chart-html--zitan-summary {
  border-color: rgba(98, 62, 146, 0.14);
  background:
    radial-gradient(circle at top right, rgba(129, 88, 196, 0.18), transparent 38%),
    linear-gradient(180deg, rgba(247, 244, 255, 0.96) 0%, #ffffff 100%);
}

.chart-html--zitan-summary .chart-html__scroller,
.chart-html--zitan-note .chart-html__scroller {
  padding: calc(20 * var(--rpx));
}

.chart-html--zitan-widget {
  background: #ffffff;
}

.chart-html--zitan-subfund-metrics,
.chart-html--zitan-subfund-weekly,
.chart-html--zitan-correlation-matrix,
.chart-html--zitan-weight-bars,
.chart-html--zitan-weight-pie,
.chart-html--zitan-widget .chart-html__scroller {
  background: #ffffff;
}

.chart-html--zitan-widget .chart-html__scroller,
.chart-html--zitan-subfund-metrics .chart-html__scroller,
.chart-html--zitan-subfund-weekly .chart-html__scroller,
.chart-html--zitan-correlation-matrix .chart-html__scroller,
.chart-html--zitan-weight-bars .chart-html__scroller,
.chart-html--zitan-weight-pie .chart-html__scroller {
  padding: calc(12 * var(--rpx));
}

.zitan-native {
  display: grid;
  gap: calc(12 * var(--rpx));
}

.zitan-native-group {
  display: grid;
  gap: calc(10 * var(--rpx));
  padding: calc(14 * var(--rpx));
  border: 1px solid rgba(98, 62, 146, 0.1);
  border-radius: calc(16 * var(--rpx));
  background: linear-gradient(180deg, rgba(250, 248, 255, 0.96) 0%, #ffffff 100%);
}

.zitan-native-group__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(10 * var(--rpx));
}

.zitan-native-group__title {
  color: #101828;
  font-size: calc(15 * var(--rpx));
  font-weight: 700;
  line-height: 1.4;
}

.zitan-native-group__meta {
  display: inline-flex;
  align-items: center;
  padding: calc(5 * var(--rpx)) calc(10 * var(--rpx));
  border-radius: calc(999 * var(--rpx));
  background: rgba(98, 62, 146, 0.08);
  color: #6a3fb5;
  font-size: calc(12 * var(--rpx));
  font-weight: 700;
  line-height: 1.3;
}

.zitan-native-table-wrap {
  overflow-x: auto;
}

.zitan-native-table {
  width: 100%;
  min-width: calc(520 * var(--rpx));
  border-collapse: collapse;
}

.zitan-native-table th,
.zitan-native-table td {
  padding: calc(10 * var(--rpx)) calc(10 * var(--rpx));
  border-bottom: 1px solid rgba(17, 24, 39, 0.08);
  font-size: calc(12.5 * var(--rpx));
  line-height: 1.45;
  text-align: right;
  white-space: nowrap;
}

.zitan-native-table thead th {
  color: #667085;
  font-size: calc(11.5 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
}

.zitan-native-table thead th:first-child,
.zitan-native-table__name {
  text-align: left;
}

.zitan-native-table tbody tr:last-child th,
.zitan-native-table tbody tr:last-child td {
  border-bottom: none;
}

.zitan-native-table__name {
  color: #101828;
  font-weight: 600;
}

.zitan-native-table__value {
  color: #344054;
  font-variant-numeric: tabular-nums;
}

.zitan-native-table__value--positive {
  color: #b42318;
}

.zitan-native-table__value--negative {
  color: #175cd3;
}

.zitan-native-table__value--drawdown {
  color: #b54708;
}

.zitan-native-table__value--strong {
  color: #6a3fb5;
  font-weight: 700;
}

.zitan-heatmap {
  display: grid;
  gap: calc(8 * var(--rpx));
}

.zitan-heatmap__header,
.zitan-heatmap__row {
  display: grid;
  align-items: center;
  gap: calc(6 * var(--rpx));
}

.zitan-heatmap__head-cell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(24 * var(--rpx));
  color: #667085;
  font-size: calc(11 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.3;
}

.zitan-heatmap__head-cell--name,
.zitan-heatmap__name {
  justify-content: flex-start;
}

.zitan-heatmap__name {
  min-height: calc(40 * var(--rpx));
  padding: calc(8 * var(--rpx)) calc(10 * var(--rpx));
  border-radius: calc(12 * var(--rpx));
  background: rgba(15, 23, 42, 0.04);
  color: #101828;
  font-size: calc(12.5 * var(--rpx));
  font-weight: 600;
  line-height: 1.35;
}

.zitan-heatmap__cell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(40 * var(--rpx));
  padding: calc(8 * var(--rpx)) calc(4 * var(--rpx));
  border-radius: calc(12 * var(--rpx));
  background: var(--zitan-heat-bg, rgba(15, 23, 42, 0.05));
  color: #344054;
  font-size: calc(11.5 * var(--rpx));
  font-weight: 600;
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
}

.zitan-heatmap__cell--positive {
  color: #9d174d;
}

.zitan-heatmap__cell--negative {
  color: #1d4ed8;
}

.zitan-heatmap__cell--flat {
  color: #475467;
}

.zitan-heatmap__cell--empty {
  background: rgba(15, 23, 42, 0.04);
  color: #98a2b3;
}

.zitan-correlation {
  --zitan-correlation-gap: calc(6 * var(--rpx));
  --zitan-correlation-axis-width: clamp(88px, calc(120 * var(--rpx)), 120px);
  display: grid;
  gap: calc(14 * var(--rpx));
  align-items: start;
}

.zitan-correlation__body,
.zitan-correlation__x-axis {
  padding-top: calc(4 * var(--rpx));
  display: grid;
  grid-template-columns: var(--zitan-correlation-axis-width) minmax(0, 1fr);
  gap: var(--zitan-correlation-gap);
  align-items: start;
}

.zitan-correlation__y-axis {
  display: grid;
  grid-template-rows: repeat(var(--zitan-correlation-count, 1), minmax(0, 1fr));
  gap: var(--zitan-correlation-gap);
  min-width: 0;
  height: 100%;
}

.zitan-correlation__y-label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  padding-right: calc(6 * var(--rpx));
  color: #475467;
  font-size: calc(10 * var(--rpx));
  font-weight: 600;
  line-height: 1.18;
  text-align: right;
  word-break: break-all;
}

.zitan-correlation__matrix {
  display: grid;
  grid-template-columns: repeat(var(--zitan-correlation-count, 1), minmax(0, 1fr));
  gap: var(--zitan-correlation-gap);
  min-width: 0;
}

.zitan-correlation__cell {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  aspect-ratio: 1;
  padding: calc(2 * var(--rpx));
  border-radius: calc(10 * var(--rpx));
  background: var(--zitan-correlation-cell-bg, rgba(248, 250, 252, 0.96));
  color: var(--zitan-correlation-cell-color, #344054);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.74);
  font-size: calc(9.5 * var(--rpx));
  font-weight: 700;
  line-height: 1;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.zitan-correlation__cell--empty {
  font-weight: 500;
}

.zitan-correlation__x-spacer {
  min-height: 1px;
}

.zitan-correlation__x-labels {
  display: grid;
  grid-template-columns: repeat(var(--zitan-correlation-count, 1), minmax(0, 1fr));
  gap: var(--zitan-correlation-gap);
  min-width: 0;
}

.zitan-correlation__x-label {
  position: relative;
  min-width: 0;
  height: calc(100 * var(--rpx));
  overflow: visible;
}

.zitan-correlation__x-label span {
  position: absolute;
  left: 50%;
  top: calc(8 * var(--rpx));
  width: calc(80 * var(--rpx));
  transform: translateX(-50%) rotate(-38deg);
  transform-origin: center top;
  color: #667085;
  font-size: calc(10 * var(--rpx));
  font-weight: 600;
  line-height: 1.08;
  text-align: center;
  white-space: normal;
  word-break: break-all;
}

.chart-html--zitan-correlation-matrix .chart-html__scroller,
.page--module-tracking-detail .chart-html--zitan-correlation-matrix .chart-html__scroller {
  max-height: none;
  overflow: visible;
}

.zitan-native-empty {
  padding: calc(16 * var(--rpx));
  border-radius: calc(14 * var(--rpx));
  background: rgba(15, 23, 42, 0.04);
  color: #667085;
  font-size: calc(13 * var(--rpx));
  line-height: 1.6;
}

.zitan-weight-row {
  display: grid;
  gap: calc(8 * var(--rpx));
}

.zitan-weight-row__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(12 * var(--rpx));
}

.zitan-weight-row__name {
  color: #101828;
  font-size: calc(13 * var(--rpx));
  font-weight: 600;
  line-height: 1.4;
}

.zitan-weight-row__value {
  color: #6a3fb5;
  font-size: calc(12.5 * var(--rpx));
  font-weight: 700;
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
}

.zitan-weight-row__track {
  position: relative;
  height: calc(10 * var(--rpx));
  border-radius: calc(999 * var(--rpx));
  background: rgba(98, 62, 146, 0.08);
  overflow: hidden;
}

.zitan-weight-row__fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(129, 88, 196, 0.92) 0%, rgba(98, 62, 146, 0.78) 100%);
}

.zitan-weight-pie {
  display: grid;
  grid-template-columns: minmax(148px, calc(176 * var(--rpx))) minmax(0, 1fr);
  align-items: center;
  gap: calc(16 * var(--rpx));
}

.zitan-weight-pie__figure {
  position: relative;
  width: min(100%, calc(176 * var(--rpx)));
  aspect-ratio: 1;
  margin: 0;
  justify-self: center;
}

.zitan-weight-pie__chart {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.72),
    0 calc(10 * var(--rpx)) calc(24 * var(--rpx)) rgba(15, 23, 42, 0.08);
}

.zitan-weight-pie__summary {
  position: absolute;
  left: 50%;
  bottom: calc(12 * var(--rpx));
  transform: translateX(-50%);
  display: grid;
  justify-items: center;
  gap: calc(2 * var(--rpx));
  min-width: calc(76 * var(--rpx));
  padding: calc(8 * var(--rpx)) calc(12 * var(--rpx));
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: calc(999 * var(--rpx));
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 calc(8 * var(--rpx)) calc(18 * var(--rpx)) rgba(15, 23, 42, 0.08);
}

.zitan-weight-pie__summary-label {
  color: #667085;
  font-size: calc(10.5 * var(--rpx));
  font-weight: 600;
  line-height: 1.2;
}

.zitan-weight-pie__summary-value {
  color: #101828;
  font-size: calc(19 * var(--rpx));
  line-height: 1;
}

.zitan-weight-pie__legend {
  display: grid;
  gap: calc(8 * var(--rpx));
  align-content: center;
  min-width: 0;
}

.zitan-weight-pie__legend-item {
  display: grid;
  grid-template-columns: calc(10 * var(--rpx)) minmax(0, 1fr) auto;
  align-items: center;
  gap: calc(10 * var(--rpx));
  padding: calc(8 * var(--rpx)) calc(10 * var(--rpx));
  border-radius: calc(12 * var(--rpx));
  background: rgba(15, 23, 42, 0.03);
}

.zitan-weight-pie__legend-swatch {
  width: calc(10 * var(--rpx));
  height: calc(10 * var(--rpx));
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.72);
}

.zitan-weight-pie__legend-name {
  color: #101828;
  font-size: calc(12.5 * var(--rpx));
  font-weight: 600;
  line-height: 1.35;
}

.zitan-weight-pie__legend-value {
  color: #6a3fb5;
  font-size: calc(12.5 * var(--rpx));
  font-weight: 700;
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
}

.zitan-widget {
  overflow: hidden;
  border-radius: calc(14 * var(--rpx));
  background: #ffffff;
}

.zitan-widget__iframe {
  display: block;
  width: 100%;
  height: var(--zitan-widget-height, 420px);
  border: 0;
  background: #ffffff;
}

.zitan-note {
  display: grid;
  gap: calc(10 * var(--rpx));
}

.zitan-note__title {
  color: #101828;
  font-size: calc(17 * var(--rpx));
  line-height: 1.3;
}

.zitan-note__desc,
.zitan-note__hint {
  margin: 0;
  color: #475467;
  font-size: calc(15 * var(--rpx));
  line-height: 1.8;
}

.zitan-note__hint {
  color: #6a3fb5;
  font-weight: 700;
}

@media (min-width: 1200px) {
  .zitan-native-group {
    padding: 16px;
  }

  .zitan-native-table th,
  .zitan-native-table td {
    padding: 10px 12px;
    font-size: 12.5px;
  }

  .zitan-native-table thead th {
    font-size: 11.5px;
  }

  .zitan-heatmap__header,
  .zitan-heatmap__row {
    gap: 8px;
  }

  .zitan-heatmap__name,
  .zitan-heatmap__cell {
    min-height: 42px;
  }

  .zitan-correlation__cell {
    font-size: 9px;
  }

  .zitan-correlation__y-label {
    padding-right: 4px;
    font-size: 9.5px;
  }

  .zitan-correlation__x-label {
    height: 90px;
  }

  .zitan-correlation__x-label span {
    top: 8px;
    width: 74px;
    font-size: 9.5px;
    transform: translateX(-50%) rotate(-36deg);
  }

  .zitan-weight-row__track {
    height: 10px;
  }

  .zitan-weight-pie {
    grid-template-columns: 176px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
  }

  .zitan-weight-pie__figure {
    width: 176px;
  }

  .zitan-weight-pie__summary {
    bottom: 10px;
    min-width: 72px;
    padding: 7px 12px;
  }

  .zitan-weight-pie__summary-label {
    font-size: 10px;
  }

  .zitan-weight-pie__summary-value {
    font-size: 18px;
  }

  .zitan-weight-pie__legend {
    gap: 7px;
  }

  .zitan-weight-pie__legend-item {
    grid-template-columns: 10px minmax(0, 1fr) auto;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
  }

  .zitan-weight-pie__legend-name,
  .zitan-weight-pie__legend-value {
    font-size: 12px;
  }
}

.pca-profile-table,
.forward-curve-table {
  width: max-content;
  min-width: 100%;
  border-collapse: separate;
  table-layout: auto;
}

.pca-profile-table {
  min-width: calc(640 * var(--rpx));
  border-spacing: calc(6 * var(--rpx));
}

.forward-curve-table {
  min-width: calc(1160 * var(--rpx));
  border-spacing: calc(5 * var(--rpx));
}

.pca-profile-table th,
.pca-profile-table td,
.forward-curve-table th,
.forward-curve-table td {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.pca-profile-table th,
.forward-curve-table th {
  color: #667085;
  font-size: calc(17 * var(--rpx));
  font-weight: 700;
  padding: calc(6 * var(--rpx)) calc(4 * var(--rpx));
}

.pca-col-product,
.curve-row-header {
  min-width: calc(92 * var(--rpx));
}

.pca-row-label,
.curve-row-label {
  min-width: calc(92 * var(--rpx));
  padding: calc(8 * var(--rpx)) calc(10 * var(--rpx));
  border-radius: calc(10 * var(--rpx));
  background: #f8fafc;
  color: #101828;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  text-align: left;
}

.pca-sector-cell,
.curve-sector-cell {
  padding: calc(8 * var(--rpx)) calc(10 * var(--rpx));
  border-radius: calc(10 * var(--rpx));
  background: #edf4ff;
  color: #003087;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  text-align: left;
}

.pca-metric-cell {
  min-width: calc(82 * var(--rpx));
  height: calc(56 * var(--rpx));
  padding: calc(6 * var(--rpx));
  border-radius: calc(10 * var(--rpx));
  font-size: calc(17 * var(--rpx));
  font-weight: 700;
}

.pca-pc1-cell {
  background: #eff5fb;
  color: #003087;
}

.pca-bar-track {
  position: relative;
  width: 100%;
  min-width: calc(100 * var(--rpx));
  height: calc(34 * var(--rpx));
  background: #e5edf7;
  border-radius: 999px;
  overflow: hidden;
}

.pca-bar-fill {
  position: absolute;
  inset: 0 auto 0 0;
  background: linear-gradient(90deg, #8bb2db 0%, #003087 100%);
  border-radius: 999px;
}

.pca-bar-text {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #0f172a;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
}

.curve-cell {
  min-width: calc(108 * var(--rpx));
  height: calc(72 * var(--rpx));
  padding: calc(8 * var(--rpx)) calc(6 * var(--rpx));
  border-radius: calc(10 * var(--rpx));
}

.curve-cell.empty-cell {
  background: #f8fafc;
  color: #98a2b3;
}

.curve-pair-label {
  display: block;
  margin-bottom: calc(4 * var(--rpx));
  font-size: calc(14 * var(--rpx));
  line-height: 1.3;
  opacity: 0.88;
}

.curve-spread-value {
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  line-height: 1.2;
}

.chart-html__scroller .pca-col-product,
.chart-html__scroller .pca-row-label,
.chart-html__scroller .pca-sector-cell,
.chart-html__scroller .curve-row-header,
.chart-html__scroller .curve-row-label,
.chart-html__scroller .curve-sector-cell {
  position: sticky;
  left: 0;
  z-index: 1;
}

.chart-html--new-private-managers,
.chart-html--new-private-managers * {
  box-sizing: border-box;
}

.chart-html--new-private-managers {
  background: #ffffff;
  --new-private-body-size: 13px;
  --new-private-heading-size: 14px;
  --new-private-title-size: 17px;
  --new-private-line-height: 1.55;
}

.chart-html--new-private-managers .chart-html__scroller {
  padding: calc(18 * var(--rpx));
}

.chart-html--new-private-managers a {
  color: #003087;
  text-decoration: none;
}

.chart-html--new-private-managers .new-private-managers-report,
.chart-html--new-private-managers .new-private-manager-card {
  color: #333333;
}

.chart-html--new-private-managers .info-bar {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10 * var(--rpx)) calc(16 * var(--rpx));
  align-items: center;
  padding: calc(12 * var(--rpx)) calc(14 * var(--rpx));
  margin-bottom: calc(14 * var(--rpx));
  border: 1px solid #e0e4e8;
  border-radius: calc(12 * var(--rpx));
  background: #f5f7fa;
}

.chart-html--new-private-managers .info-item {
  font-size: var(--new-private-body-size);
  line-height: var(--new-private-line-height);
  color: #4a4f55;
}

.chart-html--new-private-managers .info-label {
  font-weight: 700;
  color: #002d72;
  margin-right: calc(6 * var(--rpx));
}

.chart-html--new-private-managers .scope-note {
  margin: 0 0 calc(14 * var(--rpx));
  padding: calc(12 * var(--rpx)) calc(14 * var(--rpx));
  border: 1px solid #e0e4e8;
  border-radius: calc(12 * var(--rpx));
  background: #fbfcfe;
  color: #4a4f55;
  font-size: var(--new-private-body-size);
  line-height: 1.65;
}

.chart-html--new-private-managers .new-private-managers-report__list {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--rpx));
}

.chart-html--new-private-managers .manager-section {
  position: relative;
  border: 1px solid #d9e2ef;
  border-radius: calc(14 * var(--rpx));
  background: #ffffff;
  box-shadow: 0 calc(6 * var(--rpx)) calc(18 * var(--rpx)) rgba(0, 33, 71, 0.045);
  padding: calc(18 * var(--rpx));
}

.chart-html--new-private-managers .manager-index {
  position: absolute;
  top: calc(18 * var(--rpx));
  right: calc(18 * var(--rpx));
  min-width: calc(52 * var(--rpx));
  height: calc(52 * var(--rpx));
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #003087;
  color: #ffffff;
  font-size: var(--new-private-body-size);
  font-weight: 700;
}

.chart-html--new-private-managers .manager-title {
  margin: 0 calc(56 * var(--rpx)) calc(10 * var(--rpx)) 0;
  color: #002d72;
  font-size: var(--new-private-title-size);
  font-weight: 700;
  line-height: 1.42;
}

.chart-html--new-private-managers .manager-meta {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--rpx));
  margin-bottom: calc(14 * var(--rpx));
}

.chart-html--new-private-managers .pill {
  display: inline-flex;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 999px;
  min-height: 26px;
  padding: 0 calc(11 * var(--rpx));
  font-size: var(--new-private-body-size);
  line-height: var(--new-private-line-height);
  font-weight: 500;
  letter-spacing: 0.01em;
}

.chart-html--new-private-managers .pill-blue {
  border-color: rgba(0, 48, 135, 0.14);
  background: #eef4ff;
  color: #003087;
}

.chart-html--new-private-managers .pill-gold {
  border-color: rgba(138, 91, 0, 0.14);
  background: #fff6e6;
  color: #8a5b00;
}

.chart-html--new-private-managers .pill-gray {
  border-color: rgba(94, 102, 115, 0.12);
  background: #f5f7fa;
  color: #4a5563;
}

.chart-html--new-private-managers .pill-green {
  border-color: rgba(18, 115, 60, 0.14);
  background: #eafaf0;
  color: #12733c;
}

.chart-html--new-private-managers .pill-orange {
  border-color: rgba(184, 87, 0, 0.14);
  background: #fff3ea;
  color: #b85700;
}

.chart-html--new-private-managers .pill-link {
  border: 1px solid #c9d6e8;
  background: #ffffff;
  color: #003087;
  font-weight: 600;
  transition: background 0.16s ease, border-color 0.16s ease;
}

.chart-html--new-private-managers .pill-link:hover {
  border-color: #003087;
  background: #eef4ff;
}

.chart-html--new-private-managers .manager-layout {
  display: flex;
  flex-direction: column;
  gap: calc(14 * var(--rpx));
}

.chart-html--new-private-managers .left-col,
.chart-html--new-private-managers .right-col {
  display: contents;
}

.chart-html--new-private-managers .manager-layout--single {
  display: block;
}

.chart-html--new-private-managers .manager-accordion-list {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--rpx));
}

.chart-html--new-private-managers .manager-accordion {
  border: 1px solid #e2e7ee;
  border-radius: calc(12 * var(--rpx));
  background: #fbfcfe;
  overflow: hidden;
  transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

.chart-html--new-private-managers .manager-accordion:hover {
  border-color: #ccd6e4;
}

.chart-html--new-private-managers .manager-accordion[open] {
  border-color: #c3d0e2;
  box-shadow: 0 calc(6 * var(--rpx)) calc(16 * var(--rpx)) rgba(0, 45, 114, 0.05);
}

.chart-html--new-private-managers .manager-accordion__summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(10 * var(--rpx));
  padding: calc(12 * var(--rpx)) calc(14 * var(--rpx));
  background: #fbfcfe;
  color: #002d72;
  font-size: var(--new-private-heading-size);
  font-weight: 600;
  line-height: 1.45;
  cursor: pointer;
  transition: background 0.16s ease;
}

.chart-html--new-private-managers .manager-accordion__summary:hover {
  background: #f1f5fb;
}

.chart-html--new-private-managers .manager-accordion__summary::-webkit-details-marker {
  display: none;
}

.chart-html--new-private-managers .manager-accordion__summary::after {
  content: '▾';
  flex-shrink: 0;
  width: calc(20 * var(--rpx));
  height: calc(20 * var(--rpx));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(0, 48, 135, 0.06);
  color: #47576e;
  font-size: var(--new-private-body-size);
  line-height: 1;
}

.chart-html--new-private-managers .manager-accordion[open] .manager-accordion__summary {
  border-bottom: 1px solid #e2e7ee;
  background: #ffffff;
}

.chart-html--new-private-managers .manager-accordion[open] .manager-accordion__summary::after {
  content: '▴';
  background: rgba(0, 48, 135, 0.1);
  color: #003087;
}

.chart-html--new-private-managers .manager-accordion__title {
  flex: 1;
  min-width: 0;
}

.chart-html--new-private-managers .manager-accordion__content {
  display: flex;
  flex-direction: column;
  gap: calc(10 * var(--rpx));
  padding: calc(12 * var(--rpx)) calc(14 * var(--rpx));
  background: #fbfcfe;
}

.chart-html--new-private-managers .manager-accordion__content .exec-card:last-child {
  margin-bottom: 0;
}

.chart-html--new-private-managers .info-box {
  border: 1px solid #e2e7ee;
  border-radius: calc(12 * var(--rpx));
  background: #fbfcfe;
  padding: calc(12 * var(--rpx));
}

.chart-html--new-private-managers .box-title {
  margin-bottom: calc(8 * var(--rpx));
  color: #002d72;
  font-size: var(--new-private-heading-size);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0.01em;
}

.chart-html--new-private-managers .table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid #e2e7ee;
  border-radius: calc(10 * var(--rpx));
  background: #ffffff;
}

.chart-html--new-private-managers .kv-table,
.chart-html--new-private-managers .grid-table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
}

.chart-html--new-private-managers .grid-table {
  min-width: calc(680 * var(--rpx));
}

.chart-html--new-private-managers .resume-table {
  min-width: calc(760 * var(--rpx));
}

.chart-html--new-private-managers .kv-table th,
.chart-html--new-private-managers .kv-table td,
.chart-html--new-private-managers .grid-table th,
.chart-html--new-private-managers .grid-table td {
  padding: calc(8 * var(--rpx)) calc(10 * var(--rpx));
  border-bottom: 1px solid #edf1f6;
  text-align: left;
  vertical-align: top;
  font-size: var(--new-private-body-size);
  line-height: 1.55;
}

.chart-html--new-private-managers .kv-table tr:last-child th,
.chart-html--new-private-managers .kv-table tr:last-child td,
.chart-html--new-private-managers .grid-table tbody tr:last-child td {
  border-bottom: none;
}

.chart-html--new-private-managers .kv-table th,
.chart-html--new-private-managers .grid-table th {
  background: #f6f8fb;
  color: #33475f;
  font-weight: 600;
}

.chart-html--new-private-managers .kv-table th {
  width: 32%;
  color: #4a5563;
  font-weight: 500;
}

.chart-html--new-private-managers .grid-table tbody tr:nth-child(even) {
  background: #fafcfe;
}

.chart-html--new-private-managers .exec-card {
  margin-bottom: calc(10 * var(--rpx));
  border: 1px solid #e4e9f1;
  border-left: calc(3 * var(--rpx)) solid rgba(0, 48, 135, 0.35);
  border-radius: calc(10 * var(--rpx));
  padding: calc(10 * var(--rpx)) calc(12 * var(--rpx));
  background: #ffffff;
}

.chart-html--new-private-managers .exec-name {
  margin-bottom: calc(3 * var(--rpx));
  color: #002d72;
  font-size: var(--new-private-heading-size);
  font-weight: 600;
  line-height: 1.4;
}

.chart-html--new-private-managers .exec-role,
.chart-html--new-private-managers .exec-meta,
.chart-html--new-private-managers .footer {
  color: #4a4f55;
  font-size: var(--new-private-body-size);
  line-height: 1.52;
}

.chart-html--new-private-managers .footer {
  margin-top: calc(18 * var(--rpx));
}

.chart-html--private-personnel,
.chart-html--private-personnel * {
  box-sizing: border-box;
}

.chart-html--private-personnel {
  border-color: rgba(17, 24, 39, 0.08);
  background: transparent;
}

.chart-html--private-personnel .chart-html__scroller {
  padding: 0;
  background: transparent;
}

.chart-html--private-personnel-summary .private-personnel-summary,
.chart-html--private-personnel-panel .private-personnel-panel,
.chart-html--private-personnel-company .private-personnel-company-card {
  min-height: 100%;
  background: transparent;
}

.chart-html--private-personnel-summary .private-personnel-summary {
  padding: calc(24 * var(--rpx));
  background: transparent;
}

.chart-html--private-personnel-summary .private-personnel-summary__hero {
  padding-bottom: calc(18 * var(--rpx));
  border-bottom: none;
}

.chart-html--private-personnel-summary .note-box {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: #1f2937;
  font-size: calc(18 * var(--rpx));
  line-height: 1.82;
}

.chart-html--private-personnel-summary .private-personnel-summary__metrics.metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: calc(14 * var(--rpx));
  margin-top: calc(18 * var(--rpx));
}

.chart-html--private-personnel-summary .metric {
  padding: calc(8 * var(--rpx)) calc(8 * var(--rpx)) 0 0;
  border: none;
  background: transparent;
}

.chart-html--private-personnel-summary .metric .label {
  color: #667085;
  font-size: calc(15 * var(--rpx));
  margin-bottom: calc(8 * var(--rpx));
}

.chart-html--private-personnel-summary .metric .value {
  color: #101828;
  font-size: calc(30 * var(--rpx));
  line-height: 1.1;
  font-weight: 750;
}

.chart-html--private-personnel-summary .metric--net.metric--net-up .value {
  color: #d92d20;
}

.chart-html--private-personnel-summary .metric--net.metric--net-down .value {
  color: #067647;
}

.chart-html--private-personnel-summary .metric--net.metric--net-flat .value {
  color: #344054;
}

.chart-html--private-personnel-summary .metric .sub {
  margin-top: calc(6 * var(--rpx));
  color: #667085;
  font-size: calc(13 * var(--rpx));
  line-height: 1.6;
}

.chart-html--private-personnel-panel .private-personnel-panel {
  padding: calc(20 * var(--rpx)) calc(22 * var(--rpx)) calc(22 * var(--rpx));
}

.chart-html--private-personnel-panel .bullet-list {
  margin: 0;
  padding-left: calc(20 * var(--rpx));
  color: #344054;
  font-size: calc(17 * var(--rpx));
  line-height: 1.88;
}

.chart-html--private-personnel-panel .bullet-list li + li {
  margin-top: calc(6 * var(--rpx));
}

.chart-html--private-personnel-panel .footnote {
  margin-top: calc(14 * var(--rpx));
  padding-top: 0;
  border-top: none;
  color: #667085;
  font-size: calc(14 * var(--rpx));
  line-height: 1.7;
}

.chart-html--private-personnel-panel table {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
  background: transparent;
  font-size: calc(15 * var(--rpx));
}

.chart-html--private-personnel-panel th,
.chart-html--private-personnel-panel td {
  padding: calc(12 * var(--rpx)) calc(10 * var(--rpx));
  border-bottom: none;
  text-align: left;
  vertical-align: top;
  white-space: normal;
  word-break: break-word;
  color: #344054;
  line-height: 1.72;
}

.chart-html--private-personnel-panel th {
  color: #475467;
  font-size: calc(13 * var(--rpx));
  font-weight: 700;
  background: transparent;
}

.chart-html--private-personnel-panel tbody tr:nth-child(even) td {
  background: transparent;
}

.chart-html--private-personnel-company .private-personnel-company-card {
  display: flex;
  flex-direction: column;
  padding: calc(16 * var(--rpx)) calc(16 * var(--rpx)) calc(14 * var(--rpx));
}

.chart-html--private-personnel-company .private-personnel-company-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--rpx));
  margin-bottom: calc(12 * var(--rpx));
}

.chart-html--private-personnel-company .private-personnel-chip {
  display: inline-flex;
  align-items: center;
  min-height: auto;
  padding: 0;
  border: none;
  border-radius: 0;
  font-size: calc(13 * var(--rpx));
  font-weight: 700;
  line-height: 1;
  background: transparent;
}

.chart-html--private-personnel-company .private-personnel-chip--scale {
  color: #2458ff;
}

.chart-html--private-personnel-company .private-personnel-chip--net-up {
  color: #d92d20;
}

.chart-html--private-personnel-company .private-personnel-chip--net-down {
  color: #067647;
}

.chart-html--private-personnel-company .private-personnel-chip--net-flat {
  color: #344054;
}

.chart-html--private-personnel-company .meta-lines {
  display: grid;
  gap: calc(6 * var(--rpx));
  padding-bottom: 0;
  border-bottom: none;
  color: #344054;
  font-size: calc(14 * var(--rpx));
  line-height: 1.72;
}

.chart-html--private-personnel-company .person-block {
  margin-top: calc(12 * var(--rpx));
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

.chart-html--private-personnel-company .person-block.add {
  background: transparent;
}

.chart-html--private-personnel-company .person-block.remove {
  background: transparent;
}

.chart-html--private-personnel-company .person-block.note {
  background: transparent;
}

.chart-html--private-personnel-company .block-title {
  margin-bottom: calc(8 * var(--rpx));
  color: #111827;
  font-size: calc(14 * var(--rpx));
  font-weight: 700;
}

.chart-html--private-personnel-company .person-block ul {
  margin: 0;
  padding-left: calc(18 * var(--rpx));
  color: #344054;
  font-size: calc(14 * var(--rpx));
  line-height: 1.74;
}

.chart-html--private-personnel-company .person-block li + li {
  margin-top: calc(6 * var(--rpx));
}

.chart-html--private-personnel-company strong {
  color: #111827;
}

@media (max-width: 900px) {
  .chart-html--private-personnel-summary .private-personnel-summary {
    padding: calc(18 * var(--rpx));
  }

  .chart-html--private-personnel-summary .private-personnel-summary__metrics.metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .chart-html--private-personnel-panel .private-personnel-panel,
  .chart-html--private-personnel-company .private-personnel-company-card {
    padding: calc(16 * var(--rpx));
  }
}

.error-box {
  margin: calc(24 * var(--rpx));
  padding: calc(24 * var(--rpx));
  border-radius: calc(24 * var(--rpx));
  background: #ffffff;
  box-shadow: 0 calc(12 * var(--rpx)) calc(32 * var(--rpx)) rgba(15, 23, 42, 0.06);
  color: #b42318;
  font-size: calc(24 * var(--rpx));
  line-height: 1.6;
}

@media (min-width: 960px) {
  body {
    padding: 24px;
  }

  .app-shell {
    min-height: calc(100vh - 48px);
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 16px 48px rgba(15, 23, 42, 0.12);
  }

  .page {
    padding: 24px 28px 28px;
  }

  .card {
    padding: 28px;
  }

  .report-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
  }

  .chart-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    align-items: start;
  }

  .chart-card {
    height: 100%;
  }

  .chart-card--wide {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1200px) {
  body {
    padding: 20px;
    background: linear-gradient(135deg, #dde6f2 0%, #f8fafc 48%, #dbeafe 100%);
  }

  .app-shell {
    width: min(calc(100vw - 40px), 1760px);
    min-height: calc(100vh - 40px);
    border-radius: 28px;
    background: #eef3f9;
    box-shadow: 0 20px 56px rgba(15, 23, 42, 0.14);
  }

  .nav-bar {
    justify-content: flex-start;
    gap: 20px;
    min-height: 92px;
    padding: 24px 32px;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 55%, #0f172a 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .nav-bar__back,
  .nav-bar__back-placeholder {
    width: 56px;
    flex-shrink: 0;
  }

  .nav-bar__back {
    height: 56px;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.06);
  }

  .nav-bar__back-icon {
    width: 12px;
    height: 12px;
    margin-left: 4px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
  }

  .nav-bar__title-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .nav-bar__title {
    text-align: left;
    font-size: 30px;
    color: #f8fafc;
  }

  .nav-bar__meta {
    display: block;
    color: rgba(226, 232, 240, 0.82);
    font-size: 13px;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .nav-bar__side-placeholder {
    display: none;
  }

  .page--home,
  .page--report,
  .page--module,
  .page--library {
    padding: 28px 32px 32px;
  }

  .dashboard-home-shell {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
  }

  .dashboard-report-shell {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
  }

  .dashboard-home-sidebar,
  .dashboard-sidebar--report {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: sticky;
    top: 116px;
  }

  .dashboard-panel,
  .dashboard-content-card,
  .section-summary,
  .empty-card,
  .chart-card {
    border: 1px solid #e2e8f0;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
  }

  .dashboard-panel {
    padding: 24px;
    border-radius: 24px;
    background: #ffffff;
  }

  .dashboard-panel--hero {
    border: none;
    background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 100%);
    color: #f8fafc;
  }

  .dashboard-eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    color: rgba(226, 232, 240, 0.78);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .dashboard-panel__label {
    display: block;
    margin-bottom: 12px;
    color: #475467;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .dashboard-panel__title {
    display: block;
    margin-bottom: 12px;
    color: #0f172a;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
  }

  .dashboard-panel__desc {
    display: block;
    color: #667085;
    font-size: 14px;
    line-height: 1.7;
  }

  .dashboard-panel__meta {
    display: block;
    margin-top: 16px;
    color: #667085;
    font-size: 13px;
    line-height: 1.6;
  }

  .dashboard-panel--hero .dashboard-panel__label,
  .dashboard-panel--hero .dashboard-panel__desc,
  .dashboard-panel--hero .dashboard-panel__meta {
    color: rgba(226, 232, 240, 0.82);
  }

  .dashboard-panel--hero .dashboard-panel__title {
    color: #f8fafc;
  }

  .dashboard-metric-grid {
    display: grid;
    gap: 12px;
  }

  .dashboard-metric-grid--sidebar,
  .dashboard-metric-grid--report {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-metric-card {
    min-height: 118px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px;
    border-radius: 20px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
  }

  .dashboard-metric-card__label {
    color: #667085;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .dashboard-metric-card__value {
    color: #0f172a;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
    word-break: break-word;
  }

  .dashboard-metric-card__helper {
    color: #98a2b3;
    font-size: 13px;
    line-height: 1.6;
  }

  .dashboard-nav-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;
  }

  .dashboard-nav-link {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    transition:
      transform 0.16s ease,
      box-shadow 0.16s ease,
      border-color 0.16s ease,
      background 0.16s ease;
  }

  .dashboard-nav-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
    border-color: #cbd5e1;
  }

  .dashboard-nav-link--active {
    background: linear-gradient(135deg, rgba(0, 48, 135, 0.08) 0%, rgba(37, 99, 235, 0.16) 100%);
    border-color: rgba(0, 48, 135, 0.24);
  }

  .dashboard-nav-link__main {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .dashboard-nav-link__title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
  }

  .dashboard-nav-link__meta {
    display: -webkit-box;
    overflow: hidden;
    color: #667085;
    font-size: 13px;
    line-height: 1.6;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .dashboard-nav-link__value {
    flex-shrink: 0;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(0, 48, 135, 0.08);
    color: #003087;
    font-size: 12px;
    font-weight: 700;
  }

  .dashboard-card-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
  }

  .dashboard-card-heading__eyebrow {
    display: block;
    margin-bottom: 10px;
    color: #475467;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .dashboard-card-heading__title {
    display: block;
    color: #0f172a;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
  }

  .dashboard-card-heading__meta {
    color: #667085;
    font-size: 14px;
    line-height: 1.6;
  }

  .dashboard-section-kpis {
    display: block;
    margin-bottom: 24px;
  }

  .hero {
    margin-bottom: 24px;
    padding: 0 4px;
  }

  .hero__eyebrow {
    display: block;
    margin-bottom: 10px;
    color: #475467;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .hero__title {
    font-size: 36px;
    line-height: 1.15;
  }

  .hero__desc {
    display: block;
    max-width: 960px;
    margin-top: 12px;
    color: #667085;
    font-size: 15px;
    line-height: 1.7;
  }

  .page--report .tabs.nb-mobile-block {
    display: none;
  }

  .card,
  .dashboard-content-card {
    padding: 28px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
  }

  .report-list {
    gap: 20px;
  }

  .report-card {
    padding: 26px;
    border: 1px solid #e2e8f0;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: none;
  }

  .section-item {
    border: 1px solid #eef2f7;
  }

  .primary-btn {
    width: auto;
    min-width: 148px;
    min-height: 48px;
    padding: 0 24px;
    align-self: flex-start;
    font-size: 16px;
  }

  .section-summary,
  .empty-card {
    margin-bottom: 24px;
  }

  .chart-list {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 22px;
    align-items: start;
  }

  .chart-subsection {
    grid-column: 1 / -1;
    padding: 4px 2px 0;
  }

  .chart-card {
    grid-column: 1 / -1;
    height: auto;
    padding: 24px;
    background: #ffffff;
  }

  .chart-card--wide {
    grid-column: 1 / -1;
  }

  .chart-card__title {
    font-size: 22px;
  }

  .chart-card__subtitle {
    font-size: 14px;
  }

  .chart-card__filter-select,
  .chart-card__download-btn {
    min-height: 40px;
    font-size: 13px;
  }

  .chart-card__filter-select {
    max-width: 260px;
  }

  .chart-host {
    border-radius: 16px;
  }
}

@media (min-width: 1540px) {
  .dashboard-metric-grid--report {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .chart-card {
    grid-column: span 6;
  }

  .chart-card--wide {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .dashboard-home-shell {
    grid-template-columns: 300px minmax(0, 1fr);
  }

  .dashboard-report-shell {
    grid-template-columns: 290px minmax(0, 1fr);
  }
}

@media (min-width: 1200px) {
  body {
    background:
      radial-gradient(circle at 12% 18%, rgba(59, 130, 246, 0.18), transparent 24%),
      radial-gradient(circle at 88% 12%, rgba(168, 85, 247, 0.14), transparent 22%),
      radial-gradient(circle at 82% 86%, rgba(34, 197, 94, 0.1), transparent 20%),
      linear-gradient(180deg, #f4f7fb 0%, #edf3fb 100%);
  }

  .app-shell {
    position: relative;
    isolation: isolate;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background:
      linear-gradient(180deg, #0f172a 0, #172554 104px, #f3f7fc 104px, #f3f7fc 100%),
      linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(244, 248, 255, 0.95));
    box-shadow:
      0 24px 60px rgba(15, 23, 42, 0.12),
      0 8px 24px rgba(59, 130, 246, 0.08);
  }

  .app-shell::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.16;
    background-image:
      linear-gradient(rgba(59, 130, 246, 0.08) 1px, transparent 1px),
      linear-gradient(90deg, rgba(59, 130, 246, 0.08) 1px, transparent 1px);
    background-size: 26px 26px;
    mask-image: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0, rgba(255, 255, 255, 0.08) 220px, transparent 360px);
  }

  .nav-bar,
  .page {
    position: relative;
    z-index: 1;
  }

  .nav-bar {
    box-shadow:
      inset 0 -1px 0 rgba(255, 255, 255, 0.08),
      0 14px 36px rgba(15, 23, 42, 0.22);
    backdrop-filter: blur(18px);
    overflow: hidden;
  }

  .nav-bar__title {
    letter-spacing: 0.01em;
    font-size: 26px;
  }

  .nav-bar__meta {
    font-size: 12px;
  }

  .nav-bar__meta::before {
    content: '●';
    margin-right: 8px;
    color: #22c55e;
    font-size: 10px;
    vertical-align: middle;
  }

  .nav-bar::after {
    content: '';
    position: absolute;
    left: 32px;
    right: 32px;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, rgba(56, 189, 248, 0.9) 0%, rgba(59, 130, 246, 0.9) 48%, rgba(168, 85, 247, 0.9) 100%);
    opacity: 0.9;
  }

  .dashboard-home-sidebar .dashboard-panel,
  .dashboard-sidebar--report .dashboard-panel {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.9) 0%, rgba(30, 41, 59, 0.88) 100%);
    border-color: rgba(148, 163, 184, 0.14);
    box-shadow:
      0 20px 40px rgba(15, 23, 42, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(14px);
  }

  .dashboard-home-sidebar .dashboard-panel--hero,
  .dashboard-sidebar--report .dashboard-panel--hero {
    background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 56%, #38bdf8 100%);
    box-shadow: 0 24px 48px rgba(37, 99, 235, 0.24);
  }

  .dashboard-home-sidebar .dashboard-panel__label,
  .dashboard-home-sidebar .dashboard-panel__desc,
  .dashboard-home-sidebar .dashboard-panel__meta,
  .dashboard-sidebar--report .dashboard-panel__label,
  .dashboard-sidebar--report .dashboard-panel__desc,
  .dashboard-sidebar--report .dashboard-panel__meta {
    color: rgba(226, 232, 240, 0.72);
  }

  .dashboard-home-sidebar .dashboard-panel__title,
  .dashboard-sidebar--report .dashboard-panel__title {
    color: #f8fafc;
    font-size: 24px;
    line-height: 1.25;
  }

  .dashboard-home-sidebar .dashboard-eyebrow,
  .dashboard-sidebar--report .dashboard-eyebrow {
    color: rgba(125, 211, 252, 0.88);
  }

  .dashboard-home-sidebar .dashboard-metric-card,
  .dashboard-sidebar--report .dashboard-metric-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.04) 100%);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.04),
      0 12px 24px rgba(2, 6, 23, 0.14);
  }

  .dashboard-home-sidebar .dashboard-metric-card__label,
  .dashboard-sidebar--report .dashboard-metric-card__label {
    color: rgba(148, 163, 184, 0.84);
  }

  .dashboard-home-sidebar .dashboard-metric-card__value,
  .dashboard-sidebar--report .dashboard-metric-card__value {
    color: #f8fafc;
    font-size: 20px;
    line-height: 1.3;
  }

  .dashboard-home-sidebar .dashboard-metric-card__helper,
  .dashboard-sidebar--report .dashboard-metric-card__helper {
    color: rgba(226, 232, 240, 0.66);
    font-size: 12px;
    line-height: 1.6;
  }

  .dashboard-home-sidebar .dashboard-metric-card__label,
  .dashboard-sidebar--report .dashboard-metric-card__label {
    font-size: 11px;
  }

  .dashboard-home-sidebar .dashboard-nav-link,
  .dashboard-sidebar--report .dashboard-nav-link {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: none;
  }

  .dashboard-home-sidebar .dashboard-nav-link:hover,
  .dashboard-sidebar--report .dashboard-nav-link:hover {
    border-color: rgba(96, 165, 250, 0.32);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 16px 28px rgba(15, 23, 42, 0.18);
  }

  .dashboard-home-sidebar .dashboard-nav-link--active,
  .dashboard-sidebar--report .dashboard-nav-link--active {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.22) 0%, rgba(96, 165, 250, 0.12) 100%);
    border-color: rgba(125, 211, 252, 0.44);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  }

  .dashboard-home-sidebar .dashboard-nav-link__title,
  .dashboard-sidebar--report .dashboard-nav-link__title {
    color: #f8fafc;
    font-size: 14px;
    line-height: 1.45;
  }

  .dashboard-home-sidebar .dashboard-nav-link__meta,
  .dashboard-sidebar--report .dashboard-nav-link__meta {
    color: rgba(226, 232, 240, 0.68);
    font-size: 12px;
    line-height: 1.55;
  }

  .dashboard-home-sidebar .dashboard-nav-link__value,
  .dashboard-sidebar--report .dashboard-nav-link__value {
    background: rgba(59, 130, 246, 0.18);
    color: #bfdbfe;
    font-size: 11px;
  }

  .dashboard-home-sidebar .dashboard-nav-link--home .dashboard-nav-link__value,
  .dashboard-sidebar--report .dashboard-nav-link--home .dashboard-nav-link__value {
    background: rgba(34, 197, 94, 0.16);
    color: #dcfce7;
  }

  .dashboard-content-card,
  .dashboard-main .hero,
  .section-summary,
  .empty-card,
  .chart-card {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 251, 255, 0.94) 100%);
    backdrop-filter: blur(12px);
  }

  .dashboard-content-card::before,
  .dashboard-main .hero::before,
  .chart-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #0f172a 0%, #2563eb 52%, #22c55e 100%);
  }

  .dashboard-main .hero {
    margin-bottom: 24px;
    padding: 30px 32px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(238, 244, 255, 0.98) 56%, rgba(248, 241, 255, 0.96) 100%);
    box-shadow: 0 18px 40px rgba(59, 130, 246, 0.08);
  }

  .dashboard-main .hero::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.9;
    background:
      radial-gradient(circle at 84% 22%, rgba(59, 130, 246, 0.16), transparent 18%),
      radial-gradient(circle at 72% 76%, rgba(168, 85, 247, 0.1), transparent 16%);
  }

  .dashboard-main .hero > * {
    position: relative;
    z-index: 1;
  }

  .dashboard-section-kpis .dashboard-metric-card {
    background: linear-gradient(180deg, #ffffff 0%, #f3f8ff 100%);
    border-color: rgba(191, 219, 254, 0.7);
    box-shadow: 0 12px 28px rgba(59, 130, 246, 0.08);
  }

  .dashboard-card-heading__title,
  .hero__title {
    color: #0f172a;
  }

  .dashboard-card-heading__title {
    font-size: 26px;
  }

  .dashboard-card-heading__meta,
  .hero__desc {
    color: #526072;
  }

  .dashboard-card-heading__meta {
    font-size: 12px;
    line-height: 1.55;
  }

  .hero__eyebrow,
  .dashboard-card-heading__eyebrow {
    color: #1d4ed8;
  }

  .report-card {
    position: relative;
    overflow: hidden;
    padding: 22px;
    border-color: rgba(191, 219, 254, 0.62);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 251, 255, 0.96) 100%);
    box-shadow: 0 16px 34px rgba(148, 163, 184, 0.14);
    transition:
      transform 0.18s ease,
      box-shadow 0.18s ease,
      border-color 0.18s ease;
  }

  .report-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #0f172a, #2563eb);
  }

  .report-card--cta::before {
    background: linear-gradient(90deg, #16a34a 0%, #2563eb 100%);
  }

  .report-card--stock::before {
    background: linear-gradient(90deg, #f59e0b 0%, #ef4444 100%);
  }

  .report-card--private::before {
    background: linear-gradient(90deg, #7c3aed 0%, #2563eb 100%);
  }

  .report-card--tracking::before {
    background: linear-gradient(90deg, #0f766e 0%, #2563eb 100%);
  }

  .report-card__header,
  .chart-card__header {
    position: relative;
    z-index: 1;
  }

  .report-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 40px rgba(59, 130, 246, 0.12);
    border-color: rgba(96, 165, 250, 0.5);
  }

  .report-card__header {
    align-items: center;
    margin-bottom: 14px;
  }

  .report-card__title {
    margin-bottom: 4px;
    font-size: 22px;
    line-height: 1.25;
  }

  .report-card__period {
    font-size: 13px;
    line-height: 1.5;
  }

  .report-card__badge,
  .section-item__badge {
    padding: 6px 10px;
    font-size: 11px;
    line-height: 1.2;
  }

  .section-list {
    gap: 14px;
    margin-bottom: 16px;
  }

  .section-item {
    padding: 16px;
    gap: 14px;
    align-items: flex-start;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.66);
  }

  .section-item__main {
    gap: 6px;
  }

  .section-item__title {
    font-size: 15px;
    line-height: 1.5;
  }

  .section-item__desc {
    font-size: 13px;
    line-height: 1.65;
  }

  .chart-card {
    border-color: rgba(148, 163, 184, 0.22);
    box-shadow:
      0 18px 40px rgba(15, 23, 42, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.86);
    transition:
      transform 0.18s ease,
      box-shadow 0.18s ease,
      border-color 0.18s ease;
  }

  .chart-card--focus::before {
    background: linear-gradient(90deg, #2563eb 0%, #06b6d4 100%);
  }

  .chart-card--wide::before {
    background: linear-gradient(90deg, #1d4ed8 0%, #0f172a 54%, #22c55e 100%);
  }

  .chart-card__header {
    padding-bottom: 16px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e6edf5;
  }

  .chart-card:hover {
    transform: translateY(-2px);
    border-color: rgba(96, 165, 250, 0.36);
    box-shadow:
      0 22px 46px rgba(59, 130, 246, 0.1),
      inset 0 1px 0 rgba(255, 255, 255, 0.86);
  }

  .chart-host,
  .chart-html {
    border: 1px solid #e7edf4;
    background:
      radial-gradient(circle at top right, rgba(96, 165, 250, 0.06), transparent 18%),
      linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  }

  .chart-card__download-btn {
    background: #0f172a;
    color: #f8fafc;
    transition: background 0.16s ease, transform 0.16s ease;
  }

  .chart-card__download-btn:hover {
    background: #1d4ed8;
    transform: translateY(-1px);
  }

  .chart-card__filter-select {
    background: #f8fafc;
  }

  .section-summary,
  .empty-card {
    border-color: rgba(148, 163, 184, 0.18);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 250, 255, 0.96) 100%);
  }

  .chart-subsection {
    margin-top: 4px;
    padding-top: 14px;
    border-top: 1px solid rgba(148, 163, 184, 0.18);
  }

  .dashboard-main .hero {
    padding: 28px 30px;
  }

  .hero__title {
    font-size: 30px;
    line-height: 1.2;
  }

  .hero__desc {
    font-size: 14px;
    line-height: 1.7;
  }

  .section-summary__title,
  .empty-card__title {
    font-size: 18px;
    line-height: 1.4;
  }

  .section-summary__desc,
  .empty-card__desc {
    font-size: 14px;
    line-height: 1.7;
  }

  .chart-subsection__title {
    font-size: 20px;
    line-height: 1.45;
  }

  .chart-subsection__desc {
    font-size: 13px;
    line-height: 1.65;
  }

  .chart-card__title {
    font-size: 20px;
    line-height: 1.45;
  }

  .chart-card__subtitle {
    font-size: 13px;
    line-height: 1.65;
  }
}

@media (min-width: 1540px) {
  .report-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .chart-list {
    grid-template-columns: repeat(18, minmax(0, 1fr));
    grid-auto-flow: dense;
  }

  .chart-card {
    grid-column: span 6;
  }

  .chart-card--focus {
    grid-column: span 9;
  }

  .chart-card--wide {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1800px) {
  .dashboard-home-shell {
    grid-template-columns: 380px minmax(0, 1fr);
  }

  .dashboard-report-shell {
    grid-template-columns: 340px minmax(0, 1fr);
  }

  .chart-list {
    grid-template-columns: repeat(24, minmax(0, 1fr));
    gap: 24px;
  }

  .chart-card {
    grid-column: span 8;
  }

  .chart-card--focus {
    grid-column: span 12;
  }

  .chart-card--wide {
    grid-column: 1 / -1;
  }

  .report-card__title {
    font-size: 23px;
  }

  .section-item__title {
    font-size: 15.5px;
  }
}

@media (max-width: 1080px) {
  .chart-html--new-private-managers .manager-index {
    position: static;
    margin-bottom: calc(10 * var(--rpx));
  }

  .chart-html--new-private-managers .manager-title {
    margin-right: 0;
  }
}

.dashboard-workspace-hero,
.dashboard-home-top-grid,
.dashboard-surface,
.hero__route,
.hero__stats {
  display: none;
}

@media (min-width: 1200px) {
  .dashboard-home-shell {
    grid-template-columns: 308px minmax(0, 1fr);
    gap: 26px;
  }

  .dashboard-report-shell {
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 26px;
  }

  .dashboard-home-main,
  .dashboard-main {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .dashboard-home-sidebar,
  .dashboard-sidebar--report {
    gap: 18px;
    top: 108px;
  }

  .dashboard-main .hero,
  .dashboard-section-kpis,
  .section-summary,
  .empty-card {
    margin-bottom: 0;
  }

  .nav-bar {
    min-height: 84px;
    padding: 18px 28px;
  }

  .nav-bar__title {
    font-size: 24px;
  }

  .nav-bar__meta {
    font-size: 11px;
  }

  .dashboard-home-sidebar .dashboard-panel__title,
  .dashboard-sidebar--report .dashboard-panel__title {
    font-size: 22px;
  }

  .dashboard-home-sidebar .dashboard-panel__desc,
  .dashboard-sidebar--report .dashboard-panel__desc {
    font-size: 13px;
  }

  .dashboard-home-sidebar .dashboard-nav-link__title,
  .dashboard-sidebar--report .dashboard-nav-link__title {
    font-size: 13.5px;
  }

  .dashboard-home-sidebar .dashboard-nav-link__meta,
  .dashboard-sidebar--report .dashboard-nav-link__meta {
    font-size: 11.5px;
    line-height: 1.55;
  }

  .dashboard-home-sidebar .dashboard-metric-card__value,
  .dashboard-sidebar--report .dashboard-metric-card__value {
    font-size: 18px;
  }

  .dashboard-card-heading__title {
    font-size: 24px;
  }

  .dashboard-card-heading__meta {
    font-size: 13px;
  }

  .hero__title {
    font-size: 28px;
  }

  .hero__desc {
    font-size: 13px;
  }

  .report-card__title {
    font-size: 20px;
  }

  .report-card__period {
    font-size: 12px;
  }

  .section-item__title {
    font-size: 14px;
  }

  .section-item__desc {
    font-size: 12.5px;
  }

  .chart-card__title {
    font-size: 18px;
  }

  .chart-card__subtitle {
    font-size: 12.5px;
  }

  .dashboard-workspace-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 26px 28px;
    border-radius: 24px;
    border: 1px solid rgba(96, 165, 250, 0.2);
    background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 56%, #38bdf8 100%);
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.14);
  }

  .dashboard-workspace-hero__main {
    max-width: 720px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .dashboard-workspace-hero__eyebrow {
    color: rgba(191, 219, 254, 0.92);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .dashboard-workspace-hero__title {
    color: #ffffff;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.15;
  }

  .dashboard-workspace-hero__desc {
    color: rgba(239, 246, 255, 0.84);
    font-size: 14px;
    line-height: 1.8;
  }

  .dashboard-workspace-pill-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    max-width: 280px;
  }

  .dashboard-workspace-pill {
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
  }

  .dashboard-home-top-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
    gap: 22px;
  }

  .dashboard-surface {
    display: block;
    padding: 24px 26px;
    border-radius: 24px;
    border: 1px solid rgba(191, 219, 254, 0.72);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 250, 255, 0.96) 100%);
    box-shadow: 0 18px 38px rgba(59, 130, 246, 0.08);
  }

  .dashboard-surface__header {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
  }

  .dashboard-surface__eyebrow {
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .dashboard-surface__title {
    color: #0f172a;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.25;
  }

  .dashboard-surface__desc {
    color: #526072;
    font-size: 13px;
    line-height: 1.75;
  }

  .dashboard-step-list {
    display: grid;
    gap: 14px;
  }

  .dashboard-step-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid #e6edf5;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  }

  .dashboard-step-item__index {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: linear-gradient(135deg, #0f172a 0%, #2563eb 100%);
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .dashboard-step-item__body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .dashboard-step-item__title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
  }

  .dashboard-step-item__desc {
    color: #526072;
    font-size: 13px;
    line-height: 1.7;
  }

  .dashboard-update-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .dashboard-update-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid #e6edf5;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    transition:
      transform 0.16s ease,
      box-shadow 0.16s ease,
      border-color 0.16s ease;
  }

  .dashboard-update-item:hover {
    transform: translateY(-1px);
    border-color: rgba(96, 165, 250, 0.42);
    box-shadow: 0 16px 28px rgba(59, 130, 246, 0.08);
  }

  .dashboard-update-item__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .dashboard-update-item__title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
  }

  .dashboard-update-item__badge {
    flex-shrink: 0;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(29, 78, 216, 0.1);
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
  }

  .dashboard-update-item__meta {
    color: #526072;
    font-size: 12px;
    line-height: 1.6;
  }

  .dashboard-update-item__helper {
    color: #64748b;
    font-size: 12px;
    line-height: 1.65;
  }

  .hero__route {
    display: block;
    margin-bottom: 10px;
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .hero__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 18px;
  }

  .hero__stat {
    min-width: 160px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: rgba(255, 255, 255, 0.66);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  }

  .hero__stat-label {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .hero__stat-value {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .dashboard-workspace-hero {
    flex-direction: column;
  }

  .dashboard-workspace-pill-list {
    justify-content: flex-start;
    max-width: none;
  }

  .dashboard-home-top-grid {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1540px) {
  .dashboard-home-top-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(420px, 0.85fr);
  }

  .dashboard-workspace-pill-list {
    max-width: 360px;
  }
}

.nb-site-header {
  display: none;
}

.nav-bar__mobile-shell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.nb-desktop-block {
  display: none !important;
}

.nb-mobile-block {
  display: block;
}

.nb-section {
  margin-bottom: calc(24 * var(--rpx));
}

.nb-section-heading {
  display: flex;
  flex-direction: column;
  gap: calc(10 * var(--rpx));
  margin-bottom: calc(20 * var(--rpx));
}

.nb-section-heading__eyebrow {
  color: #475467;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.nb-section-heading__title {
  margin: 0;
  color: #0f172a;
  font-size: calc(40 * var(--rpx));
  font-weight: 700;
  line-height: 1.2;
}

.nb-section-heading__desc {
  margin: 0;
  color: #667085;
  font-size: calc(24 * var(--rpx));
  line-height: 1.7;
}

.nb-number-grid {
  display: grid;
  gap: calc(20 * var(--rpx));
}

.nb-number-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: calc(10 * var(--rpx));
  padding: calc(24 * var(--rpx));
  border-radius: calc(22 * var(--rpx));
  background: #ffffff;
  box-shadow: 0 calc(12 * var(--rpx)) calc(32 * var(--rpx)) rgba(15, 23, 42, 0.06);
}

.nb-number-card::before {
  content: '';
  position: absolute;
  left: calc(24 * var(--rpx));
  top: calc(24 * var(--rpx));
  bottom: calc(24 * var(--rpx));
  width: calc(6 * var(--rpx));
  border-radius: 999px;
  background: #2f6f73;
}

.nb-number-card--stock::before {
  background: #8e4635;
}

.nb-number-card--private::before {
  background: #203a73;
}

.nb-number-card--insights::before {
  background: #6f1335;
}

.nb-number-card__value,
.nb-number-card__label,
.nb-number-card__helper {
  padding-left: calc(22 * var(--rpx));
}

.nb-number-card__value {
  color: #111827;
  font-size: calc(52 * var(--rpx));
  font-weight: 700;
  line-height: 1.1;
}

.nb-number-card__label {
  color: #111827;
  font-size: calc(28 * var(--rpx));
  font-weight: 700;
  line-height: 1.35;
}

.nb-number-card__helper {
  color: #667085;
  font-size: calc(22 * var(--rpx));
  line-height: 1.6;
}

.nb-text-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #111827;
  font-size: calc(24 * var(--rpx));
  font-weight: 700;
}

.tracking-module-intro {
  display: grid;
  gap: calc(12 * var(--rpx));
}

.tracking-module-intro__eyebrow {
  color: #667085;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

@media (min-width: 1200px) {
  .page--module-tracking .tracking-module-intro--hero {
    min-height: 172px;
    padding: 26px 0 30px;
  }

  .page--module-tracking .tracking-module-intro--hero::before {
    width: min(24vw, 276px);
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 6%,
      #d07a58 6%,
      #d07a58 8%,
      #651236 8%,
      #651236 24%,
      #6a1637 24%,
      #6a1637 36%,
      #8b283c 36%,
      #8b283c 48%,
      #5a102f 48%,
      #5a102f 60%,
      #884754 60%,
      #884754 75%,
      #633146 75%,
      #633146 87%,
      #5e2d60 87%,
      #5e2d60 100%
    );
  }

  .page--module-tracking .tracking-module-intro__eyebrow--hero {
    margin-bottom: 8px;
    font-size: 11px;
    letter-spacing: 0.11em;
  }

  .page--module-tracking .tracking-module-intro--hero .tracking-module-intro__title {
    font-size: 56px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.032em;
  }

  .page--module-tracking .tracking-module-button-group--detail {
    margin-bottom: 16px;
  }

  .page--module-tracking .tracking-module-button-list {
    gap: 34px;
  }

  .page--module-tracking .tracking-module-button {
    padding: 22px 0 17px;
    border-bottom-width: 2px;
  }

  .page--module-tracking .tracking-module-button__label {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.18;
    letter-spacing: -0.005em;
  }

  .page--module-tracking-detail .tracking-module-directory {
    margin-top: 0;
    padding-top: 18px;
    border-top: none;
  }

  .page--module-tracking-detail .chart-list--tracking-detail {
    grid-template-columns: minmax(0, 1fr);
    gap: 26px;
  }

  .page--module-tracking-detail .chart-list--tracking-detail .chart-card,
  .page--module-tracking-detail .chart-list--tracking-detail .chart-card--focus,
  .page--module-tracking-detail .chart-list--tracking-detail .chart-card--wide,
  .page--module-tracking-detail .chart-list--tracking-detail .chart-card--html {
    grid-column: 1 / -1;
  }

  .page--module-tracking-detail .chart-card,
  .page--module-tracking-detail .empty-card:not(.section-auth-gate) {
    border: 1px solid rgba(17, 24, 39, 0.1);
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
  }

  .page--module-tracking-detail .chart-card {
    padding: 24px 24px 22px;
  }

  .page--module-tracking-detail .chart-card::before {
    display: none;
  }

  .page--module-tracking-detail .chart-card:hover {
    transform: none;
    border-color: rgba(17, 24, 39, 0.18);
    box-shadow: none;
  }

  .page--module-tracking-detail .chart-card__header {
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(17, 24, 39, 0.08);
  }

  .page--module-tracking-detail .chart-card__header-main {
    gap: 6px;
  }

  .page--module-tracking-detail .chart-card__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.38;
    letter-spacing: -0.01em;
  }

  .page--module-tracking-detail .chart-card__subtitle {
    font-size: 13px;
    line-height: 1.68;
    color: #667085;
  }

  .page--module-tracking-detail .chart-card__actions {
    gap: 10px;
  }

  .page--module-tracking-detail .chart-card__filter-select,
  .page--module-tracking-detail .chart-card__download-btn {
    min-height: 36px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    box-shadow: none;
  }

  .page--module-tracking-detail .chart-card__filter-select {
    max-width: 240px;
    border-color: rgba(17, 24, 39, 0.12);
    background: #ffffff;
  }

  .page--module-tracking-detail .chart-card__download-btn {
    padding: 0 14px;
    border: 1px solid #111827;
    background: #111827;
    color: #ffffff;
  }

  .page--module-tracking-detail .chart-card__download-btn:hover {
    transform: none;
    background: #1f2937;
  }

  .page--module-tracking-detail .chart-host,
  .page--module-tracking-detail .chart-html {
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
  }

  .page--module-tracking-detail .tracking-module-loading {
    padding: 24px;
  }

  .page--module-tracking-detail .empty-card:not(.section-auth-gate) {
    margin-bottom: 0;
    padding: 24px;
  }

  .page--module-tracking-detail .empty-card__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
  }

  .page--module-tracking-detail .empty-card__desc {
    font-size: 13px;
    line-height: 1.72;
  }
}

.tracking-module-intro__eyebrow--hero {
  display: none;
}

.tracking-module-intro__title {
  margin: 0;
  color: #111827;
  font-size: calc(44 * var(--rpx));
  font-weight: 700;
  line-height: 1.2;
}

.tracking-module-intro__desc {
  margin: 0;
  color: #475467;
  font-size: calc(24 * var(--rpx));
  line-height: 1.72;
}

.tracking-module-intro__pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10 * var(--rpx));
  margin-top: calc(4 * var(--rpx));
}

.tracking-module-intro__pill {
  display: inline-flex;
  align-items: center;
  min-height: calc(42 * var(--rpx));
  padding: 0 calc(16 * var(--rpx));
  border-radius: 999px;
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(255, 255, 255, 0.72);
  color: #475467;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  line-height: 1;
}

.tracking-module-intro__main {
  display: grid;
  gap: calc(12 * var(--rpx));
}

.tracking-module-intro--detail {
  position: relative;
  gap: calc(22 * var(--rpx));
  padding: calc(26 * var(--rpx));
  border-radius: calc(28 * var(--rpx));
  background: linear-gradient(135deg, rgba(246, 248, 252, 0.96) 0%, rgba(238, 247, 244, 0.98) 100%);
  overflow: hidden;
}

.tracking-module-intro--detail::before,
.tracking-module-intro--detail::after {
  content: '';
  position: absolute;
  pointer-events: none;
}

.tracking-module-intro--detail::before {
  top: calc(-88 * var(--rpx));
  right: calc(-44 * var(--rpx));
  width: calc(280 * var(--rpx));
  height: calc(280 * var(--rpx));
  border-radius: 50%;
  background: radial-gradient(circle, rgba(15, 118, 110, 0.12) 0%, rgba(15, 118, 110, 0) 72%);
}

.tracking-module-intro--detail::after {
  left: calc(-90 * var(--rpx));
  bottom: calc(-110 * var(--rpx));
  width: calc(320 * var(--rpx));
  height: calc(220 * var(--rpx));
  border-radius: 50%;
  background: radial-gradient(circle, rgba(17, 24, 39, 0.06) 0%, rgba(17, 24, 39, 0) 72%);
}

.tracking-module-intro--detail .tracking-module-intro__main,
.tracking-module-intro--detail .tracking-module-hero-visual {
  position: relative;
  z-index: 1;
}

.tracking-module-hero-visual {
  min-width: 0;
}

.tracking-module-hero-visual__surface {
  position: relative;
  display: grid;
  gap: calc(16 * var(--rpx));
  min-height: 100%;
  padding: calc(22 * var(--rpx));
  border-radius: calc(24 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.84) 0%, rgba(255, 255, 255, 0.72) 100%);
  box-shadow: 0 calc(18 * var(--rpx)) calc(40 * var(--rpx)) rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.tracking-module-hero-visual__surface::before,
.tracking-module-hero-visual__surface::after {
  content: '';
  position: absolute;
  inset: auto;
  pointer-events: none;
}

.tracking-module-hero-visual__surface::before {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(135deg, rgba(15, 118, 110, 0.09), transparent 42%),
    repeating-linear-gradient(
      90deg,
      rgba(17, 24, 39, 0.035) 0,
      rgba(17, 24, 39, 0.035) 1px,
      transparent 1px,
      transparent calc(34 * var(--rpx))
    );
  opacity: 0.9;
}

.tracking-module-hero-visual__surface::after {
  right: calc(-32 * var(--rpx));
  bottom: calc(-36 * var(--rpx));
  width: calc(180 * var(--rpx));
  height: calc(180 * var(--rpx));
  border-radius: 50%;
  background: radial-gradient(circle, rgba(15, 118, 110, 0.16) 0%, rgba(15, 118, 110, 0) 72%);
}

.tracking-module-hero-visual__topline,
.tracking-module-hero-visual__headline,
.tracking-module-hero-visual__stats,
.tracking-module-hero-visual__notes {
  position: relative;
  z-index: 1;
}

.tracking-module-hero-visual__topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(14 * var(--rpx));
  flex-wrap: wrap;
}

.tracking-module-hero-visual__kicker {
  color: #667085;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.tracking-module-hero-visual__period {
  display: inline-flex;
  align-items: center;
  min-height: calc(40 * var(--rpx));
  padding: 0 calc(16 * var(--rpx));
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(17, 24, 39, 0.08);
  color: #344054;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
}

.tracking-module-hero-visual__headline {
  display: grid;
  gap: calc(8 * var(--rpx));
}

.tracking-module-hero-visual__title {
  color: #111827;
  font-size: calc(30 * var(--rpx));
  font-weight: 700;
  line-height: 1.3;
}

.tracking-module-hero-visual__subtitle {
  color: #475467;
  font-size: calc(20 * var(--rpx));
  line-height: 1.7;
}

.tracking-module-hero-visual__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(12 * var(--rpx));
}

.tracking-module-hero-visual__stat {
  display: grid;
  gap: calc(6 * var(--rpx));
  padding: calc(16 * var(--rpx));
  border-radius: calc(18 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(255, 255, 255, 0.7);
}

.tracking-module-hero-visual__stat-label {
  color: #667085;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.04em;
}

.tracking-module-hero-visual__stat-value {
  color: #111827;
  font-size: calc(28 * var(--rpx));
  font-weight: 700;
  line-height: 1.18;
}

.tracking-module-hero-visual__notes {
  display: grid;
  gap: calc(10 * var(--rpx));
}

.tracking-module-hero-visual__note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(16 * var(--rpx));
  padding-top: calc(12 * var(--rpx));
  border-top: 1px solid rgba(17, 24, 39, 0.08);
}

.tracking-module-hero-visual__note-label {
  color: #667085;
  font-size: calc(18 * var(--rpx));
  line-height: 1.55;
}

.tracking-module-hero-visual__note-value {
  color: #111827;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  line-height: 1.4;
  text-align: right;
}

.tracking-module-brief {
  display: grid;
  gap: calc(18 * var(--rpx));
  margin-bottom: calc(22 * var(--rpx));
  padding: calc(22 * var(--rpx));
  border-radius: calc(26 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 250, 252, 0.94) 100%);
  box-shadow: 0 calc(18 * var(--rpx)) calc(36 * var(--rpx)) rgba(15, 23, 42, 0.05);
}

.tracking-module-brief__main {
  display: grid;
  gap: calc(12 * var(--rpx));
  min-width: 0;
}

.tracking-module-brief__eyebrow {
  color: #667085;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.tracking-module-brief__title {
  margin: 0;
  color: #111827;
  font-size: calc(34 * var(--rpx));
  font-weight: 700;
  line-height: 1.26;
}

.tracking-module-brief__desc {
  margin: 0;
  color: #475467;
  font-size: calc(20 * var(--rpx));
  line-height: 1.72;
}

.tracking-module-brief__meta {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10 * var(--rpx));
}

.tracking-module-brief__meta-item {
  display: inline-flex;
  align-items: center;
  min-height: calc(40 * var(--rpx));
  padding: 0 calc(14 * var(--rpx));
  border-radius: 999px;
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(255, 255, 255, 0.78);
  color: #344054;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
  line-height: 1.4;
}

.tracking-module-brief__guide {
  display: grid;
  gap: calc(10 * var(--rpx));
}

.tracking-module-brief-note {
  display: grid;
  gap: calc(6 * var(--rpx));
  padding: calc(16 * var(--rpx)) calc(18 * var(--rpx));
  border-radius: calc(18 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(255, 255, 255, 0.84);
}

.tracking-module-brief-note--overview {
  border-color: rgba(37, 99, 235, 0.12);
}

.tracking-module-brief-note--charts {
  border-color: rgba(15, 118, 110, 0.14);
}

.tracking-module-brief-note--update {
  border-color: rgba(109, 40, 217, 0.12);
}

.tracking-module-brief-note__eyebrow {
  color: #667085;
  font-size: calc(14 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.tracking-module-brief-note__title {
  color: #111827;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  line-height: 1.5;
}

.tracking-module-brief-note__desc {
  margin: 0;
  color: #475467;
  font-size: calc(17 * var(--rpx));
  line-height: 1.7;
}

.tracking-home-cta {
  margin-top: calc(28 * var(--rpx));
  border-radius: calc(28 * var(--rpx));
  overflow: hidden;
  background: linear-gradient(135deg, #3f7479 0%, #3b6e73 100%);
}

.tracking-home-cta__inner {
  padding: calc(26 * var(--rpx));
}

.tracking-home-cta__content {
  display: grid;
  gap: calc(14 * var(--rpx));
}

.tracking-home-cta__topline {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(10 * var(--rpx));
}

.tracking-home-cta__visual {
  display: none;
}

.tracking-home-cta__image {
  display: block;
  width: 100%;
  height: auto;
}

.tracking-home-cta__eyebrow {
  color: rgba(255, 255, 255, 0.82);
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.tracking-home-cta__title {
  margin: 0;
  color: #ffffff;
  font-size: calc(40 * var(--rpx));
  font-weight: 700;
  line-height: 1.2;
}

.tracking-home-cta__desc {
  margin: 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: calc(24 * var(--rpx));
  line-height: 1.7;
}

.tracking-home-cta__meta {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: calc(19 * var(--rpx));
  line-height: 1.6;
}

.tracking-home-cta__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: flex-start;
  min-height: calc(48 * var(--rpx));
  padding: 0 calc(22 * var(--rpx));
  border-radius: 999px;
  background: #ffffff;
  color: #111827;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  line-height: 1;
}

.tracking-home-cta .section-auth-badge {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.88);
}

.tracking-home-cta--talent-flows {
  background: linear-gradient(135deg, #5a637e 0%, #454d66 100%);
}

.tracking-home-cta__visual--talent-flows {
  background: rgba(255, 255, 255, 0.1);
}

.tracking-home-cta__image--talent-flows {
  padding: calc(14 * var(--rpx));
  object-fit: contain;
  background: rgba(255, 255, 255, 0.96);
}

.home-featured-data-band {
  margin-top: calc(28 * var(--rpx));
  background: #313b79;
}

.home-featured-data-band__inner {
  display: grid;
  gap: calc(24 * var(--rpx));
  padding: calc(26 * var(--rpx));
}

.home-featured-data-band__heading {
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: calc(40 * var(--rpx));
  font-weight: 700;
  line-height: 1.2;
}

.home-featured-data-band__grid {
  display: grid;
  gap: calc(18 * var(--rpx));
}

.home-featured-data-band__item {
  display: grid;
  grid-template-columns: calc(18 * var(--rpx)) minmax(0, 1fr) auto;
  align-items: center;
  gap: calc(16 * var(--rpx));
  color: #ffffff;
  text-decoration: none;
}

.home-featured-data-band__item:hover {
  opacity: 0.92;
}

.home-featured-data-band__accent {
  width: calc(18 * var(--rpx));
  height: calc(72 * var(--rpx));
  background: linear-gradient(180deg, #76d0de 0%, #63b7cc 100%);
}

.home-featured-data-band__title {
  font-size: calc(34 * var(--rpx));
  font-weight: 700;
  line-height: 1.2;
}

.home-featured-data-band__arrow {
  font-size: calc(32 * var(--rpx));
  line-height: 1;
}

.tracking-module-band {
  margin-top: calc(28 * var(--rpx));
  border-radius: calc(28 * var(--rpx));
  background: linear-gradient(135deg, #f1ede6 0%, #ebe5dc 100%);
  color: #111827;
  overflow: hidden;
  box-shadow: 0 calc(16 * var(--rpx)) calc(40 * var(--rpx)) rgba(15, 23, 42, 0.08);
}

.tracking-module-band__inner {
  display: grid;
  gap: calc(22 * var(--rpx));
  padding: calc(26 * var(--rpx));
}

.tracking-module-band__head {
  display: grid;
  gap: calc(10 * var(--rpx));
}

.tracking-module-band__eyebrow {
  color: #667085;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.tracking-module-band__heading {
  margin: 0;
  color: #111827;
  font-size: calc(38 * var(--rpx));
  font-weight: 700;
  line-height: 1.24;
}

.tracking-module-band__lead {
  margin: 0;
  color: #475467;
  font-size: calc(22 * var(--rpx));
  line-height: 1.72;
}

.tracking-module-band__grid {
  display: grid;
  gap: calc(12 * var(--rpx));
}

.tracking-module-band__item {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  align-items: start;
  gap: calc(12 * var(--rpx)) calc(14 * var(--rpx));
  padding: calc(18 * var(--rpx)) calc(18 * var(--rpx)) calc(16 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: calc(14 * var(--rpx));
  background: rgba(255, 255, 255, 0.58);
  box-shadow: none;
  transition:
    transform 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    opacity 0.18s ease;
}

.tracking-module-band__item:hover {
  transform: translateY(calc(-1 * var(--rpx)));
  border-color: rgba(17, 24, 39, 0.14);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 calc(8 * var(--rpx)) calc(18 * var(--rpx)) rgba(15, 23, 42, 0.04);
}

.tracking-module-band__accent {
  grid-column: 1;
  grid-row: 1;
  width: calc(32 * var(--rpx));
  min-height: calc(4 * var(--rpx));
  height: calc(4 * var(--rpx));
  border-radius: 999px;
  background: #72c9ce;
}

.tracking-module-band__item-body {
  grid-column: 1;
  grid-row: 2;
  display: grid;
  gap: 0;
  min-width: 0;
  align-content: start;
}

.tracking-module-band__item-title {
  color: #111827;
  font-size: calc(26 * var(--rpx));
  font-weight: 700;
  line-height: 1.24;
}

.tracking-module-band__item-desc {
  color: #667085;
  font-size: calc(20 * var(--rpx));
  line-height: 1.68;
}

.tracking-module-band__arrow {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  justify-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(34 * var(--rpx));
  height: calc(34 * var(--rpx));
  border-radius: 50%;
  border: none;
  background: transparent;
  color: #667085;
  font-size: calc(18 * var(--rpx));
  line-height: 1;
}

.talent-flows-home-band {
  margin-top: calc(28 * var(--rpx));
}

.talent-flows-home-band__inner {
  display: grid;
  gap: calc(18 * var(--rpx));
  padding: calc(24 * var(--rpx)) calc(24 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: calc(24 * var(--rpx));
  background: linear-gradient(135deg, #f5f2eb 0%, #ede6dc 100%);
  color: #111827;
  box-shadow: 0 calc(16 * var(--rpx)) calc(34 * var(--rpx)) rgba(15, 23, 42, 0.06);
  text-decoration: none;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
}

.talent-flows-home-band__inner:hover {
  transform: translateY(calc(-1 * var(--rpx)));
  border-color: rgba(17, 24, 39, 0.14);
  background: linear-gradient(135deg, #f7f4ee 0%, #efe9e0 100%);
  box-shadow: 0 calc(18 * var(--rpx)) calc(40 * var(--rpx)) rgba(15, 23, 42, 0.08);
}

.talent-flows-home-band__main {
  display: grid;
  gap: calc(8 * var(--rpx));
  min-width: 0;
}

.talent-flows-home-band__eyebrow {
  color: #667085;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.talent-flows-home-band__title {
  margin: 0;
  color: #111827;
  font-size: calc(34 * var(--rpx));
  font-weight: 700;
  line-height: 1.18;
}

.talent-flows-home-band__desc {
  margin: 0;
  color: #475467;
  font-size: calc(22 * var(--rpx));
  line-height: 1.7;
}

.talent-flows-home-band__stats {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10 * var(--rpx));
}

.talent-flows-home-band__stat {
  display: grid;
  gap: calc(2 * var(--rpx));
  min-width: calc(120 * var(--rpx));
  padding: calc(10 * var(--rpx)) calc(14 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: calc(14 * var(--rpx));
  background: rgba(255, 255, 255, 0.56);
}

.talent-flows-home-band__stat small {
  color: #667085;
  font-size: calc(16 * var(--rpx));
  font-weight: 600;
  line-height: 1.3;
}

.talent-flows-home-band__stat strong {
  color: #111827;
  font-size: calc(24 * var(--rpx));
  font-weight: 700;
  line-height: 1.25;
}

.talent-flows-home-band__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: flex-start;
  min-height: calc(48 * var(--rpx));
  padding: 0 calc(20 * var(--rpx));
  border-radius: 999px;
  background: rgba(17, 24, 39, 0.92);
  color: #ffffff;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  line-height: 1;
}

.tracking-module-grid {
  display: grid;
  gap: calc(18 * var(--rpx));
}

.tracking-module-card {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--rpx));
  padding: calc(22 * var(--rpx));
  border-radius: calc(22 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: #ffffff;
  box-shadow: 0 calc(12 * var(--rpx)) calc(32 * var(--rpx)) rgba(15, 23, 42, 0.06);
}

.tracking-module-card__eyebrow {
  color: #667085;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.08em;
}

.tracking-module-card__title {
  color: #111827;
  font-size: calc(30 * var(--rpx));
  font-weight: 700;
  line-height: 1.4;
}

.tracking-module-card__desc {
  color: #475467;
  font-size: calc(24 * var(--rpx));
  line-height: 1.7;
}

.tracking-module-card__meta {
  margin-top: auto;
  color: #0f766e;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  line-height: 1.4;
}

.tracking-module-card--active {
  border-color: rgba(15, 118, 110, 0.14);
  background: linear-gradient(180deg, rgba(240, 253, 250, 0.96) 0%, rgba(255, 255, 255, 1) 100%);
  box-shadow: 0 calc(16 * var(--rpx)) calc(32 * var(--rpx)) rgba(15, 118, 110, 0.08);
}

.tracking-module-button-group {
  margin-top: calc(18 * var(--rpx));
}

.tracking-module-button-group--detail {
  margin-bottom: calc(18 * var(--rpx));
}

.tracking-module-button-list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(12 * var(--rpx));
}

.tracking-module-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(50 * var(--rpx));
  padding: 0 calc(18 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #0f172a;
  box-shadow: 0 calc(6 * var(--rpx)) calc(18 * var(--rpx)) rgba(15, 23, 42, 0.05);
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease,
    box-shadow 0.18s ease;
}

.tracking-module-button:hover {
  transform: translateY(calc(-1 * var(--rpx)));
  border-color: rgba(15, 118, 110, 0.34);
  background: #ffffff;
  box-shadow: 0 calc(10 * var(--rpx)) calc(24 * var(--rpx)) rgba(15, 23, 42, 0.08);
}

.tracking-module-button--active {
  border-color: rgba(15, 118, 110, 0.28);
  background: rgba(240, 253, 250, 0.98);
  box-shadow: 0 calc(8 * var(--rpx)) calc(20 * var(--rpx)) rgba(15, 118, 110, 0.08);
}

.tracking-module-button--lab {
  border-color: rgba(15, 118, 110, 0.22);
  color: #0f766e;
}

.tracking-module-button__label {
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.tracking-module-intro__back {
  display: inline-flex;
  align-items: center;
  justify-self: flex-start;
  color: #0f766e;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  line-height: 1.4;
}

.tracking-module-kpi-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(14 * var(--rpx));
  margin-top: calc(26 * var(--rpx));
}

.tracking-module-kpi {
  display: grid;
  gap: calc(8 * var(--rpx));
  min-height: calc(116 * var(--rpx));
  padding: calc(20 * var(--rpx));
  border-radius: calc(20 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 calc(12 * var(--rpx)) calc(28 * var(--rpx)) rgba(15, 23, 42, 0.05);
}

.tracking-module-kpi__label {
  color: #667085;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.04em;
}

.tracking-module-kpi__value {
  color: #111827;
  font-size: calc(34 * var(--rpx));
  font-weight: 700;
  line-height: 1.18;
}

.tracking-module-directory {
  display: grid;
  gap: calc(18 * var(--rpx));
  margin-top: calc(32 * var(--rpx));
}

.tracking-module-directory--charts {
  gap: calc(20 * var(--rpx));
}

.tracking-module-directory--charts-direct {
  margin-top: 0;
}

.tracking-module-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: calc(16 * var(--rpx));
}

.tracking-module-section-head__eyebrow {
  display: inline-flex;
  align-items: center;
  color: #667085;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.tracking-module-section-head__title {
  margin: calc(8 * var(--rpx)) 0 0;
  color: #111827;
  font-size: calc(34 * var(--rpx));
  font-weight: 700;
  line-height: 1.24;
}

.tracking-module-section-head__desc {
  margin: calc(10 * var(--rpx)) 0 0;
  color: #475467;
  font-size: calc(22 * var(--rpx));
  line-height: 1.7;
}

.tracking-module-loading {
  display: grid;
  gap: calc(12 * var(--rpx));
}

.tracking-module-loading__actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: calc(6 * var(--rpx));
}

.chart-list--tracking-detail {
  margin-top: calc(2 * var(--rpx));
}

.page--module-tracking-detail .chart-card {
  background: rgba(255, 255, 255, 0.92);
}

.page--module-tracking-detail .chart-host,
.page--module-tracking-detail .chart-html {
  border-color: rgba(17, 24, 39, 0.08);
}

.page--module-tracking-detail .chart-html--nav-tracking-table .chart-html__scroller {
  padding: 0;
}

.nav-tracking-table-wrap {
  display: grid;
  gap: calc(12 * var(--rpx));
  min-width: 100%;
}

.nav-tracking-table-wrap__caption {
  padding: calc(4 * var(--rpx)) calc(4 * var(--rpx)) 0;
  color: #667085;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.02em;
}

.nav-tracking-report-table {
  width: max-content;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #ffffff;
}

.nav-tracking-report-table th,
.nav-tracking-report-table td {
  padding: calc(14 * var(--rpx)) calc(16 * var(--rpx));
  border: none;
  border-bottom: 1px solid rgba(17, 24, 39, 0.08);
  color: #344054;
  font-size: calc(18 * var(--rpx));
  line-height: 1.6;
  white-space: nowrap;
  background: transparent;
}

.nav-tracking-report-table thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #f8fafc;
  color: #344054;
  font-weight: 700;
  border-top: 1px solid rgba(17, 24, 39, 0.08);
}

.nav-tracking-report-table thead th:first-child,
.nav-tracking-report-table tbody td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}

.page--module-talent-flows {
  display: grid;
  gap: calc(24 * var(--rpx));
}

.talent-flows-hero-band {
  position: relative;
  width: 100vw;
  min-height: calc(300 * var(--rpx));
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: calc(44 * var(--rpx)) 0 calc(50 * var(--rpx));
  background: linear-gradient(90deg, #651236 0%, #651236 74%, #5a112f 100%);
  overflow: hidden;
}

.talent-flows-hero-band::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: min(24vw, calc(520 * var(--rpx)));
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 6%,
    #d07a58 6%,
    #d07a58 8%,
    #651236 8%,
    #651236 24%,
    #6a1637 24%,
    #6a1637 36%,
    #8b283c 36%,
    #8b283c 48%,
    #5a102f 48%,
    #5a102f 66%,
    #8f5760 66%,
    #8f5760 82%,
    #694056 82%,
    #694056 100%
  );
  opacity: 0.95;
}

.talent-flows-hero-band::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0));
  pointer-events: none;
}

.talent-flows-hero-band__inner {
  position: relative;
  z-index: 1;
  display: grid;
  gap: calc(12 * var(--rpx));
  width: 100%;
  max-width: 1440px;
  min-height: calc(204 * var(--rpx));
  margin: 0 auto;
  padding-left: var(--nb-page-content-inset);
  padding-right: var(--nb-page-content-inset);
  justify-items: start;
  align-content: center;
  box-sizing: border-box;
  text-align: left;
}

.talent-flows-hero-band__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  color: rgba(255, 255, 255, 0.76);
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.11em;
}

.talent-flows-hero-band__title {
  margin: 0;
  justify-self: start;
  width: fit-content;
  max-width: 100%;
  color: #ffffff;
  font-size: calc(84 * var(--rpx));
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.032em;
}

.talent-flows-hero-band__desc {
  margin: 0;
  justify-self: start;
  max-width: calc(1080 * var(--rpx));
  color: rgba(255, 255, 255, 0.82);
  font-size: calc(22 * var(--rpx));
  line-height: 1.72;
}

.talent-flows-hero {
  display: grid;
  gap: calc(16 * var(--rpx));
  padding: calc(26 * var(--rpx));
  border-radius: calc(28 * var(--rpx));
  background:
    radial-gradient(circle at top right, rgba(53, 92, 157, 0.14), transparent 36%),
    linear-gradient(135deg, rgba(248, 250, 252, 0.98) 0%, rgba(240, 244, 251, 0.98) 100%);
  border: 1px solid rgba(17, 24, 39, 0.08);
  overflow: hidden;
}

.talent-flows-hero__main {
  display: grid;
  gap: calc(12 * var(--rpx));
}

.talent-flows-hero__footer,
.talent-flows-hero__footer-main {
  display: grid;
  gap: calc(12 * var(--rpx));
}

.talent-flows-hero__summary-card {
  display: grid;
  gap: calc(8 * var(--rpx));
}

.talent-flows-hero__summary-label {
  color: #667085;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.talent-flows-hero__eyebrow {
  color: #667085;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.talent-flows-hero__title {
  margin: 0;
  color: #0f172a;
  font-size: calc(40 * var(--rpx));
  font-weight: 700;
  line-height: 1.18;
}

.talent-flows-hero__desc,
.talent-flows-hero__summary {
  margin: 0;
  color: #475467;
  font-size: calc(22 * var(--rpx));
  line-height: 1.72;
}

.talent-flows-hero__summary {
  color: #344054;
}

.talent-flows-hero__aside {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(12 * var(--rpx));
  align-items: start;
}

.talent-flows-kpi-card {
  display: grid;
  gap: calc(6 * var(--rpx));
  padding: calc(18 * var(--rpx));
  border-radius: calc(18 * var(--rpx));
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(17, 24, 39, 0.08);
  align-content: start;
}

.talent-flows-kpi-card__label {
  color: #667085;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
}

.talent-flows-kpi-card__value {
  color: #111827;
  font-size: calc(28 * var(--rpx));
  font-weight: 700;
  line-height: 1.2;
}

.talent-flows-search-panel,
.talent-flows-panel,
.talent-flows-chart-card,
.talent-flows-directory-card,
.talent-flows-person-card,
.talent-flows-roster-item {
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 calc(12 * var(--rpx)) calc(32 * var(--rpx)) rgba(15, 23, 42, 0.05);
}

.talent-flows-search-panel {
  position: relative;
  display: grid;
  gap: calc(10 * var(--rpx));
  padding: calc(18 * var(--rpx));
  border-radius: calc(24 * var(--rpx));
  border-color: rgba(17, 24, 39, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.7) 100%);
  box-shadow: 0 calc(8 * var(--rpx)) calc(24 * var(--rpx)) rgba(15, 23, 42, 0.04);
  overflow: hidden;
}

.talent-flows-search-panel::before,
.talent-flows-search-panel::after {
  display: none;
}

.talent-flows-search-panel > * {
  position: relative;
  z-index: 1;
}

.talent-flows-search-panel__header {
  display: grid;
  gap: calc(8 * var(--rpx));
}

.talent-flows-search-panel__title {
  margin: 0;
  color: #111827;
  font-size: calc(30 * var(--rpx));
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.talent-flows-search-panel__desc,
.talent-flows-search-group__summary {
  margin: 0;
  color: #526072;
  font-size: calc(17 * var(--rpx));
  line-height: 1.62;
}

.talent-flows-search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: calc(10 * var(--rpx));
  align-items: end;
}

.talent-flows-search-form__back {
  display: inline-flex;
}

.talent-flows-search-form__field {
  position: relative;
  display: grid;
  gap: calc(8 * var(--rpx));
  min-width: 0;
  grid-column: 1;
  grid-row: 1;
}

.talent-flows-search-form__label,
.talent-flows-filter-group__label {
  color: #667085;
  font-size: calc(16 * var(--rpx));
  font-weight: 600;
  letter-spacing: 0.05em;
}

.talent-flows-search-form__input {
  width: 100%;
  min-height: calc(84 * var(--rpx));
  padding: 0 calc(96 * var(--rpx)) 0 calc(24 * var(--rpx));
  border-radius: 999px;
  border: 1.5px solid rgba(17, 24, 39, 0.48);
  background: rgba(255, 255, 255, 0.28);
  color: #111827;
  font-size: calc(24 * var(--rpx));
  font-weight: 400;
  line-height: 1.5;
  box-shadow: none;
}

.talent-flows-search-form__input::placeholder {
  color: rgba(17, 24, 39, 0.46);
}

.talent-flows-search-form__input:focus {
  outline: none;
  border-color: rgba(17, 24, 39, 0.78);
  background: rgba(255, 255, 255, 0.4);
}

.talent-flows-search-form__submit,
.talent-flows-search-form__clear,
.talent-flows-filter-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(70 * var(--rpx));
  padding: 0 calc(18 * var(--rpx));
  border-radius: 999px;
  border: 1px solid rgba(17, 24, 39, 0.12);
  background: #ffffff;
  color: #0f172a;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
}

.talent-flows-search-form__submit {
  position: relative;
  grid-column: 1;
  grid-row: 1;
  justify-self: end;
  align-self: end;
  width: calc(70 * var(--rpx));
  min-width: calc(70 * var(--rpx));
  height: calc(70 * var(--rpx));
  min-height: calc(70 * var(--rpx));
  margin: 0 calc(8 * var(--rpx)) calc(7 * var(--rpx)) 0;
  padding: 0;
  border-color: #111827;
  background: #111827;
  color: transparent;
  box-shadow: none;
  overflow: hidden;
}

.talent-flows-search-form__submit::before,
.talent-flows-search-form__submit::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  pointer-events: none;
}

.talent-flows-search-form__submit::before {
  width: calc(20 * var(--rpx));
  height: calc(20 * var(--rpx));
  border: calc(2 * var(--rpx)) solid #ffffff;
  border-radius: 50%;
  box-sizing: border-box;
  transform: translate(calc(-58%), calc(-58%));
}

.talent-flows-search-form__submit::after {
  width: calc(10 * var(--rpx));
  height: calc(2 * var(--rpx));
  border-radius: 999px;
  background: #ffffff;
  transform: translate(calc(40%), calc(130%)) rotate(45deg);
  transform-origin: center;
}

.talent-flows-search-form__clear {
  grid-column: 1;
  grid-row: 2;
  justify-self: start;
  border-color: rgba(17, 24, 39, 0.12);
  background: rgba(255, 255, 255, 0.9);
  color: #344054;
  font-weight: 600;
}

.talent-flows-filter-group {
  display: grid;
  gap: calc(10 * var(--rpx));
}

.talent-flows-filter-group__chips {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10 * var(--rpx));
}

.talent-flows-filter-chip--active {
  border-color: rgba(37, 99, 235, 0.32);
  background: rgba(239, 246, 255, 0.95);
  color: #1d4ed8;
}

.talent-flows-section {
  display: grid;
  gap: calc(16 * var(--rpx));
}

.talent-flows-section__head {
  display: grid;
  gap: calc(8 * var(--rpx));
}

.talent-flows-section__meta {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--rpx));
  align-items: center;
}

.talent-flows-section__title {
  margin: 0;
  color: #111827;
  font-size: calc(34 * var(--rpx));
  font-weight: 700;
  line-height: 1.24;
}

.talent-flows-section__desc {
  margin: 0;
  color: #667085;
  font-size: calc(21 * var(--rpx));
  line-height: 1.68;
}

.talent-flows-status-pill {
  display: inline-flex;
  align-items: center;
  min-height: calc(40 * var(--rpx));
  padding: 0 calc(12 * var(--rpx));
  border-radius: 999px;
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(248, 250, 252, 0.9);
  color: #344054;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
  line-height: 1.45;
  white-space: nowrap;
}

.talent-flows-status-pill--inactive {
  border-color: rgba(180, 35, 24, 0.16);
  background: rgba(254, 243, 242, 0.95);
  color: #b42318;
}

.talent-flows-status-pill--count {
  border-color: rgba(37, 99, 235, 0.14);
  background: rgba(239, 246, 255, 0.94);
  color: #1d4ed8;
}

.talent-flows-status-pill--strategy {
  border-color: rgba(109, 40, 217, 0.16);
  background: rgba(245, 243, 255, 0.94);
  color: #6d28d9;
}

.talent-flows-status-pill--identity {
  border-color: rgba(180, 83, 9, 0.16);
  background: rgba(255, 247, 237, 0.94);
  color: #b45309;
}

.talent-flows-panel-grid,
.talent-flows-chart-gallery,
.talent-flows-directory-grid,
.talent-flows-people-grid,
.talent-flows-cluster-list,
.talent-flows-roster-grid,
.talent-flows-research-core-grid {
  display: grid;
  gap: calc(14 * var(--rpx));
  align-items: start;
}

.talent-flows-panel-grid--overview-main {
  align-items: stretch;
}

.talent-flows-panel {
  display: grid;
  gap: calc(14 * var(--rpx));
  padding: calc(22 * var(--rpx));
  border-radius: calc(24 * var(--rpx));
  align-content: start;
}

.talent-flows-panel--search-empty {
  align-content: start;
}

.talent-flows-panel__header {
  display: grid;
  gap: calc(6 * var(--rpx));
}

.talent-flows-panel__header--with-meta {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: calc(12 * var(--rpx));
}

.talent-flows-panel__eyebrow {
  color: #98a2b3;
  font-size: calc(17 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.talent-flows-panel__title {
  margin: 0;
  color: #111827;
  font-size: calc(28 * var(--rpx));
  font-weight: 700;
  line-height: 1.28;
}

.talent-flows-panel--research-core {
  gap: calc(18 * var(--rpx));
}

.talent-flows-research-core-grid {
  grid-template-columns: minmax(0, 1fr);
}

.talent-flows-research-core-card__link {
  color: inherit;
  text-decoration: none;
}

.talent-flows-research-core-card__meta {
  margin: 0;
  color: #667085;
  font-size: calc(18 * var(--rpx));
  line-height: 1.7;
}

.talent-flows-research-core-card__tags,
.talent-flows-research-core-item__tags {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--rpx));
}

.talent-flows-research-core-list {
  display: grid;
  gap: 0;
}

.talent-flows-research-core-item {
  display: grid;
  gap: calc(10 * var(--rpx));
  padding: calc(16 * var(--rpx)) 0;
  border-top: 1px solid rgba(17, 24, 39, 0.1);
}

.talent-flows-research-core-item:first-child {
  padding-top: 0;
  border-top: none;
}

.talent-flows-research-core-item:last-child {
  padding-bottom: 0;
}

.talent-flows-research-core-item__head,
.talent-flows-research-core-item__identity {
  display: grid;
  gap: calc(8 * var(--rpx));
}

.talent-flows-research-core-item__name {
  margin: 0;
  color: #111827;
  font-size: calc(22 * var(--rpx));
  font-weight: 700;
  line-height: 1.34;
}

.talent-flows-research-core-item__role,
.talent-flows-research-core-item__summary,
.talent-flows-research-core-item__source {
  margin: 0;
}

.talent-flows-research-core-item__role {
  color: #475467;
  font-size: calc(18 * var(--rpx));
  line-height: 1.68;
}

.talent-flows-research-core-item__summary {
  color: #344054;
  font-size: calc(18 * var(--rpx));
  line-height: 1.72;
}

.talent-flows-research-core-item__source {
  color: #98a2b3;
  font-size: calc(16 * var(--rpx));
  line-height: 1.64;
  word-break: break-word;
}

.talent-flows-panel__note {
  margin: 0;
  color: #667085;
  font-size: calc(19 * var(--rpx));
  line-height: 1.68;
}

/* Net-value tracking: remove decorative card overlays that can cover chart labels/titles. */
.page--module-tracking .tracking-module-card,
.page--module-tracking-detail .tracking-module-card,
.page--module-tracking .tracking-module-brief,
.page--module-tracking-detail .tracking-module-brief,
.page--module-tracking .tracking-module-brief-note,
.page--module-tracking-detail .tracking-module-brief-note,
.page--module-tracking .tracking-module-kpi,
.page--module-tracking-detail .tracking-module-kpi,
.page--module-tracking-detail .chart-card {
  isolation: isolate;
}

.page--module-tracking .tracking-module-card::before,
.page--module-tracking .tracking-module-card::after,
.page--module-tracking-detail .tracking-module-card::before,
.page--module-tracking-detail .tracking-module-card::after,
.page--module-tracking .tracking-module-brief::before,
.page--module-tracking .tracking-module-brief::after,
.page--module-tracking-detail .tracking-module-brief::before,
.page--module-tracking-detail .tracking-module-brief::after,
.page--module-tracking .tracking-module-brief-note::before,
.page--module-tracking .tracking-module-brief-note::after,
.page--module-tracking-detail .tracking-module-brief-note::before,
.page--module-tracking-detail .tracking-module-brief-note::after,
.page--module-tracking-detail .chart-card::before,
.page--module-tracking-detail .chart-card::after {
  display: none !important;
}

.page--module-tracking .tracking-module-card > *,
.page--module-tracking-detail .tracking-module-card > *,
.page--module-tracking .tracking-module-brief > *,
.page--module-tracking-detail .tracking-module-brief > *,
.page--module-tracking .tracking-module-brief-note > *,
.page--module-tracking-detail .tracking-module-brief-note > *,
.page--module-tracking .tracking-module-kpi > *,
.page--module-tracking-detail .tracking-module-kpi > *,
.page--module-tracking-detail .chart-card > *,
.page--module-tracking-detail .chart-card__header,
.page--module-tracking-detail .chart-host,
.page--module-tracking-detail .chart-html {
  position: relative;
  z-index: 1;
}

.talent-flows-headhunter-card {
  grid-column: 1 / -1;
}

.talent-flows-headhunter-card--deep {
  border-color: rgba(63, 141, 146, 0.16);
  background:
    linear-gradient(135deg, rgba(63, 141, 146, 0.08), rgba(255, 255, 255, 0.88) 42%),
    #ffffff;
}

.talent-flows-headhunter-card--fallback {
  border-style: dashed;
}

.talent-flows-headhunter-card__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(34 * var(--rpx));
  padding: 0 calc(14 * var(--rpx));
  border: 1px solid rgba(63, 141, 146, 0.22);
  border-radius: 999px;
  background: rgba(63, 141, 146, 0.08);
  color: #25636b;
  font-size: calc(17 * var(--rpx));
  font-weight: 700;
  white-space: nowrap;
}

.talent-flows-headhunter-card__badge--priority {
  border-color: rgba(191, 36, 63, 0.2);
  background: rgba(191, 36, 63, 0.09);
  color: #8f173b;
}

.talent-flows-headhunter-card__summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: calc(16 * var(--rpx));
  align-items: start;
}

.talent-flows-headhunter-card__score {
  display: grid;
  place-items: center;
  min-width: calc(112 * var(--rpx));
  padding: calc(14 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(255, 255, 255, 0.62);
}

.talent-flows-headhunter-card__score strong {
  color: #111827;
  font-size: calc(34 * var(--rpx));
  font-weight: 800;
  line-height: 1;
}

.talent-flows-headhunter-card__score span {
  margin-top: calc(6 * var(--rpx));
  color: #667085;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
}

.talent-flows-headhunter-card__main,
.talent-flows-headhunter-card__grid,
.talent-flows-headhunter-card__source-row,
.talent-flows-headhunter-card__guardrails {
  min-width: 0;
}

.talent-flows-headhunter-card__source-row {
  display: flex;
  flex-wrap: wrap;
  gap: calc(7 * var(--rpx));
  margin-top: calc(10 * var(--rpx));
}

.talent-flows-headhunter-card__source-row span {
  display: inline-flex;
  align-items: center;
  min-height: calc(28 * var(--rpx));
  padding: 0 calc(10 * var(--rpx));
  border: 1px solid rgba(63, 141, 146, 0.14);
  border-radius: 999px;
  background: rgba(63, 141, 146, 0.07);
  color: #25636b;
  font-size: calc(15 * var(--rpx));
  font-weight: 700;
}

.talent-flows-headhunter-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--rpx));
  margin-top: calc(10 * var(--rpx));
}

.talent-flows-headhunter-card__tags span {
  display: inline-flex;
  align-items: center;
  min-height: calc(30 * var(--rpx));
  padding: 0 calc(12 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(255, 255, 255, 0.62);
  color: #475467;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
}

.talent-flows-headhunter-card__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(10 * var(--rpx));
}

.talent-flows-headhunter-card__section {
  margin-top: calc(14 * var(--rpx));
  min-width: 0;
}

.talent-flows-headhunter-card__section-title {
  margin-bottom: calc(10 * var(--rpx));
  color: #344054;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
  line-height: 1.4;
}

.talent-flows-headhunter-card__item {
  display: grid;
  gap: calc(5 * var(--rpx));
  padding: calc(13 * var(--rpx)) calc(14 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.07);
  background: rgba(255, 255, 255, 0.48);
}

.talent-flows-headhunter-card__item--wide {
  grid-column: 1 / -1;
}

.talent-flows-headhunter-card__item-label,
.talent-flows-headhunter-card__guardrails span {
  color: #98a2b3;
  font-size: calc(15 * var(--rpx));
  line-height: 1.58;
}

.talent-flows-headhunter-card__item strong {
  display: grid;
  gap: calc(7 * var(--rpx));
  color: #344054;
  font-size: calc(18 * var(--rpx));
  font-weight: 650;
  line-height: 1.62;
}

.talent-flows-headhunter-card__item strong span {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.talent-flows-headhunter-card__links {
  display: flex;
  flex-wrap: wrap;
  gap: calc(7 * var(--rpx));
  min-width: 0;
}

.talent-flows-headhunter-card__links a,
.talent-flows-headhunter-card__link-extra {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: calc(30 * var(--rpx));
  padding: 0 calc(10 * var(--rpx));
  overflow: hidden;
  border: 1px solid rgba(63, 141, 146, 0.16);
  border-radius: 999px;
  background: rgba(63, 141, 146, 0.08);
  color: #25636b;
  font-size: calc(15 * var(--rpx));
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.talent-flows-headhunter-card__link-extra,
.talent-flows-headhunter-card__muted {
  color: #98a2b3;
}

.talent-flows-headhunter-card__guardrails {
  display: grid;
  gap: calc(6 * var(--rpx));
  padding-top: calc(4 * var(--rpx));
}

.talent-flows-panel__body--ppt {
  min-width: 0;
}

.talent-flows-overview-layout,
.talent-flows-overview-layout__stack {
  display: grid;
  gap: calc(14 * var(--rpx));
}

.talent-flows-mini-list,
.talent-flows-route-list,
.talent-flows-bullet-list,
.talent-flows-change-list,
.talent-flows-ppt-list,
.talent-flows-search-result-list {
  display: grid;
  gap: calc(10 * var(--rpx));
}

.talent-flows-mini-item,
.talent-flows-route-item,
.talent-flows-change-item,
.talent-flows-search-result-item {
  display: grid;
  gap: calc(6 * var(--rpx));
  padding: calc(14 * var(--rpx)) calc(16 * var(--rpx));
  border-radius: calc(18 * var(--rpx));
  background: rgba(248, 250, 252, 0.9);
  border: 1px solid rgba(17, 24, 39, 0.06);
}

.talent-flows-mini-item {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: calc(12 * var(--rpx));
}

.talent-flows-search-result-item {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: calc(12 * var(--rpx));
  color: inherit;
  text-decoration: none;
}

.talent-flows-ppt-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: calc(14 * var(--rpx));
  padding: calc(16 * var(--rpx)) calc(18 * var(--rpx));
  border-radius: calc(18 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.06);
  background: rgba(248, 250, 252, 0.9);
  color: inherit;
  text-decoration: none;
}

.talent-flows-ppt-item__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: calc(62 * var(--rpx));
  padding: calc(6 * var(--rpx)) calc(10 * var(--rpx));
  border-radius: 999px;
  background: rgba(0, 48, 135, 0.08);
  color: #003087;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.08em;
}

.talent-flows-ppt-item__body {
  display: grid;
  gap: calc(6 * var(--rpx));
  min-width: 0;
}

.talent-flows-ppt-item__title {
  color: #111827;
  font-size: calc(22 * var(--rpx));
  font-weight: 700;
  line-height: 1.55;
  word-break: break-word;
}

.talent-flows-ppt-item__meta {
  color: #667085;
  font-size: calc(18 * var(--rpx));
  line-height: 1.65;
}

.talent-flows-ppt-item__action {
  color: #003087;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  white-space: nowrap;
}

.talent-flows-ppt-item:hover {
  border-color: rgba(0, 48, 135, 0.14);
  background: rgba(255, 255, 255, 0.96);
}

.talent-flows-mini-item__main {
  display: grid;
  gap: calc(6 * var(--rpx));
  min-width: 0;
}

.talent-flows-search-result-item__main {
  display: grid;
  gap: calc(6 * var(--rpx));
  min-width: 0;
}

.talent-flows-search-result-item__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(8 * var(--rpx));
}

.talent-flows-mini-item__title,
.talent-flows-route-item__path,
.talent-flows-change-item__name,
.talent-flows-change-item__name-link,
.talent-flows-search-result-item__title,
.talent-flows-directory-card__title,
.talent-flows-chart-card__title,
.talent-flows-person-card__name,
.talent-flows-roster-item__name,
.talent-flows-roster-item__name-link,
.talent-flows-cluster-card__title {
  color: #111827;
  font-size: calc(24 * var(--rpx));
  font-weight: 700;
  line-height: 1.4;
}

.talent-flows-mini-item__meta,
.talent-flows-route-item__meta,
.talent-flows-change-item__meta,
.talent-flows-change-item__desc,
.talent-flows-search-result-item__meta,
.talent-flows-search-result-item__desc,
.talent-flows-directory-card__meta,
.talent-flows-directory-card__desc,
.talent-flows-chart-card__desc,
.talent-flows-person-card__meta,
.talent-flows-person-card__desc,
.talent-flows-roster-item__meta,
.talent-flows-roster-item__line,
.talent-flows-cluster-card__meta,
.talent-flows-cluster-card__desc {
  color: #667085;
  font-size: calc(18 * var(--rpx));
  line-height: 1.65;
}

.talent-flows-mini-item__value,
.talent-flows-route-item__count,
.talent-flows-search-result-item__stat {
  justify-self: end;
  color: #111827;
  font-size: calc(24 * var(--rpx));
  font-weight: 700;
}

.talent-flows-search-highlight {
  padding: 0 0.14em;
  border-radius: 0.26em;
  background: rgba(191, 36, 63, 0.14);
  color: #7a1d43;
}

.talent-flows-mini-item__value--positive {
  color: #b42318;
}

.talent-flows-mini-item__value--negative {
  color: #047857;
}

.talent-flows-route-item__path {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--rpx));
}

.talent-flows-route-item__path a {
  color: inherit;
}

.talent-flows-bullet-list__item {
  position: relative;
  padding-left: calc(18 * var(--rpx));
  color: #475467;
  font-size: calc(20 * var(--rpx));
  line-height: 1.72;
}

.talent-flows-bullet-list__item::before {
  content: '';
  position: absolute;
  left: 0;
  top: calc(14 * var(--rpx));
  width: calc(6 * var(--rpx));
  height: calc(6 * var(--rpx));
  border-radius: 50%;
  background: #3b82f6;
}

.talent-flows-cluster-card,
.talent-flows-person-card {
  display: grid;
  gap: calc(14 * var(--rpx));
  padding: calc(20 * var(--rpx));
  border-radius: calc(20 * var(--rpx));
  align-content: start;
}

.talent-flows-person-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 250, 252, 0.92) 100%);
}

.talent-flows-roster-item {
  display: grid;
  gap: calc(12 * var(--rpx));
  padding: calc(18 * var(--rpx));
  border-radius: calc(20 * var(--rpx));
  align-content: start;
}

.talent-flows-roster-item--inactive {
  background: rgba(248, 250, 252, 0.88);
}

.talent-flows-roster-item__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(12 * var(--rpx));
}

.talent-flows-roster-item__identity {
  min-width: 0;
  flex: 1 1 auto;
  display: grid;
  gap: calc(6 * var(--rpx));
}

.talent-flows-roster-item__badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: calc(8 * var(--rpx));
}

.talent-flows-roster-item__name-link,
.talent-flows-change-item__name-link {
  color: #111827;
  text-decoration: none;
}

.talent-flows-roster-item__name-link:hover,
.talent-flows-change-item__name-link:hover {
  color: #1d4ed8;
}

.talent-flows-roster-item__details {
  display: grid;
  gap: calc(6 * var(--rpx));
}

.talent-flows-roster-item__stats {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--rpx));
}

.talent-flows-roster-item__stat,
.talent-flows-roster-item__badge {
  display: inline-flex;
  align-items: center;
  min-height: calc(40 * var(--rpx));
  padding: 0 calc(12 * var(--rpx));
  border-radius: 999px;
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(248, 250, 252, 0.88);
  color: #344054;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
  line-height: 1.5;
}

.talent-flows-roster-item__badge {
  align-self: flex-start;
  background: rgba(239, 246, 255, 0.92);
  color: #1d4ed8;
  border-color: rgba(37, 99, 235, 0.16);
}

.talent-flows-roster-item__badge--strategy {
  background: rgba(245, 243, 255, 0.92);
  color: #6d28d9;
  border-color: rgba(109, 40, 217, 0.14);
}

.talent-flows-roster-item__badge--identity {
  background: rgba(255, 247, 237, 0.92);
  color: #b45309;
  border-color: rgba(180, 83, 9, 0.14);
}

.talent-flows-person-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(12 * var(--rpx));
}

.talent-flows-person-card__identity {
  min-width: 0;
  flex: 1 1 auto;
  display: grid;
  gap: calc(6 * var(--rpx));
}

.talent-flows-person-card__badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: calc(8 * var(--rpx));
}

.talent-flows-person-card__name-link {
  color: #111827;
  font-size: calc(24 * var(--rpx));
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}

.talent-flows-person-card__name-link:hover {
  color: #1d4ed8;
}

.talent-flows-person-detail__tags {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10 * var(--rpx));
}

.talent-flows-person-detail__tag {
  display: inline-flex;
  align-items: center;
  min-height: calc(44 * var(--rpx));
  padding: 0 calc(14 * var(--rpx));
  border-radius: 999px;
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(255, 255, 255, 0.72);
  color: #344054;
  font-size: calc(17 * var(--rpx));
  font-weight: 700;
  line-height: 1.4;
}

.talent-flows-person-detail__tag--strategy {
  border-color: rgba(109, 40, 217, 0.14);
  background: rgba(245, 243, 255, 0.78);
  color: #6d28d9;
}

.talent-flows-person-detail__tag--identity {
  border-color: rgba(180, 83, 9, 0.14);
  background: rgba(255, 247, 237, 0.82);
  color: #b45309;
}

.talent-flows-person-card__section {
  display: grid;
  gap: calc(10 * var(--rpx));
  padding-top: calc(14 * var(--rpx));
  border-top: 1px solid rgba(17, 24, 39, 0.07);
}

.talent-flows-person-detail-block {
  display: grid;
  gap: calc(10 * var(--rpx));
}

.talent-flows-person-card__section-title {
  color: #344054;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.talent-flows-person-timeline,
.talent-flows-related-list {
  display: grid;
  gap: calc(10 * var(--rpx));
}

.talent-flows-person-timeline__item,
.talent-flows-related-item {
  display: grid;
  gap: calc(4 * var(--rpx));
  padding: calc(14 * var(--rpx)) calc(16 * var(--rpx));
  border-radius: calc(16 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.06);
  background: rgba(248, 250, 252, 0.82);
  align-content: start;
}

.talent-flows-person-timeline__item--current {
  border-color: rgba(37, 99, 235, 0.18);
  background: rgba(239, 246, 255, 0.76);
}

.talent-flows-person-timeline__period {
  color: #1d4ed8;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
  line-height: 1.45;
}

.talent-flows-person-timeline__body {
  display: grid;
  gap: calc(4 * var(--rpx));
}

.talent-flows-person-timeline__company,
.talent-flows-related-item__name {
  color: #111827;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  line-height: 1.55;
}

.talent-flows-person-timeline__meta,
.talent-flows-related-item__meta,
.talent-flows-related-item__relation {
  color: #667085;
  font-size: calc(17 * var(--rpx));
  line-height: 1.65;
}

.talent-flows-related-item {
  color: inherit;
  text-decoration: none;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
}

.talent-flows-related-item__relation {
  color: #344054;
}

.page--module-talent-flows-person .talent-flows-directory-card {
  box-shadow: none;
  background: rgba(248, 250, 252, 0.78);
}

.talent-flows-chart-card {
  overflow: hidden;
  border-radius: calc(22 * var(--rpx));
}

.talent-flows-chart-card__media {
  aspect-ratio: 1.5 / 1;
  background: #eef2f7;
}

.talent-flows-chart-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.talent-flows-chart-card__body {
  display: grid;
  gap: calc(8 * var(--rpx));
  padding: calc(18 * var(--rpx));
  align-content: start;
}

.talent-flows-directory-card {
  display: grid;
  gap: calc(10 * var(--rpx));
  padding: calc(20 * var(--rpx));
  border-radius: calc(22 * var(--rpx));
  align-content: start;
}

.talent-flows-directory-card__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(10 * var(--rpx));
  margin-top: calc(4 * var(--rpx));
  align-items: start;
}

.talent-flows-directory-card__stat {
  display: grid;
  gap: calc(4 * var(--rpx));
  padding: calc(10 * var(--rpx)) calc(12 * var(--rpx));
  border-radius: calc(14 * var(--rpx));
  background: rgba(248, 250, 252, 0.86);
  align-content: start;
}

.talent-flows-directory-card__stat strong {
  color: #111827;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
}

.talent-flows-directory-card__stat small {
  color: #667085;
  font-size: calc(16 * var(--rpx));
  line-height: 1.5;
}

.talent-flows-back-link {
  display: inline-flex;
  align-items: center;
  justify-self: flex-start;
  color: #1d4ed8;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
}

.talent-flows-detail-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(10 * var(--rpx));
  align-items: start;
}

.talent-flows-detail-metric {
  display: grid;
  gap: calc(4 * var(--rpx));
  padding: calc(12 * var(--rpx));
  border-radius: calc(16 * var(--rpx));
  background: rgba(248, 250, 252, 0.86);
  align-content: start;
}

.talent-flows-detail-metric strong {
  color: #111827;
  font-size: calc(24 * var(--rpx));
  font-weight: 700;
}

.talent-flows-detail-metric span,
.talent-flows-person-card__badge {
  color: #667085;
  font-size: calc(16 * var(--rpx));
  line-height: 1.5;
}

.talent-flows-detail-note-list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--rpx));
  align-items: center;
}

.talent-flows-detail-note-list__item {
  display: inline-flex;
  align-items: center;
  min-height: calc(38 * var(--rpx));
  padding: 0 calc(12 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 999px;
  background: rgba(248, 250, 252, 0.86);
  color: #526072;
  font-size: calc(16 * var(--rpx));
  font-weight: 600;
  line-height: 1.45;
  white-space: nowrap;
}

.talent-flows-detail-note-list__item--link {
  color: #003087;
  text-decoration: none;
}

.talent-flows-detail-note-list__item--strategy {
  border-color: rgba(109, 40, 217, 0.14);
  background: rgba(245, 243, 255, 0.9);
  color: #6d28d9;
}

.talent-flows-detail-note-list__item--identity {
  border-color: rgba(180, 83, 9, 0.14);
  background: rgba(255, 247, 237, 0.9);
  color: #b45309;
}

.talent-flows-fact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(10 * var(--rpx));
}

.talent-flows-fact-item {
  display: grid;
  gap: calc(5 * var(--rpx));
  padding: calc(12 * var(--rpx)) calc(14 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(248, 250, 252, 0.72);
  align-content: start;
}

.talent-flows-fact-item--span-full {
  grid-column: 1 / -1;
}

.talent-flows-fact-item__label {
  color: #667085;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.talent-flows-fact-item__value {
  color: #111827;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: -0.01em;
  word-break: break-word;
}

.talent-flows-person-card__badge {
  display: inline-flex;
  align-self: flex-start;
  flex-shrink: 0;
  padding: calc(6 * var(--rpx)) calc(10 * var(--rpx));
  border-radius: 999px;
  background: rgba(241, 245, 249, 0.95);
}

.talent-flows-person-card__badge--strategy {
  background: rgba(245, 243, 255, 0.92);
  color: #6d28d9;
}

.talent-flows-person-card__badge--identity {
  background: rgba(255, 247, 237, 0.92);
  color: #b45309;
}

.talent-flows-empty-inline {
  color: #667085;
  font-size: calc(15 * var(--rpx));
  line-height: 1.7;
}

@media (min-width: 1200px) {
  .page.page--module.page--module-talent-flows {
    width: 100%;
    max-width: none;
    gap: 24px;
    padding: 0 72px 0;
    box-sizing: border-box;
  }

  .page--module-talent-flows > .talent-flows-hero-band:first-child {
    position: relative;
    min-height: 172px;
    margin-top: 0;
    padding: 26px 0 30px;
  }

  .page--module-talent-flows > .talent-flows-hero-band:first-child::before {
    width: min(24vw, 276px);
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 6%,
      #d07a58 6%,
      #d07a58 8%,
      #651236 8%,
      #651236 24%,
      #6a1637 24%,
      #6a1637 36%,
      #8b283c 36%,
      #8b283c 48%,
      #5a102f 48%,
      #5a102f 60%,
      #884754 60%,
      #884754 75%,
      #633146 75%,
      #633146 87%,
      #5e2d60 87%,
      #5e2d60 100%
    );
    opacity: 0.96;
  }

  .page--module-talent-flows > .talent-flows-hero-band:first-child .talent-flows-hero-band__inner {
    gap: 14px;
    width: 100%;
    max-width: none;
    min-height: 116px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 9px;
    padding-left: var(--nb-page-content-inset);
    padding-right: var(--nb-page-content-inset);
    align-content: center;
    box-sizing: border-box;
  }

  .page--module-talent-flows > .talent-flows-hero-band:first-child .talent-flows-hero-band__eyebrow {
    display: inline-flex;
    justify-self: start;
    font-size: 11px;
  }

  .page--module-talent-flows > .talent-flows-hero-band:first-child .talent-flows-hero-band__title {
    display: inline-block;
    justify-self: start;
    font-size: 56px;
    white-space: nowrap;
  }

  .page--module-talent-flows > .talent-flows-hero-band:first-child .talent-flows-hero-band__desc {
    justify-self: start;
    max-width: 940px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    line-height: 1.58;
  }

  .talent-flows-hero {
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    gap: 24px;
    padding: 34px;
    border-radius: 28px;
  }

  .talent-flows-hero__title {
    font-size: 42px;
  }

  .talent-flows-hero__desc,
  .talent-flows-hero__summary {
    font-size: 16px;
  }

  .talent-flows-hero__aside {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
  }

  .talent-flows-kpi-card {
    padding: 18px 20px;
  }

  .talent-flows-kpi-card__label {
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .talent-flows-kpi-card__value {
    font-size: 28px;
  }

  .talent-flows-search-panel {
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    border-radius: 26px;
  }

  .page--module-talent-flows .talent-flows-search-panel--quiet {
    gap: 0;
    padding: 12px 18px;
    border: 1px solid rgba(40, 40, 40, 0.12);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: none;
  }

  .page--module-talent-flows .talent-flows-search-panel--quiet .talent-flows-search-form__field {
    gap: 0;
  }

  .page--module-talent-flows .talent-flows-search-panel--quiet .talent-flows-search-form__label {
    display: none;
  }

  .talent-flows-search-form--with-return {
    grid-template-columns: minmax(0, 1fr);
  }

  .page--module-talent-flows .talent-flows-search-panel--with-return .talent-flows-search-form {
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 14px;
    align-items: center;
  }

  .page--module-talent-flows .talent-flows-search-panel--with-return .talent-flows-search-form__back {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-self: start;
    min-height: 38px;
    padding: 0 14px;
    border-color: rgba(40, 40, 40, 0.12);
    background: rgba(255, 255, 255, 0.88);
    color: #344054;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
  }

  .page--module-talent-flows .talent-flows-search-panel--with-return .talent-flows-search-form__field {
    grid-column: 2;
  }

  .page--module-talent-flows .talent-flows-search-panel--with-return .talent-flows-search-form__submit {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }

  .talent-flows-search-panel__title {
    font-size: 22px;
    line-height: 1.18;
  }

  .talent-flows-search-panel__desc,
  .talent-flows-search-group__summary {
    font-size: 12.5px;
    line-height: 1.68;
  }

  .talent-flows-search-form__label,
  .talent-flows-filter-group__label {
    font-size: 11px;
    letter-spacing: 0.08em;
  }

  .talent-flows-search-form__input {
    min-height: 60px;
    padding: 0 72px 0 20px;
    border-width: 1px;
    border-color: rgba(40, 40, 40, 0.26);
    background: rgba(255, 255, 255, 0.92);
    font-size: 15px;
    line-height: 24px;
  }

  .talent-flows-search-form__submit,
  .talent-flows-search-form__clear,
  .talent-flows-filter-chip {
    min-height: 48px;
    padding: 0 20px;
    font-size: 13px;
    transition:
      transform 0.18s ease,
      border-color 0.18s ease,
      box-shadow 0.18s ease,
      background 0.18s ease;
  }

  .talent-flows-search-form__submit {
    width: 46px;
    min-width: 46px;
    height: 46px;
    min-height: 46px;
    margin: 0 6px 6px 0;
  }

  .talent-flows-search-form__submit::before {
    width: 13px;
    height: 13px;
    border-width: 1.5px;
  }

  .talent-flows-search-form__submit::after {
    width: 7px;
    height: 1.5px;
  }

  .talent-flows-search-form__clear {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
    justify-self: start;
    min-height: 36px;
    margin-bottom: 0;
    padding: 0 16px;
    font-size: 12px;
  }

  .talent-flows-search-form__submit:hover,
  .talent-flows-search-form__clear:hover,
  .talent-flows-filter-chip:hover,
  .talent-flows-directory-card:hover,
  .talent-flows-mini-item:hover,
  .talent-flows-search-result-item:hover,
  .talent-flows-route-item:hover,
  .talent-flows-related-item:hover,
  .talent-flows-person-card:hover,
  .talent-flows-roster-item:hover {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.18);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.06);
  }

  .talent-flows-search-form__submit:hover {
    border-color: #111827;
    background: #1f2937;
    box-shadow: none;
  }

  .talent-flows-search-form__clear:hover {
    border-color: rgba(17, 24, 39, 0.18);
    background: #ffffff;
    box-shadow: none;
  }

  .talent-flows-section__title {
    font-size: 28px;
  }

  .talent-flows-section__desc {
    font-size: 14px;
  }

  .talent-flows-section__head {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 16px;
  }

  .talent-flows-panel-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }

  .talent-flows-panel-grid--analytics {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  }

  .talent-flows-panel-grid--detail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .talent-flows-panel {
    gap: 16px;
    padding: 24px;
    border-radius: 24px;
  }

  .talent-flows-panel__eyebrow {
    font-size: 11px;
  }

  .talent-flows-panel__title {
    font-size: 20px;
  }

  .talent-flows-mini-item,
  .talent-flows-route-item,
  .talent-flows-change-item,
  .talent-flows-search-result-item {
    padding: 14px 16px;
    border-radius: 16px;
  }

  .talent-flows-mini-item__title,
  .talent-flows-route-item__path,
  .talent-flows-change-item__name,
  .talent-flows-change-item__name-link,
  .talent-flows-search-result-item__title,
  .talent-flows-directory-card__title,
  .talent-flows-chart-card__title,
  .talent-flows-person-card__name-link,
  .talent-flows-person-card__name,
  .talent-flows-roster-item__name,
  .talent-flows-roster-item__name-link,
  .talent-flows-cluster-card__title {
    font-size: 16px;
  }

  .talent-flows-mini-item__meta,
  .talent-flows-route-item__meta,
  .talent-flows-change-item__meta,
  .talent-flows-change-item__desc,
  .talent-flows-search-result-item__meta,
  .talent-flows-search-result-item__desc,
  .talent-flows-directory-card__meta,
  .talent-flows-directory-card__desc,
  .talent-flows-chart-card__desc,
  .talent-flows-person-card__meta,
  .talent-flows-person-card__desc,
  .talent-flows-roster-item__meta,
  .talent-flows-roster-item__line,
  .talent-flows-cluster-card__meta,
  .talent-flows-cluster-card__desc {
    font-size: 13px;
  }

  .talent-flows-mini-item__value,
  .talent-flows-route-item__count,
  .talent-flows-search-result-item__stat {
    font-size: 16px;
  }

  .talent-flows-bullet-list__item {
    padding-left: 16px;
    font-size: 14px;
  }

  .talent-flows-bullet-list__item::before {
    top: 11px;
    width: 5px;
    height: 5px;
  }

  .talent-flows-chart-gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }

  .talent-flows-cluster-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .talent-flows-directory-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }

  .talent-flows-roster-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }

  .talent-flows-directory-grid--compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .talent-flows-directory-card,
  .talent-flows-person-card,
  .talent-flows-cluster-card,
  .talent-flows-roster-item {
    padding: 20px;
    border-radius: 20px;
    transition:
      transform 0.18s ease,
      border-color 0.18s ease,
      box-shadow 0.18s ease,
      background 0.18s ease;
  }

  .talent-flows-directory-card__stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .talent-flows-directory-card__stat strong {
    font-size: 15px;
  }

  .talent-flows-directory-card__stat small,
  .talent-flows-detail-metric span,
  .talent-flows-status-pill,
  .talent-flows-person-card__badge,
  .talent-flows-person-card__section-title,
  .talent-flows-person-timeline__period,
  .talent-flows-person-detail__tag,
  .talent-flows-roster-item__stat,
  .talent-flows-roster-item__badge {
    font-size: 12px;
  }

  .talent-flows-status-pill {
    min-height: 32px;
    padding: 0 12px;
  }

  .talent-flows-people-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .talent-flows-person-card__section {
    gap: 10px;
    padding-top: 14px;
  }

  .talent-flows-person-detail__tags {
    gap: 10px;
  }

  .talent-flows-person-timeline,
  .talent-flows-related-list {
    gap: 10px;
  }

  .talent-flows-person-timeline__item,
  .talent-flows-related-item {
    padding: 14px 16px;
    border-radius: 16px;
  }

  .talent-flows-person-detail__tag {
    min-height: 34px;
    padding: 0 12px;
  }

  .talent-flows-person-timeline__company,
  .talent-flows-related-item__name {
    font-size: 15px;
  }

  .talent-flows-person-timeline__meta,
  .talent-flows-related-item__meta,
  .talent-flows-related-item__relation {
    font-size: 12px;
  }

  .talent-flows-detail-metric-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }

  .talent-flows-detail-metric strong {
    font-size: 20px;
  }

  .page--module-talent-flows .talent-flows-section {
    gap: 18px;
  }

  .page--module-talent-flows-search .talent-flows-section {
    gap: 16px;
  }

  .page--module-talent-flows-search .talent-flows-section__head {
    align-items: start;
    gap: 12px 18px;
  }

  .page--module-talent-flows-search .talent-flows-section__meta {
    gap: 8px;
    justify-content: flex-start;
  }

  .page--module-talent-flows-search .talent-flows-status-pill {
    min-height: 30px;
    padding: 0 11px;
    font-size: 11px;
  }

  .page--module-talent-flows .talent-flows-panel-grid,
  .page--module-talent-flows .talent-flows-chart-gallery,
  .page--module-talent-flows .talent-flows-directory-grid,
  .page--module-talent-flows .talent-flows-people-grid,
  .page--module-talent-flows .talent-flows-cluster-list,
  .page--module-talent-flows .talent-flows-roster-grid,
  .page--module-talent-flows .talent-flows-research-core-grid {
    gap: 22px;
    align-items: start;
  }

  .page--module-talent-flows .talent-flows-panel-grid--overview-main {
    align-items: stretch;
  }

  .page--module-talent-flows .talent-flows-panel,
  .page--module-talent-flows .talent-flows-chart-card {
    position: relative;
    border: 1px solid rgba(40, 40, 40, 0.14);
    border-radius: 0;
    background: #f3efe7;
    box-shadow: none;
    overflow: hidden;
    align-content: start;
  }

  .page--module-talent-flows .talent-flows-panel {
    gap: 20px;
    padding: 30px 24px 24px;
  }

  .page--module-talent-flows .talent-flows-panel::before,
  .page--module-talent-flows .talent-flows-chart-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #3f8d92;
  }

  .page--module-talent-flows .talent-flows-panel__header {
    gap: 10px;
    min-height: 66px;
    padding-bottom: 6px;
    align-content: start;
  }

  .page--module-talent-flows .talent-flows-panel__eyebrow {
    color: #7a8594;
    font-size: 10px;
    letter-spacing: 0.14em;
  }

  .page--module-talent-flows .talent-flows-panel__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.24;
    letter-spacing: -0.01em;
  }

  .page--module-talent-flows .talent-flows-panel-grid--overview-main > .talent-flows-panel {
    min-height: 584px;
    height: 100%;
  }

  .page--module-talent-flows .talent-flows-panel-grid--analytics > .talent-flows-panel {
    min-height: 496px;
  }

  .page--module-talent-flows .talent-flows-research-core-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page--module-talent-flows .talent-flows-research-core-grid > .talent-flows-panel:first-child {
    grid-column: 1 / -1;
  }

  .page--module-talent-flows .talent-flows-panel--research-core {
    gap: 18px;
  }

  .page--module-talent-flows .talent-flows-research-core-card__link {
    transition: color 180ms ease;
  }

  .page--module-talent-flows .talent-flows-research-core-card__link:hover {
    color: #6a1537;
  }

  .page--module-talent-flows .talent-flows-research-core-card__meta {
    font-size: 13px;
    line-height: 1.68;
  }

  .page--module-talent-flows .talent-flows-research-core-card__tags,
  .page--module-talent-flows .talent-flows-research-core-item__tags {
    gap: 8px;
  }

  .page--module-talent-flows .talent-flows-research-core-card__tags .talent-flows-status-pill,
  .page--module-talent-flows .talent-flows-research-core-item__tags .talent-flows-status-pill {
    min-height: 28px;
    padding: 0 10px;
    font-size: 11px;
  }

  .page--module-talent-flows .talent-flows-research-core-item {
    gap: 10px;
    padding: 16px 0;
  }

  .page--module-talent-flows .talent-flows-research-core-item__head {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: start;
  }

  .page--module-talent-flows .talent-flows-research-core-item__identity {
    gap: 6px;
  }

  .page--module-talent-flows .talent-flows-research-core-item__name {
    font-size: 16px;
    line-height: 1.42;
  }

  .page--module-talent-flows .talent-flows-research-core-item__role,
  .page--module-talent-flows .talent-flows-research-core-item__summary {
    font-size: 12px;
    line-height: 1.74;
  }

  .page--module-talent-flows .talent-flows-research-core-item__source {
    font-size: 11px;
    line-height: 1.72;
  }

  .page--module-talent-flows-search .talent-flows-panel-grid--search {
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
    gap: 24px;
  }

  .page--module-talent-flows-search .talent-flows-panel-grid--search.talent-flows-panel-grid--search-focus-left {
    grid-template-columns: minmax(0, 1.24fr) minmax(280px, 0.56fr);
  }

  .page--module-talent-flows-search .talent-flows-panel-grid--search.talent-flows-panel-grid--search-focus-right {
    grid-template-columns: minmax(280px, 0.56fr) minmax(0, 1.24fr);
  }

  .page--module-talent-flows-search .talent-flows-panel {
    gap: 18px;
  }

  .page--module-talent-flows-search .talent-flows-panel__header {
    min-height: auto;
    gap: 8px;
    padding-bottom: 4px;
  }

  .page--module-talent-flows-search .talent-flows-search-group__summary {
    color: #667085;
    font-size: 12px;
    line-height: 1.62;
  }

  .page--module-talent-flows-search .talent-flows-panel--search-empty {
    min-height: auto;
    align-content: start;
  }

  .page--module-talent-flows-search .talent-flows-panel--search-empty .talent-flows-empty-inline {
    max-width: 18ch;
    color: #667085;
    font-size: 14px;
    line-height: 1.72;
  }

  .page--module-talent-flows-search .talent-flows-search-result-item__stat {
    min-width: 96px;
    font-size: 14px;
    line-height: 1.55;
    white-space: nowrap;
  }

  .page--module-talent-flows .talent-flows-mini-list,
  .page--module-talent-flows .talent-flows-route-list,
  .page--module-talent-flows .talent-flows-bullet-list,
  .page--module-talent-flows .talent-flows-change-list,
  .page--module-talent-flows .talent-flows-search-result-list {
    gap: 0;
  }

  .page--module-talent-flows .talent-flows-mini-list > * + *,
  .page--module-talent-flows .talent-flows-route-list > * + *,
  .page--module-talent-flows .talent-flows-bullet-list > * + *,
  .page--module-talent-flows .talent-flows-change-list > * + *,
  .page--module-talent-flows .talent-flows-search-result-list > * + * {
    border-top: 1px solid rgba(17, 24, 39, 0.1);
  }

  .page--module-talent-flows .talent-flows-mini-item,
  .page--module-talent-flows .talent-flows-route-item,
  .page--module-talent-flows .talent-flows-change-item,
  .page--module-talent-flows .talent-flows-search-result-item {
    gap: 8px;
    padding: 16px 0;
    border: none;
    border-radius: 0;
    background: transparent;
  }

  .page--module-talent-flows .talent-flows-mini-item:first-child,
  .page--module-talent-flows .talent-flows-route-item:first-child,
  .page--module-talent-flows .talent-flows-change-item:first-child,
  .page--module-talent-flows .talent-flows-search-result-item:first-child {
    padding-top: 0;
  }

  .page--module-talent-flows .talent-flows-mini-item:last-child,
  .page--module-talent-flows .talent-flows-route-item:last-child,
  .page--module-talent-flows .talent-flows-change-item:last-child,
  .page--module-talent-flows .talent-flows-search-result-item:last-child {
    padding-bottom: 0;
  }

  .page--module-talent-flows .talent-flows-mini-list > .talent-flows-mini-item:not(:first-child),
  .page--module-talent-flows .talent-flows-route-list > .talent-flows-route-item:not(:first-child),
  .page--module-talent-flows .talent-flows-change-list > .talent-flows-change-item:not(:first-child),
  .page--module-talent-flows .talent-flows-search-result-list > .talent-flows-search-result-item:not(:first-child) {
    border-top: 1px solid rgba(17, 24, 39, 0.1);
  }

  .page--module-talent-flows .talent-flows-mini-item__title,
  .page--module-talent-flows .talent-flows-route-item__path,
  .page--module-talent-flows .talent-flows-change-item__name,
  .page--module-talent-flows .talent-flows-change-item__name-link,
  .page--module-talent-flows .talent-flows-search-result-item__title {
    font-size: 14px;
    line-height: 1.52;
  }

  .page--module-talent-flows .talent-flows-mini-item__meta,
  .page--module-talent-flows .talent-flows-route-item__meta,
  .page--module-talent-flows .talent-flows-change-item__meta,
  .page--module-talent-flows .talent-flows-change-item__desc,
  .page--module-talent-flows .talent-flows-search-result-item__meta,
  .page--module-talent-flows .talent-flows-search-result-item__desc {
    color: #667085;
    font-size: 12px;
    line-height: 1.68;
  }

  .page--module-talent-flows .talent-flows-mini-item__value,
  .page--module-talent-flows .talent-flows-route-item__count,
  .page--module-talent-flows .talent-flows-search-result-item__stat {
    min-width: 58px;
    padding-left: 14px;
    border-left: 1px solid rgba(40, 40, 40, 0.08);
    font-size: 16px;
    text-align: right;
    font-variant-numeric: tabular-nums;
  }

  .page--module-talent-flows .talent-flows-route-item {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 16px;
  }

  .page--module-talent-flows .talent-flows-bullet-list__item {
    padding: 16px 0 16px 18px;
    color: #495465;
    font-size: 13px;
    line-height: 1.72;
  }

  .page--module-talent-flows .talent-flows-bullet-list__item:first-child {
    padding-top: 0;
  }

  .page--module-talent-flows .talent-flows-bullet-list__item:last-child {
    padding-bottom: 0;
  }

  .page--module-talent-flows .talent-flows-bullet-list__item::before {
    top: 22px;
    width: 5px;
    height: 5px;
    background: #3f8d92;
  }

  .page--module-talent-flows .talent-flows-bullet-list__item:first-child::before {
    top: 8px;
  }

  .page--module-talent-flows .talent-flows-cluster-card,
  .page--module-talent-flows .talent-flows-directory-card,
  .page--module-talent-flows .talent-flows-person-card,
  .page--module-talent-flows .talent-flows-roster-item {
    border: 1px solid rgba(40, 40, 40, 0.12);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: none;
    align-content: start;
  }

  .page--module-talent-flows .talent-flows-cluster-card {
    gap: 9px;
    padding: 16px 16px 15px;
    border-color: rgba(40, 40, 40, 0.12);
    background: rgba(255, 255, 255, 0.78);
  }

  .page--module-talent-flows .talent-flows-cluster-list {
    grid-auto-rows: 1fr;
    align-items: stretch;
  }

  .page--module-talent-flows .talent-flows-cluster-card__title {
    font-size: 15px;
    line-height: 1.46;
  }

  .page--module-talent-flows .talent-flows-cluster-card__meta,
  .page--module-talent-flows .talent-flows-cluster-card__desc {
    font-size: 12px;
    line-height: 1.68;
  }

  .page--module-talent-flows .talent-flows-chart-card__media {
    aspect-ratio: 1.56 / 1;
    background: #e8e2d7;
  }

  .page--module-talent-flows .talent-flows-chart-gallery {
    gap: 24px;
  }

  .page--module-talent-flows .talent-flows-chart-card {
    display: grid;
    grid-template-rows: auto 1fr;
    align-content: start;
  }

  .page--module-talent-flows .talent-flows-chart-card__body {
    gap: 10px;
    min-height: 108px;
    padding: 20px 18px 22px;
    border-top: 1px solid rgba(40, 40, 40, 0.12);
    background: #f3efe7;
    align-content: start;
  }

  .page--module-talent-flows .talent-flows-chart-card__title {
    font-size: 16px;
    line-height: 1.46;
    min-height: 47px;
  }

  .page--module-talent-flows .talent-flows-chart-card__desc {
    font-size: 12px;
    line-height: 1.7;
  }

  .page--module-talent-flows .talent-flows-directory-card {
    gap: 10px;
    padding: 18px 18px 16px;
  }

  .page--module-talent-flows .talent-flows-directory-card__stats {
    gap: 10px 16px;
    align-items: start;
  }

  .page--module-talent-flows .talent-flows-directory-card__stat {
    padding: 10px 0 0;
    border: none;
    border-top: 1px solid rgba(40, 40, 40, 0.1);
    border-radius: 0;
    background: transparent;
    align-content: start;
  }

  .page--module-talent-flows .talent-flows-person-card,
  .page--module-talent-flows .talent-flows-roster-item {
    background: rgba(255, 255, 255, 0.72);
  }

  .page--module-talent-flows .talent-flows-directory-card:hover,
  .page--module-talent-flows .talent-flows-mini-item:hover,
  .page--module-talent-flows .talent-flows-search-result-item:hover,
  .page--module-talent-flows .talent-flows-route-item:hover,
  .page--module-talent-flows .talent-flows-related-item:hover,
  .page--module-talent-flows .talent-flows-person-card:hover,
  .page--module-talent-flows .talent-flows-roster-item:hover {
    transform: none;
    border-color: rgba(40, 40, 40, 0.12);
    box-shadow: none;
    background: rgba(255, 255, 255, 0.82);
  }

  .page--module-talent-flows .talent-flows-directory-card:hover .talent-flows-directory-card__title,
  .page--module-talent-flows .talent-flows-change-item:hover .talent-flows-change-item__name-link,
  .page--module-talent-flows .talent-flows-search-result-item:hover .talent-flows-search-result-item__title,
  .page--module-talent-flows .talent-flows-person-card:hover .talent-flows-person-card__name-link,
  .page--module-talent-flows .talent-flows-roster-item:hover .talent-flows-roster-item__name-link {
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .page--module-talent-flows .section-auth-gate.empty-card {
    padding: 30px 32px 24px;
    border: 1px solid rgba(40, 40, 40, 0.12);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.68);
    box-shadow: none;
  }

  .page--module-talent-flows .section-auth-gate::before {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0)),
      radial-gradient(circle at top right, rgba(37, 99, 235, 0.04), transparent 26%);
  }

  .page--module-talent-flows .section-auth-gate__layout {
    gap: 18px;
  }

  .page--module-talent-flows .section-auth-gate__icon {
    width: 46px;
    height: 46px;
    border-radius: 0;
    font-size: 11px;
  }

  .page--module-talent-flows .section-auth-gate__eyebrow {
    margin-bottom: 8px;
    font-size: 11px;
  }

  .page--module-talent-flows .section-auth-gate__title {
    font-size: 28px;
    line-height: 1.3;
  }

  .page--module-talent-flows .section-auth-gate__period,
  .page--module-talent-flows .section-auth-gate__desc,
  .page--module-talent-flows .section-auth-gate__hint {
    font-size: 14px;
  }

  .page--module-talent-flows .section-auth-gate__actions {
    gap: 8px;
    margin-top: 16px;
  }

  .page--module-talent-flows .section-auth-gate__button {
    min-height: 42px;
    padding: 0 18px;
    border-radius: 0;
    font-size: 12px;
  }

  .page--module-talent-flows .section-auth-preview {
    gap: 0;
  }

  .page--module-talent-flows .section-auth-preview__card {
    min-height: auto;
    padding: 14px 0;
    border: none;
    border-top: 1px solid rgba(40, 40, 40, 0.1);
    border-radius: 0;
    background: transparent;
  }

  .page--module-talent-flows .section-auth-preview__card:first-child {
    padding-top: 0;
    border-top: none;
  }

  .page--module-talent-flows .section-auth-preview__card::after {
    display: none;
  }

  .page--module-talent-flows .section-auth-preview__eyebrow {
    font-size: 10px;
  }

  .page--module-talent-flows .section-auth-preview__title {
    margin-top: 6px;
    font-size: 15px;
    line-height: 1.45;
  }

  .page--module-talent-flows .section-auth-preview__meta {
    margin-top: 5px;
    font-size: 12px;
  }

  .page--module-talent-flows .section-auth-preview__line {
    height: 6px;
    margin-top: 7px;
  }

  .page--module-talent-flows .talent-flows-mini-item,
  .page--module-talent-flows .talent-flows-detail-metric-grid,
  .page--module-talent-flows .talent-flows-hero__aside {
    align-items: start;
  }

  .page--module-talent-flows .talent-flows-kpi-card,
  .page--module-talent-flows .talent-flows-detail-metric,
  .page--module-talent-flows .talent-flows-person-timeline__item,
  .page--module-talent-flows .talent-flows-related-item {
    align-content: start;
  }

  .page--module-talent-flows .talent-flows-panel-grid--detail > .talent-flows-panel,
  .page--module-talent-flows .talent-flows-people-grid > *,
  .page--module-talent-flows .talent-flows-roster-grid > * {
    align-self: start;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail {
    grid-template-columns: minmax(0, 1.16fr) minmax(328px, 0.84fr);
    gap: 20px 24px;
    padding: 24px 24px 24px;
    border: 1px solid rgba(40, 40, 40, 0.12);
    border-radius: 0;
    background:
      linear-gradient(180deg, rgba(247, 243, 236, 0.98) 0%, rgba(242, 237, 228, 0.98) 100%);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.72),
      0 12px 28px rgba(15, 23, 42, 0.03);
    align-items: start;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__main {
    gap: 8px;
    align-content: start;
    max-width: 760px;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__footer {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr) minmax(440px, 1fr);
    gap: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(17, 24, 39, 0.08);
    align-items: start;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__footer-main {
    gap: 10px;
    align-content: start;
    padding: 0 18px 0 0;
    border: none;
    background: transparent;
    box-shadow: none;
    border-right: 1px solid rgba(17, 24, 39, 0.08);
  }

  .page--module-talent-flows-detail .talent-flows-back-link {
    color: #667085;
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-decoration: none;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__eyebrow {
    color: #7a8594;
    font-size: 10px;
    letter-spacing: 0.16em;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__title {
    font-size: 37px;
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -0.03em;
    text-wrap: balance;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__desc {
    max-width: 560px;
    color: #596678;
    font-size: 12.5px;
    line-height: 1.62;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__meta .talent-flows-status-pill {
    min-height: 24px;
    padding: 0 8px;
    border-color: rgba(17, 24, 39, 0.08);
    background: rgba(255, 255, 255, 0.34);
    font-size: 10.5px;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__summary {
    max-width: none;
    color: #344054;
    font-size: 13.5px;
    line-height: 1.64;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__aside {
    gap: 0;
    align-self: start;
    border-top: 1px solid rgba(17, 24, 39, 0.1);
    border-bottom: 1px solid rgba(17, 24, 39, 0.1);
    background: transparent;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-kpi-card {
    position: relative;
    min-height: 68px;
    padding: 12px 0 10px 16px;
    border: none;
    border-top: 1px solid rgba(17, 24, 39, 0.08);
    border-left: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-kpi-card:nth-child(-n + 2) {
    border-top: none;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-kpi-card:nth-child(2n + 1) {
    border-left: none;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-kpi-card__label {
    color: #667085;
    font-size: 10.5px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-kpi-card__value {
    font-size: 21px;
    font-weight: 600;
    letter-spacing: -0.02em;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-kpi-card--up .talent-flows-kpi-card__value {
    color: #6f183e;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-kpi-card--down .talent-flows-kpi-card__value {
    color: #0f766e;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-kpi-card--accent .talent-flows-kpi-card__value {
    color: #1d4ed8;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__summary-card {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    align-items: start;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__summary-label {
    color: #7a8594;
    font-size: 10px;
    letter-spacing: 0.14em;
    padding-top: 2px;
  }

  .page--module-talent-flows-detail .talent-flows-hero-highlights--detail {
    margin-top: 0;
    padding: 0 0 0 2px;
    border: none;
    background: transparent;
    box-shadow: none;
  }

  .page--module-talent-flows-detail .talent-flows-hero-highlights--detail .talent-flows-hero-highlights__eyebrow {
    font-size: 10px;
    letter-spacing: 0.16em;
    margin-bottom: 8px;
  }

  .page--module-talent-flows-detail .talent-flows-hero-highlights--detail .talent-flows-hero-highlights__grid {
    grid-template-columns: minmax(160px, 0.9fr) minmax(0, 1.05fr) minmax(0, 1.05fr);
    gap: 0;
    border-top: none;
    border-bottom: none;
  }

  .page--module-talent-flows-detail .talent-flows-hero-highlights--detail .talent-flows-hero-highlights__item {
    gap: 6px;
    align-items: start;
    padding: 0;
  }

  .page--module-talent-flows-detail .talent-flows-hero-highlights--detail .talent-flows-hero-highlights__item + .talent-flows-hero-highlights__item {
    padding-left: 16px;
    border-left: 1px solid rgba(17, 24, 39, 0.08);
    border-top: none;
  }

  .page--module-talent-flows-detail .talent-flows-hero-highlights--detail .talent-flows-hero-highlights__label {
    font-size: 9.5px;
    letter-spacing: 0.12em;
  }

  .page--module-talent-flows-detail .talent-flows-hero-highlights--detail .talent-flows-hero-highlights__value {
    font-size: 13px;
    line-height: 1.58;
  }

  .page--module-talent-flows-detail .talent-flows-panel {
    gap: 14px;
    padding: 20px 20px 18px;
  }

  .page--module-talent-flows-detail .talent-flows-panel__header {
    min-height: auto;
    gap: 6px;
    padding-bottom: 0;
  }

  .page--module-talent-flows-detail .talent-flows-panel__header--with-meta {
    min-height: auto;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: start;
  }

  .page--module-talent-flows-detail .talent-flows-panel__title {
    font-size: 18px;
  }

  .page--module-talent-flows-detail .talent-flows-panel__note {
    color: #596678;
    font-size: 12px;
    line-height: 1.68;
  }

  .page--module-talent-flows-detail .talent-flows-panel-grid--detail {
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 18px;
  }

  .page--module-talent-flows-detail .talent-flows-panel-grid--overview-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
  }

  .page--module-talent-flows-detail .talent-flows-overview-layout {
    gap: 18px;
  }

  .page--module-talent-flows-detail .talent-flows-overview-layout--with-ppt {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }

  .page--module-talent-flows-detail .talent-flows-overview-layout__stack {
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 18px;
    min-height: 100%;
  }

  .page--module-talent-flows-detail .talent-flows-overview-layout__stack > .talent-flows-panel,
  .page--module-talent-flows-detail .talent-flows-overview-layout--with-ppt > .talent-flows-panel {
    height: 100%;
    min-height: 0;
  }

  .page--module-talent-flows-detail .talent-flows-panel--ppt {
    align-content: start;
  }

  .page--module-talent-flows-detail .talent-flows-panel__body--ppt {
    min-height: 0;
  }

  .page--module-talent-flows-detail .talent-flows-panel--ppt .talent-flows-ppt-list {
    gap: 12px;
    max-height: 100%;
    overflow: auto;
  }

  .page--module-talent-flows-detail .talent-flows-detail-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    border: none;
    background: transparent;
  }

  .page--module-talent-flows-detail .talent-flows-detail-metric {
    padding: 12px 14px 10px;
    border: 1px solid rgba(40, 40, 40, 0.1);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.54);
  }

  .page--module-talent-flows-detail .talent-flows-detail-metric strong {
    font-size: 18px;
    font-weight: 600;
  }

  .page--module-talent-flows-detail .talent-flows-detail-metric span {
    color: #667085;
    font-size: 11px;
    line-height: 1.6;
  }

  .page--module-talent-flows-detail .talent-flows-detail-note-list {
    gap: 8px;
  }

  .page--module-talent-flows-detail .talent-flows-detail-note-list__item {
    min-height: 28px;
    padding: 0 10px;
    background: rgba(255, 255, 255, 0.56);
    color: #596678;
    font-size: 11px;
  }

  .page--module-talent-flows-detail .talent-flows-detail-note-list__item--link {
    color: #003087;
    background: rgba(237, 244, 255, 0.76);
  }

  .page--module-talent-flows-detail .talent-flows-detail-note-list__item--strategy {
    border-color: rgba(109, 40, 217, 0.14);
    background: rgba(245, 243, 255, 0.76);
    color: #6d28d9;
  }

  .page--module-talent-flows-detail .talent-flows-detail-note-list__item--identity {
    border-color: rgba(180, 83, 9, 0.14);
    background: rgba(255, 247, 237, 0.78);
    color: #b45309;
  }

  .page--module-talent-flows-detail .talent-flows-panel-grid--overview-compact .talent-flows-panel {
    gap: 12px;
    padding: 18px 18px 16px;
    align-self: stretch;
    height: 100%;
  }

  .page--module-talent-flows-detail .talent-flows-panel-grid--overview-compact .talent-flows-panel__header {
    gap: 5px;
  }

  .page--module-talent-flows-detail .talent-flows-panel--profile .talent-flows-fact-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .page--module-talent-flows-detail .talent-flows-panel--profile .talent-flows-fact-item {
    padding: 11px 12px 10px;
    background: rgba(255, 255, 255, 0.52);
  }

  .page--module-talent-flows-detail .talent-flows-panel--profile .talent-flows-fact-item__label {
    font-size: 10px;
    letter-spacing: 0.1em;
  }

  .page--module-talent-flows-detail .talent-flows-panel--profile .talent-flows-fact-item__value {
    font-size: 13px;
    line-height: 1.55;
  }

  .page--module-talent-flows-detail .talent-flows-section {
    gap: 14px;
  }

  .page--module-talent-flows-detail:not(.page--module-talent-flows-person) .talent-flows-section + .talent-flows-section {
    margin-top: 10px;
  }

  .page--module-talent-flows-detail.page--module-talent-flows-person .talent-flows-section + .talent-flows-section {
    margin-top: 10px;
  }

  .page--module-talent-flows-detail .talent-flows-section__head {
    gap: 10px 16px;
    align-items: start;
  }

  .page--module-talent-flows-detail .talent-flows-section__title {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.02em;
  }

  .page--module-talent-flows-detail .talent-flows-section__desc {
    max-width: 760px;
    color: #526072;
    font-size: 13px;
    line-height: 1.72;
  }

  .page--module-talent-flows-detail .talent-flows-status-pill {
    min-height: 28px;
    padding: 0 10px;
    font-size: 11px;
  }

  .page--module-talent-flows-detail .talent-flows-directory-grid--compact {
    gap: 18px;
  }

  .page--module-talent-flows-detail .talent-flows-people-grid,
  .page--module-talent-flows-detail .talent-flows-roster-grid {
    gap: 18px;
  }

  .page--module-talent-flows-detail .talent-flows-roster-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page--module-talent-flows-detail .talent-flows-directory-card,
  .page--module-talent-flows-detail .talent-flows-person-card,
  .page--module-talent-flows-detail .talent-flows-roster-item {
    background: rgba(255, 255, 255, 0.58);
  }

  .page--module-talent-flows-detail .talent-flows-person-card,
  .page--module-talent-flows-detail .talent-flows-roster-item {
    padding: 16px 16px 14px;
  }

  .page--module-talent-flows-detail .talent-flows-roster-item__details,
  .page--module-talent-flows-detail .talent-flows-person-card__section {
    gap: 7px;
  }

  .page--module-talent-flows-detail .talent-flows-roster-item__header,
  .page--module-talent-flows-detail .talent-flows-person-card__header {
    gap: 10px;
  }

  .page--module-talent-flows-detail .talent-flows-roster-item__identity,
  .page--module-talent-flows-detail .talent-flows-person-card__identity {
    gap: 4px;
  }

  .page--module-talent-flows-detail .talent-flows-roster-item__badges,
  .page--module-talent-flows-detail .talent-flows-person-card__badges {
    gap: 6px;
  }

  .page--module-talent-flows-detail .talent-flows-person-card__meta,
  .page--module-talent-flows-detail .talent-flows-person-card__desc,
  .page--module-talent-flows-detail .talent-flows-roster-item__meta,
  .page--module-talent-flows-detail .talent-flows-roster-item__line {
    font-size: 12px;
    line-height: 1.68;
  }

  .page--module-talent-flows-detail .talent-flows-roster-item__stats {
    gap: 6px;
  }

  .page--module-talent-flows-detail .talent-flows-roster-item__stat,
  .page--module-talent-flows-detail .talent-flows-roster-item__badge,
  .page--module-talent-flows-detail .talent-flows-person-card__badge {
    min-height: 28px;
    padding: 0 9px;
    border-radius: 0;
    border-color: rgba(40, 40, 40, 0.1);
    background: rgba(255, 255, 255, 0.52);
    color: #344054;
    font-size: 11px;
    font-weight: 600;
  }

  .page--module-talent-flows-detail .talent-flows-roster-item__badge--strategy,
  .page--module-talent-flows-detail .talent-flows-person-card__badge--strategy {
    border-color: rgba(109, 40, 217, 0.14);
    background: rgba(245, 243, 255, 0.68);
    color: #6d28d9;
  }

  .page--module-talent-flows-detail .talent-flows-roster-item__badge--identity,
  .page--module-talent-flows-detail .talent-flows-person-card__badge--identity {
    border-color: rgba(180, 83, 9, 0.14);
    background: rgba(255, 247, 237, 0.72);
    color: #b45309;
  }

  .page--module-talent-flows-detail .talent-flows-person-detail__tags {
    gap: 8px;
  }

  .page--module-talent-flows-detail .talent-flows-person-detail__tag {
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid rgba(40, 40, 40, 0.1);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.56);
    color: #495465;
    font-size: 11px;
  }

  .page--module-talent-flows-detail .talent-flows-person-detail__tag--strategy {
    border-color: rgba(109, 40, 217, 0.14);
    background: rgba(245, 243, 255, 0.68);
    color: #6d28d9;
  }

  .page--module-talent-flows-detail .talent-flows-person-detail__tag--identity {
    border-color: rgba(180, 83, 9, 0.14);
    background: rgba(255, 247, 237, 0.72);
    color: #b45309;
  }

  .page--module-talent-flows-detail .talent-flows-person-detail-block {
    gap: 0;
    padding: 18px 20px 16px;
    border: 1px solid rgba(40, 40, 40, 0.1);
    background: rgba(255, 255, 255, 0.48);
  }

  .page--module-talent-flows-detail .talent-flows-person-timeline,
  .page--module-talent-flows-detail .talent-flows-related-list {
    gap: 0;
  }

  .page--module-talent-flows-detail .talent-flows-person-timeline__item,
  .page--module-talent-flows-detail .talent-flows-related-item {
    padding: 14px 0;
    border: none;
    border-top: 1px solid rgba(40, 40, 40, 0.1);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .page--module-talent-flows-detail .talent-flows-person-timeline__item:first-child,
  .page--module-talent-flows-detail .talent-flows-related-item:first-child {
    padding-top: 0;
    border-top: none;
  }

  .page--module-talent-flows-detail .talent-flows-person-timeline__item:last-child,
  .page--module-talent-flows-detail .talent-flows-related-item:last-child {
    padding-bottom: 0;
  }

  .page--module-talent-flows-detail .talent-flows-person-timeline__item--current {
    background: transparent;
  }

  .page--module-talent-flows-detail .talent-flows-person-timeline__period {
    font-size: 11px;
  }

  .page--module-talent-flows-detail .talent-flows-person-timeline__company,
  .page--module-talent-flows-detail .talent-flows-related-item__name {
    font-size: 15px;
  }

  .page--module-talent-flows-detail .talent-flows-person-timeline__meta,
  .page--module-talent-flows-detail .talent-flows-related-item__meta,
  .page--module-talent-flows-detail .talent-flows-related-item__relation {
    font-size: 12px;
  }

  .page--module-talent-flows-person .talent-flows-person-detail__tag {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.7);
  }

  .page--module-talent-flows-person .talent-flows-hero--detail .talent-flows-hero__summary {
    max-width: 640px;
  }

  .page--module-talent-flows-person .talent-flows-person-detail-block {
    gap: 0;
    padding: 0;
    border: none;
    background: transparent;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline {
    position: relative;
    gap: 16px;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline::before {
    content: '';
    position: absolute;
    top: 18px;
    bottom: 18px;
    left: 144px;
    width: 1px;
    background: rgba(17, 24, 39, 0.12);
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__item {
    position: relative;
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 26px;
    padding: 0 0 0 4px;
    border: none;
    background: transparent;
    box-shadow: none;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__item::before {
    content: '';
    position: absolute;
    top: 18px;
    left: 138px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid rgba(37, 99, 235, 0.82);
    box-shadow: 0 0 0 6px rgba(239, 246, 255, 0.96);
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__item--current::before {
    background: #1d4ed8;
    border-color: #1d4ed8;
    box-shadow: 0 0 0 6px rgba(219, 234, 254, 0.96);
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__period {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 12px;
    color: #526072;
    font-size: 10.5px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__item--current .talent-flows-person-timeline__period::after {
    content: '当前任职';
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(237, 244, 255, 0.95);
    color: #1d4ed8;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__body {
    gap: 6px;
    padding: 16px 18px 15px;
    border: 1px solid rgba(40, 40, 40, 0.1);
    background: rgba(255, 255, 255, 0.68);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.04);
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__company {
    font-size: 17px;
    line-height: 1.5;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__meta {
    color: #667085;
    font-size: 12px;
    line-height: 1.68;
  }

  .page--module-talent-flows-person .talent-flows-related-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .page--module-talent-flows-person .talent-flows-related-item {
    position: relative;
    gap: 8px;
    min-height: 144px;
    padding: 18px 20px 18px;
    border: 1px solid rgba(40, 40, 40, 0.1);
    background: rgba(255, 255, 255, 0.68);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.04);
  }

  .page--module-talent-flows-person .talent-flows-related-item::after {
    content: '→';
    position: absolute;
    top: 18px;
    right: 18px;
    color: #94a3b8;
    font-size: 14px;
    line-height: 1;
  }

  .page--module-talent-flows-person a.talent-flows-related-item:hover {
    transform: translateY(-2px);
    border-color: rgba(37, 99, 235, 0.18);
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.06);
  }

  .page--module-talent-flows-person .talent-flows-related-item__relation {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    justify-self: start;
    width: fit-content;
    max-width: calc(100% - 28px);
    min-height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    background: rgba(237, 244, 255, 0.96);
    color: #1d4ed8;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.3;
  }

  .page--module-talent-flows-person .talent-flows-related-item__name {
    padding-right: 18px;
    font-size: 16px;
    line-height: 1.48;
  }

  .page--module-talent-flows-person .talent-flows-related-item__meta {
    color: #596678;
    font-size: 12px;
    line-height: 1.68;
  }

  .nb-solution-card--private-talent-flows {
    background:
      radial-gradient(circle at top right, rgba(59, 130, 246, 0.12), transparent 38%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 250, 255, 0.98) 100%);
  }
}

.nav-tracking-report-table thead th:first-child {
  z-index: 4;
}

.nav-tracking-report-table tbody td:first-child {
  background: #fcfcfd;
}

.nav-tracking-report-table thead th:first-child,
.nav-tracking-report-table tbody td:first-child {
  border-left: 1px solid rgba(17, 24, 39, 0.08);
}

.nav-tracking-report-table thead th:last-child,
.nav-tracking-report-table tbody td:last-child {
  border-right: 1px solid rgba(17, 24, 39, 0.08);
}

.nav-tracking-report-table thead th:first-child {
  border-top-left-radius: calc(16 * var(--rpx));
}

.nav-tracking-report-table thead th:last-child {
  border-top-right-radius: calc(16 * var(--rpx));
}

.nav-tracking-report-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: calc(16 * var(--rpx));
}

.nav-tracking-report-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: calc(16 * var(--rpx));
}

.nav-tracking-report-table tbody tr:hover td {
  background: rgba(15, 23, 42, 0.018);
}

.nav-tracking-report-table tbody tr:hover td:first-child {
  background: #f7f8fa;
}

.nav-tracking-table__group-row th {
  background: #f8fafc;
  color: #111827;
  font-weight: 700;
}

.nav-tracking-table__cell--name {
  min-width: calc(300 * var(--rpx));
  max-width: calc(360 * var(--rpx));
  white-space: normal !important;
}

.nav-tracking-table__cell--numeric,
.nav-tracking-table__cell--rank {
  font-variant-numeric: tabular-nums;
}

.nav-tracking-table__cell--rank {
  color: #667085;
}

.nav-tracking-table__cell--positive {
  color: #b42318;
}

.nav-tracking-table__cell--negative {
  color: #067647;
}

.nav-tracking-report-table thead th:not(:first-child),
.nav-tracking-report-table tbody td:not(:first-child):not(.nav-tracking-table__cell--name) {
  text-align: right;
}

.nav-tracking-report-table thead th {
  letter-spacing: 0.03em;
}

.nav-tracking-report-table tbody tr:nth-child(even) td {
  background: rgba(248, 250, 252, 0.9);
}

.nav-tracking-report-table tbody td {
  line-height: 1.55;
}

.nav-tracking-table__group-row th {
  padding-top: calc(16 * var(--rpx));
  padding-bottom: calc(16 * var(--rpx));
  border-top: 1px solid rgba(17, 24, 39, 0.08);
  letter-spacing: 0.03em;
}

.nav-tracking-table__cell--name {
  color: #101828;
  font-weight: 600;
  line-height: 1.52;
}

.nb-mobile-insight-list {
  display: flex;
  flex-direction: column;
  gap: calc(18 * var(--rpx));
}

.page--insights {
  background: #f6f2eb;
}

.page--library {
  background: #ffffff;
}

.page--library-detail {
  background: #ffffff;
}

.library-page {
  min-height: calc(100vh - calc(88 * var(--rpx)));
}

.library-page__inner {
  display: grid;
  gap: calc(24 * var(--rpx));
}

.library-page__hero {
  display: grid;
  gap: calc(12 * var(--rpx));
}

.library-page__eyebrow {
  color: #475467;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.library-page__title {
  margin: 0;
  color: #0f172a;
  font-size: calc(48 * var(--rpx));
  font-weight: 700;
  line-height: 1.08;
}

.library-page__desc {
  margin: 0;
  max-width: calc(620 * var(--rpx));
  color: #667085;
  font-size: calc(24 * var(--rpx));
  line-height: 1.7;
}

.library-page__card {
  max-width: calc(620 * var(--rpx));
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: none;
}

.insights-mobile-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: calc(12 * var(--rpx));
  margin-bottom: calc(18 * var(--rpx));
}

.insights-mobile-search__input {
  min-width: 0;
  min-height: calc(52 * var(--rpx));
  padding: 0 calc(18 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: calc(18 * var(--rpx));
  background: #ffffff;
  color: #111827;
  font-size: calc(22 * var(--rpx));
}

.insights-mobile-search__button,
.insights-mobile-clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(52 * var(--rpx));
  padding: 0 calc(20 * var(--rpx));
  border-radius: calc(18 * var(--rpx));
  border: 1px solid #111827;
  background: #111827;
  color: #ffffff;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  line-height: 1;
}

.insights-mobile-clear {
  width: 100%;
  margin-top: calc(12 * var(--rpx));
  margin-bottom: calc(18 * var(--rpx));
}

.insights-mobile-filter-list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10 * var(--rpx));
  margin-bottom: calc(8 * var(--rpx));
}

.insights-mobile-filter {
  display: inline-flex;
  align-items: center;
  min-height: calc(42 * var(--rpx));
  padding: 0 calc(16 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.7);
  color: #344054;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
}

.insights-mobile-filter--active {
  border-color: #111827;
  background: #111827;
  color: #ffffff;
}

.nb-mobile-insight-card {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--rpx));
  padding: calc(22 * var(--rpx));
  border-radius: calc(22 * var(--rpx));
  background: #ffffff;
  box-shadow: 0 calc(12 * var(--rpx)) calc(32 * var(--rpx)) rgba(15, 23, 42, 0.06);
}

.nb-mobile-insight-card__media {
  display: block;
  overflow: hidden;
  border-radius: calc(18 * var(--rpx));
  background: #efe7dc;
}

.nb-mobile-insight-card__image {
  display: block;
  width: 100%;
  aspect-ratio: 1.62 / 1;
  object-fit: cover;
}

.nb-mobile-insight-card__image--placeholder {
  background:
    linear-gradient(135deg, rgba(17, 24, 39, 0.08), rgba(17, 24, 39, 0.02)),
    #f4eee6;
}

.nb-mobile-insight-card--static {
  background: #f8fafc;
  box-shadow: none;
}

.nb-mobile-insight-card__meta {
  color: #475467;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.nb-mobile-insight-card__title {
  color: #111827;
  font-size: calc(30 * var(--rpx));
  font-weight: 700;
  line-height: 1.4;
}

.nb-mobile-insight-card__desc {
  color: #667085;
  font-size: calc(23 * var(--rpx));
  line-height: 1.7;
}

.nb-mobile-article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10 * var(--rpx));
  margin-bottom: calc(18 * var(--rpx));
  color: #475467;
  font-size: calc(22 * var(--rpx));
}

.nb-mobile-article-cover {
  overflow: hidden;
  margin-bottom: calc(18 * var(--rpx));
  border-radius: calc(18 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: #eef2f7;
}

.nb-mobile-article-cover__image {
  display: block;
  width: 100%;
  aspect-ratio: 1.74 / 1;
  object-fit: cover;
}

.nb-article-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10 * var(--rpx));
  margin: calc(6 * var(--rpx)) 0 calc(18 * var(--rpx));
}

.nb-article-tag {
  display: inline-flex;
  align-items: center;
  min-height: calc(40 * var(--rpx));
  padding: 0 calc(16 * var(--rpx));
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(17, 24, 39, 0.08);
  color: #475467;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  line-height: 1;
}

.nb-article-tag-list--compact {
  margin: 0;
}

.nb-article-tag-list--compact .nb-article-tag {
  background: rgba(17, 24, 39, 0.04);
}

.nb-article-tag-list--mobile {
  margin-top: 0;
}

.article-richtext {
  color: #111827;
}

.article-richtext > *:first-child {
  margin-top: 0;
}

.article-richtext > *:last-child {
  margin-bottom: 0;
}

.article-richtext h2,
.article-richtext h3,
.article-richtext p,
.article-richtext ul,
.article-richtext ol,
.article-richtext hr,
.article-richtext .article-table-wrap {
  margin: 0 0 calc(18 * var(--rpx));
}

.article-richtext h2 {
  font-size: calc(34 * var(--rpx));
  line-height: 1.28;
}

.article-richtext h3 {
  font-size: calc(28 * var(--rpx));
  line-height: 1.34;
}

.article-richtext p,
.article-richtext li {
  color: #243041;
  font-size: calc(24 * var(--rpx));
  line-height: 1.82;
}

.article-richtext ul,
.article-richtext ol {
  padding-left: calc(34 * var(--rpx));
}

.article-richtext li + li {
  margin-top: calc(10 * var(--rpx));
}

.article-richtext strong {
  color: #111827;
}

.article-richtext em {
  font-style: italic;
}

.article-richtext img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  margin: calc(24 * var(--rpx)) 0 calc(12 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: #ffffff;
}

.article-richtext p > em:only-child {
  display: block;
  color: #667085;
  font-style: normal;
  font-size: calc(20 * var(--rpx));
  line-height: 1.72;
}

.article-richtext .article-reference-list {
  margin: 0 0 calc(18 * var(--rpx));
  padding-left: calc(34 * var(--rpx));
}

.article-richtext .article-reference-list li {
  color: #475467;
  font-size: calc(22 * var(--rpx));
  line-height: 1.78;
  word-break: normal;
  overflow-wrap: break-word;
}

.article-richtext .article-reference-list li + li {
  margin-top: calc(12 * var(--rpx));
}

.article-richtext .katex {
  font-size: 1.04em;
}

.article-richtext .katex-display {
  margin: calc(22 * var(--rpx)) 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.article-math-fallback {
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
  white-space: pre-wrap;
}

.article-math-fallback--display {
  padding: calc(16 * var(--rpx));
  border-radius: calc(16 * var(--rpx));
  background: rgba(17, 24, 39, 0.04);
}

.article-richtext code {
  padding: 0 calc(8 * var(--rpx));
  border-radius: calc(10 * var(--rpx));
  background: rgba(17, 24, 39, 0.06);
  font-size: 0.92em;
}

.article-richtext hr {
  border: none;
  border-top: 1px solid rgba(17, 24, 39, 0.1);
}

.article-table-wrap {
  overflow-x: auto;
}

.article-data-table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  background: rgba(255, 255, 255, 0.72);
}

.article-data-table th,
.article-data-table td {
  padding: calc(16 * var(--rpx)) calc(14 * var(--rpx));
  border-bottom: 1px solid rgba(17, 24, 39, 0.08);
  text-align: left;
  vertical-align: top;
  font-size: calc(22 * var(--rpx));
  line-height: 1.7;
}

.article-data-table th {
  color: #111827;
  font-weight: 700;
  background: rgba(17, 24, 39, 0.04);
}

.nb-mobile-article-actions {
  display: grid;
  gap: calc(14 * var(--rpx));
  margin-top: calc(22 * var(--rpx));
}

.home-article-section {
  margin-top: calc(28 * var(--rpx));
}

.home-article-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(20 * var(--rpx));
  margin-bottom: calc(18 * var(--rpx));
}

.home-article-section__title {
  margin: 0;
}

.home-article-section__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(48 * var(--rpx));
  padding: 0 calc(22 * var(--rpx));
  border-radius: 999px;
  background: #111111;
  color: #ffffff;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  line-height: 1;
}

.home-article-grid {
  display: grid;
  gap: calc(18 * var(--rpx));
}

.home-article-card {
  display: grid;
  gap: calc(10 * var(--rpx));
}

.home-article-card__media {
  display: block;
  overflow: hidden;
  background: #f4eee6;
}

.home-article-card__image {
  display: block;
  width: 100%;
  height: auto;
}

.home-article-card__image--placeholder {
  min-height: calc(220 * var(--rpx));
  background:
    linear-gradient(135deg, rgba(17, 24, 39, 0.08), rgba(17, 24, 39, 0.02)),
    #f4eee6;
}

.home-article-card__date {
  color: #475467;
  font-size: calc(20 * var(--rpx));
  line-height: 1.5;
}

.home-article-card__title {
  color: #111827;
  font-size: calc(32 * var(--rpx));
  font-weight: 700;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.home-insights-showcase {
  margin-top: calc(28 * var(--rpx));
}

.home-insights-showcase__inner {
  display: grid;
  gap: calc(22 * var(--rpx));
  padding: calc(12 * var(--rpx)) 0 0;
}

.home-insights-showcase__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(16 * var(--rpx));
}

.home-insights-showcase__title {
  margin: 0;
  color: #111827;
  font-size: calc(40 * var(--rpx));
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
}

.home-insights-showcase__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(42 * var(--rpx));
  padding: 0 calc(18 * var(--rpx));
  border-radius: 999px;
  background: #1f2937;
  color: #ffffff;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.home-insights-showcase__grid {
  display: grid;
  gap: calc(18 * var(--rpx));
}

.home-insights-showcase__card {
  display: grid;
  grid-template-rows: auto auto auto minmax(0, auto);
  align-content: start;
  gap: calc(10 * var(--rpx));
  color: inherit;
}

.home-insights-showcase__media {
  display: block;
  overflow: hidden;
  background: #eef2f7;
  border-radius: calc(6 * var(--rpx));
}

.home-insights-showcase__image {
  display: block;
  width: 100%;
  aspect-ratio: 1.72 / 1;
  object-fit: cover;
  transition: transform 0.28s ease;
}

.home-insights-showcase__image--placeholder {
  background: linear-gradient(135deg, #dbe4ee 0%, #f4f7fb 100%);
}

.home-insights-showcase__meta {
  color: #667085;
  font-size: calc(16 * var(--rpx));
  line-height: 1.45;
}

.home-insights-showcase__headline {
  color: #0f172a;
  font-size: calc(28 * var(--rpx));
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -0.015em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.home-insights-showcase__excerpt {
  color: #475467;
  font-size: calc(19 * var(--rpx));
  line-height: 1.62;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.home-insights-showcase__card:hover .home-insights-showcase__image {
  transform: scale(1.02);
}

.home-article-carousel-section {
  margin-top: calc(28 * var(--rpx));
}

.home-article-carousel-section__header {
  margin-bottom: calc(18 * var(--rpx));
}

.home-article-carousel {
  position: relative;
}

.home-article-carousel__viewport {
  overflow: hidden;
}

.home-article-carousel__track {
  display: flex;
  gap: calc(18 * var(--rpx));
  transition: transform 0.5s ease;
  will-change: transform;
}

.home-article-carousel__slide {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  min-height: calc(320 * var(--rpx));
  flex: 0 0 calc(100% - calc(88 * var(--rpx)));
  color: #ffffff;
  text-decoration: none;
  opacity: 0.56;
  transform: scale(0.96);
  transform-origin: center center;
  transition:
    transform 0.4s ease,
    opacity 0.4s ease,
    filter 0.4s ease;
}

.home-article-carousel__slide.is-active {
  opacity: 1;
  transform: scale(1);
  filter: none;
}

.home-article-carousel__slide-media,
.home-article-carousel__slide-panel {
  min-width: 0;
}

.home-article-carousel__slide-media {
  display: block;
  overflow: hidden;
  background: #e8e2d8;
}

.home-article-carousel__slide-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-article-carousel__slide-image--placeholder {
  min-height: 100%;
  background:
    linear-gradient(135deg, rgba(17, 24, 39, 0.08), rgba(17, 24, 39, 0.02)),
    #efe7dc;
}

.home-article-carousel__slide-panel {
  display: grid;
  align-content: center;
  gap: calc(14 * var(--rpx));
  padding: calc(26 * var(--rpx));
  background: #2f3d77;
}

.home-article-carousel__slide--cta .home-article-carousel__slide-panel {
  background: #5a2135;
}

.home-article-carousel__slide--stock .home-article-carousel__slide-panel {
  background: #2f3d77;
}

.home-article-carousel__slide--private .home-article-carousel__slide-panel {
  background: #22446e;
}

.home-article-carousel__slide--tracking .home-article-carousel__slide-panel {
  background: #2f6f73;
}

.home-article-carousel__slide-meta {
  color: rgba(255, 255, 255, 0.82);
  font-size: calc(18 * var(--rpx));
  line-height: 1.5;
}

.home-article-carousel__slide-title {
  color: #ffffff;
  font-size: calc(40 * var(--rpx));
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: -0.02em;
  text-wrap: balance;
}

.home-article-carousel__slide-excerpt {
  color: rgba(255, 255, 255, 0.92);
  font-size: calc(22 * var(--rpx));
  line-height: 1.72;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.home-article-carousel__slide-cta {
  color: #ffffff;
  font-size: calc(22 * var(--rpx));
  font-weight: 700;
  line-height: 1.4;
}

.home-article-carousel__arrow {
  display: none;
}

.home-article-carousel__footer {
  display: grid;
  justify-items: center;
  gap: calc(18 * var(--rpx));
  margin-top: calc(18 * var(--rpx));
}

.home-article-carousel__dots {
  display: inline-flex;
  align-items: center;
  gap: calc(10 * var(--rpx));
}

.home-article-carousel__dot {
  width: calc(12 * var(--rpx));
  height: calc(12 * var(--rpx));
  padding: 0;
  border: none;
  border-radius: 999px;
  background: rgba(17, 24, 39, 0.22);
}

.home-article-carousel__dot.is-active {
  background: #111827;
}

.home-article-carousel__all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(52 * var(--rpx));
  padding: 0 calc(24 * var(--rpx));
  border-radius: 999px;
  background: #111111;
  color: #ffffff;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  line-height: 1;
}

.nb-insight-grid {
  display: grid;
  gap: calc(20 * var(--rpx));
}

.nb-insight-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: calc(24 * var(--rpx));
  background: #ffffff;
  box-shadow: 0 calc(12 * var(--rpx)) calc(32 * var(--rpx)) rgba(15, 23, 42, 0.06);
}

.nb-insight-card__media {
  display: block;
  min-height: calc(220 * var(--rpx));
  background:
    radial-gradient(circle at 78% 24%, rgba(255, 255, 255, 0.18), transparent 18%),
    linear-gradient(135deg, #111827 0%, #25324b 58%, #2f6f73 100%);
}

.nb-insight-card__media-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nb-insight-card--stock .nb-insight-card__media {
  background:
    radial-gradient(circle at 78% 24%, rgba(255, 255, 255, 0.14), transparent 18%),
    linear-gradient(135deg, #111827 0%, #55322c 60%, #8e4635 100%);
}

.nb-insight-card--private .nb-insight-card__media {
  background:
    radial-gradient(circle at 78% 24%, rgba(255, 255, 255, 0.16), transparent 18%),
    linear-gradient(135deg, #0f172a 0%, #1b2e56 58%, #2d4985 100%);
}

.nb-insight-card__body {
  display: flex;
  flex-direction: column;
  gap: calc(10 * var(--rpx));
  padding: calc(24 * var(--rpx));
}

.nb-insight-card__meta {
  color: #475467;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.nb-insight-card__title {
  color: #111827;
  font-size: calc(32 * var(--rpx));
  font-weight: 700;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.nb-insight-card__cta {
  margin-top: calc(6 * var(--rpx));
  color: #111827;
  font-size: calc(24 * var(--rpx));
  font-weight: 700;
}

.insights-hub {
  padding: calc(28 * var(--rpx)) calc(24 * var(--rpx)) 0;
}

.insights-hub__inner {
  display: grid;
  gap: calc(20 * var(--rpx));
}

.insights-sidebar-intro {
  display: grid;
  gap: calc(10 * var(--rpx));
}

.insights-sidebar-intro__eyebrow,
.insights-hub__eyebrow,
.insights-filter-card__summary-eyebrow,
.insights-empty-state__eyebrow {
  color: #6d6f71;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.insights-sidebar-intro__title,
.insights-hub__title,
.insights-empty-state__title {
  margin: 0;
  color: #111827;
  font-size: calc(42 * var(--rpx));
  font-weight: 700;
  line-height: 1.08;
}

.insights-sidebar-intro__title {
  font-size: calc(34 * var(--rpx));
  letter-spacing: -0.02em;
}

.insights-sidebar-intro__desc,
.insights-hub__desc,
.insights-empty-state__desc {
  margin: 0;
  color: #526072;
  font-size: calc(23 * var(--rpx));
  line-height: 1.72;
}

.insights-filter-card {
  padding: calc(22 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: calc(24 * var(--rpx));
  background: rgba(255, 255, 255, 0.72);
}

.insights-filter-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(12 * var(--rpx));
  margin-bottom: calc(16 * var(--rpx));
}

.insights-filter-card__label {
  color: #344054;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
}

.insights-filter-card__clear {
  color: #111827;
  font-size: calc(19 * var(--rpx));
  font-weight: 700;
}

.insights-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: calc(12 * var(--rpx));
}

.insights-search__input {
  min-width: 0;
  min-height: calc(52 * var(--rpx));
  padding: 0 calc(18 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: calc(16 * var(--rpx));
  background: #ffffff;
  color: #111827;
  font-size: calc(21 * var(--rpx));
}

.insights-search__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(52 * var(--rpx));
  padding: 0 calc(22 * var(--rpx));
  border-radius: calc(16 * var(--rpx));
  background: #111827;
  color: #ffffff;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
}

.insights-filter-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10 * var(--rpx));
}

.insights-filter-pill {
  display: inline-flex;
  align-items: center;
  gap: calc(8 * var(--rpx));
  min-height: calc(42 * var(--rpx));
  padding: 0 calc(16 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #344054;
  font-size: calc(19 * var(--rpx));
  font-weight: 700;
}

.insights-filter-pill span {
  color: #667085;
}

.insights-filter-pill--active,
.insights-filter-pill--active span {
  border-color: #111827;
  background: #111827;
  color: #ffffff;
}

.insights-filter-card--summary {
  display: grid;
  gap: calc(8 * var(--rpx));
}

.insights-filter-card__summary-value {
  color: #111827;
  font-size: calc(58 * var(--rpx));
  font-weight: 700;
  line-height: 1;
}

.insights-filter-card__summary-label {
  color: #111827;
  font-size: calc(21 * var(--rpx));
  font-weight: 700;
}

.insights-filter-card__summary-list {
  display: grid;
  gap: calc(6 * var(--rpx));
  margin-top: calc(6 * var(--rpx));
  color: #526072;
  font-size: calc(21 * var(--rpx));
  line-height: 1.65;
}

.insights-hub__toolbar {
  display: grid;
  gap: calc(10 * var(--rpx));
  margin-bottom: calc(18 * var(--rpx));
}

.insights-featured-card {
  display: grid;
  gap: calc(16 * var(--rpx));
  margin-bottom: calc(18 * var(--rpx));
  padding-bottom: calc(20 * var(--rpx));
  border-bottom: 1px solid rgba(17, 24, 39, 0.08);
}

.insights-featured-card__media {
  display: block;
  overflow: hidden;
  border-radius: calc(22 * var(--rpx));
  background: #efe7dc;
}

.insights-featured-card__image {
  display: block;
  width: 100%;
  aspect-ratio: 1.78 / 1;
  object-fit: cover;
}

.insights-featured-card__image--placeholder {
  background:
    linear-gradient(135deg, rgba(17, 24, 39, 0.08), rgba(17, 24, 39, 0.02)),
    #f4eee6;
}

.insights-featured-card__body {
  display: grid;
  gap: calc(10 * var(--rpx));
}

.insights-featured-card__eyebrow {
  color: #6d6f71;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.insights-featured-card__meta {
  color: #6d6f71;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.insights-featured-card__title {
  color: #111827;
  font-size: calc(38 * var(--rpx));
  font-weight: 700;
  line-height: 1.18;
}

.insights-featured-card__excerpt {
  color: #344054;
  font-size: calc(23 * var(--rpx));
  line-height: 1.8;
}

.insights-featured-card__cta {
  color: #111827;
  font-size: calc(22 * var(--rpx));
  font-weight: 700;
}

.insights-list {
  display: grid;
  gap: calc(18 * var(--rpx));
}

.insights-list-card {
  display: grid;
  gap: calc(14 * var(--rpx));
  padding-bottom: calc(20 * var(--rpx));
  border-bottom: 1px solid rgba(17, 24, 39, 0.08);
}

.insights-list-card__media {
  display: block;
  overflow: hidden;
  border-radius: calc(22 * var(--rpx));
  background: #efe7dc;
}

.insights-list-card__image {
  display: block;
  width: 100%;
  aspect-ratio: 1.62 / 1;
  object-fit: cover;
}

.insights-list-card__image--placeholder {
  background:
    linear-gradient(135deg, rgba(17, 24, 39, 0.08), rgba(17, 24, 39, 0.02)),
    #f4eee6;
}

.insights-list-card__body {
  display: grid;
  gap: calc(10 * var(--rpx));
}

.insights-list-card__meta {
  color: #6d6f71;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.insights-list-card__title {
  color: #111827;
  font-size: calc(34 * var(--rpx));
  font-weight: 700;
  line-height: 1.28;
}

.insights-list-card__excerpt {
  color: #344054;
  font-size: calc(23 * var(--rpx));
  line-height: 1.8;
}

.insights-list-card__tags {
  margin: calc(2 * var(--rpx)) 0 0;
}

.insights-list-card__cta {
  color: #111827;
  font-size: calc(22 * var(--rpx));
  font-weight: 700;
}

.insights-empty-state {
  display: grid;
  gap: calc(12 * var(--rpx));
  padding: calc(28 * var(--rpx));
  border-radius: calc(24 * var(--rpx));
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(17, 24, 39, 0.08);
}

.article-page-hero__tags {
  margin: 0 0 calc(18 * var(--rpx));
}

.article-page-body__inner {
  display: grid;
  gap: calc(24 * var(--rpx));
}

.article-page-rail {
  display: none;
}

.article-page-content__pager {
  display: grid;
  gap: calc(14 * var(--rpx));
  margin-top: calc(26 * var(--rpx));
  padding-top: calc(22 * var(--rpx));
  border-top: 1px solid rgba(17, 24, 39, 0.1);
}

.article-page-content__pager-link {
  display: grid;
  gap: calc(6 * var(--rpx));
  padding: calc(18 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: calc(18 * var(--rpx));
  background: rgba(255, 255, 255, 0.55);
}

.article-page-content__pager-label {
  color: #6d6f71;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.article-page-content__pager-title {
  color: #111827;
  font-size: calc(24 * var(--rpx));
  line-height: 1.5;
}

.article-page-content__pager-spacer {
  display: none;
}

.nb-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(88 * var(--rpx));
  padding: 0 calc(28 * var(--rpx));
  border-radius: 999px;
  font-size: calc(28 * var(--rpx));
  font-weight: 700;
}

.nb-button--light {
  background: #ffffff;
  color: #111827;
}

.nb-button--ghost {
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #ffffff;
}

.nb-button--dark {
  background: #111827;
  color: #ffffff;
}

@media (min-width: 1200px) {
  :root {
    --nb-page-shell-max-width: min(calc(100vw - 48px), 1440px);
    --nb-page-shell-offset: calc((100vw - var(--nb-page-shell-max-width)) / 2);
    --nb-page-content-gutter: 72px;
    --nb-page-content-inset: calc(var(--nb-page-shell-offset) + var(--nb-page-content-gutter));
  }

  html,
  body {
    overflow-x: clip;
  }

  body {
    padding: 0 24px;
    background: #efefea;
  }

  .app-shell {
    width: min(calc(100vw - 48px), 1440px);
    min-height: 100vh;
    border: none;
    border-radius: 0;
    background: #efefea;
    box-shadow: none;
    overflow: visible;
  }

  .app-shell::before {
    display: none;
  }

  .nav-bar {
    position: sticky;
    top: 0;
    z-index: 5000;
    height: auto;
    padding: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    isolation: auto;
    overflow: visible;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  .nav-bar::after {
    display: none;
  }

  .nb-site-header {
    display: block;
    position: relative;
    z-index: 5001;
    width: 100%;
    overflow: visible;
  }

  .nb-site-header__utility {
    display: flex;
    position: relative;
    z-index: 1;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 18px;
    padding: 12px var(--nb-page-content-inset);
    background: linear-gradient(90deg, #101114 0%, #171717 56%, #101a2a 100%);
    color: rgba(255, 255, 255, 0.82);
    font-size: 13px;
    line-height: 1.4;
  }

  .nb-site-header__utility-main {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    min-width: 0;
  }

  .nb-site-header__utility-label {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.9);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .nb-site-header__utility-meta {
    white-space: nowrap;
  }

  .nb-site-header__utility-note {
    max-width: 520px;
    color: rgba(255, 255, 255, 0.64);
    font-size: 12px;
    white-space: normal;
  }

  .nb-site-header__utility-divider {
    width: 1px;
    height: 14px;
    background: rgba(255, 255, 255, 0.14);
  }

  .nb-site-header__auth {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-left: auto;
  }

  .nb-site-header__auth-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 11px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.92);
    white-space: nowrap;
  }

  .nb-site-header__auth-status::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #f59e0b;
    box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.12);
  }

  .nb-site-header__auth-status--active::before {
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12);
  }

  .nb-site-header__auth-label {
    color: rgba(255, 255, 255, 0.72);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .nb-site-header__auth-user {
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.01em;
  }

.nb-site-header__auth-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition:
      background 0.18s ease,
      border-color 0.18s ease,
      color 0.18s ease;
  }

  .nb-site-header__auth-button:hover {
    border-color: rgba(255, 255, 255, 0.26);
    background: rgba(255, 255, 255, 0.14);
  }

  .nb-site-header__main {
    display: flex;
    position: relative;
    z-index: 2;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
    padding: 18px var(--nb-page-content-inset) 16px;
    background: linear-gradient(180deg, #ddddd7 0%, #d8d8d2 100%);
    border-bottom: 1px solid rgba(17, 24, 39, 0.08);
    overflow: visible;
  }

  .nb-site-header__brand {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    color: #111111;
  }

  .nb-site-header__brand-title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.01em;
  }

  .nb-site-header__brand-subtitle {
    color: #475467;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
  }

  .nb-site-header__nav {
    display: flex;
    position: relative;
    z-index: 3;
    align-items: center;
    flex: 1;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 28px;
    overflow: visible;
  }

  .nb-site-header__nav-group {
    position: relative;
    display: inline-flex;
    align-items: center;
  }

  .nb-site-header__nav-group--has-menu {
    z-index: 1;
  }

  .nb-site-header__nav-group--has-menu::after {
    content: '';
    position: absolute;
    top: 100%;
    right: -18px;
    width: 228px;
    height: 18px;
    background: transparent;
  }

  .nb-site-header__nav-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 0 10px;
    color: #111111;
    font-size: 13.5px;
    line-height: 1.4;
    letter-spacing: 0.01em;
  }

  .nb-site-header__nav-caret {
    width: 7px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-1px);
    transform-origin: center;
    opacity: 0.7;
    transition:
      transform 0.16s ease,
      opacity 0.16s ease;
  }

  .nb-site-header__nav-link::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: transparent;
    transition: background 0.16s ease;
  }

  .nb-site-header__nav-link:hover::after,
  .nb-site-header__nav-link--active::after {
    background: #111111;
  }

  .nb-site-header__nav-group--has-menu:hover .nb-site-header__nav-link::after,
  .nb-site-header__nav-group--has-menu:focus-within .nb-site-header__nav-link::after {
    background: #111111;
  }

  .nb-site-header__nav-group--has-menu:hover,
  .nb-site-header__nav-group--has-menu:focus-within {
    z-index: 20;
  }

  .nb-site-header__nav-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: -12px;
    z-index: 5002;
    display: grid;
    gap: 4px;
    min-width: 188px;
    padding: 10px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 22px 46px rgba(15, 23, 42, 0.12);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px);
    transition:
      opacity 0.16s ease,
      visibility 0.16s ease,
      transform 0.16s ease;
    backdrop-filter: blur(14px);
  }

  .nb-site-header__nav-group--has-menu:hover .nb-site-header__nav-menu,
  .nb-site-header__nav-group--has-menu:focus-within .nb-site-header__nav-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  .nb-site-header__nav-group--has-menu:hover .nb-site-header__nav-caret,
  .nb-site-header__nav-group--has-menu:focus-within .nb-site-header__nav-caret {
    transform: rotate(225deg) translateY(-1px);
    opacity: 1;
  }

  .nb-site-header__nav-menu-link {
    display: block;
    padding: 10px 12px;
    border-radius: 12px;
    color: #344054;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    transition:
      background 0.16s ease,
      color 0.16s ease;
  }

  .nb-site-header__nav-menu-link:hover,
  .nb-site-header__nav-menu-link--active {
    background: rgba(103, 20, 60, 0.08);
    color: #67143c;
  }

  .nav-bar__mobile-shell {
    display: none;
  }

  .page--home,
  .page--report,
  .page--module,
  .page--library,
  .page--insights,
  .page--insight-detail {
    padding: 0;
  }

  .nb-desktop-block {
    display: block !important;
  }

  .nb-hero.nb-desktop-block {
    display: grid !important;
  }

  .nb-mobile-block {
    display: none;
  }

  .library-page__inner {
    padding: 72px var(--nb-page-content-inset) 96px;
    gap: 32px;
  }

  .library-page__hero {
    gap: 14px;
    max-width: 760px;
  }

  .library-page__eyebrow {
    font-size: 12px;
  }

  .library-page__title {
    font-size: 48px;
    letter-spacing: -0.02em;
  }

  .library-page__desc {
    max-width: 760px;
    font-size: 16px;
  }

  .library-page__card {
    max-width: 560px;
    padding: 28px 30px;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.05);
  }

  .nb-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr);
    min-height: 400px;
    margin-bottom: 0;
  }

  .nb-hero--home,
  .report-hero-band,
  .insights-hero-band,
  .page--module-talent-flows > .talent-flows-hero-band:first-child {
    position: relative;
    z-index: 1;
  }

  .report-section-nav {
    z-index: 1;
  }

  .nb-hero__content,
  .nb-hero__visual {
    min-width: 0;
  }

  .nb-hero__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 20px;
    padding: 72px 72px 56px;
    background: #4a0a23;
  }

  .nb-hero--home .nb-hero__content {
    justify-content: center;
    padding: 64px 56px 60px var(--nb-page-content-gutter);
    background: transparent;
  }

  .nb-hero--home {
    position: relative;
    grid-template-columns: minmax(0, 1.72fr) minmax(320px, 0.88fr);
    min-height: 470px;
    background:
      radial-gradient(circle at top left, rgba(142, 70, 53, 0.14), transparent 34%),
      linear-gradient(180deg, #5a0d2c 0%, #5d0f2f 100%);
    overflow: hidden;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: var(--nb-page-shell-offset);
    padding-right: var(--nb-page-shell-offset);
    box-sizing: border-box;
  }

  .nb-home-hero {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    width: 100%;
    max-width: 680px;
  }

  .nb-home-hero__eyebrow {
    display: inline-flex;
    align-self: flex-start;
    color: rgba(255, 255, 255, 0.84);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .nb-home-hero__title {
    margin: 24px 0 0;
    color: #ffffff;
    font-size: 66px;
    font-weight: 650;
    line-height: 1.06;
    letter-spacing: -0.035em;
    text-wrap: balance;
  }

  .nb-home-hero__desc {
    margin: 24px 0 0;
    max-width: 560px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 17px;
    line-height: 1.72;
  }

  .nb-home-hero__actions {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 34px;
  }

  .nb-home-hero__primary {
    gap: 10px;
    padding-left: 24px;
    padding-right: 22px;
    box-shadow: 0 16px 40px rgba(18, 11, 16, 0.22);
  }

  .nb-home-hero__primary-arrow {
    display: inline-flex;
    font-size: 15px;
    line-height: 1;
    transform: translateY(-1px);
  }

  .nb-home-hero__latest {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    line-height: 1.55;
  }

  .nb-home-hero__latest-label {
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .nb-home-hero__latest-value {
    color: rgba(255, 255, 255, 0.94);
  }

  .nb-home-hero__quick-links {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 18px;
  }

  .nb-home-hero__quick-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.92);
    font-size: 13px;
    line-height: 1;
    background: rgba(255, 255, 255, 0.03);
    transition:
      background-color 0.18s ease,
      border-color 0.18s ease,
      transform 0.18s ease;
  }

  .nb-home-hero__quick-link:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.3);
    transform: translateY(-1px);
  }

  .nb-home-hero__quick-link-arrow {
    font-size: 14px;
    line-height: 1;
  }

  .nb-hero--cta .nb-hero__content {
    background: #4a0a23;
  }

  .nb-hero--stock .nb-hero__content {
    background: #44231d;
  }

  .nb-hero--private .nb-hero__content {
    background: #10203c;
  }

  .nb-hero--insights .nb-hero__content {
    background: #121a2b;
  }

  .nb-hero--insights.nb-hero--cta .nb-hero__content {
    background: #391325;
  }

  .nb-hero--insights.nb-hero--stock .nb-hero__content {
    background: #34211c;
  }

  .nb-hero--insights.nb-hero--private .nb-hero__content {
    background: #132447;
  }

  .nb-hero__breadcrumb {
    color: rgba(204, 198, 201, 0.8);
    font-size: 13px;
    line-height: 1.4;
  }

  .nb-hero__title {
    margin: 0;
    color: #bcb3b7;
    font-size: 68px;
    font-weight: 400;
    line-height: 1.04;
    letter-spacing: -0.02em;
  }

  .nb-hero__content .nb-article-tag-list {
    margin: 2px 0 4px;
  }

  .nb-hero__content .nb-article-tag {
    color: rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.18);
  }

  .nb-hero__desc {
    margin: 0;
    max-width: 640px;
    color: rgba(204, 198, 201, 0.92);
    font-size: 21px;
    line-height: 1.65;
  }

  .nb-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 6px;
  }

  .nb-button {
    min-height: 48px;
    padding: 0 22px;
    font-size: 14px;
  }

  .nb-button--ghost {
    border-color: rgba(255, 255, 255, 0.48);
  }

  .nb-hero__visual {
    position: relative;
    overflow: hidden;
    background:
      linear-gradient(135deg, rgba(29, 24, 22, 0.22), rgba(29, 24, 22, 0.08)),
      linear-gradient(160deg, #d5c8bb 0%, #9d8f82 48%, #70685f 100%);
  }

  .nb-hero__visual--home {
    background: transparent;
    border-left: none;
  }

  .nb-hero__visual--stock {
    background:
      linear-gradient(135deg, rgba(17, 24, 39, 0.1), rgba(142, 70, 53, 0.14)),
      linear-gradient(160deg, #d7cec5 0%, #c39a82 48%, #7d5447 100%);
  }

  .nb-hero__visual--cta {
    background:
      linear-gradient(135deg, rgba(17, 24, 39, 0.12), rgba(111, 19, 53, 0.14)),
      linear-gradient(160deg, #d6cdc8 0%, #b19a9a 48%, #745768 100%);
  }

  .nb-hero__visual--private {
    background:
      linear-gradient(135deg, rgba(17, 24, 39, 0.16), rgba(45, 73, 133, 0.1)),
      linear-gradient(160deg, #ccd4e2 0%, #9baccc 48%, #526890 100%);
  }

  .nb-hero__visual--tracking {
    background:
      linear-gradient(135deg, rgba(17, 24, 39, 0.16), rgba(15, 118, 110, 0.14)),
      linear-gradient(160deg, #d7e7e4 0%, #9bc7c2 48%, #3d7a83 100%);
  }

  .nb-hero__visual--insights {
    background:
      linear-gradient(135deg, rgba(17, 24, 39, 0.18), rgba(47, 111, 115, 0.18)),
      linear-gradient(160deg, #232f43 0%, #334764 48%, #223b53 100%);
  }

  .nb-hero__visual::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      linear-gradient(90deg, rgba(17, 24, 39, 0.18) 0, rgba(17, 24, 39, 0.18) 1px, transparent 1px, transparent 33.33%),
      linear-gradient(0deg, rgba(17, 24, 39, 0.12) 0, rgba(17, 24, 39, 0.12) 1px, transparent 1px, transparent 33.33%);
    background-size: 33.33% 100%, 100% 33.33%;
    opacity: 0.5;
  }

  .nb-hero--home .nb-hero__visual::before {
    display: none;
  }

  .nb-home-hero__stripe-field {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: flex-end;
    gap: 18px;
    padding: 0 22px 0 30px;
  }

  .nb-home-hero__stripe {
    align-self: stretch;
    width: 32px;
    background: rgba(255, 255, 255, 0.08);
  }

  .nb-home-hero__stripe:nth-child(1) {
    width: 52px;
    background: rgba(92, 17, 49, 0.96);
  }

  .nb-home-hero__stripe:nth-child(2) {
    width: 18px;
    background: #ca654d;
  }

  .nb-home-hero__stripe:nth-child(3) {
    width: 34px;
    background: #7c143c;
  }

  .nb-home-hero__stripe:nth-child(4) {
    width: 26px;
    background: #a34a42;
  }

  .nb-home-hero__stripe:nth-child(5) {
    width: 44px;
    background: #5c1338;
  }

  .nb-home-hero__stripe:nth-child(6) {
    width: 52px;
    background: #8b4856;
  }

  .nb-home-hero__stripe:nth-child(7) {
    width: 24px;
    background: #6d2549;
  }

  .nb-home-hero__stripe:nth-child(8) {
    width: 28px;
    background: #5f3a71;
  }

  .nb-hero__visual-card {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.24);
    backdrop-filter: blur(6px);
  }

  .nb-hero__visual-card--primary {
    right: 12%;
    top: 16%;
    width: 34%;
    height: 30%;
    background: rgba(255, 255, 255, 0.14);
  }

  .nb-hero__visual-card--secondary {
    left: 16%;
    bottom: 18%;
    width: 30%;
    height: 26%;
    background: rgba(17, 24, 39, 0.2);
  }

  .nb-hero__visual-card--tertiary {
    right: 24%;
    bottom: 10%;
    width: 22%;
    height: 18%;
    background: rgba(111, 19, 53, 0.18);
  }

  .nb-quote-band {
    padding: 44px 72px;
    background: #151515;
    color: #8d8d8d;
    font-size: 26px;
    line-height: 1.45;
  }

  .nb-section {
    padding: 72px 72px 0;
    margin-bottom: 0;
  }

  .nb-section--charts {
    padding-top: 64px;
  }

  .nb-section-heading {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 34px;
  }

  .nb-section-heading__eyebrow {
    color: #6d6f71;
    font-size: 12px;
  }

  .nb-section-heading__title {
    font-size: 34px;
    line-height: 1.15;
  }

  .nb-section-heading__desc {
    max-width: 520px;
    color: #475467;
    font-size: 15px;
    line-height: 1.7;
  }

  .nb-number-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
  }

  .nb-number-card {
    min-height: 176px;
    padding: 26px 26px 26px 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .nb-number-card::before {
    left: 0;
    top: 26px;
    bottom: auto;
    width: 8px;
    height: 96px;
    border-radius: 0;
  }

  .nb-number-card__value,
  .nb-number-card__label,
  .nb-number-card__helper {
    padding-left: 48px;
  }

  .nb-number-card__value {
    font-size: 56px;
    font-weight: 400;
    line-height: 1.02;
  }

  .nb-number-card__label {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.4;
  }

  .nb-number-card__helper {
    font-size: 14px;
    line-height: 1.65;
  }

  .nb-solution-grid,
  .nb-strategy-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }

  .nb-solution-card,
  .nb-strategy-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 250px;
    padding: 16px 0 0;
    color: #111827;
    border-top: 4px solid #2f6f73;
  }

  .nb-solution-card--cta {
    border-top-color: #651236;
  }

  .nb-solution-card--stock {
    border-top-color: #8e4635;
  }

  .nb-solution-card--private {
    border-top-color: #203a73;
  }

  .nb-solution-card--tracking {
    border-top-color: #0f766e;
  }

  .nb-solution-card__eyebrow {
    color: #6d6f71;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  .nb-solution-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }

  .nb-solution-card__title,
  .nb-strategy-card__title {
    color: #111827;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.3;
  }

  .nb-solution-card__badge,
  .nb-strategy-card__meta {
    color: #475467;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    white-space: nowrap;
  }

  .nb-solution-card__period,
  .nb-solution-card__desc,
  .nb-strategy-card__desc {
    margin: 0;
    color: #475467;
    font-size: 14px;
    line-height: 1.62;
  }

  .nb-solution-card__rule {
    height: 1px;
    background: rgba(17, 24, 39, 0.12);
  }

  .nb-solution-card__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    flex: 1;
  }

  .nb-solution-card__list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    color: #111827;
  }

  .nb-solution-card__list-title {
    font-size: 17px;
    line-height: 1.62;
  }

  .nb-solution-card__list-meta {
    color: #667085;
    font-size: 12px;
    white-space: nowrap;
  }

  .nb-text-link {
    font-size: 14px;
  }

  .nb-strategy-card {
    min-height: 192px;
  }

  .nb-strategy-card--active {
    border-top-color: #111827;
  }

  .nb-strategy-card__desc {
    display: -webkit-box;
    max-width: 94%;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .nb-strategy-card:hover .nb-strategy-card__title {
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .nb-solution-card,
  .nb-strategy-card,
  .nb-insight-card {
    transition:
      transform 0.18s ease,
      opacity 0.18s ease;
  }

  .nb-solution-card:hover,
  .nb-strategy-card:hover,
  .nb-insight-card:hover {
    transform: translateY(-3px);
  }

  .nb-insight-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }

  .nb-insight-grid--full {
    align-items: start;
  }

  .nb-insight-card {
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .nb-insight-card__media {
    min-height: 228px;
  }

  .nb-insight-card__body {
    padding: 16px 0 0;
    gap: 10px;
  }

  .nb-insight-card__meta {
    font-size: 12px;
  }

  .nb-insight-card__title {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.3;
  }

  .nb-insight-card__excerpt {
    font-size: 15px;
    line-height: 1.7;
  }

  .nb-insight-card__cta {
    font-size: 14px;
  }

  .nb-insight-card:hover .nb-insight-card__cta {
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .page--insights,
  .page--insight-detail {
    background: #f6f2eb;
  }

  .insights-hero-band {
    position: relative;
    width: 100vw;
    min-height: 172px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 26px 0 30px;
    background: linear-gradient(90deg, #651236 0%, #651236 74%, #5a112f 100%);
    overflow: hidden;
  }

  .insights-hero-band::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: min(24vw, 276px);
    height: 100%;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 6%,
      #d07a58 6%,
      #d07a58 8%,
      #651236 8%,
      #651236 24%,
      #6a1637 24%,
      #6a1637 36%,
      #8b283c 36%,
      #8b283c 48%,
      #5a102f 48%,
      #5a102f 60%,
      #884754 60%,
      #884754 75%,
      #633146 75%,
      #633146 87%,
      #5e2d60 87%,
      #5e2d60 100%
    );
    opacity: 0.96;
  }

  .insights-hero-band::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0));
    pointer-events: none;
  }

  .insights-hero-band__inner {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 23px;
    width: 100%;
    max-width: none;
    min-height: 116px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 7px;
    padding-left: var(--nb-page-content-inset);
    padding-right: var(--nb-page-content-inset);
    justify-items: start;
    align-content: start;
    box-sizing: border-box;
    text-align: left;
  }

  .insights-hero-band__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    color: rgba(255, 255, 255, 0.76);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.11em;
  }

  .insights-hero-band__title {
    margin: 0;
    justify-self: start;
    width: fit-content;
    max-width: 100%;
    color: #ffffff;
    font-size: 56px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.032em;
  }

  .insights-hero-band__desc {
    margin: 0;
    justify-self: start;
    max-width: 720px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 15px;
    line-height: 1.72;
  }

  .insights-hub {
    padding: 0;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: #f6f2eb;
  }

  .insights-hub__inner {
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 42px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 36px 72px 0;
    box-sizing: border-box;
  }

  .insights-hub__sidebar {
    display: grid;
    align-content: start;
    gap: 16px;
    position: sticky;
    top: 116px;
    align-self: start;
  }

  .insights-sidebar-intro {
    gap: 8px;
  }

  .insights-sidebar-intro__eyebrow,
  .insights-hub__eyebrow,
  .insights-filter-card__summary-eyebrow,
  .insights-empty-state__eyebrow {
    font-size: 11px;
  }

  .insights-sidebar-intro__title,
  .insights-hub__title,
  .insights-empty-state__title {
    font-size: 38px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.02em;
  }

  .insights-sidebar-intro__title {
    font-size: 30px;
  }

  .insights-sidebar-intro__desc,
  .insights-hub__desc,
  .insights-empty-state__desc {
    font-size: 14px;
    line-height: 1.75;
  }

  .insights-filter-card {
    padding: 18px 20px;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.62);
    backdrop-filter: blur(10px);
  }

  .insights-filter-card__label {
    font-size: 12px;
    letter-spacing: 0.02em;
    text-transform: none;
  }

  .insights-filter-card__clear {
    font-size: 12px;
    font-weight: 600;
  }

  .insights-search__input {
    min-height: 46px;
    padding: 0 16px;
    border-radius: 0;
    font-size: 13px;
  }

  .insights-search__button {
    min-height: 46px;
    padding: 0 18px;
    border-radius: 0;
    font-size: 13px;
  }

  .insights-filter-pill-list {
    gap: 10px;
  }

  .insights-filter-pill {
    min-height: 32px;
    padding: 0 14px;
    font-size: 12px;
    font-weight: 600;
  }

  .insights-filter-card--summary {
    gap: 8px;
  }

  .insights-filter-card__summary-value {
    font-size: 52px;
    letter-spacing: -0.04em;
  }

  .insights-filter-card__summary-label {
    font-size: 14px;
  }

  .insights-filter-card__summary-list {
    font-size: 13px;
    line-height: 1.7;
  }

  .insights-hub__content {
    min-width: 0;
  }

  .insights-hub__toolbar {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
    align-items: start;
    gap: 24px;
    margin-bottom: 26px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(17, 24, 39, 0.08);
  }

  .insights-hub__title {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }

  .insights-hub__desc {
    text-align: left;
    max-width: 320px;
  }

  .insights-featured-card {
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 22px;
    align-items: start;
    margin-bottom: 24px;
    padding-bottom: 22px;
  }

  .insights-featured-card__body {
    order: 1;
    gap: 9px;
    padding-top: 2px;
  }

  .insights-featured-card__media {
    order: 2;
    border-radius: 0;
  }

  .insights-featured-card__image {
    height: 224px;
  }

  .insights-featured-card__eyebrow,
  .insights-featured-card__meta {
    font-size: 12px;
    letter-spacing: 0.04em;
  }

  .insights-featured-card__title {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -0.02em;
  }

  .insights-featured-card__excerpt {
    font-size: 14px;
    line-height: 1.75;
  }

  .insights-featured-card__cta {
    font-size: 13px;
    font-weight: 600;
  }

  .insights-list {
    gap: 24px;
  }

  .insights-list-card {
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 22px;
    align-items: start;
    padding-bottom: 22px;
    transition: opacity 0.18s ease, transform 0.18s ease;
  }

  .insights-list-card:hover {
    transform: translateY(-2px);
  }

  .insights-list-card__body {
    order: 1;
    gap: 8px;
    padding-top: 2px;
  }

  .insights-list-card__media {
    order: 2;
    border-radius: 0;
  }

  .insights-list-card__image {
    height: 190px;
  }

  .insights-list-card__meta {
    font-size: 12px;
    letter-spacing: 0.04em;
  }

  .insights-list-card__title {
    font-size: 29px;
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: -0.018em;
  }

  .insights-list-card__excerpt {
    max-width: 680px;
    font-size: 14px;
    line-height: 1.72;
  }

  .insights-list-card__cta {
    font-size: 13px;
    font-weight: 600;
  }

  .page--insights .nb-article-tag-list {
    gap: 8px;
    margin: 2px 0 0;
  }

  .page--insights .nb-article-tag {
    min-height: 26px;
    padding: 0 10px;
    font-size: 11px;
    font-weight: 600;
    background: rgba(17, 24, 39, 0.05);
  }

  .insights-list-card:hover .insights-list-card__cta {
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .insights-empty-state {
    padding: 36px;
    border-radius: 0;
  }

  .article-page-hero {
    border-top: 1px solid rgba(17, 24, 39, 0.08);
    border-bottom: 1px solid rgba(17, 24, 39, 0.08);
    background: #f6f2eb;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  .article-page-hero__inner,
  .article-page-body__inner,
  .article-page-related__inner {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding-left: var(--nb-page-content-inset);
    padding-right: var(--nb-page-content-inset);
    box-sizing: border-box;
  }

  .article-page-hero__inner {
    padding-top: 56px;
    padding-bottom: 42px;
  }

  .article-page-hero__topline {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    margin-bottom: 10px;
  }

  .article-page-hero__eyebrow,
  .article-page-rail__label,
  .article-page-content__footer-label {
    color: #6d6f71;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .article-page-hero__back,
  .article-page-hero__link,
  .article-page-rail__link,
  .article-page-content__footer-link {
    color: #111827;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
  }

  .article-page-hero__back:hover,
  .article-page-hero__link:hover,
  .article-page-rail__link:hover,
  .article-page-content__footer-link:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .article-page-hero__title {
    margin: 0;
    max-width: 820px;
    color: #111827;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.04;
    letter-spacing: -0.035em;
    text-wrap: balance;
  }

  .article-page-hero__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 22px;
    color: #344054;
    font-size: 13px;
    line-height: 1.5;
  }

  .article-page-hero__meta-separator {
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: rgba(17, 24, 39, 0.24);
  }

  .article-page-hero__author {
    margin-top: 10px;
    color: #526072;
    font-size: 16px;
    line-height: 1.6;
  }

  .article-page-hero__summary {
    margin: 18px 0 0;
    max-width: 740px;
    color: #243041;
    font-size: 18px;
    line-height: 1.72;
    letter-spacing: -0.01em;
  }

  .article-page-hero__cover {
    width: min(100%, 1080px);
    margin-top: 30px;
    overflow: hidden;
    border: 1px solid rgba(17, 24, 39, 0.08);
    background: #eef2f7;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  }

  .article-page-hero__cover-image {
    display: block;
    width: 100%;
    aspect-ratio: 1.78 / 1;
    object-fit: cover;
  }

  .article-page-hero--cta {
    box-shadow: inset 0 4px 0 #7a1d43;
  }

  .article-page-hero--stock {
    box-shadow: inset 0 4px 0 #8e4635;
  }

  .article-page-hero--private {
    box-shadow: inset 0 4px 0 #203a73;
  }

  .article-page-body {
    background: #f6f2eb;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  .article-page-body__inner {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 0;
    padding-top: 32px;
    padding-bottom: 0;
  }

  .article-page-rail {
    display: grid;
    gap: 18px;
    position: sticky;
    top: 118px;
    align-self: start;
  }

  .article-page-rail__card {
    padding: 18px 18px 20px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    background: rgba(255, 255, 255, 0.56);
    backdrop-filter: blur(8px);
  }

  .article-page-rail__meta-list,
  .article-page-rail__toc {
    display: grid;
    gap: 12px;
  }

  .article-page-rail__meta-item {
    display: grid;
    gap: 4px;
    padding-top: 12px;
    border-top: 1px solid rgba(17, 24, 39, 0.08);
  }

  .article-page-rail__meta-item:first-child {
    padding-top: 0;
    border-top: none;
  }

  .article-page-rail__meta-key {
    color: #6d6f71;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .article-page-rail__meta-value {
    color: #111827;
    font-size: 14px;
    line-height: 1.6;
  }

  .article-page-rail__toc-link {
    color: #344054;
    font-size: 14px;
    line-height: 1.7;
  }

  .article-page-rail__toc-link--h3 {
    padding-left: 14px;
    color: #526072;
  }

  .article-page-rail__toc-link:hover {
    color: #111827;
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .article-page-content {
    max-width: 780px;
    min-width: 0;
    padding-bottom: 0;
  }

  .article-page-content__section-nav {
    display: grid;
    gap: 12px;
    margin: 0 0 30px;
    padding: 0 0 18px;
    border-bottom: 1px solid rgba(17, 24, 39, 0.1);
  }

  .article-page-content__section-nav-label {
    color: #6d6f71;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .article-page-content__section-nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .article-page-content__section-nav-link {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid rgba(17, 24, 39, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.66);
    color: #344054;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    transition:
      border-color 0.18s ease,
      color 0.18s ease,
      background 0.18s ease;
  }

  .article-page-content__section-nav-link:hover {
    border-color: rgba(17, 24, 39, 0.2);
    background: #ffffff;
    color: #111827;
  }

  .article-richtext--detail {
    color: #111827;
  }

  .article-page-content .article-richtext > *:first-child {
    margin-top: 0;
  }

  .article-page-content .article-richtext h2,
  .article-page-content .article-richtext h3 {
    scroll-margin-top: 136px;
  }

  .article-page-content .article-richtext h2 {
    margin-top: 50px;
    color: #111827;
    font-size: 31px;
    font-weight: 400;
    line-height: 1.18;
    letter-spacing: -0.03em;
  }

  .article-page-content .article-richtext h3 {
    margin-top: 32px;
    color: #111827;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.36;
    letter-spacing: -0.02em;
  }

  .article-page-content .article-richtext p,
  .article-page-content .article-richtext li {
    color: #243041;
    font-size: 16px;
    line-height: 1.88;
    letter-spacing: -0.01em;
  }

  .article-page-content .article-richtext ul,
  .article-page-content .article-richtext ol {
    padding-left: 24px;
  }

  .article-page-content .article-richtext li + li {
    margin-top: 10px;
  }

  .article-page-content .article-richtext strong {
    color: #111827;
  }

  .article-page-content .article-richtext blockquote {
    margin: 28px 0;
    padding: 18px 20px;
    border-left: 3px solid #111827;
    background: rgba(255, 255, 255, 0.56);
  }

  .article-page-content .article-richtext img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 28px 0 12px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    background: #ffffff;
  }

  .article-page-content .article-richtext p > em:only-child {
    color: #667085;
    font-style: normal;
    font-size: 14px;
    line-height: 1.7;
  }

  .article-page-content .article-richtext .article-reference-list {
    margin: 0 0 28px;
    padding-left: 22px;
  }

  .article-page-content .article-richtext .article-reference-list li {
    font-size: 14px;
    line-height: 1.82;
    color: #475467;
  }

  .article-page-content .article-richtext .article-reference-list li + li {
    margin-top: 10px;
  }

  .article-page-content .article-richtext .katex {
    font-size: 1.08em;
  }

  .article-page-content .article-richtext .katex-display {
    margin: 28px 0;
  }

  .article-page-content .article-richtext .article-table-wrap {
    margin-top: 28px;
    margin-bottom: 28px;
    padding: 0;
    background: transparent;
  }

  .article-page-content .article-richtext hr {
    margin-top: 40px;
    margin-bottom: 40px;
    border-top-color: rgba(17, 24, 39, 0.1);
  }

  .article-page-content .article-data-table {
    min-width: 640px;
    background: rgba(255, 255, 255, 0.7);
    border-top: 1px solid rgba(17, 24, 39, 0.1);
  }

  .article-page-content .article-data-table th,
  .article-page-content .article-data-table td {
    padding: 12px 14px;
    font-size: 13px;
    line-height: 1.7;
  }

  .article-page-content__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 48px;
    padding: 22px 0 0;
    border-top: 1px solid rgba(17, 24, 39, 0.1);
  }

  .article-page-content__footer-actions {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
  }

  .article-page-content__footer-note {
    color: #526072;
    font-size: 14px;
    line-height: 1.6;
  }

  .article-page-content__pager {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 42px;
    padding-top: 26px;
  }

  .article-page-content__pager-link {
    padding: 18px 20px;
    border-radius: 0;
  }

  .article-page-content__pager-link--next {
    text-align: right;
  }

  .article-page-content__pager-label {
    font-size: 11px;
  }

  .article-page-content__pager-title {
    font-size: 16px;
    line-height: 1.65;
  }

  .article-page-content__pager-spacer {
    display: block;
  }

  .article-page-related {
    background: #f6f2eb;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  .article-page-related__inner {
    padding-top: 64px;
    padding-bottom: 0;
  }

  .article-page-related__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 34px;
  }

  .nb-article-shell {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 56px;
    padding: 72px 72px 0;
  }

  .nb-article-aside {
    position: sticky;
    top: 118px;
    align-self: start;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .nb-article-meta-card {
    padding: 22px 24px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    background: rgba(255, 255, 255, 0.58);
    backdrop-filter: blur(8px);
  }

  .nb-article-meta-card__eyebrow {
    display: block;
    margin-bottom: 18px;
    color: #6d6f71;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .nb-article-meta-card__desc {
    margin: 0 0 18px;
    color: #526072;
    font-size: 14px;
    line-height: 1.75;
  }

  .nb-article-meta-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .nb-article-meta-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 14px;
    border-top: 1px solid rgba(17, 24, 39, 0.08);
  }

  .nb-article-meta-item:first-child {
    padding-top: 0;
    border-top: none;
  }

  .nb-article-meta-item__label {
    color: #6d6f71;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .nb-article-meta-item__value {
    color: #111827;
    font-size: 15px;
    line-height: 1.6;
  }

  .nb-article-main {
    max-width: 860px;
    display: flex;
    flex-direction: column;
    gap: 52px;
  }

  .nb-article-prose {
    color: #111827;
  }

  .article-richtext h2,
  .article-richtext h3,
  .article-richtext p,
  .article-richtext ul,
  .article-richtext ol,
  .article-richtext hr,
  .article-richtext .article-table-wrap {
    margin-bottom: 24px;
  }

  .article-richtext h2 {
    font-size: 34px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }

  .article-richtext h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.32;
  }

  .nb-article-prose p {
    margin: 0 0 18px;
    font-size: 20px;
    line-height: 1.9;
    letter-spacing: -0.01em;
  }

  .article-richtext li {
    font-size: 20px;
    line-height: 1.9;
    letter-spacing: -0.01em;
  }

  .nb-article-prose p:last-child {
    margin-bottom: 0;
  }

  .article-richtext ul,
  .article-richtext ol {
    padding-left: 26px;
  }

  .article-richtext li + li {
    margin-top: 10px;
  }

  .article-richtext code {
    padding: 0 8px;
    border-radius: 10px;
    background: rgba(17, 24, 39, 0.06);
    font-size: 0.92em;
  }

  .article-data-table {
    min-width: 720px;
    border-top: 1px solid rgba(17, 24, 39, 0.08);
  }

  .article-data-table th,
  .article-data-table td {
    padding: 14px 16px;
    font-size: 15px;
    line-height: 1.7;
  }

  .nb-section-heading--article {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 24px;
  }

  .nb-article-observation-list {
    display: grid;
    gap: 18px;
  }

  .nb-article-observation-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(17, 24, 39, 0.08);
  }

  .nb-article-observation-item__dot {
    width: 10px;
    height: 10px;
    margin-top: 10px;
    border-radius: 999px;
    background: #111827;
    flex-shrink: 0;
  }

  .nb-article-observation-item__text {
    color: #243041;
    font-size: 17px;
    line-height: 1.8;
  }

  .nb-article-theme-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .nb-article-theme-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 0 0;
    border-top: 6px solid #2f6f73;
  }

  .nb-article-theme-card--stock {
    border-top-color: #8e4635;
  }

  .nb-article-theme-card--private {
    border-top-color: #203a73;
  }

  .nb-article-theme-card__index {
    color: #6d6f71;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .nb-article-theme-card__title {
    color: #111827;
    font-size: 21px;
    line-height: 1.4;
  }

  .nb-article-theme-card__desc {
    color: #526072;
    font-size: 15px;
    line-height: 1.75;
  }

  .nb-article-callout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 28px 32px;
    background: #141d40;
    color: #e5e7eb;
  }

  .nb-article-callout--stock {
    background: #34211c;
  }

  .nb-article-callout--private {
    background: #122347;
  }

  .nb-article-callout__content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 560px;
  }

  .nb-article-callout__eyebrow {
    color: rgba(226, 232, 240, 0.72);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .nb-article-callout__title {
    color: #ffffff;
    font-size: 30px;
    line-height: 1.2;
  }

  .nb-article-callout__desc {
    color: rgba(226, 232, 240, 0.84);
    font-size: 15px;
    line-height: 1.75;
  }

  .nb-explore-band {
    margin-top: 52px;
    background: #18224a;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  .nb-explore-band__inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 30px 72px 32px;
    box-sizing: border-box;
  }

  .nb-explore-band__eyebrow {
    display: block;
    margin-bottom: 22px;
    color: rgba(226, 232, 240, 0.74);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .nb-explore-band__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 24px;
  }

  .nb-explore-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 128px;
    padding: 18px 0 0;
    border-top: 8px solid rgba(47, 111, 115, 0.92);
    color: #d7dde8;
  }

  .nb-explore-card--stock {
    border-top-color: rgba(142, 70, 53, 0.92);
  }

  .nb-explore-card--private {
    border-top-color: rgba(64, 115, 197, 0.9);
  }

  .nb-explore-card--insights {
    border-top-color: rgba(178, 35, 83, 0.88);
  }

  .nb-explore-card__label {
    font-size: 20px;
    line-height: 1.35;
  }

  .nb-explore-card__arrow {
    font-size: 30px;
    line-height: 1;
  }

  .nb-footer-follow {
    display: grid;
    grid-template-columns: minmax(0, 282px) minmax(0, 1fr);
    gap: 28px;
    align-items: start;
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }

  .nb-footer-follow__intro {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 258px;
  }

  .nb-footer-follow__eyebrow {
    color: rgba(226, 232, 240, 0.68);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .nb-footer-follow__title {
    margin: 0;
    color: #ffffff;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.18;
  }

  .nb-footer-follow__desc {
    margin: 0;
    color: rgba(226, 232, 240, 0.76);
    font-size: 13px;
    line-height: 1.72;
  }

  .nb-footer-follow__note {
    margin: 0;
    color: rgba(226, 232, 240, 0.62);
    font-size: 11px;
    line-height: 1.6;
  }

  .nb-footer-follow__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(170px, 1fr));
    justify-content: start;
    gap: 12px;
  }

  .nb-footer-qr-card {
    margin: 0;
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    padding: 12px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition:
      border-color 0.18s ease,
      background 0.18s ease;
  }

  .nb-footer-qr-card:hover {
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.06);
  }

  .nb-footer-qr-card__image {
    display: block;
    width: 92px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    background: #ffffff;
    border-radius: 6px;
  }

  .nb-footer-qr-card__caption {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-top: 2px;
  }

  .nb-footer-qr-card__eyebrow {
    color: rgba(226, 232, 240, 0.64);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .nb-footer-qr-card__title {
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
  }

  .nb-footer-qr-card__desc {
    color: rgba(226, 232, 240, 0.78);
    font-size: 11.5px;
    line-height: 1.6;
  }

  .nb-footer-qr-card__hint {
    color: rgba(226, 232, 240, 0.56);
    font-size: 10px;
    line-height: 1.52;
  }

  .page--home .nb-section {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding-top: 64px;
  }

  .page--module .nb-section {
    padding-top: 64px;
  }

  .page--home .nb-section-heading {
    margin-bottom: 32px;
  }

  .page--module .nb-section-heading {
    margin-bottom: 32px;
  }

  .page--home .nb-section-heading__title {
    font-size: 33px;
    line-height: 1.18;
  }

  .page--module .nb-section-heading__title {
    font-size: 33px;
    line-height: 1.18;
  }

  .page--home .nb-solution-card__badge,
  .page--home .nb-solution-card__list-meta {
    font-size: 14px;
  }

  .page--home .nb-section-heading__desc {
    max-width: 560px;
  }

  .page--home .nb-solution-grid {
    gap: 24px;
  }

  .page--home .nb-solution-card {
    position: relative;
    gap: 14px;
    min-height: 292px;
    padding: 22px 22px 18px;
    border: 1px solid rgba(17, 24, 39, 0.1);
    border-top-width: 3px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%);
    box-shadow: none;
  }

  .page--home .nb-solution-card--cta {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(251, 245, 247, 0.98) 100%);
  }

  .page--home .nb-solution-card--stock {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(252, 246, 242, 0.98) 100%);
  }

  .page--home .nb-solution-card--private {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 247, 252, 0.98) 100%);
  }

  .page--home .nb-solution-card__header {
    align-items: flex-start;
  }

  .page--home .nb-solution-card__title {
    font-size: 23px;
    font-weight: 500;
    line-height: 1.24;
    letter-spacing: -0.02em;
  }

  .page--home .nb-solution-card__period {
    max-width: 92%;
    color: #5b6574;
    font-size: 12px;
    line-height: 1.72;
  }

  .page--home .nb-solution-card__badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    background: rgba(255, 255, 255, 0.74);
    color: #526072;
    font-size: 11px;
    letter-spacing: 0.08em;
  }

  .page--home .nb-solution-card__rule {
    display: none;
  }

  .page--home .nb-solution-card__list {
    gap: 0;
  }

  .page--home .nb-solution-card__list-item {
    padding: 10px 0;
    border-top: 1px solid rgba(17, 24, 39, 0.08);
    align-items: flex-start;
  }

  .page--home .nb-solution-card__list-item:first-child {
    padding-top: 0;
    border-top: none;
  }

  .page--home .nb-solution-card__list-item:last-child {
    padding-bottom: 0;
  }

  .page--home .nb-solution-card__list-title {
    font-size: 15px;
    line-height: 1.6;
  }

  .page--home .nb-solution-card__list-meta {
    color: #667085;
    font-size: 12px;
  }

  .page--home .nb-text-link {
    margin-top: auto;
    padding-top: 10px;
    font-size: 13px;
  }

  .page--home .nb-solution-card:hover {
    transform: translateY(-1px);
  }

  .page--home .nb-solution-card:hover .nb-solution-card__title,
  .page--home .nb-solution-card:hover .nb-solution-card__list-title {
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .page--home .nb-footer-follow__intro {
    gap: 12px;
  }

  .home-article-section {
    margin-top: 54px;
    padding: 0 72px;
  }

  .home-article-section__header {
    margin-bottom: 28px;
  }

  .home-article-section__title {
    font-size: 72px;
    font-weight: 600;
    line-height: 1.02;
    letter-spacing: -0.03em;
  }

  .home-article-section__button {
    min-width: 108px;
    min-height: 50px;
    padding: 0 18px;
    font-size: 16px;
    transition:
      transform 0.18s ease,
      filter 0.18s ease;
  }

  .home-article-section__button:hover {
    transform: translateY(-1px);
    filter: brightness(1.02);
  }

  .home-article-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }

  .home-article-card {
    gap: 12px;
  }

  .home-article-card__media {
    aspect-ratio: 1.62 / 1;
    background: #efe7dc;
  }

  .home-article-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .home-article-card__date {
    font-size: 14px;
    line-height: 1.5;
  }

  .home-article-card__title {
    max-width: 96%;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.32;
    -webkit-line-clamp: 2;
  }

  .home-article-card:hover .home-article-card__title {
    text-decoration: underline;
    text-underline-offset: 4px;
  }

  .home-insights-showcase {
    width: 100%;
    max-width: 1440px;
    margin: 36px auto 0;
    padding: 0 72px;
    box-sizing: border-box;
  }

  .home-insights-showcase__inner {
    max-width: none;
    margin: 0;
    gap: 18px;
    padding: 0;
  }

  .home-insights-showcase__header {
    gap: 24px;
    align-items: flex-end;
  }

  .home-insights-showcase__intro {
    display: grid;
    gap: 10px;
    max-width: 720px;
  }

  .home-insights-showcase__eyebrow {
    color: #667085;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .home-insights-showcase__title-row {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
  }

  .home-insights-showcase__count {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border: 1px solid rgba(17, 24, 39, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: #344054;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  .home-insights-showcase__title {
    font-size: 33px;
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: 0;
  }

  .home-insights-showcase__desc {
    margin: 0;
    max-width: 620px;
    color: #526072;
    font-size: 13.5px;
    line-height: 1.72;
  }

  .home-insights-showcase__action {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    background: rgba(255, 255, 255, 0.66);
    color: #111827;
    font-size: 11px;
    font-weight: 700;
    transition:
      background 0.18s ease,
      border-color 0.18s ease,
      color 0.18s ease;
  }

  .home-insights-showcase__action:hover {
    background: rgba(17, 24, 39, 0.05);
    border-color: rgba(17, 24, 39, 0.14);
  }

  .home-insights-showcase__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }

  .home-insights-showcase__card {
    align-content: start;
    gap: 0;
    padding: 14px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    background: rgba(255, 255, 255, 0.8);
    transition:
      border-color 0.18s ease,
      background 0.18s ease;
  }

  .home-insights-showcase__card:hover {
    border-color: rgba(17, 24, 39, 0.14);
    background: rgba(255, 255, 255, 0.92);
  }

  .home-insights-showcase__media {
    margin: -14px -14px 0;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid rgba(17, 24, 39, 0.08);
    background: #ece6dc;
  }

  .home-insights-showcase__image {
    aspect-ratio: 1.86 / 1;
    transition: none;
  }

  .home-insights-showcase__body {
    display: grid;
    gap: 8px;
    padding-top: 14px;
  }

  .home-insights-showcase__meta {
    font-size: 11px;
    color: #667085;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .home-insights-showcase__headline {
    min-height: auto;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.28;
    letter-spacing: -0.015em;
  }

  .home-insights-showcase__excerpt {
    min-height: auto;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.72;
    color: #475467;
  }

  .home-insights-showcase .nb-article-tag-list {
    gap: 6px;
    margin: 4px 0 0;
  }

  .home-insights-showcase .nb-article-tag {
    min-height: 24px;
    padding: 0 9px;
    font-size: 10.5px;
    font-weight: 600;
    background: rgba(17, 24, 39, 0.04);
  }

  .home-insights-showcase__card:hover .home-insights-showcase__headline {
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .home-insights-showcase__card:hover .home-insights-showcase__image {
    transform: none;
  }

  .home-article-carousel-section {
    margin-top: 58px;
    padding: 0 72px;
  }

  .home-article-carousel-section__header {
    margin-bottom: 28px;
  }

  .nb-section-heading--compact {
    margin-bottom: 0;
  }

  .home-article-carousel {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) 64px;
    align-items: center;
    gap: 18px;
  }

  .home-article-carousel__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    padding: 0;
    border: 1px solid rgba(17, 24, 39, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    color: #111111;
    font-size: 24px;
    cursor: pointer;
    transition:
      transform 0.18s ease,
      background 0.18s ease,
      border-color 0.18s ease;
  }

  .home-article-carousel__arrow:hover {
    transform: translateY(-1px);
    border-color: rgba(17, 24, 39, 0.22);
    background: #ffffff;
  }

  .home-article-carousel__viewport {
    overflow: hidden;
  }

  .home-article-carousel__track {
    gap: 20px;
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .home-article-carousel__slide {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    flex-basis: min(1080px, calc(100% - 164px));
    min-height: 360px;
    overflow: hidden;
    border: 1px solid rgba(17, 24, 39, 0.06);
  }

  .home-article-carousel__slide.is-active {
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  }

  .home-article-carousel__slide-panel {
    gap: 8px;
    padding: 22px 24px;
  }

  .home-article-carousel__slide-meta {
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.08em;
  }

  .home-article-carousel__slide-title {
    max-width: 400px;
    font-size: 34px;
    line-height: 1.08;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .home-article-carousel__slide-excerpt {
    font-size: 14px;
    line-height: 1.68;
    -webkit-line-clamp: 3;
  }

  .home-article-carousel__slide-cta {
    margin-top: 6px;
    font-size: 12px;
    letter-spacing: 0.01em;
  }

  .home-article-carousel__footer {
    gap: 18px;
    margin-top: 20px;
  }

  .home-article-carousel__dot {
    width: 8px;
    height: 8px;
    cursor: pointer;
  }

  .home-article-carousel__all {
    min-height: 44px;
    padding: 0 22px;
    font-size: 14px;
    transition:
      transform 0.18s ease,
      filter 0.18s ease;
  }

  .home-article-carousel__all:hover {
    transform: translateY(-1px);
    filter: brightness(1.02);
  }

  .page--module-tracking {
    padding: 0 72px 0;
  }

  .page--module-tracking .tracking-module-intro {
    max-width: 980px;
    gap: 12px;
    padding: 32px 0 2px;
  }

  .page--module-tracking .tracking-module-intro--minimal {
    max-width: none;
    gap: 8px;
    padding: 0;
  }

  .page--module-tracking .tracking-module-brief {
    max-width: none;
    gap: 18px;
    margin: 0 0 22px;
    padding: 20px 22px 21px;
    border-radius: 0;
    border: 1px solid rgba(17, 24, 39, 0.08);
    background: rgba(255, 255, 255, 0.52);
    box-shadow: none;
  }

  .page--module-tracking .tracking-module-brief--overview {
    margin-top: 6px;
  }

  .page--module-tracking .tracking-module-brief--detail {
    grid-template-columns: minmax(0, 1.02fr) minmax(340px, 0.98fr);
    align-items: stretch;
    gap: 26px;
  }

  .page--module-tracking .tracking-module-brief__main {
    gap: 10px;
    align-content: start;
    max-width: 760px;
  }

  .page--module-tracking .tracking-module-brief__eyebrow {
    font-size: 11px;
    letter-spacing: 0.16em;
  }

  .page--module-tracking .tracking-module-brief__title {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.22;
    letter-spacing: -0.02em;
  }

  .page--module-tracking .tracking-module-brief__desc {
    max-width: 720px;
    font-size: 13px;
    line-height: 1.74;
  }

  .page--module-tracking .tracking-module-brief__meta {
    gap: 8px;
  }

  .page--module-tracking .tracking-module-brief__meta-item {
    min-height: 28px;
    padding: 0 10px;
    font-size: 11px;
  }

  .page--module-tracking .tracking-module-brief__guide {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  .page--module-tracking .tracking-module-brief-note {
    min-height: 124px;
    gap: 6px;
    padding: 14px 16px 13px;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.7);
  }

  .page--module-tracking .tracking-module-brief-note--overview {
    border-top: 3px solid rgba(37, 99, 235, 0.92);
  }

  .page--module-tracking .tracking-module-brief-note--charts {
    border-top: 3px solid rgba(15, 118, 110, 0.88);
  }

  .page--module-tracking .tracking-module-brief-note--update {
    border-top: 3px solid rgba(109, 40, 217, 0.84);
  }

  .page--module-tracking .tracking-module-brief-note__eyebrow {
    font-size: 10px;
    letter-spacing: 0.14em;
  }

  .page--module-tracking .tracking-module-brief-note__title {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
  }

  .page--module-tracking .tracking-module-brief-note__desc {
    font-size: 12px;
    line-height: 1.7;
  }

  .page--module-tracking .tracking-module-brief--detail .tracking-module-hero-visual {
    align-self: stretch;
  }

  .page--module-tracking .tracking-module-brief--detail .tracking-module-hero-visual__surface {
    min-height: 100%;
  }

  .page--module-talent-flows .talent-flows-overview-brief {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(420px, 0.96fr);
    gap: 32px;
    align-items: start;
    margin-bottom: 22px;
    padding: 22px 0 2px;
    border-top: 1px solid rgba(17, 24, 39, 0.08);
  }

  .page--module-talent-flows .talent-flows-overview-brief__main {
    display: grid;
    gap: 12px;
    max-width: 680px;
  }

  .page--module-talent-flows .talent-flows-overview-brief__eyebrow {
    color: #6d6f71;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .page--module-talent-flows .talent-flows-overview-brief__summary {
    margin: 0;
    color: #344054;
    font-size: 15px;
    line-height: 1.78;
  }

  .page--module-talent-flows .talent-flows-overview-brief__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    border-left: 1px solid rgba(17, 24, 39, 0.08);
  }

  .page--module-talent-flows .talent-flows-overview-brief__stat {
    display: grid;
    gap: 8px;
    padding: 0 0 22px 24px;
  }

  .page--module-talent-flows .talent-flows-overview-brief__stat:nth-child(n + 3) {
    padding-top: 20px;
    border-top: 1px solid rgba(17, 24, 39, 0.08);
  }

  .page--module-talent-flows .talent-flows-overview-brief__stat strong {
    color: #111827;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -0.03em;
  }

  .page--module-talent-flows .talent-flows-overview-brief__stat span {
    color: #667085;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .page--report > .report-hero-band + .nb-section {
    padding-top: 30px;
  }

  .page--report > .report-section-nav + .nb-section {
    padding-top: 36px;
  }

  .report-hero-band {
    --report-band-bg-start: #651236;
    --report-band-bg-end: #5a112f;
    --report-band-accent: #d07a58;
    --report-band-stripe-1: #6a1637;
    --report-band-stripe-2: #8b283c;
    --report-band-stripe-3: #5a102f;
    --report-band-stripe-4: #884754;
    --report-band-stripe-5: #633146;
    --report-band-stripe-6: #5e2d60;
    position: relative;
    width: 100vw;
    min-height: 158px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 22px 0 24px;
    background: linear-gradient(90deg, var(--report-band-bg-start) 0%, var(--report-band-bg-start) 74%, var(--report-band-bg-end) 100%);
    overflow: hidden;
  }

  .report-hero-band::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: min(24vw, 276px);
    height: 100%;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 6%,
      var(--report-band-accent) 6%,
      var(--report-band-accent) 8%,
      var(--report-band-bg-start) 8%,
      var(--report-band-bg-start) 24%,
      var(--report-band-stripe-1) 24%,
      var(--report-band-stripe-1) 36%,
      var(--report-band-stripe-2) 36%,
      var(--report-band-stripe-2) 48%,
      var(--report-band-stripe-3) 48%,
      var(--report-band-stripe-3) 60%,
      var(--report-band-stripe-4) 60%,
      var(--report-band-stripe-4) 75%,
      var(--report-band-stripe-5) 75%,
      var(--report-band-stripe-5) 87%,
      var(--report-band-stripe-6) 87%,
      var(--report-band-stripe-6) 100%
    );
    opacity: 0.96;
  }

  .report-hero-band::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0));
    pointer-events: none;
  }

  .report-hero-band__inner {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 16px;
    width: 100%;
    max-width: 1440px;
    min-height: 104px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4px;
    padding-left: 72px;
    padding-right: 72px;
    box-sizing: border-box;
    align-content: start;
    justify-items: start;
    text-align: left;
  }

  .report-hero-band__eyebrow {
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.76);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.13em;
  }

  .report-hero-band__title {
    margin: 0;
    color: #ffffff;
    font-size: 50px;
    font-weight: 500;
    line-height: 0.98;
    letter-spacing: -0.032em;
    white-space: nowrap;
  }

  .report-hero-band__desc {
    margin: 0;
    max-width: 680px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 14px;
    line-height: 1.68;
  }

  .report-section-nav {
    position: sticky;
    top: 148px;
    z-index: 120;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: rgba(239, 239, 234, 0.92);
    border-bottom: 1px solid rgba(17, 24, 39, 0.08);
    backdrop-filter: blur(14px);
  }

  .report-section-nav__inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 18px 72px 20px;
    box-sizing: border-box;
  }

  .tabs--report-desktop {
    margin-bottom: 0;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .tabs--report-desktop::-webkit-scrollbar {
    display: none;
  }

  .tabs--report-desktop .tabs__row {
    gap: 10px;
    padding-right: 0;
  }

  .tabs--report-desktop .tabs__item {
    min-width: 156px;
    max-width: 214px;
    padding: 12px 14px 13px;
    border-radius: 16px;
    gap: 6px;
    background: rgba(255, 255, 255, 0.64);
    border: 1px solid rgba(17, 24, 39, 0.08);
    box-shadow: none;
    transition:
      background 0.18s ease,
      border-color 0.18s ease,
      color 0.18s ease,
      box-shadow 0.18s ease;
  }

  .tabs--report-desktop .tabs__item:hover {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(17, 24, 39, 0.14);
  }

  .tabs--report-desktop .tabs__item--active {
    background: #111827;
    border-color: #111827;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12);
  }

  .tabs--report-desktop .tabs__item-title {
    font-size: 14px;
    line-height: 1.34;
  }

  .tabs--report-desktop .tabs__item-count {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .page--report .nb-section-heading {
    margin-bottom: 24px;
  }

  .page--report .nb-section-heading--report-intro {
    align-items: start;
    margin-bottom: 26px;
  }

  .page--report .nb-section-heading--report-intro .nb-section-heading__main {
    display: grid;
    gap: 10px;
    max-width: 760px;
  }

  .page--report .nb-section-heading__title {
    font-size: 32px;
    line-height: 1.18;
  }

  .page--report .nb-section-heading--report-intro .nb-section-heading__desc {
    max-width: 720px;
  }

  .report-section-intro__meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(132px, 1fr));
    gap: 12px;
    min-width: 440px;
  }

  .report-section-intro__meta-item {
    display: grid;
    gap: 6px;
    padding: 14px 16px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.62);
  }

  .report-section-intro__meta-label {
    color: #667085;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .report-section-intro__meta-value {
    color: #111827;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
  }

  .report-hero-band--cta {
    --report-band-bg-start: #651236;
    --report-band-bg-end: #5a112f;
    --report-band-accent: #d07a58;
    --report-band-stripe-1: #6a1637;
    --report-band-stripe-2: #8b283c;
    --report-band-stripe-3: #5a102f;
    --report-band-stripe-4: #884754;
    --report-band-stripe-5: #633146;
    --report-band-stripe-6: #5e2d60;
  }

  .report-hero-band--stock {
    --report-band-bg-start: #5a2d1f;
    --report-band-bg-end: #47231a;
    --report-band-accent: #d8a06d;
    --report-band-stripe-1: #6b3624;
    --report-band-stripe-2: #8d4d34;
    --report-band-stripe-3: #54291d;
    --report-band-stripe-4: #8a5a4c;
    --report-band-stripe-5: #69423a;
    --report-band-stripe-6: #6b4a5f;
  }

  .report-hero-band--private {
    --report-band-bg-start: #17274a;
    --report-band-bg-end: #10203d;
    --report-band-accent: #98add9;
    --report-band-stripe-1: #20345d;
    --report-band-stripe-2: #425884;
    --report-band-stripe-3: #122549;
    --report-band-stripe-4: #68779f;
    --report-band-stripe-5: #514f79;
    --report-band-stripe-6: #695c8f;
  }

  .page--module-tracking .tracking-module-intro--hero {
    position: relative;
    width: 100vw;
    min-height: 172px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 26px 0 30px;
    background: linear-gradient(90deg, #651236 0%, #651236 74%, #5a112f 100%);
    overflow: hidden;
  }

  .page--module-tracking .tracking-module-intro--hero::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: min(24vw, 276px);
    height: 100%;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 6%,
      #d07a58 6%,
      #d07a58 8%,
      #651236 8%,
      #651236 24%,
      #6a1637 24%,
      #6a1637 36%,
      #8b283c 36%,
      #8b283c 48%,
      #5a102f 48%,
      #5a102f 60%,
      #884754 60%,
      #884754 75%,
      #633146 75%,
      #633146 87%,
      #5e2d60 87%,
      #5e2d60 100%
    );
    opacity: 0.96;
  }

  .page--module-tracking .tracking-module-intro--hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0));
    pointer-events: none;
  }

  .page--module-tracking .tracking-module-intro--hero > * {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 72px;
    padding-right: 72px;
    box-sizing: border-box;
  }

  .page--module-tracking .tracking-module-intro__eyebrow {
    font-size: 12px;
    letter-spacing: 0.12em;
  }

  .page--module-tracking .tracking-module-intro__eyebrow--hero {
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.76);
    margin-bottom: 8px;
    font-size: 11px;
    letter-spacing: 0.11em;
  }

  .page--module-tracking .tracking-module-intro__title {
    font-size: 54px;
    font-weight: 400;
    line-height: 1.06;
    letter-spacing: -0.02em;
  }

  .page--module-tracking .tracking-module-intro--hero .tracking-module-intro__title {
    color: #ffffff;
    font-size: 56px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.032em;
  }

  .page--module-tracking .tracking-module-intro__desc {
    max-width: 760px;
    font-size: 18px;
    line-height: 1.75;
  }

  .page--module-tracking .tracking-module-intro__pill-list {
    gap: 10px;
    margin-top: 6px;
  }

  .page--module-tracking .tracking-module-intro__pill {
    min-height: 30px;
    padding: 0 12px;
    font-size: 11px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
  }

  .page--module-tracking .tracking-module-button-group {
    width: 100vw;
    margin-top: 0;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: #ffffff;
    border-bottom: 1px solid rgba(17, 24, 39, 0.1);
  }

  .page--module-tracking .tracking-module-button-group--detail {
    margin-bottom: 22px;
  }

  .page--module-tracking .tracking-module-button-list {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 72px;
    gap: 34px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .page--module-tracking .tracking-module-button-list::-webkit-scrollbar {
    display: none;
  }

  .page--module-tracking .tracking-module-button {
    flex: 0 0 auto;
    min-height: 0;
    padding: 22px 0 17px;
    justify-content: flex-start;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    background: transparent;
    color: #344054;
    box-shadow: none;
    transition:
      color 0.18s ease,
      border-color 0.18s ease,
      opacity 0.18s ease;
  }

  .page--module-tracking .tracking-module-button:hover {
    transform: none;
    border-color: rgba(17, 24, 39, 0.28);
    background: transparent;
    color: #111827;
    box-shadow: none;
  }

  .page--module-tracking .tracking-module-button--active {
    border-color: #111827;
    background: transparent;
    color: #111827;
    box-shadow: none;
  }

  .page--module-tracking .tracking-module-button--lab {
    color: #0f766e;
  }

  .page--module-tracking .tracking-module-button--lab:hover {
    border-color: rgba(15, 118, 110, 0.42);
    color: #0f766e;
  }

  .page--module-tracking .tracking-module-button__label {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.18;
    letter-spacing: -0.005em;
    white-space: nowrap;
  }

  .page--module-tracking .tracking-module-button--active .tracking-module-button__label {
    font-weight: 700;
  }

  .page--module-tracking .tracking-module-directory--charts-direct {
    margin-top: 0;
  }

  .page--module-tracking-detail .tracking-module-intro--detail {
    max-width: none;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
    align-items: stretch;
    gap: 34px;
    padding: 40px 42px 38px;
    margin-bottom: 10px;
  }

  .page--module-tracking-detail .tracking-module-intro--detail .tracking-module-intro__main {
    max-width: 760px;
    align-content: start;
  }

  .page--module-tracking-detail .tracking-module-intro--detail .tracking-module-intro__title {
    font-size: 58px;
    line-height: 1.04;
  }

  .page--module-tracking-detail .tracking-module-intro--detail .tracking-module-intro__desc {
    max-width: 720px;
    font-size: 16px;
    line-height: 1.82;
  }

  .page--module-tracking-detail .tracking-module-intro--detail .tracking-module-intro__pill-list {
    gap: 8px;
  }

  .page--module-tracking-detail .tracking-module-intro--detail .tracking-module-intro__pill {
    min-height: 28px;
    padding: 0 11px;
    font-size: 10.5px;
  }

  .page--module-tracking-detail .tracking-module-hero-visual__surface {
    gap: 16px;
    padding: 22px 22px 20px;
    border-radius: 16px;
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.08);
  }

  .page--module-tracking-detail .tracking-module-hero-visual__kicker {
    font-size: 11px;
  }

  .page--module-tracking-detail .tracking-module-hero-visual__period {
    min-height: 28px;
    padding: 0 12px;
    font-size: 11px;
  }

  .page--module-tracking-detail .tracking-module-hero-visual__title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.28;
  }

  .page--module-tracking-detail .tracking-module-hero-visual__subtitle {
    font-size: 13px;
    line-height: 1.74;
  }

  .page--module-tracking-detail .tracking-module-hero-visual__stats {
    gap: 10px;
  }

  .page--module-tracking-detail .tracking-module-hero-visual__stat {
    padding: 14px 14px 13px;
    border-radius: 12px;
  }

  .page--module-tracking-detail .tracking-module-hero-visual__stat-label {
    font-size: 10.5px;
    letter-spacing: 0.08em;
  }

  .page--module-tracking-detail .tracking-module-hero-visual__stat-value {
    font-size: 24px;
    font-weight: 500;
  }

  .page--module-tracking-detail .tracking-module-hero-visual__notes {
    gap: 8px;
  }

  .page--module-tracking-detail .tracking-module-hero-visual__note {
    padding-top: 10px;
  }

  .page--module-tracking-detail .tracking-module-hero-visual__note-label {
    font-size: 12px;
    line-height: 1.6;
  }

  .page--module-tracking-detail .tracking-module-hero-visual__note-value {
    font-size: 13px;
    line-height: 1.45;
  }

  .tracking-module-band {
    width: 100vw;
    margin-top: 36px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    border-radius: 0;
    background: #ede8df;
    box-shadow: none;
  }

  .tracking-module-band__inner {
    max-width: 1440px;
    margin: 0 auto;
    gap: 30px;
    padding: 56px 72px 60px;
  }

  .tracking-module-band__head {
    max-width: 960px;
    gap: 10px;
  }

  .tracking-module-band__eyebrow {
    font-size: 12px;
    letter-spacing: 0.12em;
  }

  .tracking-module-band__heading {
    font-size: 34px;
    font-weight: 400;
    line-height: 1.18;
  }

  .tracking-module-band__lead {
    max-width: 760px;
    font-size: 15px;
    line-height: 1.82;
  }

  .tracking-module-band__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px 16px;
  }

  .tracking-module-band__item {
    min-height: 104px;
    padding: 18px 18px 16px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.62);
    box-shadow: none;
  }

  .tracking-module-band__item:hover {
    transform: translateY(-2px);
    background: #ffffff;
  }

  .tracking-module-band__accent {
    width: 28px;
    min-height: 4px;
    height: 4px;
  }

  .tracking-module-band__item-body {
    gap: 0;
  }

  .tracking-module-band__item-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.22;
  }

  .tracking-module-band__item-desc {
    max-width: 320px;
    font-size: 14px;
    line-height: 1.72;
  }

  .tracking-module-band__arrow {
    width: 28px;
    height: 28px;
    font-size: 18px;
  }

  .tracking-home-cta {
    width: 100vw;
    margin-top: 30px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    border-radius: 0;
    background: #3f7479;
  }

  .tracking-home-cta__inner {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(340px, 0.98fr);
    align-items: center;
    gap: 44px;
    max-width: 1440px;
    margin: 0 auto;
    padding: 36px 72px 40px;
  }

  .tracking-home-cta__content {
    max-width: 600px;
    gap: 12px;
  }

  .tracking-home-cta__topline {
    gap: 10px;
  }

  .tracking-home-cta__eyebrow {
    font-size: 12px;
    letter-spacing: 0.12em;
  }

  .tracking-home-cta__title {
    max-width: none;
    font-size: 33px;
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: 0;
  }

  .tracking-home-cta__desc {
    max-width: 980px;
    font-size: 15px;
    line-height: 1.72;
  }

  .tracking-home-cta__meta {
    font-size: 13px;
    line-height: 1.7;
  }

  .tracking-home-cta__button {
    justify-self: flex-start;
    min-width: 112px;
    min-height: 46px;
    padding: 0 24px;
    font-size: 16px;
    transition:
      transform 0.18s ease,
      filter 0.18s ease;
  }

  .tracking-home-cta__button:hover {
    transform: translateY(-1px);
    filter: brightness(0.98);
  }

  .tracking-home-cta__visual {
    display: block;
    justify-self: end;
    width: min(100%, 560px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
  }

  .tracking-home-cta__image {
    aspect-ratio: 12 / 7;
    object-fit: cover;
  }

  .tracking-home-cta--talent-flows {
    background: linear-gradient(135deg, #5a637e 0%, #454d66 100%);
  }

  .tracking-home-cta--talent-flows .tracking-home-cta__visual {
    border-color: rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.08);
  }

  .tracking-home-cta__image--talent-flows {
    object-fit: contain;
    padding: 16px;
    background: rgba(255, 255, 255, 0.96);
  }

  .home-featured-data-band {
    width: 100vw;
    margin-top: 30px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  .home-featured-data-band__inner {
    max-width: 1440px;
    margin: 0 auto;
    gap: 36px;
    padding: 44px 72px 52px;
  }

  .home-featured-data-band__heading {
    font-size: 33px;
    line-height: 1.18;
  }

  .home-featured-data-band__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 56px;
  }

  .home-featured-data-band__item {
    grid-template-columns: 20px minmax(0, 1fr) auto;
    gap: 24px;
  }

  .home-featured-data-band__accent {
    width: 20px;
    height: 104px;
  }

  .home-featured-data-band__title {
    font-size: 31px;
    line-height: 1.3;
  }

  .home-featured-data-band__arrow {
    font-size: 30px;
  }

  .tracking-module-band--home {
    margin-top: 30px;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    border-radius: 0;
  }

  .tracking-module-band--home .tracking-module-band__inner {
    gap: 18px;
    max-width: 1440px;
    margin: 0 auto;
    padding: 34px 72px 38px;
  }

  .tracking-module-band--home .tracking-module-band__head {
    max-width: none;
    gap: 0;
  }

  .tracking-module-band--home .tracking-module-band__heading {
    font-size: 28px;
    line-height: 1.12;
  }

  .tracking-module-band--home .tracking-module-band__grid {
    gap: 12px 12px;
  }

  .tracking-module-band--home .tracking-module-band__item {
    min-height: 88px;
    padding: 15px 16px 14px;
    gap: 10px 10px;
    border-radius: 8px;
  }

  .tracking-module-band--home .tracking-module-band__accent {
    width: 24px;
    min-height: 3px;
    height: 3px;
  }

  .tracking-module-band--home .tracking-module-band__item-body {
    align-content: center;
  }

  .tracking-module-band--home .tracking-module-band__item-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.18;
  }

  .tracking-module-band--home .tracking-module-band__item-desc {
    display: none;
  }

  .tracking-module-band--home .tracking-module-band__arrow {
    width: 24px;
    height: 24px;
    font-size: 14px;
  }

  .talent-flows-home-band {
    margin-top: 30px;
  }

  .talent-flows-home-band__inner {
    grid-template-columns: minmax(0, 1.35fr) auto auto;
    align-items: center;
    gap: 24px;
    padding: 24px 28px;
    border-radius: 12px;
  }

  .talent-flows-home-band__main {
    gap: 6px;
  }

  .talent-flows-home-band__eyebrow {
    font-size: 11px;
    letter-spacing: 0.14em;
  }

  .talent-flows-home-band__title {
    font-size: 24px;
    line-height: 1.16;
  }

  .talent-flows-home-band__desc {
    max-width: 720px;
    font-size: 14px;
    line-height: 1.7;
  }

  .talent-flows-home-band__stats {
    justify-content: flex-end;
    gap: 10px;
  }

  .talent-flows-home-band__stat {
    min-width: 116px;
    padding: 10px 12px;
    border-radius: 10px;
  }

  .talent-flows-home-band__stat small {
    font-size: 11px;
  }

  .talent-flows-home-band__stat strong {
    font-size: 16px;
  }

  .talent-flows-home-band__cta {
    min-width: 108px;
    min-height: 44px;
    padding: 0 18px;
    font-size: 15px;
  }

  .tracking-module-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }

  .tracking-module-card {
    min-height: 240px;
    padding: 20px 0 0;
    border: none;
    border-top: 6px solid #0f766e;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transition:
      transform 0.18s ease,
      opacity 0.18s ease;
  }

  .tracking-module-card:hover {
    transform: translateY(-3px);
  }

  .tracking-module-card__eyebrow {
    font-size: 11px;
  }

  .tracking-module-card__title {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.32;
  }

  .tracking-module-card__desc {
    font-size: 16px;
    line-height: 1.72;
  }

  .tracking-module-card__meta {
    font-size: 12px;
  }

  .tracking-module-card--active {
    border-top-color: #111827;
    background: rgba(15, 118, 110, 0.05);
    box-shadow: none;
  }

  .tracking-module-intro__back {
    font-size: 12px;
    letter-spacing: 0.04em;
  }

  .tracking-module-kpi-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 32px;
  }

  .tracking-module-kpi {
    min-height: 116px;
    padding: 18px 20px 16px;
    border: none;
    border-top: 4px solid rgba(15, 118, 110, 0.82);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .tracking-module-kpi__label {
    font-size: 11px;
    letter-spacing: 0.08em;
  }

  .tracking-module-kpi__value {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.12;
  }

  .tracking-module-directory {
    gap: 24px;
    margin-top: 0;
    padding-top: 24px;
    border-top: none;
  }

  .tracking-module-directory--detail {
    margin-top: 34px;
  }

  .tracking-module-directory--charts {
    gap: 22px;
  }

  .tracking-module-section-head {
    align-items: end;
  }

  .tracking-module-section-head__eyebrow {
    font-size: 12px;
    letter-spacing: 0.12em;
  }

  .tracking-module-section-head__title {
    margin-top: 8px;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.18;
  }

  .tracking-module-section-head__desc {
    max-width: 860px;
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.75;
  }

  .tracking-module-loading {
    gap: 10px;
  }

  .chart-list--tracking-detail {
    grid-template-columns: minmax(0, 1fr);
    gap: 26px;
  }

  .chart-list--tracking-detail .chart-card,
  .chart-list--tracking-detail .chart-card--focus,
  .chart-list--tracking-detail .chart-card--wide,
  .chart-list--tracking-detail .chart-card--html {
    grid-column: 1 / -1;
  }

  .page--module-tracking-detail .chart-card,
  .page--module-tracking-detail .empty-card:not(.section-auth-gate) {
    border: 1px solid rgba(17, 24, 39, 0.1);
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
  }

  .page--module-tracking-detail .chart-card {
    padding: 24px 24px 22px;
  }

  .page--module-tracking-detail .chart-card::before {
    display: none;
  }

  .page--module-tracking-detail .chart-card:hover {
    transform: none;
    border-color: rgba(17, 24, 39, 0.18);
    box-shadow: none;
  }

  .page--module-tracking-detail .chart-card__header {
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(17, 24, 39, 0.08);
  }

  .page--module-tracking-detail .chart-card__header-main {
    gap: 6px;
  }

  .page--module-tracking-detail .chart-card__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.38;
    letter-spacing: -0.01em;
  }

  .page--module-tracking-detail .chart-card__subtitle {
    color: #667085;
    font-size: 13px;
    line-height: 1.68;
  }

  .page--module-tracking-detail .chart-card__actions {
    gap: 10px;
  }

  .page--module-tracking-detail .chart-card__filter-select,
  .page--module-tracking-detail .chart-card__download-btn {
    min-height: 36px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    box-shadow: none;
  }

  .page--module-tracking-detail .chart-card__filter-select {
    max-width: 240px;
    border-color: rgba(17, 24, 39, 0.12);
    background: #ffffff;
  }

  .page--module-tracking-detail .chart-card__download-btn {
    padding: 0 14px;
    border: 1px solid #111827;
    background: #111827;
    color: #ffffff;
  }

  .page--module-tracking-detail .chart-card__download-btn:hover {
    transform: none;
    background: #1f2937;
  }

  .page--module-tracking-detail .chart-host,
  .page--module-tracking-detail .chart-html {
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
  }

  .page--module-tracking-detail .tracking-module-loading {
    padding: 24px;
  }

  .page--module-tracking-detail .empty-card:not(.section-auth-gate) {
    margin-bottom: 0;
    padding: 24px;
  }

  .page--module-tracking-detail .empty-card__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
  }

  .page--module-tracking-detail .empty-card__desc {
    font-size: 13px;
    line-height: 1.72;
  }

  .page--module-tracking-detail .chart-html--nav-tracking-table .nav-tracking-table-wrap {
    min-width: 1240px;
  }

  .page--module-tracking-detail .nav-tracking-table-wrap__caption {
    padding: 0 0 2px;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .page--module-tracking-detail .nav-tracking-report-table th,
  .page--module-tracking-detail .nav-tracking-report-table td {
    padding: 12px 14px;
    font-size: 12.5px;
    line-height: 1.55;
  }

  .page--module-tracking-detail .nav-tracking-table__cell--name {
    min-width: 220px;
    max-width: 320px;
  }

  .page--module-tracking-detail .nav-tracking-report-table thead th {
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 0.08em;
  }

  .page--module-tracking-detail .nav-tracking-report-table tbody td {
    font-size: 12.25px;
    line-height: 1.48;
  }

  .page--module-tracking-detail .nav-tracking-table__group-row th {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 12px;
  }

  .page--module-tracking-detail .nav-tracking-table__cell--name {
    font-size: 12.5px;
    line-height: 1.42;
  }

  .page--module-tracking-detail .nav-tracking-table__cell--numeric,
  .page--module-tracking-detail .nav-tracking-table__cell--rank {
    letter-spacing: -0.01em;
  }

  .page--report .hero,
  .page--report .tabs.nb-mobile-block,
  .page--report .dashboard-section-kpis {
    display: none;
  }

  .section-summary,
  .empty-card {
    padding: 0;
    margin-bottom: 28px;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .section-summary__title,
  .empty-card__title {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 10px;
  }

  .section-summary__desc,
  .empty-card__desc {
    max-width: 900px;
    font-size: 15px;
    line-height: 1.7;
  }

  .chart-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
  }

  .page--report .chart-list--report-cta-strategy-performance {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }

  .chart-subsection {
    display: none;
  }

  .chart-subsection__title {
    font-size: 24px;
    font-weight: 400;
  }

  .chart-subsection__desc {
    font-size: 14px;
  }

  .chart-card {
    grid-column: auto;
    display: flex;
    flex-direction: column;
    padding: 22px;
    border: 1px solid rgba(17, 24, 39, 0.1);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transition: border-color 0.16s ease;
  }

  .page--report .chart-list--report-cta-strategy-performance > .chart-card {
    padding: 18px 18px 16px;
  }

  .chart-card::before {
    display: none;
  }

  .chart-card:hover {
    transform: none;
    border-color: rgba(17, 24, 39, 0.22);
    box-shadow: none;
  }

  .chart-card--focus {
    grid-column: auto;
  }

  .chart-card--wide,
  .chart-card--html {
    grid-column: 1 / -1;
  }

  .chart-card--private-detail-pair.chart-card--html {
    grid-column: auto;
  }

  .chart-card--private-personnel.chart-card--html {
    grid-column: auto;
  }

  .chart-card--private-personnel.chart-card--html.chart-card--wide {
    grid-column: 1 / -1;
  }

  .chart-card--private-detail-pair {
    padding: 18px 18px 16px;
  }

  .chart-card--private-personnel {
    align-self: start;
    padding: 18px 18px 16px;
  }

  .chart-card--private-personnel .chart-card__header {
    margin-bottom: 8px;
    padding-bottom: 6px;
  }

  .chart-card--private-personnel:not(.chart-card--wide) .chart-card__title {
    font-size: 17px;
    line-height: 1.42;
  }

  .chart-card--private-personnel:not(.chart-card--wide) .chart-card__subtitle {
    font-size: 12.5px;
    line-height: 1.55;
  }

  .chart-card--private-detail-pair .chart-card__header {
    margin-bottom: 8px;
    padding-bottom: 6px;
  }

  .chart-card--private-detail-pair .chart-card__title {
    font-size: 17px;
    line-height: 1.4;
  }

  .chart-card--private-detail-pair .chart-card__subtitle {
    font-size: 12.5px;
    line-height: 1.55;
  }

  .chart-card__header {
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(17, 24, 39, 0.08);
  }

  .page--report .chart-list--report-cta-strategy-performance > .chart-card .chart-card__header {
    margin-bottom: 8px;
    padding-bottom: 6px;
  }

  .chart-card__title {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.45;
  }

  .page--report .chart-list--report-cta-strategy-performance > .chart-card .chart-card__title {
    font-size: 17px;
    line-height: 1.38;
  }

  .chart-card__subtitle {
    font-size: 14px;
    line-height: 1.65;
  }

  .chart-card__filter-select,
  .chart-card__download-btn {
    min-height: 38px;
    border-radius: 999px;
    font-size: 12px;
  }

  .chart-card__download-btn {
    background: #111827;
    color: #ffffff;
  }

  .page--report .chart-list--report-cta-strategy-performance > .chart-card .chart-card__download-btn {
    min-height: 34px;
    padding: 0 12px;
    font-size: 11px;
  }

  .chart-host,
  .chart-html {
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 0;
    background: transparent;
    flex: 1 1 auto;
  }

  .chart-host > div,
  .chart-host canvas,
  .chart-html__scroller {
    background: transparent !important;
  }

  .chart-html {
    display: flex;
    flex-direction: column;
  }

  .chart-html__scroller {
    padding: 18px;
    flex: 1 1 auto;
  }
}

@media (min-width: 1540px) {
  .nb-hero__title {
    font-size: 76px;
  }

  .nb-hero-link-panel__label {
    font-size: 60px;
  }

  .nb-hero-link-panel__arrow {
    font-size: 54px;
  }

  .nb-number-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .chart-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .chart-card,
  .chart-card--focus {
    grid-column: auto;
  }

  .chart-card--wide,
  .chart-card--html {
    grid-column: 1 / -1;
  }

  .chart-card--private-personnel.chart-card--html {
    grid-column: auto;
  }

  .chart-card--private-personnel.chart-card--html.chart-card--wide {
    grid-column: 1 / -1;
  }

  .nb-article-shell {
    grid-template-columns: 300px minmax(0, 1fr);
  }

  .nb-footer-follow__title {
    font-size: 24px;
  }
}

@media (min-width: 1200px) and (max-width: 1339px) {
  .insights-hub__inner {
    grid-template-columns: 208px minmax(0, 1fr);
    gap: 24px;
  }

  .insights-hub__toolbar {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 260px);
    gap: 18px;
  }

  .insights-featured-card {
    grid-template-columns: minmax(0, 1fr) 250px;
    gap: 18px;
  }

  .insights-featured-card__body,
  .insights-list-card__body {
    min-width: 0;
  }

  .insights-featured-card__image {
    height: 172px;
  }

  .insights-featured-card__title {
    font-size: 28px;
  }

  .insights-list-card {
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 18px;
  }

  .insights-list-card__image {
    height: 150px;
  }

  .insights-list-card__title {
    font-size: 22px;
    line-height: 1.24;
  }

  .insights-list-card__excerpt {
    font-size: 13px;
    line-height: 1.72;
  }
}

@media (min-width: 1200px) {
  .insights-hub__inner {
    grid-template-columns: 236px minmax(0, 1fr);
    gap: 48px;
  }

  .insights-hub__sidebar {
    gap: 14px;
    top: 112px;
  }

  .insights-filter-card {
    padding: 16px 18px;
    background: rgba(255, 255, 255, 0.72);
  }

  .insights-filter-card__label,
  .insights-filter-card__clear {
    font-size: 11px;
    letter-spacing: 0.04em;
  }

  .insights-search__input,
  .insights-search__button {
    min-height: 44px;
  }

  .insights-filter-pill {
    min-height: 30px;
    padding: 0 12px;
    font-size: 11px;
  }

  .insights-filter-card__summary-value {
    font-size: 46px;
  }

  .insights-filter-card__summary-label {
    font-size: 13px;
  }

  .insights-filter-card__summary-list {
    font-size: 12.5px;
    line-height: 1.72;
  }

  .insights-hub__toolbar {
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 22px;
    margin-bottom: 28px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(17, 24, 39, 0.08);
  }

  .insights-hub__intro {
    display: grid;
    gap: 10px;
  }

  .insights-hub__title {
    font-size: 27px;
    line-height: 1.18;
  }

  .insights-hub__desc {
    max-width: 560px;
    color: #475467;
  }

  .page--insights .insights-filter-card--summary {
    display: none;
  }

  .insights-hub__summary {
    display: grid;
    gap: 6px;
    align-content: start;
    padding: 8px 0 8px 24px;
    border: 0;
    border-left: 1px solid rgba(17, 24, 39, 0.1);
    background: transparent;
  }

  .insights-hub__summary-value {
    margin: 0;
    color: #111827;
    font-size: 38px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.04em;
  }

  .insights-hub__summary-label {
    color: #111827;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 0.02em;
  }

  .insights-hub__summary-list {
    display: grid;
    gap: 6px;
    color: #667085;
    font-size: 11.5px;
    line-height: 1.72;
  }

  .insights-list {
    gap: 28px;
  }

  .insights-list-card {
    grid-template-columns: minmax(0, 1fr) 264px;
    gap: 26px;
    padding-bottom: 28px;
  }

  .insights-list-card:hover {
    transform: none;
  }

  .insights-list-card__body {
    gap: 10px;
    padding-top: 0;
  }

  .insights-list-card__media {
    align-self: start;
  }

  .insights-list-card__image {
    height: 170px;
  }

  .insights-list-card__meta {
    font-size: 11px;
    letter-spacing: 0.05em;
  }

  .insights-list-card__title {
    max-width: 760px;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.24;
  }

  .insights-list-card__excerpt {
    max-width: 720px;
    color: #475467;
    font-size: 13.5px;
    line-height: 1.8;
  }

  .page--insights .nb-article-tag-list {
    gap: 6px;
    margin: 4px 0 0;
  }

  .page--insights .nb-article-tag {
    min-height: 24px;
    padding: 0 9px;
    font-size: 10.5px;
    background: rgba(17, 24, 39, 0.04);
  }

  .insights-list-card:hover .insights-list-card__title {
    text-decoration: underline;
    text-underline-offset: 3px;
  }
}

@media (min-width: 1200px) and (max-width: 1339px) {
  .insights-hub__inner {
    grid-template-columns: 216px minmax(0, 1fr);
    gap: 28px;
  }

  .insights-hub__toolbar {
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 18px;
  }

  .insights-hub__summary {
    padding: 6px 0 6px 18px;
  }

  .insights-hub__summary-value {
    font-size: 34px;
  }

  .insights-list-card {
    grid-template-columns: minmax(0, 1fr) 200px;
    gap: 18px;
  }

  .insights-list-card__image {
    height: 140px;
  }

  .insights-list-card__title {
    font-size: 21px;
  }

  .insights-list-card__excerpt {
    font-size: 12.5px;
  }
}

.page--report .chart-card__header,
.page--report .chart-card__filter-select,
.page--report .chart-host,
.page--report .chart-html,
.page--report .chart-html * {
  border-color: transparent !important;
}

.page--report .chart-html--private-personnel-summary .private-personnel-summary__hero {
  border-bottom-color: rgba(36, 88, 255, 0.14) !important;
}

.page--report .chart-html--private-personnel-summary .note-box {
  border-left-color: #2458ff !important;
}

.library-archive {
  padding: calc(24 * var(--rpx)) calc(24 * var(--rpx)) calc(40 * var(--rpx));
}

.library-section-nav__inner,
.library-archive__inner {
  display: grid;
  gap: calc(18 * var(--rpx));
}

.library-archive__hero {
  display: grid;
  gap: calc(10 * var(--rpx));
  padding-bottom: calc(2 * var(--rpx));
}

.library-archive__hero-main {
  display: grid;
  gap: calc(10 * var(--rpx));
}

.library-archive__eyebrow {
  color: #203a73;
  font-size: calc(16 * var(--rpx));
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.library-archive__title {
  margin: 0;
  color: #101828;
  font-size: calc(46 * var(--rpx));
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.02em;
}

.library-archive__desc {
  margin: 0;
  max-width: calc(1080 * var(--rpx));
  color: #475467;
  font-size: calc(22 * var(--rpx));
  line-height: 1.8;
}

.library-archive__hero-pills {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10 * var(--rpx));
}

.library-archive__hero-pill {
  display: inline-flex;
  align-items: center;
  min-height: calc(34 * var(--rpx));
  padding: 0 calc(14 * var(--rpx));
  border: 1px solid rgba(15, 23, 42, 0.09);
  border-radius: 999px;
  background: rgba(245, 247, 250, 0.96);
  color: #344054;
  font-size: calc(17 * var(--rpx));
  line-height: 1;
}

.library-archive__filters {
  display: grid;
  gap: calc(14 * var(--rpx));
}

.library-archive__controls {
  display: grid;
  gap: calc(14 * var(--rpx));
}

.library-archive__topbar {
  display: grid;
  gap: calc(12 * var(--rpx));
}

.library-search-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
}

.library-search-bar__input {
  min-width: 0;
  min-height: calc(52 * var(--rpx));
  padding: 0 calc(18 * var(--rpx));
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-right: 0;
  border-radius: calc(16 * var(--rpx)) 0 0 calc(16 * var(--rpx));
  background: #ffffff;
  color: #111827;
  font-size: calc(21 * var(--rpx));
}

.library-search-bar__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: calc(56 * var(--rpx));
  min-height: calc(52 * var(--rpx));
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 0 calc(16 * var(--rpx)) calc(16 * var(--rpx)) 0;
  background: #203a73;
  color: #ffffff;
  font-size: calc(24 * var(--rpx));
  line-height: 1;
}

.library-archive__note,
.library-mobile__note {
  margin: 0;
  color: #8a8f98;
  font-size: calc(18 * var(--rpx));
  line-height: 1.7;
}

.library-strategy-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: calc(14 * var(--rpx));
  padding-bottom: calc(12 * var(--rpx));
  border-bottom: 1px solid rgba(17, 24, 39, 0.08);
}

.library-strategy-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: calc(8 * var(--rpx));
  min-height: calc(34 * var(--rpx));
  padding: 0 calc(14 * var(--rpx));
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #475467;
  font-size: calc(22 * var(--rpx));
  font-weight: 700;
  line-height: 1.2;
}

.library-strategy-tab span {
  color: #98a2b3;
  font-size: calc(18 * var(--rpx));
  font-weight: 600;
}

.library-strategy-tab--active {
  background: #203a73;
  color: #ffffff;
}

.library-strategy-tab--active::after {
  display: none;
}

.library-strategy-tab--active span {
  color: rgba(255, 255, 255, 0.72);
}

.library-archive__summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: calc(12 * var(--rpx));
  padding: calc(12 * var(--rpx)) 0 calc(4 * var(--rpx));
}

.library-archive__summary-main,
.library-archive__summary-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(10 * var(--rpx));
}

.library-archive__summary-count {
  color: #111827;
  font-size: calc(24 * var(--rpx));
  font-weight: 700;
}

.library-archive__summary-text {
  color: #667085;
  font-size: calc(19 * var(--rpx));
  line-height: 1.6;
}

.library-archive__clear {
  color: #111827;
  font-size: calc(19 * var(--rpx));
  font-weight: 700;
}

.library-mobile__count {
  color: #667085;
  font-size: calc(19 * var(--rpx));
  line-height: 1.6;
}

.library-pagination {
  display: grid;
  gap: calc(12 * var(--rpx));
  padding-top: calc(18 * var(--rpx));
  border-top: 1px solid rgba(17, 24, 39, 0.08);
}

.library-pagination__status {
  color: #667085;
  font-size: calc(18 * var(--rpx));
  line-height: 1.5;
}

.library-pagination__controls,
.library-pagination__pages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(8 * var(--rpx));
}

.library-pagination__button,
.library-pagination__page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(38 * var(--rpx));
  padding: 0 calc(14 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 999px;
  background: #ffffff;
  color: #111827;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  line-height: 1;
}

.library-pagination__page {
  min-width: calc(38 * var(--rpx));
  padding: 0 calc(10 * var(--rpx));
}

.library-pagination__page--active {
  border-color: rgba(32, 58, 115, 0.92);
  background: #203a73;
  color: #ffffff;
}

.library-pagination__button:disabled {
  cursor: not-allowed;
  opacity: 0.42;
}

.library-pagination__ellipsis {
  color: #98a2b3;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
}

.library-article-list {
  display: grid;
}

.library-article-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: calc(12 * var(--rpx));
  padding: calc(24 * var(--rpx)) 0;
  border-top: 1px solid rgba(17, 24, 39, 0.08);
  color: inherit;
  transition:
    background 0.18s ease,
    transform 0.18s ease;
}

.library-article-row__main {
  display: grid;
  gap: calc(10 * var(--rpx));
  min-width: 0;
}

.library-article-row__eyebrow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(10 * var(--rpx));
}

.library-article-row__eyebrow-label {
  display: inline-flex;
  align-items: center;
  min-height: calc(28 * var(--rpx));
  padding: 0 calc(10 * var(--rpx));
  border-radius: 999px;
  background: rgba(32, 58, 115, 0.08);
  color: #203a73;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
  line-height: 1;
}

.library-article-row__eyebrow-meta {
  color: #667085;
  font-size: calc(18 * var(--rpx));
  line-height: 1.5;
}

.library-article-row__eyebrow-meta + .library-article-row__eyebrow-meta::before {
  content: '·';
  margin-right: calc(10 * var(--rpx));
  color: #98a2b3;
}

.library-article-row__headline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: calc(10 * var(--rpx));
}

.library-article-row__title {
  margin: 0;
  color: #101828;
  font-size: calc(34 * var(--rpx));
  font-weight: 600;
  line-height: 1.24;
}

.library-article-row__badge {
  display: inline-flex;
  align-items: center;
  min-height: calc(34 * var(--rpx));
  padding: 0 calc(12 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 999px;
  background: rgba(248, 250, 252, 0.92);
  color: #344054;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
}

.library-article-row__excerpt {
  margin: 0;
  max-width: calc(1120 * var(--rpx));
  color: #344054;
  font-size: calc(23 * var(--rpx));
  line-height: 1.85;
}

.library-article-row__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: calc(12 * var(--rpx));
  padding-top: calc(6 * var(--rpx));
}

.library-article-row__source {
  display: grid;
  gap: calc(4 * var(--rpx));
  min-width: 0;
}

.library-article-row__source-label {
  color: #98a2b3;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.library-article-row__source-value {
  color: #344054;
  font-size: calc(18 * var(--rpx));
  line-height: 1.65;
}

.library-article-row__cta {
  color: #203a73;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  line-height: 1.4;
}

.library-article-row__aside {
  display: none;
}

.library-detail-hero {
  border-bottom: 1px solid rgba(17, 24, 39, 0.08);
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

.library-detail-hero__inner,
.library-detail-layout__inner {
  width: 100%;
  box-sizing: border-box;
}

.library-detail-hero__inner {
  display: grid;
  gap: calc(22 * var(--rpx));
  padding: calc(24 * var(--rpx));
}

.library-detail-hero__main {
  display: grid;
  gap: calc(12 * var(--rpx));
}

.library-detail-hero__aside {
  display: grid;
}

.library-detail-hero__topline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: calc(12 * var(--rpx));
}

.library-detail-hero__back,
.library-detail-main__footer-link,
.library-detail-rail__link {
  color: #101828;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  line-height: 1.4;
}

.library-detail-hero__eyebrow,
.library-detail-info-card__eyebrow,
.library-source-card__eyebrow {
  color: #667085;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.library-detail-hero__title {
  margin: 0;
  color: #101828;
  font-size: calc(42 * var(--rpx));
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.02em;
}

.library-detail-hero__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(10 * var(--rpx));
  color: #526072;
  font-size: calc(18 * var(--rpx));
  line-height: 1.6;
}

.library-detail-hero__meta-separator {
  width: calc(4 * var(--rpx));
  height: calc(4 * var(--rpx));
  border-radius: 999px;
  background: rgba(17, 24, 39, 0.2);
}

.library-detail-hero__summary {
  margin: 0;
  color: #243041;
  font-size: calc(22 * var(--rpx));
  line-height: 1.85;
}

.library-detail-info-card,
.library-source-card {
  display: grid;
  gap: calc(14 * var(--rpx));
  padding: calc(18 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: #ffffff;
}

.library-source-card__head {
  display: grid;
  gap: calc(6 * var(--rpx));
}

.library-detail-info-card__title,
.library-source-card__title {
  margin: 0;
  color: #101828;
  font-size: calc(28 * var(--rpx));
  font-weight: 700;
  line-height: 1.18;
}

.library-detail-info-card__grid {
  display: grid;
  gap: calc(12 * var(--rpx));
}

.library-detail-info-card__item {
  display: grid;
  gap: calc(4 * var(--rpx));
  padding-top: calc(12 * var(--rpx));
  border-top: 1px solid rgba(17, 24, 39, 0.08);
}

.library-detail-info-card__item:first-child {
  padding-top: 0;
  border-top: none;
}

.library-detail-info-card__label {
  color: #667085;
  font-size: calc(16 * var(--rpx));
  line-height: 1.5;
}

.library-detail-info-card__value {
  color: #101828;
  font-size: calc(20 * var(--rpx));
  line-height: 1.65;
}

.library-detail-layout__inner {
  display: grid;
  gap: calc(18 * var(--rpx));
  padding: calc(24 * var(--rpx));
}

.library-detail-rail {
  display: grid;
  gap: calc(14 * var(--rpx));
}

.library-detail-rail__actions {
  display: flex;
  justify-content: flex-start;
}

.library-source-list {
  display: grid;
  gap: calc(12 * var(--rpx));
}

.library-source-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: calc(12 * var(--rpx));
  padding-top: calc(12 * var(--rpx));
  border-top: 1px solid rgba(17, 24, 39, 0.08);
}

.library-source-item:first-child {
  padding-top: 0;
  border-top: none;
}

.library-source-item__index {
  color: #98a2b3;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
  line-height: 1.2;
}

.library-source-item__body {
  display: grid;
  gap: calc(4 * var(--rpx));
  min-width: 0;
}

.library-source-item__title {
  margin: 0;
  color: #101828;
  font-size: calc(20 * var(--rpx));
  font-weight: 600;
  line-height: 1.55;
}

.library-source-item__meta {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--rpx));
  color: #667085;
  font-size: calc(16 * var(--rpx));
  line-height: 1.5;
}

.library-source-item__meta-item + .library-source-item__meta-item::before {
  content: '·';
  margin-right: calc(8 * var(--rpx));
  color: #c0c5ce;
}

.library-source-item__file {
  margin: 0;
  color: #98a2b3;
  font-size: calc(15 * var(--rpx));
  line-height: 1.5;
  word-break: break-all;
}

.library-detail-main {
  display: grid;
  gap: calc(18 * var(--rpx));
}

.library-detail-main__footer {
  display: grid;
  gap: calc(14 * var(--rpx));
  padding-top: calc(18 * var(--rpx));
  border-top: 1px solid rgba(17, 24, 39, 0.08);
}

.library-detail-main__footer-actions {
  display: flex;
  justify-content: flex-start;
}

.library-detail-richtext h2:first-child {
  margin-top: 0;
}

.library-detail-article {
  display: grid;
  gap: 0;
}

.library-detail-section {
  display: grid;
  gap: 1em;
}

.library-detail-section + .library-detail-section {
  margin-top: 1.4em;
}

.library-detail-section--summary {
  margin-top: 0;
  padding: 1.25em 1.4em;
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-left: 3px solid #203a73;
  background: linear-gradient(180deg, rgba(247, 249, 252, 0.92), rgba(255, 255, 255, 0.98));
}

.library-detail-section__lead {
  color: #101828;
  font-size: 1.08em;
}

.library-detail-richtext h2 {
  margin-top: 2.4em;
  padding-top: 0.9em;
  border-top: 1px solid rgba(17, 24, 39, 0.08);
  font-size: calc(30 * var(--rpx));
  line-height: 1.3;
}

.library-detail-richtext p,
.library-detail-richtext li {
  margin: 0;
  color: #101828;
  font-size: calc(21 * var(--rpx));
  line-height: 1.9;
}

.library-detail-richtext p + p {
  margin-top: 0.95em;
}

.library-detail-richtext ul {
  padding-left: 1.2em;
}

.library-detail-richtext li {
  margin-bottom: 0.5em;
}

.library-article-row:hover {
  transform: translateY(calc(-2 * var(--rpx)));
}

.library-article-row:hover .library-article-row__cta,
.library-detail-hero__back:hover,
.library-detail-main__footer-link:hover,
.library-detail-rail__link:hover {
  text-decoration: underline;
  text-underline-offset: calc(4 * var(--rpx));
}

@media (min-width: 1200px) {
  .page--library,
  .page--library-detail {
    padding: 0;
  }

  .page--library .tracking-module-intro--minimal,
  .page--library-detail .tracking-module-intro--minimal {
    max-width: none;
    gap: 8px;
    padding: 0;
  }

  .page--library .tracking-module-intro--hero,
  .page--library-detail .tracking-module-intro--hero {
    position: relative;
    width: 100vw;
    min-height: 172px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 26px 0 30px;
    background: linear-gradient(90deg, #651236 0%, #651236 74%, #5a112f 100%);
    overflow: hidden;
  }

  .page--library .tracking-module-intro--hero::before,
  .page--library-detail .tracking-module-intro--hero::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: min(24vw, 276px);
    height: 100%;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 6%,
      #d07a58 6%,
      #d07a58 8%,
      #651236 8%,
      #651236 24%,
      #6a1637 24%,
      #6a1637 36%,
      #8b283c 36%,
      #8b283c 48%,
      #5a102f 48%,
      #5a102f 60%,
      #884754 60%,
      #884754 75%,
      #633146 75%,
      #633146 87%,
      #5e2d60 87%,
      #5e2d60 100%
    );
    opacity: 0.96;
  }

  .page--library .tracking-module-intro--hero::after,
  .page--library-detail .tracking-module-intro--hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0));
    pointer-events: none;
  }

  .page--library .tracking-module-intro--hero > *,
  .page--library-detail .tracking-module-intro--hero > * {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 72px;
    padding-right: 72px;
    box-sizing: border-box;
  }

.page--library .tracking-module-intro__eyebrow--hero,
.page--library-detail .tracking-module-intro__eyebrow--hero {
    display: block;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.11em;
  }

  .page--library .tracking-module-intro--hero .tracking-module-intro__title,
  .page--library-detail .tracking-module-intro--hero .tracking-module-intro__title {
    color: #ffffff;
    font-size: 56px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.032em;
  }

  .page--library .tracking-module-intro--hero .tracking-module-intro__desc,
  .page--library-detail .tracking-module-intro--hero .tracking-module-intro__desc {
    max-width: 760px;
    margin: 10px 0 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 15px;
    line-height: 1.72;
  }

  .library-archive {
    padding: 28px 0 88px;
  }

  .page--library .library-section-nav {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: #ffffff;
    border-bottom: 1px solid rgba(17, 24, 39, 0.1);
  }

  .page--library .library-section-nav__inner {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 72px;
    gap: 0;
  }

  .page--library .library-section-nav .library-strategy-tabs {
    gap: 34px;
    padding-bottom: 0;
    border-bottom: none;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .page--library .library-section-nav .library-strategy-tabs::-webkit-scrollbar {
    display: none;
  }

  .library-archive__inner {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 72px;
    gap: 24px;
  }

  .library-archive__filters {
    gap: 0;
  }

  .library-archive__controls {
    gap: 12px;
  }

  .library-archive__topbar,
  .library-archive__summary {
    display: grid;
    grid-template-columns: minmax(0, 420px) minmax(0, 1fr);
    gap: 34px;
  }

  .library-search-bar {
    width: min(100%, 420px);
    max-width: 420px;
    border: 1px solid rgba(17, 24, 39, 0.12);
    border-radius: 12px;
    background: #ffffff;
    overflow: hidden;
  }

  .library-search-bar__input {
    min-height: 42px;
    padding: 0 14px;
    border: none;
    border-radius: 0;
    font-size: 14px;
  }

  .library-search-bar__button {
    min-width: 46px;
    min-height: 42px;
    border: none;
    border-left: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 0;
    background: rgba(248, 250, 252, 0.96);
    color: #475467;
    font-size: 16px;
  }

  .library-search-bar__button:hover {
    background: #f2f4f7;
    color: #111827;
  }

  .library-archive__note {
    grid-column: 2;
    justify-self: end;
    text-align: right;
    font-size: 12px;
    line-height: 1.6;
    max-width: 520px;
  }

  .library-strategy-tabs {
    gap: 34px;
    padding-bottom: 0;
  }

  .library-strategy-tab {
    flex: 0 0 auto;
    min-height: 0;
    padding: 22px 0 17px;
    justify-content: flex-start;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    background: transparent;
    color: #344054;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.005em;
  }

  .library-strategy-tab span {
    font-size: 12px;
  }

  .library-strategy-tab:hover {
    border-color: rgba(17, 24, 39, 0.28);
    color: #111827;
  }

  .library-strategy-tab--active {
    border-color: #111827;
    background: transparent;
    color: #111827;
  }

  .library-strategy-tab--active span {
    color: #667085;
  }

  .library-archive__summary {
    padding: 0;
    align-items: start;
  }

  .library-archive__summary-main {
    grid-column: 1;
    align-items: baseline;
  }

  .library-archive__summary-count {
    font-size: 18px;
    font-weight: 600;
  }

  .library-archive__summary-text,
  .library-archive__clear {
    font-size: 12px;
  }

  .library-archive__summary-actions {
    grid-column: 2;
    justify-self: end;
    justify-content: flex-end;
    align-self: center;
  }

  .library-pagination {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    padding-top: 24px;
  }

  .library-pagination__status {
    font-size: 12px;
  }

  .library-pagination__controls,
  .library-pagination__pages {
    gap: 8px;
  }

  .library-pagination__button,
  .library-pagination__page {
    min-height: 34px;
    padding: 0 14px;
    font-size: 12px;
  }

  .library-pagination__page {
    min-width: 34px;
    padding: 0 10px;
  }

  .library-article-row {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 0;
    padding: 28px 0 30px;
  }

  .library-article-row__eyebrow {
    gap: 8px;
  }

  .library-article-row__eyebrow-label {
    min-height: 22px;
    padding: 0 9px;
    font-size: 11px;
  }

  .library-article-row__eyebrow-meta {
    font-size: 12px;
  }

  .library-article-row__eyebrow-meta + .library-article-row__eyebrow-meta::before {
    margin-right: 8px;
  }

  .library-article-row__title {
    font-size: 18px;
    line-height: 1.24;
  }

  .library-article-row__badge {
    min-height: 24px;
    padding: 0 10px;
    font-size: 11px;
  }

  .library-article-row__excerpt {
    font-size: 14px;
    line-height: 1.9;
  }

  .library-article-row__footer {
    align-items: end;
    gap: 16px;
  }

  .library-article-row__source-label {
    font-size: 10px;
  }

  .library-article-row__source-value {
    font-size: 12px;
  }

  .library-article-row__cta {
    font-size: 12px;
  }

  .library-article-row__aside {
    display: none;
  }

  .library-article-row:hover .library-article-row__title {
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .library-article-row:hover .library-article-row__aside-icon {
    color: #203a73;
    transform: translateX(2px);
  }

  .library-detail-hero {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  .library-detail-hero__inner,
  .library-detail-layout__inner {
    max-width: 1440px;
    margin: 0 auto;
    padding-left: 72px;
    padding-right: 72px;
  }

  .library-detail-hero__inner {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 36px;
    padding-top: 42px;
    padding-bottom: 30px;
  }

  .library-detail-hero__main {
    max-width: 980px;
  }

  .library-detail-hero__eyebrow,
  .library-detail-info-card__eyebrow,
  .library-source-card__eyebrow {
    font-size: 11px;
    letter-spacing: 0.14em;
  }

  .library-detail-hero__title {
    max-width: 860px;
    font-size: 52px;
    line-height: 1.04;
    letter-spacing: -0.03em;
  }

  .library-detail-hero__meta {
    gap: 12px;
    font-size: 13px;
  }

  .library-detail-hero__meta-separator {
    width: 4px;
    height: 4px;
  }

  .library-detail-hero__summary {
    max-width: 760px;
    font-size: 18px;
    line-height: 1.8;
  }

  .library-detail-hero__back,
  .library-detail-main__footer-link,
  .library-detail-rail__link {
    font-size: 14px;
  }

  .library-detail-info-card,
  .library-source-card {
    gap: 12px;
    padding: 18px 18px 20px;
  }

  .library-detail-info-card__title,
  .library-source-card__title {
    font-size: 20px;
    line-height: 1.2;
  }

  .library-detail-info-card__grid {
    gap: 10px;
  }

  .library-detail-info-card__item {
    gap: 4px;
    padding-top: 10px;
  }

  .library-detail-info-card__label {
    font-size: 11px;
  }

  .library-detail-info-card__value {
    font-size: 14px;
    line-height: 1.65;
  }

  .library-detail-layout {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: #ffffff;
  }

  .library-detail-layout__inner {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 0;
    padding-top: 24px;
    padding-bottom: 0;
  }

  .library-source-list {
    gap: 10px;
  }

  .library-source-item {
    gap: 10px;
    padding-top: 10px;
  }

  .library-source-item__index {
    font-size: 11px;
  }

  .library-source-item__title {
    font-size: 14px;
    line-height: 1.6;
  }

  .library-source-item__meta {
    gap: 6px;
    font-size: 11px;
  }

  .library-source-item__file {
    font-size: 10px;
  }

  .library-detail-main {
    gap: 24px;
    max-width: 980px;
  }

  .library-detail-main__footer {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding-top: 22px;
  }

  .library-detail-section + .library-detail-section {
    margin-top: 1.8em;
  }

  .library-detail-section--summary {
    padding: 20px 22px;
    border-left-width: 3px;
  }

  .library-detail-richtext h2 {
    margin-top: 2.6em;
    padding-top: 0.95em;
    font-size: 28px;
    line-height: 1.26;
  }

  .library-detail-section__lead {
    font-size: 17px;
    line-height: 1.88;
  }

  .library-detail-richtext p,
  .library-detail-richtext li {
    font-size: 15px;
    line-height: 1.92;
  }
}

.page--report .chart-html--private-personnel-summary .metric,
.page--report .chart-html--private-personnel-company .meta-lines {
  border-color: rgba(17, 24, 39, 0.08) !important;
}

@media (min-width: 1200px) {
  .page--report .chart-card--new-private-manager .chart-card__header {
    margin-bottom: 8px;
    padding-bottom: 6px;
  }

  .page--report .chart-card--new-private-manager .chart-card__title {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.38;
    letter-spacing: -0.01em;
  }

  .chart-html--new-private-managers .manager-accordion-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    align-items: start;
  }

  .chart-html--new-private-managers .manager-accordion:last-child {
    grid-column: 1 / -1;
  }

  .chart-html--new-private-managers .manager-accordion__content .grid-table,
  .chart-html--new-private-managers .manager-accordion__content .resume-table {
    min-width: 100%;
  }
}

@media (min-width: 1200px) {
  .page--insights .insights-featured-section {
    display: grid;
    gap: 16px;
    margin-bottom: 32px;
  }

  .page--insights .insights-featured-section__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
  }

  .page--insights .insights-featured-section__intro,
  .page--insights .insights-archive-head {
    display: grid;
    gap: 8px;
  }

  .page--insights .insights-featured-section__intro {
    max-width: 620px;
  }

  .page--insights .insights-featured-section__eyebrow,
  .page--insights .insights-archive-head__eyebrow {
    color: #6d6f71;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .page--insights .insights-featured-section__title,
  .page--insights .insights-archive-head__title {
    margin: 0;
    color: #111827;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }

  .page--insights .insights-featured-section__desc,
  .page--insights .insights-archive-head__desc {
    margin: 0;
    color: #526072;
    font-size: 13px;
    line-height: 1.74;
  }

  .page--insights .insights-featured-section__meta {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: #344054;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
  }

  .page--insights .insights-featured-card {
    margin-bottom: 0;
    padding-bottom: 26px;
  }

  .page--insights .insights-featured-card__eyebrow {
    color: #7a1d43;
    font-size: 11px;
    letter-spacing: 0.14em;
  }

  .page--insights .insights-featured-card__cta {
    display: inline-flex;
    align-items: center;
    margin-top: 4px;
    color: #111827;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
  }

  .page--insights .insights-featured-card:hover .insights-featured-card__cta {
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .page--insights .insights-archive-head {
    margin: 0 0 20px;
    padding-top: 2px;
  }

  .page--insights .insights-archive-empty {
    padding: 18px 0 6px;
    border-top: 1px solid rgba(17, 24, 39, 0.08);
    color: #667085;
    font-size: 13px;
    line-height: 1.72;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav {
    position: sticky;
    top: 148px;
    z-index: 108;
    margin: -6px 0 28px;
    padding: 10px 0 16px;
    background: rgba(244, 239, 231, 0.94);
    border-bottom: 1px solid rgba(17, 24, 39, 0.08);
    backdrop-filter: blur(12px);
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__row {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__row::-webkit-scrollbar {
    display: none;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.76);
    color: #344054;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;
    white-space: nowrap;
    transition:
      border-color 0.18s ease,
      background 0.18s ease,
      color 0.18s ease;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__item:hover {
    border-color: rgba(17, 24, 39, 0.16);
    background: #ffffff;
    color: #111827;
  }

  .page--module-talent-flows-detail .talent-flows-section[id] {
    scroll-margin-top: 198px;
  }
}

.page--report .chart-html--private-personnel-panel .footnote {
  border-top-color: rgba(17, 24, 39, 0.14) !important;
}

.page--report .chart-html--private-personnel-panel th,
.page--report .chart-html--private-personnel-panel td {
  border-bottom-color: rgba(17, 24, 39, 0.08) !important;
}

.page--report .chart-html--private-personnel-company .private-personnel-chip--scale {
  border-color: rgba(36, 88, 255, 0.12) !important;
}

.page--report .chart-html--private-personnel-company .private-personnel-chip--net-up {
  border-color: rgba(6, 118, 71, 0.14) !important;
}

.page--report .chart-html--private-personnel-company .private-personnel-chip--net-down {
  border-color: rgba(180, 35, 24, 0.14) !important;
}

.page--report .chart-html--private-personnel-company .private-personnel-chip--net-flat {
  border-color: rgba(17, 24, 39, 0.12) !important;
}

.page--report .chart-html--private-personnel-company .person-block {
  border-color: rgba(17, 24, 39, 0.06) !important;
}

.page--report .chart-html--private-personnel-company .person-block.add {
  border-color: rgba(6, 118, 71, 0.12) !important;
}

.page--report .chart-html--private-personnel-company .person-block.remove {
  border-color: rgba(180, 35, 24, 0.12) !important;
}

.page--report .chart-html--private-personnel-company .person-block.note {
  border-color: rgba(190, 123, 20, 0.16) !important;
}

.page--report .chart-card__filter-select:focus {
  border-color: transparent !important;
  box-shadow: none !important;
}

.page--report .chart-html--private-report-table .chart-html__scroller {
  padding: 0 !important;
}

.page--report .chart-html--private-report-table .report-table {
  width: 100%;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  background: transparent;
}

.page--report .chart-html--private-report-table .report-table th,
.page--report .chart-html--private-report-table .report-table td {
  padding: 12px 14px;
  border: none !important;
  border-bottom: 1px solid rgba(17, 24, 39, 0.08) !important;
  background: transparent;
  white-space: normal;
  word-break: break-word;
  vertical-align: top;
  font-size: 13px;
  line-height: 1.65;
}

.page--report .chart-html--private-report-table .report-table thead th {
  background: #f7f9fc;
  color: #475467;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  border-top: 1px solid rgba(17, 24, 39, 0.08) !important;
}

.page--report .chart-html--private-report-table .report-table thead th:first-child,
.page--report .chart-html--private-report-table .report-table tbody td:first-child {
  border-left: 1px solid rgba(17, 24, 39, 0.08) !important;
}

.page--report .chart-html--private-report-table .report-table thead th:last-child,
.page--report .chart-html--private-report-table .report-table tbody td:last-child {
  border-right: 1px solid rgba(17, 24, 39, 0.08) !important;
}

.page--report .chart-html--private-report-table .report-table thead th:first-child {
  border-top-left-radius: 10px;
}

.page--report .chart-html--private-report-table .report-table thead th:last-child {
  border-top-right-radius: 10px;
}

.page--report .chart-html--private-report-table .report-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.page--report .chart-html--private-report-table .report-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.page--report .chart-html--private-report-table .report-table tbody tr td,
.page--report .chart-html--private-report-table .report-table tbody tr:nth-child(odd) td {
  background: transparent;
}

.page--report .chart-html--private-report-table .report-table tbody tr:nth-child(even) td {
  background: #fafcfe;
}

.page--report .chart-html--private-report-table .report-table tbody tr:hover td {
  background: #f1f5fb;
}

.page--report .chart-html--private-report-table .report-table td:nth-child(1),
.page--report .chart-html--private-report-table .report-table td:nth-child(2),
.page--report .chart-html--private-report-table .report-table td:nth-child(3),
.page--report .chart-html--private-report-table .report-table td:nth-child(4),
.page--report .chart-html--private-report-table .report-table td:nth-child(5) {
  color: #344054;
}

.page--report .chart-html--private-report-table .report-table td:nth-child(2),
.page--report .chart-html--private-report-table .report-table td:nth-child(3),
.page--report .chart-html--private-report-table .report-table td:nth-child(4),
.page--report .chart-html--private-report-table .report-table td:nth-child(5) {
  font-variant-numeric: tabular-nums;
}

.page--report .chart-html--private-strategy-weekly-table .report-table {
  min-width: 900px;
}

.page--report .chart-html--private-strategy-weekly-table .report-table th:nth-child(1),
.page--report .chart-html--private-strategy-weekly-table .report-table td:nth-child(1) {
  width: 24%;
  white-space: nowrap;
}

.page--report .chart-html--private-strategy-weekly-table .report-table th:nth-child(2),
.page--report .chart-html--private-strategy-weekly-table .report-table td:nth-child(2),
.page--report .chart-html--private-strategy-weekly-table .report-table th:nth-child(3),
.page--report .chart-html--private-strategy-weekly-table .report-table td:nth-child(3) {
  width: 14%;
  white-space: nowrap;
}

.page--report .chart-html--private-strategy-weekly-table .report-table th:nth-child(4),
.page--report .chart-html--private-strategy-weekly-table .report-table td:nth-child(4),
.page--report .chart-html--private-strategy-weekly-table .report-table th:nth-child(5),
.page--report .chart-html--private-strategy-weekly-table .report-table td:nth-child(5) {
  width: 18%;
  white-space: nowrap;
}

.page--report .chart-html--private-strategy-weekly-table .report-table th:nth-child(2),
.page--report .chart-html--private-strategy-weekly-table .report-table td:nth-child(2),
.page--report .chart-html--private-strategy-weekly-table .report-table th:nth-child(3),
.page--report .chart-html--private-strategy-weekly-table .report-table td:nth-child(3),
.page--report .chart-html--private-strategy-weekly-table .report-table th:nth-child(4),
.page--report .chart-html--private-strategy-weekly-table .report-table td:nth-child(4),
.page--report .chart-html--private-strategy-weekly-table .report-table th:nth-child(5),
.page--report .chart-html--private-strategy-weekly-table .report-table td:nth-child(5) {
  text-align: right !important;
}

.page--report .chart-html--private-neutral-manager-table .report-table {
  min-width: 640px;
}

.page--report .chart-html--private-neutral-manager-table .report-table th:nth-child(1),
.page--report .chart-html--private-neutral-manager-table .report-table td:nth-child(1) {
  width: 78%;
}

.page--report .chart-html--private-neutral-manager-table .report-table th:nth-child(2),
.page--report .chart-html--private-neutral-manager-table .report-table td:nth-child(2) {
  width: 22%;
  white-space: nowrap;
}

.page--report .chart-html--private-manager-detail-table .report-table {
  min-width: 100%;
}

.page--report .chart-html--private-manager-detail-table .report-table th:nth-child(1),
.page--report .chart-html--private-manager-detail-table .report-table td:nth-child(1) {
  width: 78%;
}

.page--report .chart-html--private-manager-detail-table .report-table th:nth-child(2),
.page--report .chart-html--private-manager-detail-table .report-table td:nth-child(2) {
  width: 22%;
  white-space: nowrap;
}

.page--report .chart-html--private-custodian-detail-table .report-table {
  min-width: 100%;
}

.page--report .chart-html--private-custodian-detail-table .report-table th:nth-child(1),
.page--report .chart-html--private-custodian-detail-table .report-table td:nth-child(1) {
  width: 62%;
}

.page--report .chart-html--private-custodian-detail-table .report-table th:nth-child(2),
.page--report .chart-html--private-custodian-detail-table .report-table td:nth-child(2) {
  width: 16%;
  white-space: nowrap;
}

.page--report .chart-html--private-custodian-detail-table .report-table th:nth-child(3),
.page--report .chart-html--private-custodian-detail-table .report-table td:nth-child(3) {
  width: 22%;
  white-space: nowrap;
}

.page--report .chart-html--private-manager-detail-table .report-table th,
.page--report .chart-html--private-manager-detail-table .report-table td,
.page--report .chart-html--private-custodian-detail-table .report-table th,
.page--report .chart-html--private-custodian-detail-table .report-table td {
  padding: 10px 12px;
  font-size: 12.5px;
  line-height: 1.55;
}

.page--report .chart-html--private-manager-detail-table .report-table thead th:nth-child(2),
.page--report .chart-html--private-custodian-detail-table .report-table thead th:nth-child(2),
.page--report .chart-html--private-custodian-detail-table .report-table thead th:nth-child(3) {
  white-space: normal;
  line-height: 1.4;
  letter-spacing: 0;
}

.section-item__title-group,
.tabs__item-heading,
.nb-solution-card__list-heading,
.nb-strategy-card__title-group {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(8 * var(--rpx));
  min-width: 0;
  max-width: 100%;
}

.nb-solution-card__list-heading {
  flex: 1 1 auto;
  padding-right: calc(12 * var(--rpx));
}

.section-auth-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: calc(4 * var(--rpx)) calc(10 * var(--rpx));
  border-radius: 999px;
  border: 1px solid rgba(17, 24, 39, 0.12);
  background: rgba(17, 24, 39, 0.04);
  color: #344054;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.tabs__item--active .section-auth-badge {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}

.section-auth-status {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(16 * var(--rpx));
  margin-bottom: calc(20 * var(--rpx));
  padding: calc(18 * var(--rpx)) calc(20 * var(--rpx));
  border-radius: calc(18 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(248, 250, 252, 0.92) 100%);
}

.section-auth-status__text {
  color: #344054;
  font-size: calc(22 * var(--rpx));
  line-height: 1.6;
}

.section-auth-status__button {
  flex-shrink: 0;
  min-height: calc(52 * var(--rpx));
  padding: 0 calc(22 * var(--rpx));
  border: none;
  border-radius: 999px;
  background: #111827;
  color: #ffffff;
  font-size: calc(22 * var(--rpx));
  font-weight: 700;
  cursor: pointer;
}

.section-auth-gate.empty-card {
  position: relative;
  margin-bottom: 0;
  padding: calc(26 * var(--rpx));
  overflow: hidden;
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.97) 0%, rgba(246, 248, 252, 0.94) 100%);
}

.section-auth-gate.empty-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.08), transparent 28%),
    radial-gradient(circle at bottom left, rgba(15, 23, 42, 0.05), transparent 32%);
  pointer-events: none;
}

.section-auth-gate__layout {
  position: relative;
  display: grid;
  gap: calc(18 * var(--rpx));
}

.section-auth-gate__panel {
  display: flex;
  align-items: flex-start;
  gap: calc(18 * var(--rpx));
}

.section-auth-gate__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(72 * var(--rpx));
  height: calc(72 * var(--rpx));
  border-radius: calc(18 * var(--rpx));
  background: #111827;
  color: #ffffff;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
  flex-shrink: 0;
}

.section-auth-gate__body {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  flex-direction: column;
}

.section-auth-gate__eyebrow {
  display: block;
  color: #667085;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-bottom: calc(10 * var(--rpx));
}

.section-auth-gate__title {
  display: block;
  color: #111827;
  font-size: calc(30 * var(--rpx));
  font-weight: 700;
  line-height: 1.42;
}

.section-auth-gate__period,
.section-auth-gate__desc,
.section-auth-gate__hint {
  display: block;
}

.section-auth-gate__period {
  margin-top: calc(10 * var(--rpx));
  color: #475467;
  font-size: calc(22 * var(--rpx));
  line-height: 1.6;
}

.section-auth-gate__desc {
  margin-top: calc(8 * var(--rpx));
  color: #667085;
  font-size: calc(22 * var(--rpx));
  line-height: 1.65;
}

.section-auth-gate__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(10 * var(--rpx));
  margin-top: calc(18 * var(--rpx));
}

.section-auth-gate__button {
  min-height: calc(60 * var(--rpx));
  padding: 0 calc(24 * var(--rpx));
  border: none;
  border-radius: 999px;
  background: #111827;
  color: #ffffff;
  font-size: calc(24 * var(--rpx));
  font-weight: 700;
  cursor: pointer;
  transition: filter 0.18s ease;
}

.section-auth-gate__hint {
  color: #667085;
  font-size: calc(20 * var(--rpx));
  line-height: 1.6;
}

.section-auth-preview {
  display: grid;
  gap: calc(12 * var(--rpx));
}

.section-auth-preview__card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: calc(144 * var(--rpx));
  padding: calc(18 * var(--rpx));
  border-radius: calc(18 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(255, 255, 255, 0.76);
  overflow: hidden;
}

.section-auth-preview__card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(248, 250, 252, 0.46) 100%);
  pointer-events: none;
}

.section-auth-preview__eyebrow,
.section-auth-preview__title,
.section-auth-preview__meta,
.section-auth-preview__line {
  position: relative;
  z-index: 1;
}

.section-auth-preview__eyebrow {
  color: #667085;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.section-auth-preview__title {
  margin-top: calc(10 * var(--rpx));
  color: #111827;
  font-size: calc(24 * var(--rpx));
  font-weight: 700;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.section-auth-preview__meta {
  margin-top: calc(8 * var(--rpx));
  color: #667085;
  font-size: calc(20 * var(--rpx));
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.section-auth-preview__line {
  display: block;
  height: calc(10 * var(--rpx));
  margin-top: calc(10 * var(--rpx));
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(17, 24, 39, 0.14) 0%, rgba(17, 24, 39, 0.04) 100%);
}

.section-auth-preview__line--lg {
  margin-top: auto;
  width: 88%;
}

.section-auth-preview__line--md {
  width: 66%;
}

.section-auth-preview__line--sm {
  width: 48%;
}

.auth-modal {
  position: fixed;
  inset: 0;
  z-index: 140;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(24 * var(--rpx));
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.18s ease,
    visibility 0.18s ease;
}

body.has-auth-modal {
  overflow: hidden;
}

.auth-modal--open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.auth-modal__backdrop {
  position: absolute;
  inset: 0;
  border: none;
  background:
    radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.12), transparent 28%),
    rgba(15, 23, 42, 0.56);
  backdrop-filter: blur(14px) saturate(130%);
}

.auth-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(calc(580 * var(--rpx)), 100%);
  border-radius: calc(28 * var(--rpx));
  border: 1px solid rgba(255, 255, 255, 0.44);
  background: linear-gradient(180deg, rgba(252, 252, 253, 0.98) 0%, rgba(247, 249, 252, 0.96) 100%);
  box-shadow:
    0 32px 96px rgba(15, 23, 42, 0.24),
    0 12px 32px rgba(15, 23, 42, 0.1);
  overflow: hidden;
  transform: translateY(calc(10 * var(--rpx))) scale(0.985);
  transition: transform 0.2s ease;
}

.auth-modal--open .auth-modal__dialog {
  transform: translateY(0) scale(1);
}

.auth-modal__shell {
  display: grid;
}

.auth-modal__intro {
  position: relative;
  padding: calc(30 * var(--rpx));
  background:
    radial-gradient(circle at top right, rgba(96, 165, 250, 0.32), transparent 30%),
    linear-gradient(145deg, #0f172a 0%, #18263d 52%, #1f3554 100%);
  color: #ffffff;
  overflow: hidden;
}

.auth-modal__intro::after {
  content: '';
  position: absolute;
  inset: auto calc(-80 * var(--rpx)) calc(-90 * var(--rpx)) auto;
  width: calc(220 * var(--rpx));
  height: calc(220 * var(--rpx));
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.12);
  opacity: 0.5;
}

.auth-modal__panel {
  position: relative;
  padding: calc(32 * var(--rpx));
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.08), transparent 36%),
    radial-gradient(circle at bottom left, rgba(15, 23, 42, 0.05), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(249, 250, 251, 0.96) 100%);
  backdrop-filter: blur(16px);
}

.auth-modal__panel--solo::before,
.auth-modal__panel--solo::after {
  content: '';
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
}

.auth-modal__panel--solo::before {
  top: calc(-100 * var(--rpx));
  right: calc(-72 * var(--rpx));
  width: calc(240 * var(--rpx));
  height: calc(240 * var(--rpx));
  background: radial-gradient(circle, rgba(37, 99, 235, 0.14) 0%, rgba(37, 99, 235, 0) 72%);
}

.auth-modal__panel--solo::after {
  left: calc(-86 * var(--rpx));
  bottom: calc(-120 * var(--rpx));
  width: calc(220 * var(--rpx));
  height: calc(220 * var(--rpx));
  background: radial-gradient(circle, rgba(15, 23, 42, 0.08) 0%, rgba(15, 23, 42, 0) 72%);
}

.auth-modal__close {
  position: absolute;
  top: calc(20 * var(--rpx));
  right: calc(20 * var(--rpx));
  z-index: 2;
  width: calc(44 * var(--rpx));
  height: calc(44 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
  color: #111827;
  font-size: calc(24 * var(--rpx));
  line-height: 1;
  cursor: pointer;
  transition:
    transform 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease;
}

.auth-modal__close:hover {
  transform: translateY(calc(-1 * var(--rpx)));
  border-color: rgba(17, 24, 39, 0.14);
  background: rgba(255, 255, 255, 0.96);
}

.auth-modal__eyebrow {
  display: block;
  color: rgba(255, 255, 255, 0.74);
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}

.auth-modal__title {
  margin: calc(12 * var(--rpx)) 0 0;
  color: #ffffff;
  font-size: calc(34 * var(--rpx));
  font-weight: 700;
  line-height: 1.35;
  position: relative;
  z-index: 1;
}

.auth-modal__desc,
.auth-modal__context,
.auth-modal__error {
  display: block;
}

.auth-modal__desc {
  margin-top: calc(10 * var(--rpx));
  color: rgba(255, 255, 255, 0.8);
  font-size: calc(22 * var(--rpx));
  line-height: 1.7;
  position: relative;
  z-index: 1;
}

.auth-modal__context {
  margin-top: calc(8 * var(--rpx));
  color: rgba(255, 255, 255, 0.68);
  font-size: calc(20 * var(--rpx));
  line-height: 1.6;
  position: relative;
  z-index: 1;
}

.auth-modal__feature-grid {
  position: relative;
  z-index: 1;
  display: grid;
  gap: calc(12 * var(--rpx));
  margin-top: calc(22 * var(--rpx));
}

.auth-modal__feature-card {
  display: grid;
  gap: calc(6 * var(--rpx));
  padding: calc(16 * var(--rpx));
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: calc(18 * var(--rpx));
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(6px);
}

.auth-modal__feature-label {
  color: rgba(255, 255, 255, 0.62);
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.04em;
}

.auth-modal__feature-value {
  color: #ffffff;
  font-size: calc(24 * var(--rpx));
  font-weight: 700;
  line-height: 1.5;
}

.auth-modal__tag-list {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: calc(10 * var(--rpx));
  margin-top: calc(18 * var(--rpx));
}

.auth-modal__tag {
  display: inline-flex;
  align-items: center;
  min-height: calc(40 * var(--rpx));
  padding: 0 calc(14 * var(--rpx));
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.82);
  font-size: calc(18 * var(--rpx));
  font-weight: 600;
}

.auth-modal__panel-head {
  display: grid;
  gap: calc(10 * var(--rpx));
  position: relative;
  z-index: 1;
  padding-right: calc(60 * var(--rpx));
}

.auth-modal__panel-badge {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  min-height: calc(38 * var(--rpx));
  padding: 0 calc(14 * var(--rpx));
  border-radius: 999px;
  border: 1px solid rgba(37, 99, 235, 0.12);
  background: rgba(37, 99, 235, 0.08);
  color: #1d4ed8;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.auth-modal__panel-kicker {
  color: #667085;
  font-size: calc(17 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.auth-modal__panel-title {
  margin: 0;
  color: #101828;
  font-size: calc(34 * var(--rpx));
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.02em;
}

.auth-modal__panel-desc {
  margin: 0;
  max-width: calc(520 * var(--rpx));
  color: #475467;
  font-size: calc(20 * var(--rpx));
  line-height: 1.72;
}

.auth-modal__meta-list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10 * var(--rpx));
  margin-top: calc(2 * var(--rpx));
}

.auth-modal__meta-pill {
  display: inline-flex;
  align-items: center;
  min-height: calc(38 * var(--rpx));
  padding: 0 calc(14 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: #344054;
  font-size: calc(16 * var(--rpx));
  font-weight: 600;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
}

.auth-modal__panel-context {
  color: #667085;
  font-size: calc(20 * var(--rpx));
  line-height: 1.6;
}

.auth-modal__form {
  display: grid;
  position: relative;
  z-index: 1;
  gap: calc(14 * var(--rpx));
  margin-top: calc(26 * var(--rpx));
}

.auth-modal__field {
  display: grid;
  gap: calc(8 * var(--rpx));
}

.auth-modal__label {
  color: #344054;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.01em;
}

.auth-modal__input-shell {
  display: flex;
  align-items: center;
  min-height: calc(64 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: calc(16 * var(--rpx));
  background: rgba(255, 255, 255, 0.88);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 8px 18px rgba(15, 23, 42, 0.04);
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
}

.auth-modal__input-shell:focus-within {
  border-color: #1d4ed8;
  background: #ffffff;
  box-shadow:
    0 0 0 4px rgba(37, 99, 235, 0.08),
    0 12px 24px rgba(15, 23, 42, 0.06);
}

.auth-modal__input-prefix {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: calc(56 * var(--rpx));
  align-self: stretch;
  color: #98a2b3;
  font-size: calc(17 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.08em;
}

.auth-modal__input {
  width: 100%;
  min-width: 0;
  min-height: calc(62 * var(--rpx));
  padding: 0 calc(18 * var(--rpx)) 0 0;
  border: none;
  background: transparent;
  color: #111827;
  font-size: calc(22 * var(--rpx));
  outline: none;
}

.auth-modal__input::placeholder {
  color: #98a2b3;
}

.auth-modal__input-toggle {
  flex-shrink: 0;
  min-width: calc(72 * var(--rpx));
  min-height: calc(38 * var(--rpx));
  margin-right: calc(12 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 999px;
  background: rgba(248, 250, 252, 0.92);
  color: #344054;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
  cursor: pointer;
  transition:
    background 0.18s ease,
    border-color 0.18s ease;
}

.auth-modal__input-toggle:hover {
  border-color: rgba(17, 24, 39, 0.14);
  background: #ffffff;
}

.auth-modal__actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: calc(14 * var(--rpx));
  margin-top: calc(6 * var(--rpx));
}

.auth-modal__helper {
  color: #667085;
  font-size: calc(18 * var(--rpx));
  line-height: 1.68;
}

.auth-modal__submit {
  min-height: calc(58 * var(--rpx));
  border: none;
  border-radius: calc(16 * var(--rpx));
  background: linear-gradient(135deg, #0f172a 0%, #1f3048 100%);
  color: #ffffff;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.16);
  transition:
    transform 0.18s ease,
    filter 0.18s ease,
    box-shadow 0.18s ease;
}

.auth-modal__submit:hover {
  transform: translateY(calc(-1 * var(--rpx)));
  filter: brightness(1.03);
  box-shadow: 0 18px 34px rgba(15, 23, 42, 0.18);
}

.auth-modal__submit:disabled {
  cursor: wait;
  filter: grayscale(0.2) brightness(0.94);
}

.auth-modal__switch {
  display: flex;
  justify-content: center;
}

.auth-modal__switch-button {
  min-height: calc(42 * var(--rpx));
  border: none;
  background: transparent;
  color: #1d4ed8;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  cursor: pointer;
}

.section-auth-gate__button:hover {
  filter: brightness(1.03);
}

.auth-modal__info,
.auth-modal__error {
  padding: calc(12 * var(--rpx)) calc(14 * var(--rpx));
  border-radius: calc(14 * var(--rpx));
  font-size: calc(18 * var(--rpx));
  line-height: 1.6;
}

.auth-modal__info {
  border: 1px solid rgba(22, 101, 52, 0.14);
  background: rgba(240, 253, 244, 0.92);
  color: #166534;
}

.auth-modal__error {
  border: 1px solid rgba(180, 35, 24, 0.14);
  background: rgba(254, 243, 242, 0.92);
  color: #b42318;
}

.admin-page {
  min-height: calc(100vh - 160px);
  padding: calc(34 * var(--rpx)) calc(28 * var(--rpx)) calc(120 * var(--rpx));
}

.admin-page__panel {
  width: min(1240px, 100%);
  margin: 0 auto;
  padding: calc(30 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: calc(16 * var(--rpx));
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.admin-page__head {
  display: grid;
  gap: calc(8 * var(--rpx));
}

.admin-page__head--row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.admin-page__eyebrow {
  color: #667085;
  font-size: calc(18 * var(--rpx));
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-page__title {
  margin: 0;
  color: #111827;
  font-size: calc(38 * var(--rpx));
  line-height: 1.25;
}

.admin-page__desc {
  margin: 0;
  color: #667085;
  font-size: calc(21 * var(--rpx));
  line-height: 1.55;
}

.admin-page__refresh,
.admin-user-card__button {
  min-height: calc(50 * var(--rpx));
  padding: 0 calc(20 * var(--rpx));
  border: none;
  border-radius: calc(10 * var(--rpx));
  background: #111827;
  color: #ffffff;
  font-size: calc(19 * var(--rpx));
  font-weight: 800;
  cursor: pointer;
}

.admin-page__refresh:disabled,
.admin-user-card__button:disabled {
  cursor: wait;
  opacity: 0.64;
}

.admin-page__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: calc(10 * var(--rpx));
  margin-top: calc(22 * var(--rpx));
}

.admin-page__stats span,
.admin-user-card__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(34 * var(--rpx));
  padding: 0 calc(12 * var(--rpx));
  border-radius: 999px;
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: #f8fafc;
  color: #344054;
  font-size: calc(17 * var(--rpx));
  font-weight: 800;
}

.admin-page__error,
.admin-page__empty {
  margin-top: calc(18 * var(--rpx));
  padding: calc(16 * var(--rpx));
  border-radius: calc(16 * var(--rpx));
  font-size: calc(20 * var(--rpx));
  line-height: 1.65;
}

.admin-page__error {
  border: 1px solid rgba(180, 35, 24, 0.14);
  background: #fef3f2;
  color: #b42318;
}

.admin-page__notice {
  margin-top: calc(18 * var(--rpx));
  padding: calc(16 * var(--rpx));
  border-radius: calc(16 * var(--rpx));
  font-size: calc(20 * var(--rpx));
  line-height: 1.65;
  border: 1px solid rgba(180, 83, 9, 0.2);
  background: #fff7ed;
  color: #92400e;
}

.admin-page__notice strong {
  color: #b45309;
}

.admin-page__notice--flags {
  border-color: rgba(40, 123, 83, 0.24);
  background: #eff8f3;
  color: #236646;
}

.admin-page__notice--flags strong {
  color: #1e7148;
}

.admin-page__empty {
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: #f8fafc;
  color: #667085;
}

.admin-user-list {
  display: grid;
  gap: calc(16 * var(--rpx));
  margin-top: calc(22 * var(--rpx));
}

.admin-user-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: calc(22 * var(--rpx));
  align-items: start;
  padding: calc(20 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: calc(14 * var(--rpx));
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.035);
}

.admin-user-card--pending {
  border-color: rgba(217, 119, 6, 0.22);
  background: linear-gradient(180deg, #fff 0%, #fffaf0 100%);
}

.admin-user-card__main,
.admin-user-card__meta,
.admin-user-card__actions {
  min-width: 0;
}

.admin-user-card__title-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: calc(10 * var(--rpx));
}

.admin-user-card__identity {
  display: grid;
  gap: calc(3 * var(--rpx));
  min-width: 0;
}

.admin-user-card__username {
  color: #111827;
  font-size: calc(24 * var(--rpx));
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.admin-user-card__wechat {
  color: #667085;
  font-size: calc(17 * var(--rpx));
  line-height: 1.4;
}

.admin-user-card__meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: calc(10 * var(--rpx));
  margin-top: calc(14 * var(--rpx));
}

.admin-user-card__role-list,
.admin-user-card__pdf {
  margin-top: calc(14 * var(--rpx));
}

.admin-user-card__queries {
  margin-top: calc(14 * var(--rpx));
}

.admin-user-card__alerts {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--rpx));
  margin-bottom: calc(12 * var(--rpx));
}

.admin-user-card__alerts span {
  display: inline-flex;
  align-items: center;
  min-height: calc(30 * var(--rpx));
  padding: 0 calc(10 * var(--rpx));
  border-radius: 999px;
  background: #fff7ed;
  color: #b45309;
  font-size: calc(16 * var(--rpx));
  font-weight: 800;
}

.admin-user-card__meta-item {
  display: grid;
  gap: calc(2 * var(--rpx));
  min-width: 0;
  padding: calc(10 * var(--rpx)) calc(12 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.06);
  border-radius: calc(10 * var(--rpx));
  background: #f8fafc;
}

.admin-user-card__meta-label {
  color: #98a2b3;
  font-size: calc(15 * var(--rpx));
  font-weight: 700;
}

.admin-user-card__meta-value {
  color: #344054;
  font-size: calc(17 * var(--rpx));
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.admin-user-card__roles,
.admin-user-card__role-list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--rpx));
}

.admin-user-card__role,
.admin-user-card__role-pill {
  display: inline-flex;
  align-items: center;
  gap: calc(6 * var(--rpx));
  min-height: calc(34 * var(--rpx));
  padding: 0 calc(10 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 999px;
  background: #f8fafc;
  color: #344054;
  font-size: calc(16 * var(--rpx));
  font-weight: 800;
}

.admin-user-card__role input {
  width: calc(15 * var(--rpx));
  height: calc(15 * var(--rpx));
  accent-color: #111827;
}

.admin-user-card__pdf h2 {
  margin: 0 0 calc(8 * var(--rpx));
  color: #111827;
  font-size: calc(18 * var(--rpx));
  line-height: 1.4;
}

.admin-user-card__pdf-empty {
  padding: calc(12 * var(--rpx)) calc(14 * var(--rpx));
  border: 1px dashed rgba(17, 24, 39, 0.14);
  border-radius: calc(10 * var(--rpx));
  background: #fcfcfd;
  color: #667085;
  font-size: calc(17 * var(--rpx));
}

.admin-user-card__pdf-list {
  display: grid;
  gap: calc(10 * var(--rpx));
}

.admin-user-card__queries h2 {
  margin: 0 0 calc(8 * var(--rpx));
  color: #111827;
  font-size: calc(18 * var(--rpx));
  line-height: 1.4;
}

.admin-user-card__queries-empty {
  padding: calc(12 * var(--rpx)) calc(14 * var(--rpx));
  border: 1px dashed rgba(17, 24, 39, 0.14);
  border-radius: calc(10 * var(--rpx));
  background: #fcfcfd;
  color: #667085;
  font-size: calc(17 * var(--rpx));
}

.admin-user-card__queries-list {
  display: grid;
  gap: calc(10 * var(--rpx));
}

.admin-user-query {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  align-items: center;
  gap: calc(12 * var(--rpx));
  padding: calc(10 * var(--rpx)) calc(14 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: calc(10 * var(--rpx));
  background: #f8fafc;
}

.admin-user-query__time {
  color: #98a2b3;
  font-size: calc(15 * var(--rpx));
  white-space: nowrap;
}

.admin-user-query__text {
  min-width: 0;
  overflow: hidden;
  color: #111827;
  font-size: calc(16 * var(--rpx));
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-user-query__meta {
  color: #667085;
  font-size: calc(15 * var(--rpx));
  white-space: nowrap;
}

.admin-pdf-request {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: calc(14 * var(--rpx));
  padding: calc(14 * var(--rpx)) calc(16 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: calc(10 * var(--rpx));
  background: #f8fafc;
}

.admin-pdf-request--pending {
  border-color: rgba(217, 119, 6, 0.22);
  background: #fffbeb;
}

.admin-pdf-request__main,
.admin-pdf-request__actions {
  min-width: 0;
}

.admin-pdf-request__title-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: calc(8 * var(--rpx));
}

.admin-pdf-request__title {
  color: #111827;
  font-size: calc(18 * var(--rpx));
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.admin-pdf-request__meta {
  display: flex;
  flex-wrap: wrap;
  gap: calc(7 * var(--rpx)) calc(12 * var(--rpx));
  margin-top: calc(8 * var(--rpx));
  color: #667085;
  font-size: calc(16 * var(--rpx));
  line-height: 1.5;
}

.admin-pdf-request__path {
  margin-top: calc(6 * var(--rpx));
  color: #98a2b3;
  font-size: calc(15 * var(--rpx));
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.admin-pdf-request__requester {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--rpx));
  margin-top: calc(8 * var(--rpx));
}

.admin-pdf-request__requester span {
  display: inline-flex;
  align-items: center;
  min-height: calc(28 * var(--rpx));
  padding: 0 calc(9 * var(--rpx));
  border-radius: 999px;
  background: #ffffff;
  color: #475467;
  font-size: calc(15 * var(--rpx));
  font-weight: 800;
}

.admin-pdf-request__actions {
  display: flex;
  align-items: start;
  gap: calc(8 * var(--rpx));
}

.admin-user-card__actions {
  display: grid;
  gap: calc(10 * var(--rpx));
  min-width: calc(128 * var(--rpx));
}

.admin-user-card__button--ghost {
  border: 1px solid rgba(17, 24, 39, 0.12);
  background: #ffffff;
  color: #344054;
}

.admin-user-card__button--danger {
  border: 1px solid rgba(180, 35, 24, 0.18);
  background: #fff7f5;
  color: #b42318;
}

@media (min-width: 1200px) {
  .section-item__title-group,
  .tabs__item-heading,
  .nb-solution-card__list-heading,
  .nb-strategy-card__title-group {
    gap: 8px;
  }

  .nb-solution-card__list-heading {
    padding-right: 12px;
  }

  .section-auth-badge {
    padding: 3px 8px;
    font-size: 10.5px;
  }

  .page--report .section-auth-status {
    margin-bottom: 24px;
    padding: 12px 14px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.72);
  }

  .page--report .section-auth-status__text {
    font-size: 13px;
  }

  .page--report .section-auth-status__button {
    min-height: 38px;
    padding: 0 14px;
    font-size: 12px;
  }

  .page--report .section-auth-gate.empty-card {
    margin-bottom: 0;
    padding: 28px 30px;
    border: 1px solid rgba(17, 24, 39, 0.1);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: none;
  }

  .page--report .section-auth-gate__layout {
    grid-template-columns: minmax(320px, 390px) minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
  }

  .page--report .section-auth-gate__panel {
    gap: 16px;
  }

  .page--report .section-auth-gate__icon {
    width: 46px;
    height: 46px;
    border-radius: 10px;
    font-size: 11px;
  }

  .page--report .section-auth-gate__eyebrow {
    margin-bottom: 8px;
    font-size: 11px;
  }

  .page--report .section-auth-gate__title {
    font-size: 28px;
    line-height: 1.28;
  }

  .page--report .section-auth-gate__period,
  .page--report .section-auth-gate__desc,
  .page--report .section-auth-gate__hint {
    font-size: 14px;
  }

  .page--report .section-auth-gate__actions {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 18px;
  }

  .page--report .section-auth-gate__button {
    min-height: 42px;
    padding: 0 18px;
    border-radius: 0;
    font-size: 12px;
  }

  .page--report .section-auth-preview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .page--report .section-auth-preview__card {
    min-height: 156px;
    padding: 16px;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.6);
  }

  .page--report .section-auth-preview__eyebrow {
    font-size: 10px;
  }

  .page--report .section-auth-preview__title {
    margin-top: 8px;
    font-size: 15px;
    line-height: 1.45;
  }

  .page--report .section-auth-preview__meta {
    margin-top: 6px;
    font-size: 12px;
  }

  .page--report .section-auth-preview__line {
    height: 7px;
    margin-top: 8px;
  }

  .auth-modal {
    padding: 28px;
  }

  .auth-modal__dialog {
    width: min(540px, 100%);
    border-radius: 24px;
  }

  .auth-modal__panel {
    padding: 30px 30px 28px;
  }

  .auth-modal__close {
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    font-size: 22px;
  }

  .auth-modal__panel-head {
    gap: 10px;
    padding-right: 52px;
  }

  .auth-modal__panel-badge {
    min-height: 28px;
    padding: 0 10px;
    font-size: 10.5px;
  }

  .auth-modal__panel-kicker {
    font-size: 11px;
  }

  .auth-modal__panel-title {
    font-size: 30px;
  }

  .auth-modal__panel-desc,
  .auth-modal__helper,
  .auth-modal__info,
  .auth-modal__error {
    font-size: 14px;
  }

  .auth-modal__meta-list {
    gap: 8px;
  }

  .auth-modal__meta-pill {
    min-height: 30px;
    padding: 0 10px;
    font-size: 11px;
  }

  .auth-modal__form {
    gap: 12px;
    margin-top: 22px;
  }

  .auth-modal__label {
    font-size: 12px;
  }

  .auth-modal__input-shell {
    min-height: 48px;
    border-radius: 14px;
  }

  .auth-modal__input-prefix {
    min-width: 42px;
    font-size: 11px;
  }

  .auth-modal__input {
    min-height: 42px;
    padding-right: 14px;
    font-size: 14px;
  }

  .auth-modal__input-toggle {
    min-width: 56px;
    min-height: 30px;
    margin-right: 8px;
    font-size: 11px;
  }

  .auth-modal__actions {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
  }

  .auth-modal__helper {
    max-width: 320px;
  }

  .auth-modal__submit {
    min-width: 122px;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 14px;
    font-size: 12px;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.14);
  }

  .auth-modal__switch-button {
    min-height: 34px;
    font-size: 13px;
  }

  .admin-page {
    padding: 32px 24px 72px;
  }

  .admin-page__panel {
    padding: 24px;
    border-radius: 18px;
  }

  .admin-page__eyebrow {
    font-size: 12px;
  }

  .admin-page__title {
    font-size: 28px;
  }

  .admin-page__desc {
    font-size: 15px;
  }

  .admin-page__stats span,
  .admin-user-card__status {
    min-height: 28px;
    padding: 0 10px;
    font-size: 12px;
  }

  .admin-page__error,
  .admin-page__empty,
  .admin-page__notice {
    font-size: 14px;
  }

  .admin-page__refresh,
  .admin-user-card__button {
    min-height: 38px;
    padding: 0 14px;
    border-radius: 10px;
    font-size: 13px;
  }

  .admin-user-list {
    gap: 12px;
  }

  .admin-user-card {
    gap: 14px;
    padding: 16px;
    border-radius: 14px;
  }

  .admin-user-card__username {
    font-size: 17px;
  }

  .admin-user-card__meta {
    gap: 6px 12px;
    font-size: 13px;
  }
}

.page--module-tracking-detail .chart-list--tracking-detail {
  gap: calc(24 * var(--rpx));
}

.page--module-tracking-detail .chart-subsection {
  display: flex;
  grid-column: 1 / -1;
  gap: calc(6 * var(--rpx));
  margin-top: calc(6 * var(--rpx));
  padding: calc(10 * var(--rpx)) 0 calc(4 * var(--rpx));
  border-top: 1px solid rgba(17, 24, 39, 0.08);
}

.page--module-tracking-detail .chart-list--tracking-detail > .chart-subsection:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.page--module-tracking-detail .chart-subsection__title {
  color: #101828;
  font-size: calc(24 * var(--rpx));
  font-weight: 600;
  line-height: 1.38;
  letter-spacing: -0.01em;
}

.page--module-tracking-detail .chart-card,
.page--module-tracking-detail .chart-card--focus,
.page--module-tracking-detail .chart-card--wide,
.page--module-tracking-detail .chart-card--html {
  padding: 0;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.page--module-tracking-detail .chart-card::before {
  display: none;
}

.page--module-tracking-detail .chart-card:hover {
  transform: none;
  border-color: transparent !important;
  box-shadow: none !important;
}

.page--module-tracking-detail .chart-card__header {
  margin-bottom: calc(14 * var(--rpx));
  padding-bottom: calc(12 * var(--rpx));
  border-bottom: 1px solid rgba(17, 24, 39, 0.08);
}

.page--module-tracking-detail .chart-host,
.page--module-tracking-detail .chart-html {
  border: 1px solid rgba(17, 24, 39, 0.08) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.page--module-tracking-detail .chart-host > div,
.page--module-tracking-detail .chart-host canvas,
.page--module-tracking-detail .chart-html__scroller {
  background: transparent !important;
}

.page--module-tracking-detail .chart-html {
  display: flex;
  flex-direction: column;
}

.page--module-tracking-detail .chart-html__scroller {
  padding: calc(18 * var(--rpx));
  flex: 1 1 auto;
}

.page--module-tracking-detail .chart-html--nav-tracking-table .chart-html__scroller {
  padding: 0 !important;
}

.page--module-tracking-detail .nav-tracking-table-wrap {
  gap: calc(8 * var(--rpx));
  min-width: 100%;
  background: transparent;
}

.page--module-tracking-detail .nav-tracking-table__toolbar {
  display: flex;
  justify-content: flex-end;
  padding: 0 0 calc(8 * var(--rpx));
}

.page--module-tracking-detail .nav-tracking-table__metric-control {
  display: inline-flex;
  align-items: center;
  gap: calc(8 * var(--rpx));
  color: #475467;
  font-size: calc(12 * var(--rpx));
  font-weight: 600;
  line-height: 1.4;
}

.page--module-tracking-detail .nav-tracking-table__metric-label {
  white-space: nowrap;
}

.page--module-tracking-detail .nav-tracking-table__metric-select {
  min-height: calc(34 * var(--rpx));
  min-width: calc(148 * var(--rpx));
  padding: 0 calc(12 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: calc(999 * var(--rpx));
  background: rgba(255, 255, 255, 0.96);
  color: #101828;
  font-size: calc(12.5 * var(--rpx));
  font-weight: 600;
  line-height: 1.3;
  box-shadow: none;
}

.page--module-tracking-detail .nav-tracking-table__metric-select:focus {
  outline: none;
  border-color: rgba(106, 63, 181, 0.42);
  box-shadow: 0 0 0 calc(3 * var(--rpx)) rgba(106, 63, 181, 0.12);
}

.page--module-tracking-detail .nav-tracking-table-wrap__caption {
  padding: 0 0 calc(4 * var(--rpx));
  color: #667085;
  font-size: calc(16 * var(--rpx));
  font-weight: 600;
  letter-spacing: 0.04em;
}

.page--module-tracking-detail .nav-tracking-report-table {
  width: max-content;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
}

.page--module-tracking-detail .nav-tracking-report-table th,
.page--module-tracking-detail .nav-tracking-report-table td {
  padding: calc(13 * var(--rpx)) calc(16 * var(--rpx));
  border: none !important;
  border-bottom: 1px solid rgba(17, 24, 39, 0.08) !important;
  background: transparent;
  color: #344054;
  line-height: 1.62;
  white-space: nowrap;
}

.page--module-tracking-detail .nav-tracking-report-table thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  background: transparent;
  color: #475467;
  font-weight: 700;
  border-top: 1px solid rgba(17, 24, 39, 0.08) !important;
}

.page--module-tracking-detail .nav-tracking-report-table thead th:first-child,
.page--module-tracking-detail .nav-tracking-report-table tbody td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  border-left: 1px solid rgba(17, 24, 39, 0.08) !important;
  min-width: calc(300 * var(--rpx));
  max-width: calc(360 * var(--rpx));
  box-shadow: 1px 0 0 rgba(17, 24, 39, 0.04);
}

.page--module-tracking-detail .nav-tracking-report-table thead th:first-child {
  z-index: 4;
  background: rgba(249, 250, 251, 0.96);
}

.page--module-tracking-detail .nav-tracking-report-table thead th:last-child,
.page--module-tracking-detail .nav-tracking-report-table tbody td:last-child {
  border-right: 1px solid rgba(17, 24, 39, 0.08) !important;
}

.page--module-tracking-detail .nav-tracking-report-table tbody tr td,
.page--module-tracking-detail .nav-tracking-report-table tbody tr:nth-child(odd) td,
.page--module-tracking-detail .nav-tracking-report-table tbody tr:nth-child(even) td,
.page--module-tracking-detail .nav-tracking-report-table tbody tr:hover td {
  background: transparent;
}

.page--module-tracking-detail .nav-tracking-report-table tbody td:first-child,
.page--module-tracking-detail .nav-tracking-report-table tbody tr:nth-child(odd) td:first-child,
.page--module-tracking-detail .nav-tracking-report-table tbody tr:nth-child(even) td:first-child,
.page--module-tracking-detail .nav-tracking-report-table tbody tr:hover td:first-child {
  background: rgba(252, 252, 253, 0.96);
}

.page--module-tracking-detail .nav-tracking-report-table thead th:first-child,
.page--module-tracking-detail .nav-tracking-report-table thead th:last-child,
.page--module-tracking-detail .nav-tracking-report-table tbody tr:last-child td:first-child,
.page--module-tracking-detail .nav-tracking-report-table tbody tr:last-child td:last-child {
  border-radius: 0 !important;
}

.page--module-tracking-detail .nav-tracking-table__group-row th {
  background: transparent;
  color: #111827;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-align: left;
  padding-left: calc(10 * var(--rpx));
}

.page--module-tracking-detail .nav-tracking-table__cell--name {
  color: #101828;
  font-weight: 500;
  white-space: normal !important;
  word-break: break-word;
}

.page--module-tracking-detail .nav-tracking-report-table thead th:not(:first-child) {
  min-width: calc(112 * var(--rpx));
}

.page--module-tracking-detail .nav-tracking-table__cell--numeric {
  min-width: calc(92 * var(--rpx));
}

.page--module-tracking-detail .nav-tracking-table-wrap--zitan-selector .nav-tracking-report-table thead th:first-child,
.page--module-tracking-detail .nav-tracking-table-wrap--zitan-selector .nav-tracking-report-table tbody td:first-child {
  min-width: calc(214 * var(--rpx));
  max-width: calc(252 * var(--rpx));
}

.page--module-tracking-detail .nav-tracking-table-wrap--zitan-selector .nav-tracking-table__cell--name {
  min-width: auto;
  max-width: none;
}

.page--module-tracking-detail .nav-tracking-table-wrap--zitan-selector .nav-tracking-table__metric-header,
.page--module-tracking-detail .nav-tracking-table-wrap--zitan-selector .nav-tracking-table__cell--zitan-metric {
  min-width: calc(116 * var(--rpx));
}

.page--module-tracking-detail .nav-tracking-table__cell--rank {
  min-width: calc(108 * var(--rpx));
}

.page--module-tracking-detail .nav-tracking-table__cell--bar {
  color: #344054 !important;
  background-color: transparent !important;
  background-image:
    linear-gradient(
      90deg,
      transparent calc(100% - var(--nav-tracking-bar-fill, 0%)),
      rgba(236, 72, 153, 0.22) calc(100% - var(--nav-tracking-bar-fill, 0%))
    ) !important;
  background-size: 98% 78% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.page--module-tracking-detail .nav-tracking-table__cell--bar-negative {
  background-image:
    linear-gradient(
      90deg,
      transparent calc(100% - var(--nav-tracking-bar-fill, 0%)),
      rgba(96, 165, 250, 0.26) calc(100% - var(--nav-tracking-bar-fill, 0%))
    ) !important;
}

.page--module-tracking-detail .nav-tracking-table__cell--near-year-low {
  color: #067647 !important;
}

.page--module-tracking-detail .nav-tracking-table__cell--near-year-mid {
  color: #344054 !important;
}

.page--module-tracking-detail .nav-tracking-table__cell--near-year-high {
  color: #b42318 !important;
}

.page--module-tracking-detail .nav-tracking-table__cell--top-decile {
  color: #b42318 !important;
  font-weight: 600;
}

.page--module-tracking-detail .nav-tracking-table__cell--bottom-decile {
  color: #067647 !important;
  font-weight: 600;
}

.page--module-tracking-detail .nav-tracking-table__cell--numeric,
.page--module-tracking-detail .nav-tracking-table__cell--rank {
  font-variant-numeric: tabular-nums;
}

@media (min-width: 1200px) {
  .page--module-tracking-detail .chart-subsection {
    margin-top: 10px;
    padding: 14px 0 2px;
  }

  .page--module-tracking-detail .chart-subsection__title {
    font-size: 22px;
    line-height: 1.32;
  }

  .page--module-tracking-detail .chart-list--tracking-detail {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
  }

  .page--module-tracking-detail .chart-list--tracking-detail > .chart-card {
    grid-column: auto;
  }

  .page--module-tracking-detail .chart-list--tracking-detail > .chart-card.chart-card--html {
    grid-column: 1 / -1;
  }

  .page--module-tracking-detail .chart-list--tracking-detail > .chart-card.chart-card--zitan-pair {
    grid-column: span 2;
  }

  .page--module-tracking-detail .chart-list--tracking-detail > .chart-card.chart-card--html.chart-card--zitan-pair {
    grid-column: span 2;
  }

  .page--module-tracking-detail .chart-list--tracking-detail > .chart-card.chart-card--zitan-full,
  .page--module-tracking-detail .chart-list--tracking-detail > .chart-card.chart-card--html.chart-card--zitan-full {
    grid-column: 1 / -1 !important;
  }

  .page--module-tracking-detail .chart-card__header {
    margin-bottom: 8px;
    padding-bottom: 6px;
  }

  .page--module-tracking-detail .chart-card__title {
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.01em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .page--module-tracking-detail .chart-card__subtitle {
    font-size: 10.5px;
    line-height: 1.52;
    color: #667085;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .page--module-tracking-detail .chart-html,
  .page--module-tracking-detail .chart-host {
    background: transparent !important;
  }

  .page--module-tracking-detail .chart-html--nav-tracking-table .nav-tracking-table-wrap {
    min-width: 1180px;
  }

  .page--module-tracking-detail .nav-tracking-table-wrap__caption {
    padding-bottom: 2px;
    font-size: 12px;
    letter-spacing: 0.06em;
  }

  .page--module-tracking-detail .nav-tracking-table__toolbar {
    padding-bottom: 6px;
  }

  .page--module-tracking-detail .nav-tracking-table__metric-control {
    gap: 8px;
    font-size: 11.5px;
  }

  .page--module-tracking-detail .nav-tracking-table__metric-select {
    min-height: 32px;
    min-width: 136px;
    padding: 0 12px;
    font-size: 12px;
    border-radius: 999px;
  }

  .page--module-tracking-detail .nav-tracking-report-table th,
  .page--module-tracking-detail .nav-tracking-report-table td {
    padding: 12px 15px;
    font-size: 13.5px;
    line-height: 1.6;
  }

  .page--module-tracking-detail .nav-tracking-report-table thead th {
    font-size: 12.5px;
    letter-spacing: 0.02em;
  }

  .page--module-tracking-detail .nav-tracking-report-table tbody td {
    font-size: 13.5px;
  }

  .page--module-tracking-detail .nav-tracking-table__group-row th {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 12.5px;
  }

  .page--module-tracking-detail .nav-tracking-table__cell--name {
    min-width: 252px;
    max-width: 336px;
    font-size: 13.5px;
    line-height: 1.46;
  }

  .page--module-tracking-detail .nav-tracking-table-wrap--zitan-selector .nav-tracking-report-table thead th:first-child,
  .page--module-tracking-detail .nav-tracking-table-wrap--zitan-selector .nav-tracking-report-table tbody td:first-child {
    min-width: 184px;
    max-width: 220px;
  }

  .page--module-tracking-detail .nav-tracking-table-wrap--zitan-selector .nav-tracking-table__cell--name {
    min-width: 184px;
    max-width: 220px;
  }

  .page--module-tracking-detail .nav-tracking-table-wrap--zitan-selector .nav-tracking-table__metric-header,
  .page--module-tracking-detail .nav-tracking-table-wrap--zitan-selector .nav-tracking-table__cell--zitan-metric {
    min-width: 104px;
  }

  .page--module-tracking-detail .nav-tracking-table__cell--numeric {
    min-width: 88px;
  }

  .page--module-tracking-detail .nav-tracking-table__cell--rank {
    min-width: 104px;
  }

  .page--module-tracking-detail .chart-list--tracking-detail > .chart-card:not(.chart-card--html) .chart-card__header-main {
    gap: 4px;
  }

  .page--module-tracking-detail .chart-list--tracking-detail > .chart-card:not(.chart-card--html) .chart-card__header {
    min-height: 60px;
  }

  .page--module-tracking-detail .chart-list--tracking-detail > .chart-card:not(.chart-card--html) .chart-host {
    border-top-color: rgba(17, 24, 39, 0.05) !important;
  }
}

.page--module-tracking-detail .tracking-module-button-group {
  width: auto;
  margin: calc(24 * var(--rpx)) 0 calc(18 * var(--rpx));
  background: transparent;
  border-bottom: none;
}

.page--module-tracking-detail .tracking-module-button-list {
  max-width: none;
  margin: 0;
  padding: 0;
  gap: calc(10 * var(--rpx));
  flex-wrap: wrap;
  overflow: visible;
  scrollbar-width: auto;
}

.page--module-tracking-detail .tracking-module-button {
  min-height: calc(46 * var(--rpx));
  padding: 0 calc(18 * var(--rpx));
  justify-content: center;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 calc(4 * var(--rpx)) calc(16 * var(--rpx)) rgba(15, 23, 42, 0.04);
}

.page--module-tracking-detail .tracking-module-button:hover {
  transform: translateY(calc(-1 * var(--rpx)));
  border-color: rgba(99, 37, 67, 0.2);
  background: rgba(255, 255, 255, 0.98);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 calc(8 * var(--rpx)) calc(22 * var(--rpx)) rgba(15, 23, 42, 0.08);
}

.page--module-tracking-detail .tracking-module-button--active {
  border-color: rgba(100, 21, 57, 0.34);
  background: linear-gradient(135deg, #6a163c 0%, #46182f 100%);
  box-shadow: 0 calc(10 * var(--rpx)) calc(24 * var(--rpx)) rgba(70, 24, 47, 0.18);
}

.page--module-tracking-detail .tracking-module-button--lab {
  border-color: rgba(15, 118, 110, 0.24);
  background: rgba(240, 253, 250, 0.94);
}

.page--module-tracking-detail .tracking-module-button--lab:hover {
  border-color: rgba(15, 118, 110, 0.36);
  background: rgba(240, 253, 250, 0.98);
}

.page--module-tracking-detail .tracking-module-button__label {
  color: #344054;
  font-size: calc(18 * var(--rpx));
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.page--module-tracking-detail .tracking-module-button--active .tracking-module-button__label {
  color: #ffffff;
}

.page--module-tracking-detail .tracking-module-button--lab .tracking-module-button__label {
  color: #0f766e;
}

.page--module-tracking-detail .chart-card--nav-tracking-table .chart-card__header {
  display: none;
}

.page--module-tracking-detail {
  --tracking-table-surface: #f5f7fb;
}

.page--module-tracking-detail .chart-card--nav-tracking-table .chart-html,
.page--module-tracking-detail .chart-card--nav-tracking-table .chart-html__scroller,
.page--module-tracking-detail .chart-card--nav-tracking-table .nav-tracking-table-wrap,
.page--module-tracking-detail .chart-card--nav-tracking-table .nav-tracking-report-table {
  background: transparent !important;
}

.page--module-tracking-detail .chart-list--tracking-detail > .chart-subsection:first-child + .chart-card--nav-tracking-table .chart-html {
  border-top-color: transparent !important;
}

.page--module-tracking-detail .chart-card--nav-tracking-table .chart-html {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}

.page--module-tracking-detail .nav-tracking-report-table,
.page--module-tracking-detail .nav-tracking-report-table thead,
.page--module-tracking-detail .nav-tracking-report-table tbody,
.page--module-tracking-detail .nav-tracking-report-table tr,
.page--module-tracking-detail .nav-tracking-report-table th,
.page--module-tracking-detail .nav-tracking-report-table td {
  background-color: transparent !important;
}

.page--module-tracking-detail .nav-tracking-report-table th,
.page--module-tracking-detail .nav-tracking-report-table td {
  font-weight: 500;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.page--module-tracking-detail .nav-tracking-report-table thead th {
  color: #4f2038;
  border-top-color: rgba(101, 18, 54, 0.16) !important;
  border-bottom: 1px solid rgba(101, 18, 54, 0.1) !important;
  box-shadow:
    inset 0 1px 0 rgba(101, 18, 54, 0.16),
    inset 0 -1px 0 rgba(101, 18, 54, 0.08);
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: none;
}

.page--module-tracking-detail .nav-tracking-report-table tbody td:first-child,
.page--module-tracking-detail .nav-tracking-report-table tbody tr:nth-child(odd) td:first-child,
.page--module-tracking-detail .nav-tracking-report-table tbody tr:nth-child(even) td:first-child,
.page--module-tracking-detail .nav-tracking-report-table tbody tr:hover td:first-child {
  background: var(--tracking-table-surface) !important;
}

.page--module-tracking-detail .nav-tracking-table__group-row th {
  color: #344054;
  letter-spacing: 0.03em;
  border-top: 1px solid rgba(17, 24, 39, 0.08) !important;
  position: relative;
  padding-left: calc(24 * var(--rpx));
  font-weight: 700;
}

.page--module-tracking-detail .nav-tracking-report-table thead th:first-child {
  background: var(--tracking-table-surface) !important;
}

.page--module-tracking-detail .nav-tracking-report-table thead th:not(:first-child) {
  color: #5a2840;
}

.page--module-tracking-detail .nav-tracking-table__cell--name {
  color: #182230;
  font-weight: 550;
}

.page--module-tracking-detail .nav-tracking-table__cell--numeric,
.page--module-tracking-detail .nav-tracking-table__cell--rank {
  color: #243041;
  font-weight: 500;
}

.page--module-tracking-detail .nav-tracking-report-table tbody td {
  border-bottom-color: rgba(17, 24, 39, 0.07) !important;
}

.page--module-tracking-detail .nav-tracking-report-table tbody tr:hover td {
  color: #182230;
}

.page--module-tracking-detail .nav-tracking-table__group-row th::before {
  content: '';
  position: absolute;
  left: calc(10 * var(--rpx));
  top: 50%;
  width: calc(10 * var(--rpx));
  height: calc(2 * var(--rpx));
  border-radius: 999px;
  background: rgba(101, 18, 54, 0.58);
  transform: translateY(-50%);
}

@media (min-width: 1200px) {
  .page--module-tracking-detail {
    --tracking-table-surface: #efefea;
  }

  .page--module-tracking-detail .tracking-module-button-group {
    margin-top: 30px;
    margin-bottom: 22px;
  }

  .page--module-tracking-detail .tracking-module-button-list {
    gap: 10px;
  }

  .page--module-tracking-detail .tracking-module-button {
    min-height: 40px;
    padding: 0 16px;
  }

  .page--module-tracking-detail .tracking-module-button__label {
    font-size: 13px;
    font-weight: 500;
  }

  .page--module-tracking-detail .tracking-module-button--active .tracking-module-button__label {
    font-weight: 600;
  }

  .page--module-tracking-detail .chart-card__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42;
  }

  .page--module-tracking-detail .chart-card__subtitle {
    font-size: 11px;
    line-height: 1.56;
    color: #475467;
  }

  .page--module-tracking-detail .nav-tracking-report-table th,
  .page--module-tracking-detail .nav-tracking-report-table td {
    font-size: 14.5px;
  }

  .page--module-tracking-detail .nav-tracking-report-table thead th {
    font-size: 13.5px;
    color: #4f2038;
    letter-spacing: 0.03em;
  }

  .page--module-tracking-detail .nav-tracking-table__group-row th {
    font-size: 13px;
    padding-left: 24px;
  }

  .page--module-tracking-detail .nav-tracking-table__cell--name {
    font-size: 14.5px;
    line-height: 1.5;
  }

  .page--module-tracking-detail .chart-list--tracking-detail > .chart-card:not(.chart-card--html) .chart-card__header {
    min-height: 64px;
  }

}

.page--module-tracking-detail .chart-list--tracking-detail > .chart-card:not(.chart-card--html) .chart-card__header {
  margin-bottom: 2px;
  padding-bottom: 0;
  border-bottom: none;
}

.page--module-tracking-detail .chart-list--tracking-detail > .chart-card:not(.chart-card--html) .chart-card__header-main {
  gap: 2px;
}

@media (min-width: 1200px) {
  .page--module-tracking-detail .chart-list--tracking-detail > .chart-card:not(.chart-card--html) .chart-card__header {
    min-height: 0;
    margin-bottom: 0;
  }

  .page--module-tracking-detail .chart-list--tracking-detail > .chart-card:not(.chart-card--html) .chart-card__subtitle {
    margin-bottom: 0;
  }
}

.talent-flows-hero-highlights {
  display: grid;
  gap: 10px;
}

.talent-flows-hero-highlights__eyebrow {
  color: #7a8594;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.talent-flows-hero-highlights__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid rgba(17, 24, 39, 0.08);
  border-bottom: 1px solid rgba(17, 24, 39, 0.08);
}

.talent-flows-hero-highlights__item {
  display: grid;
  gap: 6px;
  padding: 14px 0;
  min-width: 0;
}

.talent-flows-hero-highlights__item + .talent-flows-hero-highlights__item {
  padding-left: 18px;
  border-left: 1px solid rgba(17, 24, 39, 0.08);
}

.talent-flows-hero-highlights__label {
  color: #667085;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.talent-flows-hero-highlights__value {
  color: #182230;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.55;
  letter-spacing: -0.01em;
  word-break: break-word;
}

@media (min-width: 1200px) {
  .page--module-talent-flows-detail .talent-flows-hero-highlights--detail {
    margin-top: 0;
  }

  .page--module-talent-flows-search .talent-flows-hero-highlights--search {
    margin: 0 0 22px;
    padding: 20px 0 2px;
    border-top: 1px solid rgba(17, 24, 39, 0.08);
  }

  .page--module-talent-flows-detail .talent-flows-section-nav {
    top: 146px;
    margin: -2px 0 28px;
    padding: 12px 0 16px;
    background:
      linear-gradient(180deg, rgba(244, 239, 231, 0.98) 0%, rgba(244, 239, 231, 0.94) 100%);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.74);
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__row {
    gap: 12px;
    padding-bottom: 4px;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__item {
    gap: 8px;
    padding: 0 12px 0 14px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84);
    transition:
      border-color 0.18s ease,
      background 0.18s ease,
      color 0.18s ease,
      box-shadow 0.18s ease,
      transform 0.18s ease;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__item--with-meta {
    padding-right: 10px;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__item-label {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__item-meta {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.06);
    color: #667085;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    white-space: nowrap;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__item:hover {
    transform: translateY(-1px);
    border-color: rgba(17, 24, 39, 0.16);
    background: #ffffff;
    color: #111827;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.92),
      0 8px 18px rgba(15, 23, 42, 0.06);
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__item.is-active,
  .page--module-talent-flows-detail .talent-flows-section-nav__item[aria-current='true'] {
    border-color: rgba(122, 29, 67, 0.24);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 238, 242, 0.96) 100%);
    color: #111827;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.96),
      0 10px 22px rgba(122, 29, 67, 0.1);
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__item.is-active .talent-flows-section-nav__item-meta,
  .page--module-talent-flows-detail .talent-flows-section-nav__item[aria-current='true'] .talent-flows-section-nav__item-meta {
    background: rgba(122, 29, 67, 0.08);
    color: #7a1d43;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__summary {
    max-width: 720px;
  }

  .page--module-talent-flows-detail .talent-flows-section[id] {
    scroll-margin-top: 210px;
  }
}

@media (min-width: 1200px) {
  .report-hero-band,
  .report-hero-band--cta,
  .report-hero-band--stock,
  .report-hero-band--private {
    --report-band-bg-start: #651236;
    --report-band-bg-end: #5a112f;
    --report-band-accent: #d07a58;
    --report-band-stripe-1: #6a1637;
    --report-band-stripe-2: #8b283c;
    --report-band-stripe-3: #5a102f;
    --report-band-stripe-4: #884754;
    --report-band-stripe-5: #633146;
    --report-band-stripe-6: #5e2d60;
  }

  .report-hero-band,
  .insights-hero-band,
  .page--module-talent-flows > .talent-flows-hero-band:first-child {
    min-height: 172px;
    padding: 26px 0 30px;
  }

  .report-hero-band__inner,
  .insights-hero-band__inner,
  .page--module-talent-flows > .talent-flows-hero-band:first-child .talent-flows-hero-band__inner {
    gap: 14px;
    min-height: 116px;
    padding-top: 8px;
    align-content: center;
    justify-items: start;
    text-align: left;
  }

  .report-hero-band__eyebrow,
  .insights-hero-band__eyebrow,
  .page--module-talent-flows > .talent-flows-hero-band:first-child .talent-flows-hero-band__eyebrow {
    font-size: 11px;
    letter-spacing: 0.11em;
  }

  .report-hero-band__title,
  .insights-hero-band__title,
  .page--module-talent-flows > .talent-flows-hero-band:first-child .talent-flows-hero-band__title {
    font-size: 56px;
    line-height: 1;
    letter-spacing: -0.032em;
  }

  .report-hero-band__desc,
  .insights-hero-band__desc,
  .page--module-talent-flows > .talent-flows-hero-band:first-child .talent-flows-hero-band__desc {
    max-width: 780px;
    font-size: 14px;
    line-height: 1.64;
  }

  .page--module-talent-flows > .talent-flows-hero-band:first-child .talent-flows-hero-band__desc {
    max-width: 860px;
  }

  .report-section-nav {
    top: 146px;
    z-index: 1;
    border-bottom: none;
    background: rgba(244, 239, 231, 0.96);
    box-shadow: none;
    backdrop-filter: none;
  }

  .report-section-nav__inner {
    padding: 12px 72px 16px;
  }

  .insights-hero-toolbar {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: #ffffff;
    border-bottom: 1px solid rgba(17, 24, 39, 0.1);
  }

  .insights-hero-toolbar__inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 12px 72px 14px;
    box-sizing: border-box;
  }

  .insights-hero-toolbar__row {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .insights-hero-toolbar__row::-webkit-scrollbar {
    display: none;
  }

  .insights-hero-toolbar__row .insights-filter-pill {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .insights-search {
    gap: 10px;
  }

  .insights-search__input {
    min-height: 44px;
    padding: 0 16px;
    border-color: rgba(17, 24, 39, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
    font-size: 13px;
  }

  .insights-search__button {
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid rgba(100, 21, 57, 0.34);
    border-radius: 999px;
    background: linear-gradient(135deg, #6a163c 0%, #46182f 100%);
    box-shadow: 0 10px 24px rgba(70, 24, 47, 0.16);
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.01em;
    transition:
      transform 0.18s ease,
      border-color 0.18s ease,
      box-shadow 0.18s ease,
      filter 0.18s ease;
  }

  .insights-search__button:hover {
    transform: translateY(-1px);
    border-color: rgba(122, 29, 67, 0.42);
    box-shadow: 0 12px 26px rgba(70, 24, 47, 0.22);
    filter: saturate(1.04);
  }

  .tabs--report-desktop .tabs__row {
    gap: 10px;
  }

  .tabs--report-desktop .tabs__item {
    min-width: 0;
    max-width: none;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1px solid rgba(17, 24, 39, 0.1);
    background: rgba(255, 255, 255, 0.92);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.86),
      0 4px 16px rgba(15, 23, 42, 0.04);
    flex-direction: row;
    align-items: center;
    gap: 8px;
    transition:
      transform 0.18s ease,
      border-color 0.18s ease,
      background 0.18s ease,
      color 0.18s ease,
      box-shadow 0.18s ease;
  }

  .tabs--report-desktop .tabs__item-heading {
    flex-wrap: nowrap;
    gap: 6px;
  }

  .tabs--report-desktop .tabs__item:hover {
    transform: translateY(-1px);
    border-color: rgba(99, 37, 67, 0.2);
    background: rgba(255, 255, 255, 0.98);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.92),
      0 8px 22px rgba(15, 23, 42, 0.08);
  }

  .tabs--report-desktop .tabs__item--active {
    border-color: rgba(100, 21, 57, 0.34);
    background: linear-gradient(135deg, #6a163c 0%, #46182f 100%);
    box-shadow: 0 10px 24px rgba(70, 24, 47, 0.18);
  }

  .tabs--report-desktop .tabs__item-title {
    color: #344054;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: -0.01em;
    white-space: nowrap;
  }

  .tabs--report-desktop .tabs__item-count,
  .tabs--report-desktop .section-auth-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 0 8px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.06);
    color: #667085;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .tabs--report-desktop .tabs__item--active .tabs__item-title,
  .tabs--report-desktop .tabs__item--active .tabs__item-count,
  .tabs--report-desktop .tabs__item--active .section-auth-badge {
    color: #ffffff;
  }

  .tabs--report-desktop .tabs__item--active .tabs__item-count,
  .tabs--report-desktop .tabs__item--active .section-auth-badge {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.16);
  }

  .insights-filter-pill,
  .page--module-talent-flows-detail .talent-flows-section-nav__item {
    border-color: rgba(17, 24, 39, 0.1);
    background: rgba(255, 255, 255, 0.92);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.86),
      0 4px 16px rgba(15, 23, 42, 0.04);
    transition:
      transform 0.18s ease,
      border-color 0.18s ease,
      background 0.18s ease,
      color 0.18s ease,
      box-shadow 0.18s ease;
  }

  .insights-filter-pill {
    min-height: 34px;
    padding: 0 14px;
    color: #344054;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.005em;
  }

  .insights-filter-pill span {
    color: #667085;
    transition: color 0.18s ease;
  }

  .insights-filter-pill:hover,
  .page--module-talent-flows-detail .talent-flows-section-nav__item:hover {
    transform: translateY(-1px);
    border-color: rgba(99, 37, 67, 0.2);
    background: rgba(255, 255, 255, 0.98);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.92),
      0 8px 22px rgba(15, 23, 42, 0.08);
  }

  .insights-filter-pill--active,
  .insights-filter-pill--active span {
    border-color: rgba(100, 21, 57, 0.34);
    background: linear-gradient(135deg, #6a163c 0%, #46182f 100%);
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(70, 24, 47, 0.18);
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__row {
    gap: 10px;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__item {
    min-height: 40px;
    padding: 0 16px;
    color: #344054;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__item--with-meta {
    padding-right: 12px;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__item-label {
    min-height: 40px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: -0.01em;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__item-meta {
    min-height: 22px;
    padding: 0 8px;
    background: rgba(15, 23, 42, 0.06);
    color: #667085;
    font-size: 10px;
    letter-spacing: 0.08em;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__item.is-active,
  .page--module-talent-flows-detail .talent-flows-section-nav__item[aria-current='true'] {
    border-color: rgba(100, 21, 57, 0.34);
    background: linear-gradient(135deg, #6a163c 0%, #46182f 100%);
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(70, 24, 47, 0.18);
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__item.is-active .talent-flows-section-nav__item-label,
  .page--module-talent-flows-detail .talent-flows-section-nav__item[aria-current='true'] .talent-flows-section-nav__item-label,
  .page--module-talent-flows-detail .talent-flows-section-nav__item.is-active .talent-flows-section-nav__item-meta,
  .page--module-talent-flows-detail .talent-flows-section-nav__item[aria-current='true'] .talent-flows-section-nav__item-meta {
    color: #ffffff;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__item.is-active .talent-flows-section-nav__item-meta,
  .page--module-talent-flows-detail .talent-flows-section-nav__item[aria-current='true'] .talent-flows-section-nav__item-meta {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.16);
  }
}

@media (min-width: 1200px) {
  .home-featured-data-band__inner {
    gap: 32px;
    padding: 40px 72px 46px;
  }

  .home-featured-data-band__heading {
    font-size: 31px;
  }

  .home-featured-data-band__grid {
    gap: 44px;
  }

  .home-featured-data-band__item {
    gap: 20px;
    align-items: center;
  }

  .home-featured-data-band__accent {
    height: 92px;
    border-radius: 999px;
    opacity: 0.92;
  }

  .home-featured-data-band__title {
    font-size: 29px;
    line-height: 1.24;
  }

  .home-featured-data-band__arrow {
    font-size: 26px;
    opacity: 0.7;
    transform: translateY(-1px);
  }

  .page--report .nb-section-heading--report-intro {
    margin-bottom: 22px;
  }

  .report-section-intro__meta {
    gap: 10px;
    min-width: 408px;
    align-self: start;
  }

  .report-section-intro__meta-item {
    gap: 4px;
    padding: 12px 14px;
    border-color: rgba(17, 24, 39, 0.06);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.54);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
  }

  .report-section-intro__meta-label {
    font-size: 9.5px;
    letter-spacing: 0.11em;
  }

  .report-section-intro__meta-value {
    font-size: 15px;
    line-height: 1.34;
  }

  .insights-hub__toolbar {
    gap: 18px;
    margin-bottom: 24px;
    padding-bottom: 16px;
  }

  .insights-filter-card {
    padding: 14px 16px;
    border: 1px solid rgba(17, 24, 39, 0.06);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.68);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
  }

  .insights-hub__summary {
    gap: 5px;
    padding: 4px 0 4px 20px;
    border-left-color: rgba(17, 24, 39, 0.08);
  }

  .insights-hub__summary-value {
    font-size: 34px;
    letter-spacing: -0.035em;
  }

  .insights-hub__summary-label {
    color: #344054;
    font-size: 12px;
  }

  .insights-hub__summary-list {
    gap: 4px;
    font-size: 11px;
    line-height: 1.64;
  }

  .page--insights .insights-featured-section {
    gap: 14px;
    margin-bottom: 28px;
  }

  .insights-list {
    gap: 24px;
  }

  .insights-list-card {
    gap: 22px;
    padding-bottom: 24px;
  }

  .insights-list-card__title {
    font-size: 24px;
  }

  .insights-list-card__excerpt {
    line-height: 1.74;
  }

  .nb-footer-follow {
    grid-template-columns: minmax(0, 288px) minmax(0, 1fr);
    gap: 32px;
  }

  .nb-footer-follow__intro {
    gap: 12px;
    max-width: 270px;
  }

  .nb-footer-follow__title {
    font-size: 27px;
  }

  .nb-footer-follow__grid {
    gap: 14px;
  }

  .nb-footer-qr-card {
    gap: 14px;
    padding: 14px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
  }

  .nb-footer-qr-card:hover {
    background: rgba(255, 255, 255, 0.065);
    border-color: rgba(255, 255, 255, 0.15);
  }

  .nb-footer-qr-card__image {
    border-radius: 8px;
  }

  .nb-footer-qr-card__caption {
    gap: 4px;
    padding-top: 4px;
  }

  .nb-footer-qr-card__title {
    line-height: 1.36;
  }

  .nb-footer-qr-card__desc {
    line-height: 1.58;
  }
}

@media (min-width: 1200px) {
  .page--report > .report-section-nav + .nb-section {
    padding-top: 48px;
  }

  .report-section-nav__inner {
    width: calc(100% - 48px);
    padding: 28px 72px 26px;
  }

  .tabs--report-desktop .tabs__row {
    gap: 10px;
  }

  .tabs--report-desktop .tabs__item {
    min-height: 46px;
    padding: 0 18px;
    gap: 8px;
    border-color: rgba(17, 24, 39, 0.1);
    background: rgba(255, 255, 255, 0.92);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.86),
      0 4px 16px rgba(15, 23, 42, 0.04);
  }

  .tabs--report-desktop .tabs__item-heading {
    gap: 6px;
  }

  .tabs--report-desktop .tabs__item:hover {
    transform: translateY(-1px);
    border-color: rgba(99, 37, 67, 0.2);
    background: rgba(255, 255, 255, 0.98);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.92),
      0 8px 22px rgba(15, 23, 42, 0.08);
  }

  .tabs--report-desktop .tabs__item--active {
    border-color: rgba(100, 21, 57, 0.34);
    background: linear-gradient(135deg, #6a163c 0%, #46182f 100%);
    box-shadow: 0 10px 24px rgba(70, 24, 47, 0.18);
  }

  .tabs--report-desktop .tabs__item-title {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: -0.01em;
  }

  .tabs--report-desktop .tabs__item-count,
  .tabs--report-desktop .section-auth-badge {
    min-height: 22px;
    padding: 0 8px;
    font-size: 10px;
  }

  .page--report .nb-section-heading--report-intro {
    gap: 10px;
    margin-bottom: 12px;
  }

  .page--report .nb-section-heading--report-intro .nb-section-heading__main {
    gap: 6px;
    max-width: 680px;
  }

  .page--report .nb-section-heading__eyebrow {
    font-size: 10px;
    letter-spacing: 0.14em;
  }

  .page--report .nb-section-heading__title {
    font-size: 28px;
    line-height: 1.12;
  }

  .page--report .nb-section-heading--report-intro .nb-section-heading__desc {
    max-width: 640px;
  }

  .page--report .report-section-intro__meta {
    grid-template-columns: minmax(172px, 1.18fr) repeat(2, minmax(104px, 0.82fr));
    gap: 6px;
    min-width: 380px;
  }

  .page--report .report-section-intro__meta-item {
    gap: 2px;
    padding: 9px 11px 8px;
    border-radius: 10px;
    border-color: rgba(17, 24, 39, 0.05);
    background: rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
  }

  .page--report .report-section-intro__meta-label {
    font-size: 8.5px;
    letter-spacing: 0.13em;
  }

  .page--report .report-section-intro__meta-value {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.28;
  }

  .article-page-hero__inner {
    padding-top: 38px;
    padding-bottom: 24px;
  }

  .article-page-hero__topline {
    justify-content: flex-start;
    gap: 11px;
    margin-bottom: 10px;
  }

  .article-page-hero__tags {
    margin-bottom: 10px;
  }

  .article-page-hero__title {
    max-width: 744px;
    font-size: 48px;
    line-height: 1.01;
  }

  .article-page-hero__meta {
    gap: 8px;
    margin-top: 14px;
    font-size: 12px;
  }

  .article-page-hero__summary {
    margin-top: 12px;
    max-width: 660px;
    font-size: 16px;
    line-height: 1.62;
  }

  .article-page-hero__cover {
    width: min(100%, 952px);
    margin-top: 16px;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
  }

  .article-page-body__inner {
    padding-top: 16px;
  }

  .article-page-content {
    max-width: 744px;
  }

  .article-page-content__section-nav {
    gap: 6px;
    margin: 0 0 18px;
    padding: 10px 0 14px;
    border-top: 1px solid rgba(17, 24, 39, 0.06);
    border-bottom-color: rgba(17, 24, 39, 0.06);
  }

  .article-page-content__section-nav-label {
    font-size: 9.5px;
    letter-spacing: 0.16em;
  }

  .article-page-content__section-nav-links {
    gap: 6px;
  }

  .article-page-content__section-nav-link {
    min-height: 28px;
    padding: 0 10px;
    border-color: rgba(17, 24, 39, 0.08);
    background: rgba(255, 255, 255, 0.62);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84);
    font-size: 11px;
    font-weight: 600;
    transition:
      transform 0.18s ease,
      border-color 0.18s ease,
      background 0.18s ease,
      color 0.18s ease,
      box-shadow 0.18s ease;
  }

  .article-page-content__section-nav-link:hover {
    transform: translateY(-1px);
    border-color: rgba(99, 37, 67, 0.18);
    background: rgba(255, 255, 255, 0.96);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.92),
      0 4px 12px rgba(15, 23, 42, 0.035);
  }

  .article-page-content .article-richtext h2 {
    margin-top: 38px;
    font-size: 28px;
  }

  .article-page-content .article-richtext h3 {
    margin-top: 26px;
  }

  .article-page-content__footer {
    margin-top: 34px;
    padding-top: 14px;
  }

  .article-page-content__footer-actions {
    gap: 14px;
  }

  .article-page-content__pager {
    gap: 10px;
    margin-top: 24px;
    padding-top: 16px;
  }

  .article-page-content__pager-link {
    padding: 13px 15px;
    border-color: rgba(17, 24, 39, 0.06);
    background: rgba(255, 255, 255, 0.38);
  }

  .article-page-related__inner {
    padding-top: 38px;
  }

  .article-page-related__header {
    margin-bottom: 18px;
  }

  .page--module-talent-flows-person .talent-flows-hero--detail {
    grid-template-columns: minmax(0, 1.14fr) minmax(292px, 0.86fr);
    gap: 14px 20px;
    padding: 16px 18px 14px;
    background: rgba(255, 255, 255, 0.52);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.7),
      0 10px 22px rgba(15, 23, 42, 0.025);
  }

  .page--module-talent-flows-person .talent-flows-hero--detail .talent-flows-hero__main {
    gap: 5px;
  }

  .page--module-talent-flows-person .talent-flows-hero--detail .talent-flows-hero__desc {
    font-size: 12px;
    line-height: 1.54;
  }

  .page--module-talent-flows-person .talent-flows-hero--detail .talent-flows-hero__summary {
    max-width: 584px;
    font-size: 12.5px;
    line-height: 1.58;
  }

  .page--module-talent-flows-person .talent-flows-hero-highlights--detail {
    padding-left: 0;
  }

  .page--module-talent-flows-person .talent-flows-hero-highlights--detail .talent-flows-hero-highlights__eyebrow {
    margin-bottom: 5px;
    font-size: 9.5px;
  }

  .page--module-talent-flows-person .talent-flows-hero-highlights--detail .talent-flows-hero-highlights__grid {
    grid-template-columns: minmax(148px, 0.9fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .page--module-talent-flows-person .talent-flows-hero-highlights--detail .talent-flows-hero-highlights__item {
    gap: 4px;
  }

  .page--module-talent-flows-person .talent-flows-hero-highlights--detail .talent-flows-hero-highlights__item
    + .talent-flows-hero-highlights__item {
    padding-left: 12px;
  }

  .page--module-talent-flows-person .talent-flows-hero-highlights--detail .talent-flows-hero-highlights__label {
    font-size: 9px;
  }

  .page--module-talent-flows-person .talent-flows-hero-highlights--detail .talent-flows-hero-highlights__value {
    font-size: 12px;
    line-height: 1.48;
  }

  .page--module-talent-flows-person .talent-flows-hero--detail .talent-flows-hero__aside {
    border-top-color: rgba(17, 24, 39, 0.07);
    border-bottom-color: rgba(17, 24, 39, 0.07);
  }

  .page--module-talent-flows-person .talent-flows-hero--detail .talent-flows-kpi-card {
    min-height: 54px;
    padding: 8px 0 6px 11px;
  }

  .page--module-talent-flows-person .talent-flows-hero--detail .talent-flows-kpi-card__label {
    font-size: 9.5px;
    letter-spacing: 0.13em;
  }

  .page--module-talent-flows-person .talent-flows-hero--detail .talent-flows-kpi-card__value {
    font-size: 17px;
  }

  .page--module-talent-flows-person .talent-flows-person-detail__tags {
    gap: 5px;
  }

  .page--module-talent-flows-person .talent-flows-person-detail__tag {
    min-height: 22px;
    padding: 0 8px;
    border-color: rgba(17, 24, 39, 0.06);
    background: rgba(255, 255, 255, 0.62);
    color: #526072;
    font-size: 10px;
    font-weight: 600;
  }

  .page--module-talent-flows-person .talent-flows-section-nav {
    margin: 0 0 18px;
    padding: 7px 0 10px;
    background:
      linear-gradient(180deg, rgba(244, 239, 231, 0.94) 0%, rgba(244, 239, 231, 0.9) 100%);
  }

  .page--module-talent-flows-person .talent-flows-section__head {
    gap: 6px 14px;
  }

  .page--module-talent-flows-person .talent-flows-section__desc {
    max-width: 660px;
    font-size: 11.5px;
    line-height: 1.58;
  }

  .page--module-talent-flows-person .talent-flows-panel-grid--detail {
    gap: 14px;
  }

  .page--module-talent-flows-person .talent-flows-panel {
    gap: 12px;
    padding: 20px;
  }

  .page--module-talent-flows-person .talent-flows-headhunter-card__summary,
  .page--module-talent-flows-person .talent-flows-headhunter-card__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .page--module-talent-flows-person .talent-flows-headhunter-card__score {
    min-width: 0;
    justify-items: start;
  }

  .page--module-talent-flows-person .talent-flows-headhunter-card__badge {
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
  }

  .page--module-talent-flows-person .talent-flows-headhunter-card__summary {
    gap: 12px;
  }

  .page--module-talent-flows-person .talent-flows-headhunter-card__score {
    padding: 12px;
  }

  .page--module-talent-flows-person .talent-flows-headhunter-card__score strong {
    font-size: 21px;
    font-weight: 600;
    letter-spacing: -0.02em;
  }

  .page--module-talent-flows-person .talent-flows-headhunter-card__score span {
    margin-top: 5px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
  }

  .page--module-talent-flows-person .talent-flows-headhunter-card__tags {
    gap: 6px;
    margin-top: 8px;
  }

  .page--module-talent-flows-person .talent-flows-headhunter-card__source-row {
    gap: 6px;
    margin-top: 8px;
  }

  .page--module-talent-flows-person .talent-flows-headhunter-card__source-row span {
    min-height: 26px;
    padding: 0 9px;
    font-size: 11px;
    font-weight: 600;
  }

  .page--module-talent-flows-person .talent-flows-headhunter-card__tags span {
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
  }

  .page--module-talent-flows-person .talent-flows-headhunter-card__grid {
    gap: 8px;
  }

  .page--module-talent-flows-person .talent-flows-headhunter-card__item {
    gap: 5px;
    padding: 12px 12px 11px;
  }

  .page--module-talent-flows-person .talent-flows-headhunter-card__item-label,
  .page--module-talent-flows-person .talent-flows-headhunter-card__guardrails span {
    font-size: 11px;
    line-height: 1.62;
  }

  .page--module-talent-flows-person .talent-flows-headhunter-card__item strong {
    font-size: 12px;
    line-height: 1.68;
    font-weight: 600;
  }

  .page--module-talent-flows-person .talent-flows-headhunter-card__links {
    gap: 6px;
  }

  .page--module-talent-flows-person .talent-flows-headhunter-card__links a,
  .page--module-talent-flows-person .talent-flows-headhunter-card__link-extra {
    min-height: 26px;
    padding: 0 9px;
    font-size: 11px;
    font-weight: 600;
  }

  .page--module-talent-flows-person .talent-flows-headhunter-card__guardrails {
    gap: 4px;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline {
    gap: 10px;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline::before {
    top: 13px;
    bottom: 13px;
    left: 130px;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__item {
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 20px;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__item::before {
    top: 13px;
    left: 124px;
    width: 10px;
    height: 10px;
    box-shadow: 0 0 0 3px rgba(239, 246, 255, 0.92);
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__item--current::before {
    box-shadow: 0 0 0 3px rgba(219, 234, 254, 0.92);
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__period {
    gap: 5px;
    padding-top: 7px;
    font-size: 9.5px;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__item--current .talent-flows-person-timeline__period::after {
    min-height: 20px;
    padding: 0 6px;
    font-size: 9px;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__body {
    gap: 4px;
    padding: 11px 13px 11px;
    background: rgba(255, 255, 255, 0.56);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.025);
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__company {
    font-size: 14.5px;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__meta {
    font-size: 11px;
    line-height: 1.58;
  }

  .page--module-talent-flows-person .talent-flows-related-list {
    gap: 8px;
  }

  .page--module-talent-flows-person .talent-flows-related-item {
    min-height: 112px;
    gap: 5px;
    padding: 13px 15px;
    background: rgba(255, 255, 255, 0.56);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.025);
  }

  .page--module-talent-flows-person .talent-flows-related-item::after {
    top: 13px;
    right: 13px;
    font-size: 11px;
  }

  .page--module-talent-flows-person a.talent-flows-related-item:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.03);
  }

  .page--module-talent-flows-person .talent-flows-related-item__relation {
    min-height: 18px;
    padding: 0 6px;
    background: rgba(244, 247, 251, 0.96);
    color: #526072;
    font-size: 9px;
  }

  .page--module-talent-flows-person .talent-flows-related-item__name {
    padding-right: 13px;
    font-size: 14px;
    line-height: 1.42;
  }

  .page--module-talent-flows-person .talent-flows-related-item__meta {
    font-size: 11px;
    line-height: 1.56;
  }
}

@media (min-width: 1200px) {
  .article-page-hero__inner,
  .article-page-body__inner,
  .article-page-related__inner {
    padding-left: 72px;
    padding-right: 72px;
  }

  .article-page-body__inner {
    justify-items: start;
  }

  .article-page-content {
    width: min(100%, 720px);
  }

  .report-hero-band__inner {
    gap: 14px;
    min-height: 96px;
    padding-top: 2px;
  }

  .report-hero-band__title {
    font-size: 54px;
    line-height: 0.98;
  }

  .report-hero-band__desc {
    max-width: 740px;
    font-size: 13px;
    line-height: 1.58;
  }

  .report-section-nav__inner {
    padding: 28px 72px 26px;
  }

  .tabs--report-desktop .tabs__row {
    gap: 8px;
  }

  .tabs--report-desktop .tabs__item {
    min-height: 44px;
    padding: 0 15px;
    gap: 7px;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.88),
      0 3px 12px rgba(15, 23, 42, 0.035);
  }

  .tabs--report-desktop .tabs__item--active {
    box-shadow: 0 8px 18px rgba(70, 24, 47, 0.16);
  }

  .page--report .nb-section-heading--report-intro {
    gap: 8px;
    margin-bottom: 10px;
  }

  .page--report .nb-section-heading--report-intro .nb-section-heading__main {
    gap: 5px;
    max-width: 640px;
  }

  .page--report .nb-section-heading__title {
    font-size: 26px;
    line-height: 1.08;
  }

  .page--report .report-section-intro__meta {
    grid-template-columns: minmax(168px, 1.16fr) repeat(2, minmax(96px, 0.76fr));
    gap: 5px;
    min-width: 356px;
  }

  .page--report .report-section-intro__meta-item {
    gap: 2px;
    padding: 8px 10px 7px;
    background: rgba(255, 255, 255, 0.24);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
  }

  .page--report .report-section-intro__meta-value {
    font-size: 12.5px;
    line-height: 1.24;
  }

  .article-page-hero__inner {
    padding-top: 32px;
    padding-bottom: 18px;
  }

  .article-page-hero__topline {
    gap: 9px;
    margin-bottom: 8px;
  }

  .article-page-hero__tags {
    margin-bottom: 8px;
  }

  .article-page-hero__title {
    max-width: 708px;
    font-size: 44px;
    line-height: 1;
  }

  .article-page-hero__meta {
    gap: 7px;
    margin-top: 12px;
    font-size: 11.5px;
  }

  .article-page-hero__summary {
    margin-top: 10px;
    max-width: 620px;
    font-size: 15px;
    line-height: 1.58;
  }

  .article-page-hero__cover {
    width: min(100%, 900px);
    margin-top: 14px;
    border-color: rgba(17, 24, 39, 0.06);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.035);
  }

  .article-page-body__inner {
    padding-top: 12px;
  }

  .article-page-content {
    max-width: 720px;
  }

  .article-page-content__section-nav {
    gap: 5px;
    margin: 0 0 16px;
    padding: 8px 0 12px;
  }

  .article-page-content__section-nav-links {
    gap: 5px;
  }

  .article-page-content__section-nav-link {
    min-height: 26px;
    padding: 0 9px;
    font-size: 10.5px;
  }

  .article-page-content .article-richtext h2 {
    margin-top: 34px;
    font-size: 27px;
  }

  .article-page-content .article-richtext h3 {
    margin-top: 22px;
  }

  .article-page-content__footer {
    margin-top: 28px;
    padding-top: 12px;
  }

  .article-page-content__pager {
    gap: 8px;
    margin-top: 20px;
    padding-top: 14px;
  }

  .article-page-content__pager-link {
    padding: 12px 14px;
  }

  .article-page-related__inner {
    padding-top: 32px;
  }

  .article-page-related__header {
    margin-bottom: 16px;
  }

  .page--module-talent-flows-person .talent-flows-hero--detail {
    grid-template-columns: minmax(0, 1.12fr) minmax(284px, 0.88fr);
    gap: 12px 18px;
    padding: 14px 16px 12px;
    background: rgba(255, 255, 255, 0.48);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.68),
      0 8px 18px rgba(15, 23, 42, 0.02);
  }

  .page--module-talent-flows-person .talent-flows-hero--detail .talent-flows-hero__main {
    gap: 4px;
  }

  .page--module-talent-flows-person .talent-flows-hero--detail .talent-flows-hero__desc {
    font-size: 11.5px;
    line-height: 1.5;
  }

  .page--module-talent-flows-person .talent-flows-hero--detail .talent-flows-hero__summary {
    max-width: 560px;
    font-size: 12px;
    line-height: 1.54;
  }

  .page--module-talent-flows-person .talent-flows-hero-highlights--detail .talent-flows-hero-highlights__eyebrow {
    margin-bottom: 4px;
    font-size: 9px;
  }

  .page--module-talent-flows-person .talent-flows-hero-highlights--detail .talent-flows-hero-highlights__grid {
    grid-template-columns: minmax(140px, 0.88fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .page--module-talent-flows-person .talent-flows-hero-highlights--detail .talent-flows-hero-highlights__item
    + .talent-flows-hero-highlights__item {
    padding-left: 10px;
  }

  .page--module-talent-flows-person .talent-flows-hero-highlights--detail .talent-flows-hero-highlights__value {
    font-size: 11.5px;
    line-height: 1.44;
  }

  .page--module-talent-flows-person .talent-flows-hero--detail .talent-flows-kpi-card {
    min-height: 50px;
    padding: 7px 0 5px 10px;
  }

  .page--module-talent-flows-person .talent-flows-hero--detail .talent-flows-kpi-card__label {
    font-size: 9px;
  }

  .page--module-talent-flows-person .talent-flows-hero--detail .talent-flows-kpi-card__value {
    font-size: 16px;
  }

  .page--module-talent-flows-person .talent-flows-person-detail__tags {
    gap: 4px;
  }

  .page--module-talent-flows-person .talent-flows-person-detail__tag {
    min-height: 20px;
    padding: 0 7px;
    font-size: 9px;
    background: rgba(255, 255, 255, 0.58);
  }

  .page--module-talent-flows-person .talent-flows-section-nav {
    margin: 0 0 14px;
    padding: 5px 0 8px;
  }

  .page--module-talent-flows-person .talent-flows-section-nav__row {
    gap: 8px;
  }

  .page--module-talent-flows-person .talent-flows-section-nav__item {
    min-height: 38px;
    padding: 0 14px;
  }

  .page--module-talent-flows-person .talent-flows-section-nav__item-label {
    min-height: 38px;
    font-size: 12.5px;
  }

  .page--module-talent-flows-person .talent-flows-section-nav__item-meta {
    min-height: 20px;
    padding: 0 7px;
    font-size: 9px;
  }

  .page--module-talent-flows-person .talent-flows-section {
    gap: 12px;
  }

  .page--module-talent-flows-person .talent-flows-section__head {
    gap: 5px 12px;
  }

  .page--module-talent-flows-person .talent-flows-section__desc {
    max-width: 620px;
    font-size: 11px;
    line-height: 1.54;
  }

  .page--module-talent-flows-person .talent-flows-panel-grid--detail {
    gap: 12px;
  }

  .page--module-talent-flows-person .talent-flows-panel {
    gap: 10px;
    padding: 18px;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline {
    gap: 8px;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline::before {
    top: 12px;
    bottom: 12px;
    left: 122px;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__item {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 18px;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__item::before {
    top: 12px;
    left: 116px;
    width: 9px;
    height: 9px;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__period {
    gap: 4px;
    padding-top: 6px;
    font-size: 9px;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__item--current .talent-flows-person-timeline__period::after {
    min-height: 18px;
    font-size: 8.5px;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__body {
    padding: 10px 12px;
    border-color: rgba(17, 24, 39, 0.06);
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.02);
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__company {
    font-size: 14px;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__meta {
    font-size: 10.5px;
    line-height: 1.52;
  }

  .page--module-talent-flows-person .talent-flows-related-list {
    gap: 7px;
  }

  .page--module-talent-flows-person .talent-flows-related-item {
    min-height: 104px;
    gap: 4px;
    padding: 12px 14px;
    border-color: rgba(17, 24, 39, 0.06);
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.02);
  }

  .page--module-talent-flows-person .talent-flows-related-item::after {
    top: 12px;
    right: 12px;
    font-size: 10.5px;
  }

  .page--module-talent-flows-person a.talent-flows-related-item:hover {
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.024);
  }

  .page--module-talent-flows-person .talent-flows-related-item__relation {
    min-height: 17px;
    padding: 0 6px;
    font-size: 8.5px;
  }

  .page--module-talent-flows-person .talent-flows-related-item__name {
    padding-right: 12px;
    font-size: 13.5px;
    line-height: 1.38;
  }

  .page--module-talent-flows-person .talent-flows-related-item__meta {
    font-size: 10.5px;
    line-height: 1.52;
  }
}

/* --------------------------------------------------------------------------
   UI polish pass 2026-04-25
   Scope: visual-only refinements; no content/data/layout semantics changed.
   -------------------------------------------------------------------------- */
:root {
  --nb-polish-ink: #071225;
  --nb-polish-muted: #5c6676;
  --nb-polish-line: rgba(15, 23, 42, 0.105);
  --nb-polish-card: rgba(255, 255, 255, 0.82);
  --nb-polish-card-strong: rgba(255, 255, 255, 0.94);
  --nb-polish-shadow-sm: 0 10px 26px rgba(15, 23, 42, 0.045);
  --nb-polish-shadow-md: 0 18px 48px rgba(15, 23, 42, 0.075);
  --nb-polish-shadow-lg: 0 28px 72px rgba(15, 23, 42, 0.12);
  --nb-polish-radius: 22px;
}

html {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  color: var(--nb-polish-ink);
  font-family:
    Inter,
    ui-sans-serif,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "PingFang SC",
    "Hiragino Sans GB",
    "Microsoft YaHei",
    Arial,
    sans-serif;
}

button,
a,
input,
select {
  -webkit-tap-highlight-color: transparent;
}

@media (min-width: 1200px) {
  body {
    background:
      radial-gradient(circle at 8% -6%, rgba(111, 19, 53, 0.1), transparent 30%),
      radial-gradient(circle at 96% 8%, rgba(32, 58, 115, 0.11), transparent 32%),
      linear-gradient(180deg, #f3f1eb 0%, #ece9e2 46%, #f5f3ee 100%);
  }

  .app-shell {
    background:
      linear-gradient(180deg, rgba(250, 249, 246, 0.62) 0%, rgba(239, 239, 234, 0.96) 36%, rgba(239, 239, 234, 1) 100%);
  }

  .nb-site-header__utility {
    background:
      radial-gradient(circle at 85% 0%, rgba(47, 111, 115, 0.18), transparent 26%),
      linear-gradient(90deg, #0b0f17 0%, #151515 52%, #101a2a 100%);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.06);
  }

  .nb-site-header__main {
    background: rgba(226, 225, 218, 0.9);
    border-bottom-color: rgba(15, 23, 42, 0.075);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055);
    backdrop-filter: blur(18px) saturate(1.08);
  }

  .nb-site-header__brand-title,
  .nb-site-header__nav-link {
    color: #080f1d;
  }

  .nb-site-header__brand-title {
    letter-spacing: -0.02em;
  }

  .nb-site-header__brand-subtitle,
  .nb-site-header__utility-note,
  .nb-site-header__utility-meta {
    letter-spacing: 0.02em;
  }

  .nb-site-header__nav-link {
    font-weight: 650;
  }

  .nb-site-header__nav-menu {
    border-color: rgba(15, 23, 42, 0.09);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 24px 58px rgba(15, 23, 42, 0.14);
  }

  .nb-hero--home,
  .report-hero-band,
  .insights-hero-band,
  .library-hero-band,
  .page--module-talent-flows > .talent-flows-hero-band:first-child {
    box-shadow:
      inset 0 -1px 0 rgba(255, 255, 255, 0.08),
      0 24px 60px rgba(87, 13, 43, 0.08);
  }

  .nb-hero--home {
    background:
      radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.06), transparent 26%),
      linear-gradient(115deg, #641035 0%, #5a0d2c 50%, #4b0a25 100%);
  }

  .nb-home-hero__stripe-field {
    opacity: 0.92;
    filter: saturate(1.08);
  }

  .report-hero-band,
  .insights-hero-band,
  .library-hero-band,
  .page--module-talent-flows > .talent-flows-hero-band:first-child {
    background-blend-mode: screen, normal;
  }

  .nb-solution-card,
  .home-article-card,
  .home-insights-showcase__card,
  .tracking-module-card,
  .talent-flows-panel,
  .talent-flows-kpi-card,
  .talent-flows-company-card,
  .talent-flows-person-card,
  .talent-flows-directory-card,
  .insights-filter-card,
  .insights-featured-card,
  .insights-list-card,
  .library-archive__controls,
  .library-archive__summary,
  .library-article-row,
  .library-pagination,
  .library-detail-main,
  .article-page-content,
  .article-page-related-card,
  .chart-card,
  .empty-card:not(.section-auth-gate) {
    border-color: var(--nb-polish-line);
    box-shadow: var(--nb-polish-shadow-sm);
  }

  .nb-solution-card,
  .home-article-card,
  .home-insights-showcase__card,
  .tracking-module-card,
  .talent-flows-panel,
  .talent-flows-company-card,
  .talent-flows-person-card,
  .talent-flows-directory-card,
  .insights-filter-card,
  .insights-featured-card,
  .insights-list-card,
  .library-archive__controls,
  .library-archive__summary,
  .library-article-row,
  .library-pagination,
  .library-detail-main,
  .article-page-content,
  .chart-card,
  .empty-card:not(.section-auth-gate) {
    background: linear-gradient(180deg, var(--nb-polish-card-strong) 0%, rgba(255, 255, 255, 0.78) 100%);
  }

  .nb-solution-card,
  .tracking-module-card,
  .home-insights-showcase__card,
  .insights-featured-card,
  .insights-list-card,
  .library-article-row,
  .chart-card,
  .talent-flows-company-card,
  .talent-flows-person-card,
  .talent-flows-directory-card,
  .home-article-card {
    transition:
      transform 0.18s ease,
      border-color 0.18s ease,
      box-shadow 0.18s ease,
      background-color 0.18s ease;
  }

  .nb-solution-card:hover,
  .tracking-module-card:hover,
  .home-insights-showcase__card:hover,
  .insights-featured-card:hover,
  .insights-list-card:hover,
  .library-article-row:hover,
  .chart-card:hover,
  .talent-flows-company-card:hover,
  .talent-flows-person-card:hover,
  .talent-flows-directory-card:hover,
  .home-article-card:hover {
    transform: translateY(-3px);
    border-color: rgba(111, 19, 53, 0.18);
    box-shadow: var(--nb-polish-shadow-md);
  }

  .chart-card,
  .library-article-row,
  .insights-list-card,
  .insights-featured-card {
    border-radius: var(--nb-polish-radius);
  }

  .chart-card__title,
  .library-article-row__title,
  .insights-featured-card__title,
  .insights-list-card__title,
  .nb-solution-card__title,
  .home-article-card__title,
  .tracking-module-card__title {
    letter-spacing: -0.018em;
  }

  .chart-card__subtitle,
  .library-article-row__excerpt,
  .insights-featured-card__excerpt,
  .insights-list-card__excerpt,
  .nb-solution-card__desc,
  .tracking-module-card__desc,
  .talent-flows-section__desc {
    color: var(--nb-polish-muted);
  }

  .chart-card__download-btn,
  .library-search-bar__button,
  .insights-search__button,
  .primary-btn,
  .nb-button--dark {
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.14);
  }

  .chart-card__download-btn:hover,
  .library-search-bar__button:hover,
  .insights-search__button:hover,
  .primary-btn:hover,
  .nb-button--dark:hover {
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.18);
  }

  .tabs__item,
  .tracking-module-button,
  .library-strategy-tab,
  .insights-filter-pill {
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.045);
  }

  .tabs__item:hover,
  .tracking-module-button:hover,
  .library-strategy-tab:hover,
  .insights-filter-pill:hover {
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);
  }

  .library-archive__inner,
  .insights-hub__inner {
    position: relative;
  }

  .library-archive__inner::before,
  .insights-hub__inner::before {
    content: '';
    position: absolute;
    inset: -24px -18px auto;
    height: 180px;
    pointer-events: none;
    background: radial-gradient(circle at 12% 0%, rgba(111, 19, 53, 0.055), transparent 34%);
    opacity: 0.9;
  }

  .library-archive__filters,
  .library-article-list,
  .library-pagination,
  .insights-hub__sidebar,
  .insights-hub__content {
    position: relative;
    z-index: 1;
  }

  .library-article-row {
    margin-bottom: 14px;
    padding: 26px 30px;
    border: 1px solid var(--nb-polish-line);
  }

  .library-article-row + .library-article-row {
    margin-top: 0;
  }

  .library-article-row__footer {
    border-top: 1px solid rgba(15, 23, 42, 0.055);
    padding-top: 14px;
  }

  .library-article-row__cta,
  .insights-list-card__cta,
  .insights-featured-card__cta,
  .home-article-card__title:hover {
    color: #5f1234;
  }

  .library-pagination {
    padding: 16px 18px;
    border: 1px solid var(--nb-polish-line);
    border-radius: 18px;
  }

  .chart-card {
    overflow: hidden;
  }

  .chart-card__header {
    border-bottom-color: rgba(15, 23, 42, 0.075);
  }

  .chart-html table,
  .tracking-table,
  .private-report-table,
  .nav-tracking-table {
    border-color: rgba(15, 23, 42, 0.075);
  }

  .chart-html table th,
  .tracking-table th,
  .private-report-table th,
  .nav-tracking-table th {
    background: rgba(248, 250, 252, 0.84);
  }
}

@media (max-width: 1199px) {
  body {
    background:
      radial-gradient(circle at 0% 0%, rgba(111, 19, 53, 0.08), transparent 28%),
      linear-gradient(180deg, #f5f7fb 0%, #eef2f7 100%);
  }

  .nav-bar {
    background: rgba(248, 250, 252, 0.92);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    backdrop-filter: blur(14px) saturate(1.08);
  }

  .app-shell {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96) 0%, #f4f7fb 100%);
  }

  .card,
  .report-card,
  .section-item,
  .chart-card,
  .empty-card,
  .nb-mobile-insight-card,
  .library-mobile,
  .article-page-mobile-card {
    border: 1px solid rgba(15, 23, 42, 0.07);
    box-shadow: 0 calc(12 * var(--rpx)) calc(34 * var(--rpx)) rgba(15, 23, 42, 0.055);
  }

  .primary-btn,
  .chart-card__download-btn {
    box-shadow: 0 calc(10 * var(--rpx)) calc(22 * var(--rpx)) rgba(15, 23, 42, 0.14);
  }
}

/* --------------------------------------------------------------------------
   UI polish pass 2026-04-25 / continuation
   Scope: CSS-only visual tuning for existing blocks; no content or data changes.
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .page--home .nb-solution-card {
    overflow: hidden;
    border-radius: 22px;
    border-color: rgba(15, 23, 42, 0.095);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.055);
    transition:
      transform 0.18s ease,
      border-color 0.18s ease,
      box-shadow 0.18s ease;
  }

  .page--home .nb-solution-card::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
      radial-gradient(circle at 96% 0%, rgba(111, 19, 53, 0.06), transparent 32%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent 46%);
    opacity: 0.9;
  }

  .page--home .nb-solution-card > * {
    position: relative;
    z-index: 1;
  }

  .page--home .nb-solution-card:hover {
    transform: translateY(-3px);
    border-color: rgba(111, 19, 53, 0.16);
    box-shadow: 0 24px 58px rgba(15, 23, 42, 0.08);
  }

  .page--home .nb-solution-card__badge {
    border-radius: 999px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  }

  .home-featured-data-band {
    background:
      radial-gradient(circle at 12% 0%, rgba(118, 208, 222, 0.16), transparent 30%),
      radial-gradient(circle at 84% 0%, rgba(111, 19, 53, 0.18), transparent 28%),
      linear-gradient(135deg, #24316a 0%, #303b7a 52%, #1b244d 100%);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.06),
      inset 0 -1px 0 rgba(255, 255, 255, 0.08);
  }

  .home-featured-data-band__item {
    border-radius: 18px;
    transition:
      transform 0.18s ease,
      opacity 0.18s ease;
  }

  .home-featured-data-band__item:hover {
    transform: translateY(-2px);
    opacity: 1;
  }

  .home-featured-data-band__accent {
    box-shadow: 0 14px 34px rgba(118, 208, 222, 0.18);
  }

  .page--module-tracking-detail .chart-card--nav-tracking-table {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .page--module-tracking-detail .chart-card--nav-tracking-table .chart-html {
    border: 0;
    background: transparent;
  }

  .page--module-tracking-detail .chart-card--nav-tracking-table .chart-html__scroller {
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow:
      inset 0 0 0 1px rgba(15, 23, 42, 0.07),
      0 12px 32px rgba(15, 23, 42, 0.035);
  }

  .nav-tracking-report-table {
    background: rgba(255, 255, 255, 0.82);
  }

  .nav-tracking-report-table thead th {
    background: linear-gradient(180deg, rgba(252, 253, 255, 0.98) 0%, rgba(247, 248, 251, 0.98) 100%);
    color: #50122f;
  }

  .nav-tracking-report-table tbody td:first-child {
    background: rgba(255, 255, 255, 0.9);
  }

  .nav-tracking-report-table tbody tr:nth-child(even) td {
    background: rgba(248, 250, 252, 0.62);
  }

  .nav-tracking-report-table tbody tr:hover td,
  .nav-tracking-report-table tbody tr:nth-child(even):hover td {
    background: rgba(111, 19, 53, 0.038);
  }

  .nav-tracking-report-table tbody tr:hover td:first-child,
  .nav-tracking-report-table tbody tr:nth-child(even):hover td:first-child {
    background: rgba(253, 247, 249, 0.96);
  }

  .nav-tracking-table__group-row th {
    background: linear-gradient(90deg, rgba(111, 19, 53, 0.06), rgba(248, 250, 252, 0.9));
  }

  .page--module-talent-flows .talent-flows-search-panel,
  .page--module-talent-flows .talent-flows-panel,
  .page--module-talent-flows .talent-flows-chart-card {
    border-radius: 22px;
    border-color: rgba(15, 23, 42, 0.095);
    background:
      radial-gradient(circle at 0% 0%, rgba(47, 111, 115, 0.04), transparent 30%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.74) 100%);
    box-shadow: 0 18px 46px rgba(15, 23, 42, 0.055);
  }

  .page--module-talent-flows .talent-flows-panel::before,
  .page--module-talent-flows .talent-flows-chart-card::before {
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
  }

  .page--module-talent-flows .talent-flows-firm-mini,
  .page--module-talent-flows .talent-flows-route-mini {
    transition:
      background-color 0.18s ease,
      transform 0.18s ease;
  }

  .page--module-talent-flows .talent-flows-firm-mini:hover,
  .page--module-talent-flows .talent-flows-route-mini:hover {
    background: rgba(255, 255, 255, 0.52);
    transform: translateX(2px);
  }

  .page--insights .insights-featured-card__media,
  .page--insights .insights-list-card__media {
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
  }

  .page--insights .insights-featured-card__image,
  .page--insights .insights-list-card__image,
  .home-article-card__image,
  .home-insights-showcase__image {
    transition: transform 0.28s ease;
  }

  .page--insights .insights-featured-card:hover .insights-featured-card__image,
  .page--insights .insights-list-card:hover .insights-list-card__image,
  .home-article-card:hover .home-article-card__image,
  .home-insights-showcase__card:hover .home-insights-showcase__image {
    transform: scale(1.018);
  }

  .nb-explore-band {
    background:
      radial-gradient(circle at 8% 0%, rgba(118, 208, 222, 0.13), transparent 30%),
      linear-gradient(135deg, #17234f 0%, #1b2758 62%, #111b3d 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  }

  .nb-footer-follow {
    background: transparent;
    box-shadow: none;
  }

  .nb-footer-qr-card {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.045);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.1);
  }
}

@media (max-width: 1199px) {
  .card,
  .report-card,
  .section-item,
  .chart-card,
  .empty-card,
  .nb-mobile-insight-card,
  .library-mobile,
  .article-page-mobile-card {
    border-radius: calc(22 * var(--rpx));
  }

  .chart-host,
  .chart-html,
  .library-mobile,
  .article-page-mobile-card {
    overflow: hidden;
  }

  .tabs,
  .tracking-module-button-list,
  .library-strategy-tabs,
  .insights-filter-pill-list {
    scrollbar-width: none;
  }

  .tabs::-webkit-scrollbar,
  .tracking-module-button-list::-webkit-scrollbar,
  .library-strategy-tabs::-webkit-scrollbar,
  .insights-filter-pill-list::-webkit-scrollbar {
    display: none;
  }
}

/* --------------------------------------------------------------------------
   UI polish pass 2026-04-25 / finishing details
   Scope: CSS-only refinements for texture, hierarchy and interaction states.
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .nb-site-header__utility {
    background:
      radial-gradient(circle at 74% 0%, rgba(47, 111, 115, 0.22), transparent 24%),
      radial-gradient(circle at 100% 50%, rgba(111, 19, 53, 0.12), transparent 30%),
      linear-gradient(90deg, #090d14 0%, #141414 54%, #0d1a2a 100%);
  }

  .nb-site-header__main {
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.42) inset,
      0 14px 38px rgba(15, 23, 42, 0.052);
  }

  .nb-site-header__nav-link {
    transition:
      color 0.16s ease,
      transform 0.16s ease,
      opacity 0.16s ease;
  }

  .nb-site-header__nav-link:hover,
  .nb-site-header__nav-link--active {
    color: #5f1234;
  }

  .nb-site-header__nav-link:hover {
    transform: translateY(-1px);
  }

  .nb-site-header__nav-link::after {
    height: 3px;
    border-radius: 999px;
  }

  .nb-site-header__nav-link:hover::after,
  .nb-site-header__nav-link--active::after,
  .nb-site-header__nav-group--has-menu:hover .nb-site-header__nav-link::after,
  .nb-site-header__nav-group--has-menu:focus-within .nb-site-header__nav-link::after {
    background: linear-gradient(90deg, #5f1234 0%, #111827 100%);
  }

  .nb-site-header__nav-menu {
    padding: 12px;
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.72) inset,
      0 24px 62px rgba(15, 23, 42, 0.14);
  }

  .nb-site-header__nav-menu-link {
    transition:
      background 0.16s ease,
      color 0.16s ease,
      transform 0.16s ease;
  }

  .nb-site-header__nav-menu-link:hover,
  .nb-site-header__nav-menu-link--active {
    transform: translateX(2px);
  }

  .nb-hero--home,
  .report-hero-band,
  .insights-hero-band,
  .page--library .tracking-module-intro--hero,
  .page--library-detail .tracking-module-intro--hero,
  .page--module-tracking .tracking-module-intro--hero,
  .page--module-talent-flows > .talent-flows-hero-band:first-child {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.05),
      inset 0 -1px 0 rgba(255, 255, 255, 0.08),
      0 24px 70px rgba(87, 13, 43, 0.075);
  }

  .report-section-nav,
  .insights-hero-toolbar,
  .page--library .library-section-nav {
    background: rgba(244, 240, 233, 0.88);
    border-bottom: 1px solid rgba(15, 23, 42, 0.075);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.035);
    backdrop-filter: blur(18px) saturate(1.05);
  }

  .tabs--report-desktop .tabs__item,
  .tracking-module-button,
  .insights-filter-pill,
  .library-strategy-tab {
    transition:
      transform 0.18s ease,
      border-color 0.18s ease,
      background-color 0.18s ease,
      color 0.18s ease,
      box-shadow 0.18s ease;
  }

  .tabs--report-desktop .tabs__item:hover,
  .tracking-module-button:hover,
  .insights-filter-pill:hover,
  .library-strategy-tab:hover {
    transform: translateY(-1px);
  }

  .tabs--report-desktop .tabs__item--active,
  .tracking-module-button--active,
  .insights-filter-pill--active,
  .library-strategy-tab--active {
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.28) inset,
      0 14px 30px rgba(95, 18, 52, 0.16);
  }

  .page--report .chart-card,
  .page--module-tracking .chart-card,
  .page--module-tracking-detail .chart-card {
    border: 1px solid rgba(15, 23, 42, 0.085);
    background:
      radial-gradient(circle at 0% 0%, rgba(255, 255, 255, 0.92), transparent 34%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.76) 100%);
  }

  .page--report .chart-card__header,
  .page--module-tracking .chart-card__header,
  .page--module-tracking-detail .chart-card__header {
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
  }

  .chart-card__download-btn {
    border: 1px solid rgba(255, 255, 255, 0.1);
  }

  .chart-host,
  .chart-html {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 250, 252, 0.88) 100%);
  }

  .chart-html__scroller::-webkit-scrollbar {
    height: 10px;
  }

  .chart-html__scroller::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.045);
    border-radius: 999px;
  }

  .chart-html__scroller::-webkit-scrollbar-thumb {
    border: 2px solid rgba(255, 255, 255, 0.72);
    background: rgba(95, 18, 52, 0.24);
  }

  .page--home .nb-solution-card__rule,
  .library-article-row__footer,
  .insights-list-card__footer,
  .insights-featured-card__footer {
    border-color: rgba(15, 23, 42, 0.06);
  }

  .page--home .nb-solution-card__list-item,
  .page--module-talent-flows .talent-flows-firm-mini,
  .page--module-talent-flows .talent-flows-route-mini {
    border-radius: 12px;
  }

  .page--home .nb-solution-card__list-item {
    padding: 2px 0;
  }

  .home-featured-data-band__item {
    background: rgba(255, 255, 255, 0.035);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.055);
  }

  .home-featured-data-band__item:hover {
    background: rgba(255, 255, 255, 0.06);
  }

  .library-search-bar,
  .insights-search,
  .talent-flows-search-form__field {
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.82) inset,
      0 14px 36px rgba(15, 23, 42, 0.04);
  }

  .library-search-bar:focus-within,
  .insights-search:focus-within,
  .talent-flows-search-form__field:focus-within {
    border-color: rgba(95, 18, 52, 0.28);
    box-shadow:
      0 0 0 4px rgba(95, 18, 52, 0.06),
      0 16px 38px rgba(15, 23, 42, 0.06);
  }

  .library-article-row {
    position: relative;
    overflow: hidden;
  }

  .library-article-row::before {
    content: '';
    position: absolute;
    top: 18px;
    bottom: 18px;
    left: 0;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(95, 18, 52, 0.78), rgba(47, 111, 115, 0.3));
    opacity: 0.72;
  }

  .library-article-row:hover::before {
    opacity: 1;
  }

  .library-article-row__eyebrow-label,
  .library-article-row__badge,
  .insights-filter-pill,
  .talent-flows-overview-pill {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  }

  .library-detail-main,
  .article-page-content {
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.78) inset,
      0 22px 56px rgba(15, 23, 42, 0.058);
  }

  .library-detail-richtext h2,
  .article-page-richtext h2 {
    letter-spacing: -0.018em;
  }

  .library-detail-richtext p,
  .library-detail-richtext li,
  .article-page-richtext p,
  .article-page-richtext li {
    color: #182336;
  }

  .page--module-talent-flows .talent-flows-search-panel {
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.78) inset,
      0 22px 54px rgba(15, 23, 42, 0.07);
  }

  .page--module-talent-flows .talent-flows-panel,
  .page--module-talent-flows .talent-flows-chart-card {
    position: relative;
    overflow: hidden;
  }

  .page--module-talent-flows .talent-flows-panel::after,
  .page--module-talent-flows .talent-flows-chart-card::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 100% 0%, rgba(95, 18, 52, 0.045), transparent 32%);
  }

  .page--module-talent-flows .talent-flows-panel > *,
  .page--module-talent-flows .talent-flows-chart-card > * {
    position: relative;
    z-index: 1;
  }

  .nb-footer-qr-card {
    transition:
      transform 0.18s ease,
      border-color 0.18s ease,
      background-color 0.18s ease,
      box-shadow 0.18s ease;
  }

  .nb-footer-qr-card:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.065);
  }
}

@media (max-width: 1199px) {
  .card,
  .report-card,
  .section-item,
  .chart-card,
  .empty-card,
  .nb-mobile-insight-card,
  .library-mobile,
  .article-page-mobile-card,
  .talent-flows-search-panel,
  .talent-flows-panel {
    box-shadow:
      0 calc(1 * var(--rpx)) 0 rgba(255, 255, 255, 0.78) inset,
      0 calc(14 * var(--rpx)) calc(34 * var(--rpx)) rgba(15, 23, 42, 0.06);
  }

  input:focus,
  select:focus,
  button:focus-visible,
  a:focus-visible {
    outline: calc(4 * var(--rpx)) solid rgba(95, 18, 52, 0.12);
    outline-offset: calc(2 * var(--rpx));
  }

  .chart-html__scroller::-webkit-scrollbar {
    height: calc(8 * var(--rpx));
  }

  .chart-html__scroller::-webkit-scrollbar-thumb {
    background: rgba(95, 18, 52, 0.22);
    border-radius: 999px;
  }
}

/* --------------------------------------------------------------------------
   UI cleanup pass 2026-04-25
   Scope: remove over-polished shadows/glows and align desktop purple bands.
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  :root {
    --nb-polish-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.035);
    --nb-polish-shadow-md: 0 6px 18px rgba(15, 23, 42, 0.055);
    --nb-polish-shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.08);
    --nb-band-height: 172px;
  }

  body {
    background: #efefea;
  }

  .app-shell {
    background: #efefea;
  }

  .nb-site-header__main {
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.07);
    backdrop-filter: none;
  }

  .nb-site-header__utility {
    box-shadow: none;
  }

  .nb-site-header__nav-link:hover {
    transform: none;
  }

  .nb-site-header__nav-menu {
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
  }

  .nb-hero--home,
  .report-hero-band,
  .insights-hero-band,
  .library-hero-band,
  .page--library .tracking-module-intro--hero,
  .page--library-detail .tracking-module-intro--hero,
  .page--module-tracking .tracking-module-intro--hero,
  .page--module-talent-flows > .talent-flows-hero-band:first-child {
    min-height: var(--nb-band-height);
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
  }

  .report-hero-band,
  .insights-hero-band,
  .library-hero-band,
  .page--library .tracking-module-intro--hero,
  .page--library-detail .tracking-module-intro--hero,
  .page--module-tracking .tracking-module-intro--hero,
  .page--module-talent-flows > .talent-flows-hero-band:first-child {
    display: grid;
    align-items: center;
    background:
      linear-gradient(90deg, #651236 0%, #651236 74%, #5a112f 100%);
  }

  .report-hero-band::after,
  .insights-hero-band::after,
  .library-hero-band::after,
  .page--library .tracking-module-intro--hero::after,
  .page--library-detail .tracking-module-intro--hero::after,
  .page--module-tracking .tracking-module-intro--hero::after,
  .page--module-talent-flows > .talent-flows-hero-band:first-child::after {
    display: none;
  }

  .report-hero-band::before,
  .insights-hero-band::before,
  .library-hero-band::before,
  .page--library .tracking-module-intro--hero::before,
  .page--library-detail .tracking-module-intro--hero::before,
  .page--module-tracking .tracking-module-intro--hero::before,
  .page--module-talent-flows > .talent-flows-hero-band:first-child::before {
    width: min(24vw, 276px);
    opacity: 0.9;
  }

  .report-hero-band__inner,
  .insights-hero-band__inner,
  .page--module-talent-flows > .talent-flows-hero-band:first-child .talent-flows-hero-band__inner {
    width: var(--nb-page-shell-max-width);
    max-width: var(--nb-page-shell-max-width);
    min-height: var(--nb-band-height);
    margin: 0 auto;
    padding: 0 var(--nb-page-content-gutter);
    display: grid;
    gap: 8px;
    align-content: center;
    justify-items: start;
    box-sizing: border-box;
  }

  .page--library .tracking-module-intro--hero,
  .page--library-detail .tracking-module-intro--hero,
  .page--module-tracking .tracking-module-intro--hero {
    gap: 8px;
    align-content: center;
  }

  .page--library .tracking-module-intro--hero > *,
  .page--library-detail .tracking-module-intro--hero > *,
  .page--module-tracking .tracking-module-intro--hero > * {
    width: var(--nb-page-shell-max-width);
    max-width: var(--nb-page-shell-max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--nb-page-content-gutter);
    padding-right: var(--nb-page-content-gutter);
    box-sizing: border-box;
  }

  .report-hero-band__eyebrow,
  .insights-hero-band__eyebrow,
  .page--module-talent-flows > .talent-flows-hero-band:first-child .talent-flows-hero-band__eyebrow,
  .page--library .tracking-module-intro__eyebrow--hero,
  .page--library-detail .tracking-module-intro__eyebrow--hero,
  .page--module-tracking .tracking-module-intro__eyebrow--hero {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 11px;
    line-height: 1.35;
    letter-spacing: 0.11em;
  }

  .report-hero-band__title,
  .insights-hero-band__title,
  .page--module-talent-flows > .talent-flows-hero-band:first-child .talent-flows-hero-band__title,
  .page--library .tracking-module-intro--hero .tracking-module-intro__title,
  .page--library-detail .tracking-module-intro--hero .tracking-module-intro__title,
  .page--module-tracking .tracking-module-intro--hero .tracking-module-intro__title {
    margin: 0;
    color: #ffffff;
    font-size: 54px;
    font-weight: 500;
    line-height: 1.02;
    letter-spacing: -0.032em;
  }

  .report-hero-band__desc,
  .insights-hero-band__desc,
  .page--module-talent-flows > .talent-flows-hero-band:first-child .talent-flows-hero-band__desc,
  .page--library .tracking-module-intro--hero .tracking-module-intro__desc,
  .page--library-detail .tracking-module-intro--hero .tracking-module-intro__desc,
  .page--module-tracking .tracking-module-intro--hero .tracking-module-intro__desc {
    margin: 0;
    max-width: 860px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 14px;
    line-height: 1.62;
  }

  .report-section-nav,
  .insights-hero-toolbar,
  .page--library .library-section-nav {
    background: #efefea;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: none;
    backdrop-filter: none;
  }

  .tabs--report-desktop .tabs__item,
  .tracking-module-button,
  .insights-filter-pill,
  .library-strategy-tab {
    box-shadow: none;
  }

  .tabs--report-desktop .tabs__item:hover,
  .tracking-module-button:hover,
  .insights-filter-pill:hover,
  .library-strategy-tab:hover {
    transform: none;
    box-shadow: none;
  }

  .tabs--report-desktop .tabs__item--active,
  .tracking-module-button--active,
  .insights-filter-pill--active,
  .library-strategy-tab--active {
    box-shadow: none;
  }

  .nb-solution-card::after,
  .page--home .nb-solution-card::after,
  .library-archive__inner::before,
  .insights-hub__inner::before,
  .page--module-talent-flows .talent-flows-panel::after,
  .page--module-talent-flows .talent-flows-chart-card::after {
    display: none;
  }

  .nb-solution-card,
  .home-article-card,
  .home-insights-showcase__card,
  .tracking-module-card,
  .talent-flows-panel,
  .talent-flows-kpi-card,
  .talent-flows-company-card,
  .talent-flows-person-card,
  .talent-flows-directory-card,
  .insights-filter-card,
  .insights-featured-card,
  .insights-list-card,
  .library-archive__controls,
  .library-archive__summary,
  .library-article-row,
  .library-pagination,
  .library-detail-main,
  .article-page-content,
  .article-page-related-card,
  .chart-card,
  .empty-card:not(.section-auth-gate) {
    border-color: rgba(15, 23, 42, 0.085);
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035);
  }

  .page--report .chart-card,
  .page--module-tracking .chart-card,
  .page--module-tracking-detail .chart-card,
  .page--module-talent-flows .talent-flows-search-panel,
  .page--module-talent-flows .talent-flows-panel,
  .page--module-talent-flows .talent-flows-chart-card {
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035);
  }

  .nb-solution-card:hover,
  .tracking-module-card:hover,
  .home-insights-showcase__card:hover,
  .insights-featured-card:hover,
  .insights-list-card:hover,
  .library-article-row:hover,
  .chart-card:hover,
  .talent-flows-company-card:hover,
  .talent-flows-person-card:hover,
  .talent-flows-directory-card:hover,
  .home-article-card:hover {
    transform: none;
    border-color: rgba(15, 23, 42, 0.14);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.055);
  }

  .library-search-bar,
  .insights-search,
  .talent-flows-search-form__field {
    box-shadow: none;
  }

  .library-search-bar:focus-within,
  .insights-search:focus-within,
  .talent-flows-search-form__field:focus-within {
    border-color: rgba(95, 18, 52, 0.24);
    box-shadow: 0 0 0 3px rgba(95, 18, 52, 0.055);
  }

  .chart-host,
  .chart-html,
  .page--module-tracking-detail .chart-card--nav-tracking-table .chart-html__scroller {
    background: rgba(255, 255, 255, 0.88);
    box-shadow: none;
  }

  .page--module-tracking-detail .chart-card--nav-tracking-table {
    box-shadow: none;
  }

  .home-featured-data-band__item,
  .nb-footer-qr-card {
    box-shadow: none;
  }

  .nb-footer-qr-card:hover {
    transform: none;
    box-shadow: none;
  }
}

@media (max-width: 1199px) {
  .card,
  .report-card,
  .section-item,
  .chart-card,
  .empty-card,
  .nb-mobile-insight-card,
  .library-mobile,
  .article-page-mobile-card,
  .talent-flows-search-panel,
  .talent-flows-panel {
    box-shadow: 0 calc(4 * var(--rpx)) calc(14 * var(--rpx)) rgba(15, 23, 42, 0.045);
  }
}

/* --------------------------------------------------------------------------
   Mobile app shell + desktop band alignment pass 2026-04-25
   -------------------------------------------------------------------------- */
.mobile-bottom-nav {
  display: none;
}

@media (min-width: 1200px) {
  .report-hero-band__inner,
  .insights-hero-band__inner,
  .page--module-talent-flows > .talent-flows-hero-band:first-child .talent-flows-hero-band__inner {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: var(--nb-page-content-inset);
    padding-right: var(--nb-page-content-inset);
  }

  .page--library .tracking-module-intro--hero > *,
  .page--library-detail .tracking-module-intro--hero > *,
  .page--module-tracking .tracking-module-intro--hero > * {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: var(--nb-page-content-inset);
    padding-right: var(--nb-page-content-inset);
    box-sizing: border-box;
  }

  .report-hero-band__title,
  .insights-hero-band__title,
  .page--module-talent-flows > .talent-flows-hero-band:first-child .talent-flows-hero-band__title,
  .page--library .tracking-module-intro--hero .tracking-module-intro__title,
  .page--library-detail .tracking-module-intro--hero .tracking-module-intro__title,
  .page--module-tracking .tracking-module-intro--hero .tracking-module-intro__title {
    transform: none;
  }
}

@media (max-width: 1199px) {
  :root {
    --mobile-app-bar-height: 66px;
    --mobile-app-bar-height: calc(66px + env(safe-area-inset-top, 0px));
    --mobile-bottom-nav-height: 76px;
    --mobile-bottom-nav-height: calc(76px + env(safe-area-inset-bottom, 0px));
  }

  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    background: #f4f6fb;
  }

  body {
    color: #0f172a;
    font-family:
      ui-sans-serif,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      "PingFang SC",
      "Microsoft YaHei",
      Arial,
      sans-serif;
  }

  .app-shell {
    width: 100%;
    max-width: 100%;
    min-height: 100vh;
    min-height: 100svh;
    padding-bottom: 76px;
    padding-bottom: var(--mobile-bottom-nav-height);
    background:
      radial-gradient(circle at 12% -8%, rgba(101, 18, 54, 0.12), transparent 34%),
      linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
    overflow-x: clip;
  }

  .nav-bar {
    position: sticky;
    top: 0;
    z-index: 5000;
    min-height: 66px;
    min-height: var(--mobile-app-bar-height);
    height: auto;
    padding:
      env(safe-area-inset-top, 0px)
      calc(14 * var(--rpx))
      0;
    background:
      radial-gradient(circle at 95% 0%, rgba(118, 208, 222, 0.18), transparent 34%),
      linear-gradient(135deg, rgba(9, 13, 20, 0.98) 0%, rgba(14, 23, 39, 0.98) 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 calc(8 * var(--rpx)) calc(22 * var(--rpx)) rgba(15, 23, 42, 0.16);
    backdrop-filter: blur(16px) saturate(1.05);
  }

  .nav-bar::after {
    display: none;
  }

  .nav-bar__mobile-shell {
    min-height: 66px;
    gap: calc(10 * var(--rpx));
  }

  .nav-bar__back,
  .nav-bar__back-placeholder {
    width: 42px;
    height: 42px;
  }

  .nav-bar__back {
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.07);
  }

  .nav-bar__back-icon {
    width: 10px;
    height: 10px;
    margin-left: 4px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-color: #ffffff;
  }

  .nav-bar__title-group {
    display: grid;
    flex: 1;
    gap: 3px;
    min-width: 0;
    text-align: left;
  }

  .nav-bar__title {
    text-align: left;
    color: #ffffff;
    font-size: 18px;
    font-weight: 750;
    line-height: 1.22;
    letter-spacing: -0.02em;
  }

  .nav-bar__meta {
    display: block;
    color: rgba(226, 232, 240, 0.72);
    font-size: 11px;
    line-height: 1.25;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .nav-bar__mobile-auth {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: auto;
    min-width: 54px;
    height: 34px;
    padding: 0 8px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.075);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
  }

  .nav-bar__mobile-auth-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.13);
  }

  .nav-bar__mobile-auth--active .nav-bar__mobile-auth-dot {
    background: #22c55e;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.13);
  }

  .nav-bar__mobile-auth-text {
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
  }

  .page,
  .page--home,
  .page--report,
  .page--module,
  .page--library,
  .page--library-detail,
  .page--insights,
  .page--insight-detail {
    width: 100%;
    max-width: 100%;
    padding: 14px 14px 22px;
    overflow-x: clip;
  }

  .mobile-bottom-nav {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: 8px;
    left: max(10px, env(safe-area-inset-left, 0px));
    right: max(10px, env(safe-area-inset-right, 0px));
    bottom: max(8px, env(safe-area-inset-bottom, 0px));
    z-index: 5100;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 2px;
    min-height: 64px;
    padding: 7px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    background:
      linear-gradient(180deg, rgba(15, 23, 42, 0.96) 0%, rgba(8, 13, 24, 0.98) 100%);
    box-shadow:
      0 18px 42px rgba(15, 23, 42, 0.24),
      inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px) saturate(1.05);
  }

  .mobile-bottom-nav__item {
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 3px;
    min-width: 0;
    min-height: 50px;
    border-radius: 17px;
    color: rgba(226, 232, 240, 0.64);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
  }

  .mobile-bottom-nav__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.78);
    font-size: 11px;
    font-weight: 800;
  }

  .mobile-bottom-nav__label {
    width: 100%;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-bottom-nav__item--active {
    color: #ffffff;
    background: rgba(101, 18, 54, 0.78);
  }

  .mobile-bottom-nav__item--active .mobile-bottom-nav__icon {
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
  }

  .card,
  .report-card,
  .section-item,
  .chart-card,
  .empty-card,
  .nb-mobile-insight-card,
  .library-mobile,
  .article-page-mobile-card,
  .talent-flows-search-panel,
  .talent-flows-panel,
  .library-article-row,
  .library-detail-main,
  .article-page-content {
    width: 100%;
    max-width: 100%;
    border: 1px solid rgba(15, 23, 42, 0.075);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.055);
  }

  .report-list,
  .chart-list,
  .nb-solution-grid,
  .nb-strategy-grid,
  .home-article-grid,
  .home-insights-showcase__grid,
  .library-article-list,
  .talent-flows-panel-grid,
  .talent-flows-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    width: 100%;
    max-width: 100%;
  }

  .nb-mobile-block,
  .nb-mobile-block > .card,
  .report-list > *,
  .section-list,
  .section-list > * {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .nb-mobile-block > .card {
    padding: 12px;
    overflow: hidden;
  }

  .report-card,
  .chart-card,
  .library-mobile,
  .nb-mobile-insight-card,
  .article-page-mobile-card {
    padding: 18px;
  }

  .report-card,
  .section-item,
  .chart-card,
  .library-mobile,
  .nb-mobile-insight-card {
    min-width: 0;
  }

  .report-card__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px;
  }

  .report-card__header > :first-child {
    min-width: 0;
  }

  .report-card__badge,
  .section-item__badge {
    max-width: 72px;
    padding: 5px 8px;
    font-size: 10px;
    text-align: center;
    white-space: nowrap;
  }

  .section-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
  }

  .tabs,
  .tracking-module-button-list,
  .library-strategy-tabs,
  .insights-filter-pill-list,
  .insights-mobile-filter-list {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
  }

  .tabs__row,
  .tracking-module-button-list,
  .library-strategy-tabs,
  .insights-filter-pill-list,
  .insights-mobile-filter-list {
    flex-wrap: nowrap;
  }

  .tabs__item,
  .tracking-module-button,
  .library-strategy-tab,
  .insights-filter-pill,
  .insights-mobile-filter {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  .chart-host,
  .chart-html,
  .chart-html__scroller,
  .zitan-native-table-wrap,
  .library-detail-richtext,
  .article-page-richtext {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  img,
  canvas,
  svg,
  video {
    max-width: 100%;
  }

  table {
    max-width: 100%;
  }

  .report-card__title,
  .section-item__title,
  .chart-card__title,
  .library-article-row__title,
  .library-detail-hero__title,
  .article-page-hero__title,
  .insights-featured-card__title,
  .insights-list-card__title,
  .nb-mobile-insight-card__title {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .auth-modal__dialog {
    align-items: flex-end;
    padding: 0;
  }

  .auth-modal__panel {
    width: 100%;
    max-width: none;
    border-radius: 26px 26px 0 0;
    padding-bottom: calc(22px + env(safe-area-inset-bottom, 0px));
  }
}

@media (max-width: 390px) {
  .mobile-bottom-nav {
    left: 6px;
    right: 6px;
    padding: 6px;
    border-radius: 22px;
  }

  .mobile-bottom-nav__item {
    min-height: 48px;
    font-size: 9px;
  }

  .mobile-bottom-nav__icon {
    width: 22px;
    height: 22px;
    font-size: 11px;
  }

  .nav-bar__title {
    font-size: 16px;
  }
}

/* --------------------------------------------------------------------------
   Module cleanup + report tab seam fix 2026-04-25
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .nb-site-header__main {
    background: #e2e1da;
    backdrop-filter: none;
  }

  .report-section-nav {
    top: 124px;
    margin-top: 0;
  }

  .report-section-nav__inner {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

/* --------------------------------------------------------------------------
   Home lower section blue/gray treatment 2026-04-25
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .page--home .home-featured-data-band {
    margin-top: 64px;
    background:
      radial-gradient(circle at 12% 0%, rgba(118, 208, 222, 0.12), transparent 28%),
      linear-gradient(135deg, #2b356d 0%, #313b79 58%, #25305f 100%);
    box-shadow: none;
  }

  .page--home .home-featured-data-band__inner {
    gap: 44px;
    padding: 66px 72px 72px;
  }

  .page--home .home-featured-data-band__heading {
    color: #ffffff;
    font-size: 33px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.18;
    text-transform: none;
  }

  .page--home .home-featured-data-band__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 76px;
  }

  .page--home .home-featured-data-band__item {
    min-height: 126px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    gap: 28px;
  }

  .page--home .home-featured-data-band__item:hover {
    background: transparent;
    transform: none;
  }

  .page--home .home-featured-data-band__accent {
    width: 20px;
    height: 96px;
    border-radius: 0;
    background: #55c0cb;
    box-shadow: none;
    opacity: 1;
  }

  .page--home .home-featured-data-band__title {
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.18;
  }

  .page--home .home-featured-data-band__arrow {
    color: rgba(255, 255, 255, 0.88);
    font-size: 28px;
    opacity: 1;
  }

  .page--home .nb-explore-band {
    margin-top: 0;
    background: #262626;
    box-shadow: none;
  }

  .page--home .nb-explore-band__inner {
    padding-top: 82px;
    padding-bottom: 82px;
  }

  .page--home .nb-footer-follow {
    padding-top: 0;
    border-top: none;
    background: transparent;
  }

  .page--home .nb-footer-qr-card {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.035);
    box-shadow: none;
  }

  .page--home .nb-footer-qr-card:hover {
    transform: none;
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.055);
    box-shadow: none;
  }
}

/* Mobile net-value selector: show strategy buttons in multiple rows instead of a clipped horizontal rail. */
@media (max-width: 1199px) {
  .page--module-tracking .tracking-module-button-list,
  .page--module-tracking-detail .tracking-module-button-list {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: calc(9 * var(--rpx)) !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    scrollbar-width: auto !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }

  .page--module-tracking .tracking-module-button,
  .page--module-tracking-detail .tracking-module-button {
    flex: 0 1 auto !important;
    scroll-snap-align: unset !important;
  }
}

/* --------------------------------------------------------------------------
   Mobile app-style redesign 2026-04-29
   Inspiration: iOS Today cards + WeChat/Alipay service grid + finance app tabs.
   Scope: mobile-only shell/home refinements; desktop layout remains unchanged.
   -------------------------------------------------------------------------- */
@media (max-width: 1199px) {
  :root {
    --mobile-app-bg: #f6f2ec;
    --mobile-app-paper: rgba(255, 255, 255, 0.84);
    --mobile-app-card: rgba(255, 255, 255, 0.94);
    --mobile-app-ink: #111827;
    --mobile-app-muted: #667085;
    --mobile-app-line: rgba(17, 24, 39, 0.075);
    --mobile-app-plum: #7a1646;
    --mobile-app-teal: #2f6f73;
    --mobile-app-brass: #a46b36;
    --mobile-app-blue: #1d4ed8;
    --mobile-app-shadow: 0 14px 34px rgba(15, 23, 42, 0.072);
    --mobile-app-shadow-soft: 0 7px 18px rgba(15, 23, 42, 0.052);
  }

  html,
  body {
    background: var(--mobile-app-bg) !important;
  }

  body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

  .app-shell {
    background:
      radial-gradient(circle at 100% -4%, rgba(47, 111, 115, 0.13), transparent 30%),
      radial-gradient(circle at -6% 0%, rgba(122, 22, 70, 0.1), transparent 32%),
      linear-gradient(180deg, #f7f2ec 0%, #f8f7f3 44%, #eef3f7 100%) !important;
  }

  .nav-bar {
    min-height: calc(60px + env(safe-area-inset-top, 0px)) !important;
    padding:
      env(safe-area-inset-top, 0px)
      14px
      6px !important;
    border-bottom: 1px solid rgba(17, 24, 39, 0.045) !important;
    background: rgba(255, 252, 247, 0.78) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important;
    backdrop-filter: blur(22px) saturate(1.12) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.12) !important;
  }

  .nav-bar__mobile-shell {
    min-height: 52px !important;
    gap: 10px !important;
  }

  .nav-bar__title {
    color: var(--mobile-app-ink) !important;
    font-size: clamp(18px, 5vw, 21px) !important;
    font-weight: 840 !important;
    letter-spacing: -0.055em !important;
  }

  .nav-bar__meta {
    color: rgba(102, 112, 133, 0.92) !important;
    font-size: 12px !important;
    font-weight: 680 !important;
  }

  .nav-bar__back,
  .nav-bar__mobile-auth {
    border: 1px solid rgba(17, 24, 39, 0.075) !important;
    background: rgba(255, 255, 255, 0.72) !important;
    color: var(--mobile-app-ink) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.86),
      0 6px 16px rgba(15, 23, 42, 0.055) !important;
  }

  .nav-bar__back {
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
  }

  .nav-bar__back-icon {
    border-color: #111827 !important;
  }

  .nav-bar__mobile-auth {
    width: auto !important;
    max-width: 92px !important;
    height: 34px !important;
    padding: 0 10px !important;
  }

  .nav-bar__mobile-auth-text {
    max-width: none !important;
    font-size: 12px !important;
  }

  .page,
  .page--home,
  .page--report,
  .page--module,
  .page--library,
  .page--library-detail,
  .page--insights,
  .page--insight-detail {
    padding:
      12px
      14px
      calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .page--home {
    padding-top: 12px !important;
  }

  .home-mobile-dashboard {
    gap: 16px !important;
  }

  .page--home .home-mobile-dashboard__hero.home-mobile-hero-app {
    position: relative;
    display: grid !important;
    gap: 12px !important;
    overflow: hidden !important;
    padding: 20px 18px 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 28px !important;
    background:
      radial-gradient(circle at 96% 6%, rgba(118, 208, 222, 0.24), transparent 34%),
      radial-gradient(circle at 2% 0%, rgba(122, 22, 70, 0.22), transparent 34%),
      linear-gradient(135deg, #0a1020 0%, #152033 56%, #19313a 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.1),
      0 18px 42px rgba(15, 23, 42, 0.2) !important;
  }

  .home-mobile-hero-app::before,
  .home-mobile-hero-app::after {
    content: '';
    position: absolute;
    pointer-events: none;
    border-radius: 999px;
  }

  .home-mobile-hero-app::before {
    right: -38px;
    top: -42px;
    width: 150px;
    height: 150px;
    background: rgba(255, 255, 255, 0.055);
  }

  .home-mobile-hero-app::after {
    right: 20px;
    bottom: -34px;
    width: 118px;
    height: 118px;
    border: 18px solid rgba(255, 255, 255, 0.04);
  }

  .home-mobile-hero-app__top,
  .home-mobile-hero-app__title,
  .home-mobile-hero-app__desc,
  .home-mobile-hero-app__stats {
    position: relative;
    z-index: 1;
  }

  .home-mobile-hero-app__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .home-mobile-hero-app__eyebrow,
  .home-mobile-hero-app__sync {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 820;
    line-height: 1;
    white-space: nowrap;
  }

  .home-mobile-hero-app__eyebrow {
    color: rgba(255, 255, 255, 0.74);
    letter-spacing: 0.14em;
  }

  .home-mobile-hero-app__sync {
    padding: 0 9px;
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.86);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  }

  .home-mobile-hero-app__title {
    margin: 0 !important;
    max-width: 78%;
    color: #ffffff !important;
    font-size: clamp(30px, 9.4vw, 40px) !important;
    font-weight: 880 !important;
    line-height: 0.98 !important;
    letter-spacing: -0.075em !important;
  }

  .home-mobile-hero-app__desc {
    margin: 0 !important;
    max-width: 88%;
    color: rgba(235, 241, 248, 0.76) !important;
    font-size: 14px !important;
    font-weight: 560 !important;
    line-height: 1.54 !important;
    letter-spacing: -0.02em !important;
  }

  .home-mobile-hero-app__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 2px;
  }

  .home-mobile-hero-app__stat {
    display: grid;
    gap: 2px;
    min-width: 0;
    padding: 10px 9px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
  }

  .home-mobile-hero-app__stat strong {
    overflow: hidden;
    color: #ffffff;
    font-size: 18px;
    font-weight: 860;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .home-mobile-hero-app__stat span {
    color: rgba(235, 241, 248, 0.64);
    font-size: 11px;
    font-weight: 720;
  }

  .home-mobile-quick-panel {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--mobile-app-line);
    border-radius: 24px;
    background:
      radial-gradient(circle at 100% 0%, rgba(122, 22, 70, 0.035), transparent 36%),
      var(--mobile-app-paper);
    box-shadow: var(--mobile-app-shadow-soft);
    backdrop-filter: blur(16px) saturate(1.06);
    -webkit-backdrop-filter: blur(16px) saturate(1.06);
  }

  .home-mobile-quick-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .home-mobile-quick-panel__title {
    color: var(--mobile-app-ink);
    font-size: 18px;
    font-weight: 840;
    letter-spacing: -0.05em;
  }

  .home-mobile-quick-panel__meta {
    color: var(--mobile-app-muted);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
  }

  .home-mobile-quick-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
  }

  .home-mobile-quick-action {
    --quick-accent: var(--mobile-app-plum);
    --quick-accent-rgb: 122, 22, 70;
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 5px;
    min-width: 0;
    min-height: 84px;
    padding: 10px 6px;
    border: 1px solid rgba(var(--quick-accent-rgb), 0.08);
    border-radius: 18px;
    background:
      radial-gradient(circle at 50% 0%, rgba(var(--quick-accent-rgb), 0.08), transparent 48%),
      rgba(255, 255, 255, 0.82);
    color: inherit;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.82),
      0 7px 16px rgba(15, 23, 42, 0.045);
  }

  .home-mobile-quick-action--tracking {
    --quick-accent: var(--mobile-app-teal);
    --quick-accent-rgb: 47, 111, 115;
  }

  .home-mobile-quick-action--talent {
    --quick-accent: var(--mobile-app-plum);
    --quick-accent-rgb: 122, 22, 70;
  }

  .home-mobile-quick-action--library {
    --quick-accent: var(--mobile-app-brass);
    --quick-accent-rgb: 164, 107, 54;
  }

  .home-mobile-quick-action__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 13px;
    background: linear-gradient(135deg, var(--quick-accent) 0%, rgba(var(--quick-accent-rgb), 0.78) 100%);
    color: #ffffff;
    box-shadow: 0 8px 16px rgba(var(--quick-accent-rgb), 0.18);
    font-size: 15px;
    font-weight: 860;
  }

  .home-mobile-quick-action__title {
    max-width: 100%;
    overflow: hidden;
    color: var(--mobile-app-ink);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .home-mobile-quick-action__meta {
    max-width: 100%;
    overflow: hidden;
    color: var(--mobile-app-muted);
    font-size: 10.5px;
    font-weight: 680;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .home-mobile-dashboard__section {
    gap: 10px !important;
  }

  .home-mobile-dashboard__section-head {
    padding: 0 2px !important;
    align-items: center !important;
  }

  .home-mobile-dashboard__section-title {
    color: var(--mobile-app-ink) !important;
    font-size: 22px !important;
    font-weight: 860 !important;
    letter-spacing: -0.062em !important;
  }

  .home-mobile-dashboard__section-meta {
    color: var(--mobile-app-muted) !important;
    font-size: 12px !important;
    font-weight: 720 !important;
  }

  .page--home .home-mobile-report-card {
    gap: 13px !important;
    padding: 16px !important;
    border-color: var(--mobile-app-line) !important;
    border-radius: 24px !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(var(--card-accent-rgb, 122, 22, 70), 0.045), transparent 36%),
      var(--mobile-app-card) !important;
    box-shadow: var(--mobile-app-shadow) !important;
  }

  .page--home .home-mobile-report-card::before {
    top: 16px !important;
    bottom: 16px !important;
    left: 0 !important;
    width: 3px !important;
    border-radius: 999px !important;
    background: var(--card-accent, var(--mobile-app-plum)) !important;
  }

  .home-mobile-report-card__head {
    align-items: center !important;
  }

  .page--home .home-mobile-report-card__title {
    color: var(--mobile-app-ink) !important;
    font-size: 24px !important;
    font-weight: 860 !important;
    letter-spacing: -0.066em !important;
  }

  .page--home .home-mobile-report-card__period {
    color: var(--mobile-app-muted) !important;
    font-size: 13px !important;
    font-weight: 680 !important;
  }

  .page--home .home-mobile-report-card__badge,
  .page--home .home-mobile-module-card__badge {
    min-height: 26px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(var(--card-accent-rgb, 122, 22, 70), 0.1) !important;
    border-radius: 999px !important;
    background: rgba(var(--card-accent-rgb, 122, 22, 70), 0.078) !important;
    color: var(--card-accent, var(--mobile-app-plum)) !important;
    font-size: 13px !important;
    font-weight: 820 !important;
  }

  .page--home .home-mobile-section-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .page--home .home-mobile-section-chip,
  .page--home .home-mobile-section-chip:nth-child(even),
  .page--home .home-mobile-section-chip:nth-child(n + 3) {
    display: inline-flex !important;
    flex: 0 1 auto !important;
    align-items: center !important;
    gap: 7px !important;
    width: auto !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(var(--card-accent-rgb, 122, 22, 70), 0.085) !important;
    border-radius: 999px !important;
    background: rgba(var(--card-accent-rgb, 122, 22, 70), 0.045) !important;
  }

  .page--home .home-mobile-section-chip__title {
    color: #243044 !important;
    font-size: 13px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
  }

  .page--home .home-mobile-section-chip__count {
    color: var(--card-accent, var(--mobile-app-plum)) !important;
    font-size: 12px !important;
    font-weight: 820 !important;
    line-height: 1 !important;
  }

  .page--home .home-mobile-module-grid {
    gap: 10px !important;
  }

  .page--home .home-mobile-module-card {
    min-height: 76px !important;
    padding: 13px !important;
    border-color: var(--mobile-app-line) !important;
    border-radius: 20px !important;
    background: var(--mobile-app-card) !important;
    box-shadow: var(--mobile-app-shadow-soft) !important;
  }

  .page--home .home-mobile-module-card__title {
    color: var(--mobile-app-ink) !important;
    font-size: 15px !important;
    font-weight: 820 !important;
    letter-spacing: -0.045em !important;
  }

  .mobile-bottom-nav {
    left: 14px !important;
    right: 14px !important;
    bottom: 10px !important;
    left: max(14px, env(safe-area-inset-left, 0px)) !important;
    right: max(14px, env(safe-area-inset-right, 0px)) !important;
    bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
    min-height: 58px !important;
    padding: 6px !important;
    border: 1px solid rgba(17, 24, 39, 0.075) !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      0 18px 42px rgba(15, 23, 42, 0.16) !important;
    backdrop-filter: blur(22px) saturate(1.14) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.14) !important;
  }

  .mobile-bottom-nav__item {
    min-height: 46px !important;
    border-radius: 18px !important;
    color: #667085 !important;
    gap: 2px !important;
    transition:
      background-color 0.16s ease,
      color 0.16s ease,
      transform 0.16s ease !important;
  }

  .mobile-bottom-nav__icon,
  .mobile-bottom-nav__item--active .mobile-bottom-nav__icon {
    display: inline-flex !important;
    width: 20px !important;
    height: 20px !important;
    background: transparent !important;
    color: currentColor !important;
    font-size: 12px !important;
    font-weight: 860 !important;
  }

  .mobile-bottom-nav__label,
  .mobile-bottom-nav__item--active .mobile-bottom-nav__label {
    color: currentColor !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  .mobile-bottom-nav__item--active {
    background: #111827 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.16) !important;
  }
}

/* 2026-04-29: keep tracking detail subsections in DOM order; do not let dense grid pull 宁苑 above the 子基金表现 heading. */
.page--module-tracking-detail .chart-list--tracking-detail {
  grid-auto-flow: row !important;
}

/* 紫檀图表：去掉图表型卡片本身的盒子感，避免左上角 card/header 区遮住图内文字。 */
.page--module-tracking-detail .chart-list--tracking-detail > .chart-card--zitan:not(.chart-card--html) {
  overflow: visible !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.page--module-tracking-detail .chart-list--tracking-detail > .chart-card--zitan:not(.chart-card--html):hover {
  transform: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.page--module-tracking-detail .chart-list--tracking-detail > .chart-card--zitan:not(.chart-card--html) .chart-card__header {
  min-height: 0 !important;
  margin: 0 0 calc(4 * var(--rpx)) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.page--module-tracking-detail .chart-list--tracking-detail > .chart-card--zitan:not(.chart-card--html) .chart-host {
  overflow: visible !important;
}

/* 紫檀相关性矩阵是 HTML 原生矩阵，也要去掉外层 / 内层 box，避免左上角边框压住矩阵标签。 */
.page--module-tracking-detail .chart-list--tracking-detail > .chart-card--zitan-correlation {
  overflow: visible !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.page--module-tracking-detail .chart-list--tracking-detail > .chart-card--zitan-correlation:hover {
  transform: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.page--module-tracking-detail .chart-list--tracking-detail > .chart-card--zitan-correlation .chart-card__header {
  min-height: 0 !important;
  margin: 0 0 calc(4 * var(--rpx)) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.page--module-tracking-detail .chart-list--tracking-detail > .chart-card--zitan-correlation .chart-html,
.page--module-tracking-detail .chart-list--tracking-detail > .chart-card--zitan-correlation .chart-html__scroller {
  overflow: visible !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 紫檀页：原生图表不再叠加内层边框，避免每张图左上角出现框线。 */
.page--module-tracking-detail .chart-card--zitan::before {
  display: none !important;
}

.page--module-tracking-detail .chart-card--zitan .chart-card__header {
  border-bottom: 0 !important;
}

.page--module-tracking-detail .chart-card--zitan .chart-host,
.page--module-tracking-detail .chart-card--zitan .chart-host > div,
.page--module-tracking-detail .chart-card--zitan .chart-host canvas {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.page--module-tracking-detail .chart-card--zitan-correlation .zitan-correlation {
  --zitan-correlation-gap: 4px;
  --zitan-correlation-axis-width: 108px;
}

.page--module-tracking-detail .chart-card--zitan-correlation .zitan-correlation__cell {
  border-radius: 8px;
  font-size: 9px;
}

.page--module-tracking-detail .chart-card--nav-tracking-table .nav-tracking-report-table th,
.page--module-tracking-detail .chart-card--nav-tracking-table .nav-tracking-report-table td {
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.45;
}

.page--module-tracking-detail .chart-card--nav-tracking-table .nav-tracking-report-table thead th:first-child,
.page--module-tracking-detail .chart-card--nav-tracking-table .nav-tracking-report-table tbody td:first-child {
  max-width: 150px;
  min-width: 118px;
  white-space: normal;
}

/* --------------------------------------------------------------------------
   Talent library alignment and layout refinement 2026-04-25
   Scope: visual / spacing cleanup only; keeps all existing content intact.
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .page.page--module.page--module-talent-flows {
    --talent-surface: #ffffff;
    --talent-surface-muted: rgba(248, 250, 252, 0.86);
    --talent-page-line: rgba(15, 23, 42, 0.082);
    --talent-card-line: rgba(15, 23, 42, 0.09);
    --talent-card-shadow: 0 1px 2px rgba(15, 23, 42, 0.035), 0 18px 44px rgba(15, 23, 42, 0.035);
    --talent-card-radius: 24px;
    --talent-inner-radius: 16px;
    --talent-teal: #3f8d92;
    --talent-burgundy: #651236;
    gap: 30px;
  }

  .page--module-talent-flows > .talent-flows-hero-band:first-child {
    margin-bottom: -4px;
  }

  .page--module-talent-flows .talent-flows-search-panel,
  .page--module-talent-flows .talent-flows-panel,
  .page--module-talent-flows .talent-flows-directory-card,
  .page--module-talent-flows .talent-flows-person-card,
  .page--module-talent-flows .talent-flows-roster-item,
  .page--module-talent-flows .talent-flows-person-timeline__body,
  .page--module-talent-flows .talent-flows-related-item {
    border: 1px solid var(--talent-card-line);
    border-radius: var(--talent-card-radius);
    background: var(--talent-surface);
    box-shadow: var(--talent-card-shadow);
  }

  .page--module-talent-flows .talent-flows-panel,
  .page--module-talent-flows .talent-flows-directory-card,
  .page--module-talent-flows .talent-flows-person-card,
  .page--module-talent-flows .talent-flows-roster-item {
    overflow: hidden;
  }

  .page--module-talent-flows .talent-flows-panel::after,
  .page--module-talent-flows .talent-flows-chart-card::after {
    display: none;
  }

  .page--module-talent-flows .talent-flows-panel::before {
    height: 4px;
    border-top-left-radius: var(--talent-card-radius);
    border-top-right-radius: var(--talent-card-radius);
    background: var(--talent-teal);
  }

  .page--module-talent-flows .talent-flows-search-panel--quiet {
    padding: 12px 18px;
    border-radius: 24px;
    border-color: var(--talent-card-line);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: var(--talent-card-shadow);
  }

  .page--module-talent-flows .talent-flows-search-form__input {
    border-color: rgba(15, 23, 42, 0.16);
    background: #ffffff;
  }

  .page--module-talent-flows .talent-flows-search-form__input:focus {
    border-color: rgba(101, 18, 54, 0.32);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(101, 18, 54, 0.055);
  }

  .page--module-talent-flows .talent-flows-section {
    gap: 18px;
  }

  .page--module-talent-flows .talent-flows-section__head {
    gap: 14px 18px;
    align-items: end;
  }

  .page--module-talent-flows .talent-flows-section__title {
    font-size: 28px;
    font-weight: 650;
    letter-spacing: -0.025em;
  }

  .page--module-talent-flows .talent-flows-section__desc {
    max-width: 780px;
    color: #526072;
    font-size: 13.5px;
    line-height: 1.68;
  }

  .page--module-talent-flows .talent-flows-section__meta {
    justify-content: flex-end;
    gap: 8px;
  }

  .page--module-talent-flows .talent-flows-status-pill {
    min-height: 30px;
    border-color: rgba(37, 99, 235, 0.14);
    background: rgba(239, 246, 255, 0.88);
    color: #1d4ed8;
    font-weight: 700;
  }

  .page--module-talent-flows .talent-flows-panel-grid {
    gap: 22px;
  }

  .page--module-talent-flows .talent-flows-panel {
    gap: 18px;
    padding: 28px 24px 24px;
  }

  .page--module-talent-flows .talent-flows-panel__header {
    min-height: auto;
    gap: 8px;
    padding-bottom: 2px;
  }

  .page--module-talent-flows .talent-flows-panel__eyebrow {
    color: #64748b;
    font-size: 10.5px;
    letter-spacing: 0.16em;
  }

  .page--module-talent-flows .talent-flows-panel__title {
    font-size: 20px;
    font-weight: 650;
    letter-spacing: -0.018em;
  }

  .page--module-talent-flows .talent-flows-panel-grid--overview-main > .talent-flows-panel {
    min-height: 0;
    height: 100%;
  }

  .page--module-talent-flows .talent-flows-mini-list,
  .page--module-talent-flows .talent-flows-route-list,
  .page--module-talent-flows .talent-flows-change-list,
  .page--module-talent-flows .talent-flows-bullet-list,
  .page--module-talent-flows .talent-flows-search-result-list {
    gap: 0;
  }

  .page--module-talent-flows .talent-flows-mini-item,
  .page--module-talent-flows .talent-flows-route-item,
  .page--module-talent-flows .talent-flows-change-item,
  .page--module-talent-flows .talent-flows-search-result-item {
    padding: 15px 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .page--module-talent-flows .talent-flows-mini-list > * + *,
  .page--module-talent-flows .talent-flows-route-list > * + *,
  .page--module-talent-flows .talent-flows-change-list > * + *,
  .page--module-talent-flows .talent-flows-bullet-list > * + *,
  .page--module-talent-flows .talent-flows-search-result-list > * + * {
    border-top: 1px solid rgba(15, 23, 42, 0.075);
  }

  .page--module-talent-flows .talent-flows-mini-item__title,
  .page--module-talent-flows .talent-flows-route-item__path,
  .page--module-talent-flows .talent-flows-change-item__name,
  .page--module-talent-flows .talent-flows-change-item__name-link,
  .page--module-talent-flows .talent-flows-search-result-item__title,
  .page--module-talent-flows .talent-flows-directory-card__title,
  .page--module-talent-flows .talent-flows-person-card__name-link,
  .page--module-talent-flows .talent-flows-person-card__name,
  .page--module-talent-flows .talent-flows-roster-item__name,
  .page--module-talent-flows .talent-flows-roster-item__name-link {
    color: #071225;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.52;
  }

  .page--module-talent-flows .talent-flows-mini-item__meta,
  .page--module-talent-flows .talent-flows-route-item__meta,
  .page--module-talent-flows .talent-flows-change-item__meta,
  .page--module-talent-flows .talent-flows-change-item__desc,
  .page--module-talent-flows .talent-flows-search-result-item__meta,
  .page--module-talent-flows .talent-flows-search-result-item__desc,
  .page--module-talent-flows .talent-flows-directory-card__meta,
  .page--module-talent-flows .talent-flows-directory-card__desc,
  .page--module-talent-flows .talent-flows-person-card__meta,
  .page--module-talent-flows .talent-flows-person-card__desc,
  .page--module-talent-flows .talent-flows-roster-item__meta,
  .page--module-talent-flows .talent-flows-roster-item__line {
    color: #64748b;
    font-size: 12.5px;
    line-height: 1.66;
  }

  .page--module-talent-flows .talent-flows-mini-item__value,
  .page--module-talent-flows .talent-flows-route-item__count,
  .page--module-talent-flows .talent-flows-search-result-item__stat {
    min-width: 58px;
    padding-left: 16px;
    border-left: 1px solid rgba(15, 23, 42, 0.075);
    font-size: 16px;
    font-variant-numeric: tabular-nums;
  }

  .page--module-talent-flows .talent-flows-bullet-list__item {
    padding: 14px 0 14px 18px;
    color: #334155;
  }

  .page--module-talent-flows .talent-flows-bullet-list__item::before {
    background: var(--talent-teal);
  }

  .page--module-talent-flows .talent-flows-directory-card,
  .page--module-talent-flows .talent-flows-person-card,
  .page--module-talent-flows .talent-flows-roster-item {
    padding: 20px;
    transition:
      border-color 0.18s ease,
      background-color 0.18s ease,
      box-shadow 0.18s ease;
  }

  .page--module-talent-flows .talent-flows-directory-card:hover,
  .page--module-talent-flows .talent-flows-person-card:hover,
  .page--module-talent-flows .talent-flows-roster-item:hover,
  .page--module-talent-flows .talent-flows-related-item:hover {
    transform: none;
    border-color: rgba(63, 141, 146, 0.28);
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 22px 52px rgba(15, 23, 42, 0.055);
  }

  .page--module-talent-flows .talent-flows-directory-card__stats {
    gap: 12px;
    padding-top: 6px;
    border-top: 1px solid rgba(15, 23, 42, 0.075);
  }

  .page--module-talent-flows .talent-flows-directory-card__stat {
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail {
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.72fr);
    gap: 24px 34px;
    padding: 32px;
    border: 1px solid var(--talent-page-line);
    border-radius: 26px;
    background: #ffffff;
    box-shadow: var(--talent-card-shadow);
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__main {
    max-width: 820px;
    gap: 10px;
  }

  .page--module-talent-flows-detail .talent-flows-back-link {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-decoration: none;
  }

  .page--module-talent-flows-detail .talent-flows-back-link:hover {
    color: var(--talent-burgundy);
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__eyebrow {
    color: #64748b;
    font-size: 10.5px;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__title {
    max-width: 760px;
    color: #061426;
    font-size: 39px;
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.032em;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__desc,
  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__summary {
    color: #475569;
    font-size: 13.5px;
    line-height: 1.7;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__aside {
    gap: 12px;
    border: none;
    background: transparent;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-kpi-card,
  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-kpi-card:nth-child(-n + 2),
  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-kpi-card:nth-child(2n + 1) {
    min-height: 86px;
    padding: 16px 18px;
    border: 1px solid var(--talent-page-line);
    border-radius: 18px;
    background: var(--talent-surface-muted);
    box-shadow: none;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-kpi-card__label {
    color: #64748b;
    font-size: 10.5px;
    letter-spacing: 0.12em;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-kpi-card__value {
    color: #061426;
    font-size: 24px;
    font-weight: 700;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__footer {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
    gap: 20px;
    margin: 4px -32px -32px;
    padding: 20px 32px 24px;
    border-top: 1px solid var(--talent-page-line);
    border-radius: 0 0 26px 26px;
    background: rgba(248, 250, 252, 0.72);
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__footer-main {
    gap: 12px;
    padding: 0;
    border-right: none;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__meta {
    gap: 8px;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__meta .talent-flows-status-pill,
  .page--module-talent-flows-detail .talent-flows-person-detail__tag,
  .page--module-talent-flows-detail .talent-flows-roster-item__stat,
  .page--module-talent-flows-detail .talent-flows-roster-item__badge,
  .page--module-talent-flows-detail .talent-flows-person-card__badge,
  .page--module-talent-flows-detail .talent-flows-detail-note-list__item {
    min-height: 28px;
    border-radius: 999px;
    border-color: rgba(15, 23, 42, 0.085);
    background: #ffffff;
    color: #475569;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__summary-card {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    align-items: start;
  }

  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__summary-label {
    color: #64748b;
  }

  .page--module-talent-flows-detail .talent-flows-hero-highlights--detail {
    padding-left: 0;
  }

  .page--module-talent-flows-detail .talent-flows-hero-highlights--detail .talent-flows-hero-highlights__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  .page--module-talent-flows-detail .talent-flows-hero-highlights--detail .talent-flows-hero-highlights__item,
  .page--module-talent-flows-detail .talent-flows-hero-highlights--detail .talent-flows-hero-highlights__item + .talent-flows-hero-highlights__item {
    padding: 0 12px 0 0;
    border-left: none;
  }

  .page--module-talent-flows-detail .talent-flows-hero-highlights--detail .talent-flows-hero-highlights__value {
    color: #061426;
    font-weight: 700;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav {
    top: 124px;
    margin: -4px 0 26px;
    padding: 12px 0 14px;
    background: #efefea;
    border-bottom: 1px solid rgba(15, 23, 42, 0.075);
    box-shadow: none;
    backdrop-filter: none;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__row {
    gap: 10px;
    padding-bottom: 0;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__item {
    min-height: 42px;
    padding: 0 16px;
    border-color: rgba(15, 23, 42, 0.085);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #334155;
    box-shadow: none;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__item-label {
    min-height: 42px;
    font-size: 13px;
    font-weight: 700;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__item-meta {
    background: rgba(15, 23, 42, 0.055);
    color: #64748b;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__item:hover {
    transform: none;
    border-color: rgba(101, 18, 54, 0.22);
    background: #ffffff;
    box-shadow: none;
  }

  .page--module-talent-flows-detail .talent-flows-section-nav__item.is-active,
  .page--module-talent-flows-detail .talent-flows-section-nav__item[aria-current='true'] {
    border-color: var(--talent-burgundy);
    background: var(--talent-burgundy);
    color: #ffffff;
    box-shadow: none;
  }

  .page--module-talent-flows-detail .talent-flows-section {
    gap: 18px;
  }

  .page--module-talent-flows-detail .talent-flows-section + .talent-flows-section {
    margin-top: 16px;
  }

  .page--module-talent-flows-detail .talent-flows-panel-grid--detail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .page--module-talent-flows-detail .talent-flows-panel-grid--overview-compact {
    gap: 18px;
  }

  .page--module-talent-flows-detail .talent-flows-detail-metric {
    border-color: var(--talent-page-line);
    border-radius: var(--talent-inner-radius);
    background: rgba(248, 250, 252, 0.78);
  }

  .page--module-talent-flows-detail .talent-flows-panel--profile .talent-flows-fact-item,
  .page--module-talent-flows-detail .talent-flows-fact-item {
    border-color: var(--talent-page-line);
    border-radius: var(--talent-inner-radius);
    background: rgba(248, 250, 252, 0.78);
  }

  .page--module-talent-flows-detail .talent-flows-roster-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .page--module-talent-flows-detail .talent-flows-people-grid,
  .page--module-talent-flows-detail .talent-flows-directory-grid--compact {
    gap: 18px;
  }

  .page--module-talent-flows-detail .talent-flows-person-card,
  .page--module-talent-flows-detail .talent-flows-roster-item,
  .page--module-talent-flows-detail .talent-flows-directory-card {
    background: #ffffff;
  }

  .page--module-talent-flows-person .talent-flows-hero--detail {
    grid-template-columns: minmax(0, 1.08fr) minmax(380px, 0.72fr);
  }

  .page--module-talent-flows-person .talent-flows-person-detail__tags {
    gap: 8px;
  }

  .page--module-talent-flows-person .talent-flows-panel-grid--detail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .page--module-talent-flows-person .talent-flows-person-detail-block {
    padding: 0;
    border: none;
    background: transparent;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline {
    gap: 18px;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline::before {
    left: 144px;
    background: rgba(63, 141, 146, 0.28);
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__item {
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 28px;
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__item::before {
    left: 138px;
    border-color: var(--talent-teal);
    box-shadow: 0 0 0 6px rgba(63, 141, 146, 0.09);
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__item--current::before {
    background: var(--talent-teal);
    border-color: var(--talent-teal);
    box-shadow: 0 0 0 6px rgba(63, 141, 146, 0.12);
  }

  .page--module-talent-flows-person .talent-flows-person-timeline__body {
    padding: 16px 18px;
    border-radius: 18px;
  }

  .page--module-talent-flows-person .talent-flows-related-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .page--module-talent-flows-person .talent-flows-related-item {
    min-height: 132px;
    padding: 18px 20px;
    border-radius: 20px;
  }

  .page--module-talent-flows-person .talent-flows-directory-card {
    border-radius: 20px;
  }

  .page--module-talent-flows .talent-flows-panel-grid--detail,
  .page--module-talent-flows .talent-flows-panel-grid--overview-compact,
  .page--module-talent-flows .talent-flows-panel-grid--analytics,
  .page--module-talent-flows-search .talent-flows-panel-grid--search,
  .page--module-talent-flows-search .talent-flows-panel-grid--search.talent-flows-panel-grid--search-focus-left,
  .page--module-talent-flows-search .talent-flows-panel-grid--search.talent-flows-panel-grid--search-focus-right,
  .page--module-talent-flows .talent-flows-directory-grid--compact,
  .page--module-talent-flows .talent-flows-people-grid,
  .page--module-talent-flows .talent-flows-roster-grid,
  .page--module-talent-flows-person .talent-flows-related-list,
  .page--module-talent-flows-detail .talent-flows-overview-layout--with-ppt,
  .page--module-talent-flows-detail .talent-flows-hero--detail .talent-flows-hero__footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page--module-talent-flows .talent-flows-panel-grid--detail > *,
  .page--module-talent-flows .talent-flows-panel-grid--overview-compact > *,
  .page--module-talent-flows .talent-flows-directory-grid--compact > *,
  .page--module-talent-flows .talent-flows-people-grid > *,
  .page--module-talent-flows .talent-flows-roster-grid > *,
  .page--module-talent-flows-person .talent-flows-related-list > * {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 1199px) {
  .page--module-talent-flows .talent-flows-search-panel,
  .page--module-talent-flows .talent-flows-panel,
  .page--module-talent-flows .talent-flows-directory-card,
  .page--module-talent-flows .talent-flows-person-card,
  .page--module-talent-flows .talent-flows-roster-item,
  .page--module-talent-flows .talent-flows-related-item {
    border-radius: calc(20 * var(--rpx));
  }

  .page--module-talent-flows .talent-flows-section__head,
  .page--module-talent-flows-detail .talent-flows-hero--detail {
    align-items: start;
  }
}

/* --------------------------------------------------------------------------
   Talent spotlight card declutter 2026-04-25
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .page--module-talent-flows-detail #talent-firm-spotlight .talent-flows-person-card {
    gap: 16px;
    padding: 20px 20px 18px;
  }

  .page--module-talent-flows-detail #talent-firm-spotlight .talent-flows-person-card__section {
    gap: 10px;
    padding-top: 14px;
    border-top: 1px solid rgba(15, 23, 42, 0.075);
  }

  .page--module-talent-flows-detail #talent-firm-spotlight .talent-flows-person-card__badge {
    border-color: transparent;
    background: rgba(248, 250, 252, 0.96);
    box-shadow: none;
  }

  .page--module-talent-flows-detail #talent-firm-spotlight .talent-flows-person-card__badge--strategy {
    background: rgba(245, 243, 255, 0.72);
  }

  .page--module-talent-flows-detail #talent-firm-spotlight .talent-flows-person-card__badge--identity {
    background: rgba(255, 247, 237, 0.76);
  }

  .page--module-talent-flows-detail #talent-firm-spotlight .talent-flows-person-timeline,
  .page--module-talent-flows-detail #talent-firm-spotlight .talent-flows-related-list {
    gap: 8px;
  }

  .page--module-talent-flows-detail #talent-firm-spotlight .talent-flows-person-timeline__item {
    display: grid;
    grid-template-columns: 94px minmax(0, 1fr);
    gap: 12px;
    padding: 4px 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .page--module-talent-flows-detail #talent-firm-spotlight .talent-flows-person-timeline__item:first-child {
    padding-top: 0;
  }

  .page--module-talent-flows-detail #talent-firm-spotlight .talent-flows-person-timeline__item:last-child {
    padding-bottom: 0;
  }

  .page--module-talent-flows-detail #talent-firm-spotlight .talent-flows-person-timeline__period {
    color: #64748b;
    font-size: 11px;
    line-height: 1.55;
  }

  .page--module-talent-flows-detail #talent-firm-spotlight .talent-flows-person-timeline__body {
    gap: 2px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .page--module-talent-flows-detail #talent-firm-spotlight .talent-flows-person-timeline__item--current .talent-flows-person-timeline__body {
    padding-left: 10px;
    border-left: 3px solid rgba(63, 141, 146, 0.72);
  }

  .page--module-talent-flows-detail #talent-firm-spotlight .talent-flows-related-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .page--module-talent-flows-detail #talent-firm-spotlight .talent-flows-related-item {
    min-height: 0;
    gap: 3px;
    padding: 4px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .page--module-talent-flows-detail #talent-firm-spotlight .talent-flows-related-item::after {
    display: none;
  }

  .page--module-talent-flows-detail #talent-firm-spotlight a.talent-flows-related-item:hover {
    transform: none;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
  }
}

/* --------------------------------------------------------------------------
   Mobile native app visual system 2026-04-25
   Scope: mobile CSS-only restyle; no content, routing, data or DOM changes.
   -------------------------------------------------------------------------- */
@media (max-width: 1199px) {
  :root {
    --mobile-app-bar-height: 78px;
    --mobile-app-bar-height: calc(78px + env(safe-area-inset-top, 0px));
    --mobile-bottom-nav-height: 74px;
    --mobile-bottom-nav-height: calc(74px + env(safe-area-inset-bottom, 0px));
    --mobile-native-bg: #f2efe9;
    --mobile-native-surface: rgba(255, 255, 255, 0.88);
    --mobile-native-surface-strong: rgba(255, 255, 255, 0.96);
    --mobile-native-ink: #0b1220;
    --mobile-native-muted: #657184;
    --mobile-native-line: rgba(15, 23, 42, 0.085);
    --mobile-native-burgundy: #71123e;
    --mobile-native-blue: #073f96;
    --mobile-native-shadow: 0 calc(14 * var(--rpx)) calc(36 * var(--rpx)) rgba(15, 23, 42, 0.075);
    --mobile-native-shadow-soft: 0 calc(8 * var(--rpx)) calc(22 * var(--rpx)) rgba(15, 23, 42, 0.055);
  }

  html {
    background: #0b1020;
  }

  body {
    background: var(--mobile-native-bg);
    color: var(--mobile-native-ink);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

  .app-shell {
    background:
      radial-gradient(circle at 96% -8%, rgba(31, 74, 94, 0.26), transparent 30%),
      radial-gradient(circle at 2% 4%, rgba(113, 18, 62, 0.13), transparent 28%),
      linear-gradient(180deg, #f2eee9 0%, #eef2f7 42%, #f7f8fa 100%);
  }

  .nav-bar {
    position: sticky;
    top: 0;
    isolation: isolate;
    min-height: var(--mobile-app-bar-height);
    padding:
      env(safe-area-inset-top, 0px)
      calc(14 * var(--rpx))
      calc(8 * var(--rpx));
    border-bottom: none;
    background:
      radial-gradient(circle at 88% -12%, rgba(84, 154, 181, 0.38), transparent 38%),
      radial-gradient(circle at 0% 0%, rgba(113, 18, 62, 0.16), transparent 32%),
      linear-gradient(135deg, #080d18 0%, #101827 56%, #172b38 100%);
    box-shadow:
      0 calc(1 * var(--rpx)) 0 rgba(255, 255, 255, 0.08) inset,
      0 calc(12 * var(--rpx)) calc(28 * var(--rpx)) rgba(15, 23, 42, 0.22);
    backdrop-filter: blur(18px) saturate(1.06);
  }

  .nav-bar::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.07), transparent 38%),
      linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.05) 50%, transparent 100%);
  }

  .nav-bar__mobile-shell {
    min-height: calc(62 * var(--rpx));
    gap: calc(12 * var(--rpx));
  }

  .nav-bar__back,
  .nav-bar__back-placeholder {
    width: calc(46 * var(--rpx));
    height: calc(46 * var(--rpx));
  }

  .nav-bar__back {
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: calc(18 * var(--rpx));
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.07) 100%);
    box-shadow:
      inset 0 calc(1 * var(--rpx)) 0 rgba(255, 255, 255, 0.12),
      0 calc(8 * var(--rpx)) calc(18 * var(--rpx)) rgba(0, 0, 0, 0.12);
  }

  .nav-bar__title-group {
    gap: calc(2 * var(--rpx));
  }

  .nav-bar__title {
    color: #ffffff;
    font-size: calc(39 * var(--rpx));
    font-weight: 820;
    letter-spacing: -0.045em;
    line-height: 1.04;
  }

  .nav-bar__meta {
    color: rgba(226, 232, 240, 0.68);
    font-size: calc(23 * var(--rpx));
    font-weight: 650;
    letter-spacing: -0.018em;
  }

  .nav-bar__mobile-auth {
    width: auto;
    max-width: calc(86 * var(--rpx));
    height: calc(34 * var(--rpx));
    padding: 0 calc(9 * var(--rpx));
    border-color: rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.1);
    box-shadow:
      inset 0 calc(1 * var(--rpx)) 0 rgba(255, 255, 255, 0.14),
      0 calc(8 * var(--rpx)) calc(18 * var(--rpx)) rgba(0, 0, 0, 0.1);
  }

  .nav-bar__mobile-auth-text {
    max-width: none;
    font-size: calc(19 * var(--rpx));
    letter-spacing: -0.01em;
  }

  .page,
  .page--home,
  .page--report,
  .page--module,
  .page--library,
  .page--library-detail,
  .page--insights,
  .page--insight-detail {
    padding:
      calc(22 * var(--rpx))
      calc(16 * var(--rpx))
      calc(34 * var(--rpx) + 74px);
    padding:
      calc(22 * var(--rpx))
      calc(16 * var(--rpx))
      calc(34 * var(--rpx) + var(--mobile-bottom-nav-height));
  }

  .card,
  .report-card,
  .section-item,
  .chart-card,
  .empty-card,
  .nb-mobile-insight-card,
  .library-mobile,
  .article-page-mobile-card,
  .talent-flows-search-panel,
  .talent-flows-panel,
  .library-article-row,
  .library-detail-main,
  .article-page-content {
    border-color: var(--mobile-native-line);
    border-radius: calc(28 * var(--rpx));
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.84) 100%);
    box-shadow:
      inset 0 calc(1 * var(--rpx)) 0 rgba(255, 255, 255, 0.72),
      var(--mobile-native-shadow);
  }

  .mobile-bottom-nav {
    left: max(12px, env(safe-area-inset-left, 0px));
    right: max(12px, env(safe-area-inset-right, 0px));
    bottom: max(10px, env(safe-area-inset-bottom, 0px));
    min-height: calc(64 * var(--rpx));
    padding: calc(6 * var(--rpx));
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: calc(28 * var(--rpx));
    background:
      radial-gradient(circle at 50% 0%, rgba(74, 90, 118, 0.22), transparent 45%),
      linear-gradient(180deg, rgba(15, 23, 42, 0.96) 0%, rgba(7, 12, 24, 0.98) 100%);
    box-shadow:
      0 calc(18 * var(--rpx)) calc(42 * var(--rpx)) rgba(5, 10, 20, 0.3),
      inset 0 calc(1 * var(--rpx)) 0 rgba(255, 255, 255, 0.09);
  }

  .mobile-bottom-nav__item {
    min-height: calc(50 * var(--rpx));
    border-radius: calc(23 * var(--rpx));
    color: rgba(226, 232, 240, 0.58);
    font-size: calc(18 * var(--rpx));
    letter-spacing: -0.01em;
  }

  .mobile-bottom-nav__icon {
    width: calc(24 * var(--rpx));
    height: calc(24 * var(--rpx));
    background: rgba(255, 255, 255, 0.075);
    font-size: calc(18 * var(--rpx));
  }

  .mobile-bottom-nav__item--active {
    background:
      radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.16), transparent 44%),
      linear-gradient(135deg, #7a1646 0%, #5b102f 100%);
    color: #ffffff;
    box-shadow:
      inset 0 calc(1 * var(--rpx)) 0 rgba(255, 255, 255, 0.12),
      0 calc(10 * var(--rpx)) calc(22 * var(--rpx)) rgba(91, 16, 47, 0.24);
  }

  .mobile-bottom-nav__item--active .mobile-bottom-nav__icon {
    background: rgba(255, 255, 255, 0.14);
  }

  .section-summary {
    margin: 0 0 calc(16 * var(--rpx));
    padding: calc(18 * var(--rpx)) calc(20 * var(--rpx));
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: calc(24 * var(--rpx));
    background:
      radial-gradient(circle at 100% 0%, rgba(113, 18, 62, 0.055), transparent 36%),
      rgba(255, 255, 255, 0.88);
    box-shadow: var(--mobile-native-shadow-soft);
  }

  .section-summary__title {
    color: var(--mobile-native-ink);
    font-size: calc(34 * var(--rpx));
    font-weight: 820;
    letter-spacing: -0.036em;
    line-height: 1.16;
  }

  .section-summary__desc,
  .hero__desc,
  .chart-card__subtitle,
  .library-article-row__excerpt,
  .talent-flows-section__desc,
  .talent-flows-mini-item__meta {
    color: var(--mobile-native-muted);
  }

  .primary-btn,
  .chart-card__download-btn,
  .insights-mobile-search__button,
  .library-search-bar__button {
    border: none;
    background:
      linear-gradient(135deg, #0b3f96 0%, #072c72 100%);
    color: #ffffff;
    box-shadow: 0 calc(10 * var(--rpx)) calc(24 * var(--rpx)) rgba(7, 44, 114, 0.18);
  }

  .primary-btn {
    min-height: calc(52 * var(--rpx));
    border-radius: calc(20 * var(--rpx));
    font-size: calc(24 * var(--rpx));
  }

  .tabs,
  .tracking-module-button-list,
  .library-strategy-tabs,
  .insights-filter-pill-list,
  .insights-mobile-filter-list {
    margin-left: calc(-16 * var(--rpx));
    margin-right: calc(-16 * var(--rpx));
    padding-left: calc(16 * var(--rpx));
    padding-right: calc(16 * var(--rpx));
    padding-bottom: calc(5 * var(--rpx));
    scrollbar-width: none;
  }

  .tabs::-webkit-scrollbar,
  .tracking-module-button-list::-webkit-scrollbar,
  .library-strategy-tabs::-webkit-scrollbar,
  .insights-filter-pill-list::-webkit-scrollbar,
  .insights-mobile-filter-list::-webkit-scrollbar {
    display: none;
  }

  .tabs__row,
  .tracking-module-button-list,
  .insights-mobile-filter-list {
    gap: calc(9 * var(--rpx));
  }

  .tabs__item,
  .tracking-module-button,
  .insights-mobile-filter,
  .library-strategy-tab {
    border: 1px solid rgba(15, 23, 42, 0.075);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: var(--mobile-native-shadow-soft);
  }

  .tabs__item--active,
  .tracking-module-button--active,
  .insights-mobile-filter--active,
  .library-strategy-tab--active {
    border-color: rgba(113, 18, 62, 0.2);
    background:
      radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.14), transparent 42%),
      linear-gradient(135deg, var(--mobile-native-burgundy) 0%, #54112f 100%);
    color: #ffffff;
    box-shadow: 0 calc(12 * var(--rpx)) calc(26 * var(--rpx)) rgba(84, 17, 47, 0.18);
  }

  .tabs__item--active .tabs__item-count,
  .tracking-module-button--active .tracking-module-button__label,
  .insights-mobile-filter--active span,
  .library-strategy-tab--active span {
    color: rgba(255, 255, 255, 0.86);
  }

  /* Home: convert the nested report cards into compact native list sheets. */
  .page--home .nb-mobile-block > .card {
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
  }

  .page--home .report-list {
    gap: calc(18 * var(--rpx));
  }

  .page--home .report-card {
    position: relative;
    overflow: hidden;
    gap: calc(16 * var(--rpx));
    padding: calc(22 * var(--rpx));
    border-radius: calc(30 * var(--rpx));
    background:
      radial-gradient(circle at 100% 0%, rgba(7, 63, 150, 0.06), transparent 34%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(255, 255, 255, 0.86) 100%);
  }

  .page--home .report-card::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: calc(4 * var(--rpx));
    background: linear-gradient(180deg, var(--mobile-native-burgundy), rgba(7, 63, 150, 0.36));
    opacity: 0.92;
  }

  .page--home .report-card__header {
    margin-bottom: 0;
  }

  .page--home .report-card__title {
    font-size: calc(36 * var(--rpx));
    line-height: 1.12;
    letter-spacing: -0.042em;
  }

  .page--home .report-card__period {
    margin-top: calc(6 * var(--rpx));
    font-size: calc(22 * var(--rpx));
    line-height: 1.46;
  }

  .report-card__badge,
  .section-item__badge {
    border: 1px solid rgba(15, 23, 42, 0.055);
    background: #eef3fb;
    color: #073f96;
  }

  .page--home .section-list {
    gap: 0;
    margin: 0;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: calc(22 * var(--rpx));
    background: rgba(248, 250, 252, 0.7);
    overflow: hidden;
  }

  .page--home .section-item {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: calc(14 * var(--rpx));
    padding: calc(15 * var(--rpx)) calc(16 * var(--rpx));
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .page--home .section-item + .section-item {
    border-top: 1px solid rgba(15, 23, 42, 0.055);
  }

  .page--home .section-item__title {
    font-size: calc(25 * var(--rpx));
    line-height: 1.34;
  }

  .page--home .section-item__desc {
    display: -webkit-box;
    overflow: hidden;
    color: var(--mobile-native-muted);
    font-size: calc(21 * var(--rpx));
    line-height: 1.58;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .page--home .primary-btn {
    margin-top: calc(2 * var(--rpx));
    width: 100%;
  }

  /* Report detail: magazine-like header, slimmer tabs and cleaner chart sheets. */
  .page--report .nb-section--charts {
    display: grid;
    gap: calc(16 * var(--rpx));
  }

  .page--report .hero {
    margin: 0;
    padding: calc(4 * var(--rpx)) 0 0;
  }

  .page--report .hero__title {
    color: var(--mobile-native-ink);
    font-size: calc(43 * var(--rpx));
    font-weight: 850;
    letter-spacing: -0.055em;
    line-height: 1.02;
  }

  .page--report .tabs {
    margin-top: calc(2 * var(--rpx));
    margin-bottom: calc(2 * var(--rpx));
  }

  .page--report .tabs__item {
    min-width: calc(116 * var(--rpx));
    min-height: calc(76 * var(--rpx));
    padding: calc(13 * var(--rpx)) calc(15 * var(--rpx));
    border-radius: calc(18 * var(--rpx));
  }

  .page--report .tabs__item-title {
    font-size: calc(24 * var(--rpx));
    font-weight: 800;
    letter-spacing: -0.03em;
  }

  .page--report .tabs__item-count {
    margin-top: calc(4 * var(--rpx));
    font-size: calc(20 * var(--rpx));
  }

  .page--report .section-summary {
    margin-bottom: calc(4 * var(--rpx));
  }

  .chart-list {
    gap: calc(18 * var(--rpx));
  }

  .chart-card {
    overflow: hidden;
    padding: calc(20 * var(--rpx));
    border-radius: calc(28 * var(--rpx));
  }

  .chart-card__header {
    align-items: center;
    gap: calc(12 * var(--rpx));
    margin-bottom: calc(12 * var(--rpx));
    padding-bottom: 0;
    border-bottom: none;
  }

  .chart-card__title {
    font-size: calc(28 * var(--rpx));
    font-weight: 820;
    letter-spacing: -0.035em;
  }

  .chart-card__download-btn {
    min-height: calc(36 * var(--rpx));
    padding: 0 calc(14 * var(--rpx));
    border-radius: 999px;
    background: #eef3fb;
    color: #073f96;
    box-shadow: 0 calc(8 * var(--rpx)) calc(18 * var(--rpx)) rgba(15, 23, 42, 0.06);
    font-size: calc(20 * var(--rpx));
  }

  .chart-host,
  .chart-html {
    border-radius: calc(20 * var(--rpx));
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.92) 100%);
  }

  /* Library: command-bar search plus editorial cards. */
  .page--library .nb-mobile-block > .library-mobile {
    padding: calc(18 * var(--rpx));
    border-radius: calc(30 * var(--rpx));
  }

  .page--library .library-mobile > .section-summary {
    margin-bottom: calc(14 * var(--rpx));
    background:
      radial-gradient(circle at 100% 0%, rgba(113, 18, 62, 0.07), transparent 42%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.9) 100%);
  }

  .library-mobile__note,
  .library-mobile__count {
    color: var(--mobile-native-muted);
    font-size: calc(22 * var(--rpx));
    line-height: 1.5;
  }

  .insights-mobile-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: calc(8 * var(--rpx));
    margin: calc(10 * var(--rpx)) 0 calc(12 * var(--rpx));
  }

  .insights-mobile-search__input {
    min-height: calc(46 * var(--rpx));
    padding: 0 calc(16 * var(--rpx));
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: calc(16 * var(--rpx));
    background: rgba(248, 250, 252, 0.92);
    color: var(--mobile-native-ink);
    font-size: calc(22 * var(--rpx));
  }

  .insights-mobile-search__button {
    min-width: calc(62 * var(--rpx));
    min-height: calc(46 * var(--rpx));
    border-radius: calc(16 * var(--rpx));
    background:
      linear-gradient(135deg, #111827 0%, #0b1220 100%);
    font-size: calc(21 * var(--rpx));
    font-weight: 760;
  }

  .insights-mobile-filter {
    min-height: calc(34 * var(--rpx));
    padding: 0 calc(13 * var(--rpx));
    border-radius: 999px;
    font-size: calc(20 * var(--rpx));
    font-weight: 740;
  }

  .library-article-list {
    gap: calc(14 * var(--rpx));
  }

  .library-article-row {
    position: relative;
    overflow: hidden;
    padding: calc(18 * var(--rpx)) calc(17 * var(--rpx));
    border-radius: calc(24 * var(--rpx));
  }

  .library-article-row::before {
    content: '';
    position: absolute;
    top: calc(18 * var(--rpx));
    bottom: calc(18 * var(--rpx));
    left: 0;
    width: calc(3 * var(--rpx));
    border-radius: 999px;
    background: linear-gradient(180deg, var(--mobile-native-burgundy), rgba(7, 63, 150, 0.3));
    opacity: 0.7;
  }

  .library-article-row__eyebrow-label,
  .library-article-row__badge {
    background: rgba(7, 63, 150, 0.08);
    color: #073f96;
  }

  .library-article-row__title {
    font-size: calc(33 * var(--rpx));
    font-weight: 850;
    letter-spacing: -0.05em;
    line-height: 1.18;
  }

  .library-article-row__excerpt {
    font-size: calc(24 * var(--rpx));
    line-height: 1.72;
  }

  .library-article-row__footer {
    padding-top: calc(12 * var(--rpx));
    border-top: 1px solid rgba(15, 23, 42, 0.06);
  }

  .library-article-row__source-label,
  .library-article-row__cta {
    font-size: calc(20 * var(--rpx));
  }

  .library-article-row__cta {
    color: #073f96;
  }

  /* Tracking: turn tables into a contained data sheet on mobile. */
  .page--module-tracking .tracking-module-intro--hero {
    min-height: 0;
    margin: 0;
    padding: calc(2 * var(--rpx)) 0 0;
    background: transparent;
    box-shadow: none;
  }

  .page--module-tracking .tracking-module-intro__title {
    color: var(--mobile-native-ink);
    font-size: calc(44 * var(--rpx));
    font-weight: 850;
    letter-spacing: -0.055em;
    line-height: 1.03;
  }

  .page--module-tracking .tracking-module-button-group--detail {
    margin: calc(14 * var(--rpx)) 0 calc(18 * var(--rpx));
  }

  .page--module-tracking .tracking-module-button-list {
    flex-wrap: nowrap;
  }

  .page--module-tracking .tracking-module-button {
    min-height: calc(38 * var(--rpx));
    padding: 0 calc(14 * var(--rpx));
    border-radius: 999px;
  }

  .page--module-tracking .tracking-module-button__label {
    font-size: calc(21 * var(--rpx));
    font-weight: 780;
  }

  .page--module-tracking-detail .tracking-module-directory {
    margin-top: 0;
  }

  .page--module-tracking-detail .chart-card--html,
  .page--module-tracking-detail .chart-card--nav-tracking-table {
    padding: calc(12 * var(--rpx));
    border-radius: calc(24 * var(--rpx));
    background: rgba(255, 255, 255, 0.9);
  }

  .page--module-tracking-detail .chart-card--html .chart-card__header,
  .page--module-tracking-detail .chart-card--nav-tracking-table .chart-card__header {
    padding: calc(6 * var(--rpx)) calc(4 * var(--rpx)) calc(10 * var(--rpx));
  }

  .chart-html__scroller,
  .zitan-native-table-wrap {
    border-radius: calc(18 * var(--rpx));
    border: 1px solid rgba(15, 23, 42, 0.075);
    background: rgba(255, 255, 255, 0.94);
  }

  .page--module-tracking-detail .nav-tracking-report-table th,
  .page--module-tracking-detail .nav-tracking-report-table td,
  .page--module-tracking-detail .nav-tracking-table th,
  .page--module-tracking-detail .nav-tracking-table td {
    border-color: rgba(15, 23, 42, 0.07);
  }

  .page--module-tracking-detail .nav-tracking-report-table thead th,
  .page--module-tracking-detail .nav-tracking-table thead th {
    background: linear-gradient(180deg, rgba(253, 247, 250, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%);
    color: #52152f;
  }

  /* Talent: keep content, remove nested-box noise and make it a native list. */
  .page--module-talent-flows .talent-flows-search-panel {
    margin-bottom: calc(26 * var(--rpx));
    padding: calc(13 * var(--rpx));
    border-radius: calc(28 * var(--rpx));
    background: rgba(255, 255, 255, 0.9);
  }

  .page--module-talent-flows .talent-flows-search-form__input {
    min-height: calc(56 * var(--rpx));
    padding-left: calc(20 * var(--rpx));
    padding-right: calc(64 * var(--rpx));
    border: 1px solid rgba(15, 23, 42, 0.2);
    border-radius: calc(22 * var(--rpx));
    background: rgba(248, 250, 252, 0.92);
    font-size: calc(24 * var(--rpx));
  }

  .page--module-talent-flows .talent-flows-search-form__submit {
    width: calc(48 * var(--rpx));
    min-width: calc(48 * var(--rpx));
    height: calc(48 * var(--rpx));
    min-height: calc(48 * var(--rpx));
    border-radius: calc(18 * var(--rpx));
    background:
      linear-gradient(135deg, #111827 0%, #0b1220 100%);
    box-shadow: 0 calc(8 * var(--rpx)) calc(18 * var(--rpx)) rgba(15, 23, 42, 0.12);
  }

  .page--module-talent-flows .talent-flows-section {
    gap: calc(14 * var(--rpx));
  }

  .page--module-talent-flows .talent-flows-section__title {
    font-size: calc(38 * var(--rpx));
    font-weight: 850;
    letter-spacing: -0.055em;
    line-height: 1.05;
  }

  .page--module-talent-flows .talent-flows-section__desc {
    font-size: calc(22 * var(--rpx));
    line-height: 1.55;
  }

  .page--module-talent-flows .talent-flows-panel-grid {
    gap: calc(14 * var(--rpx));
  }

  .page--module-talent-flows .talent-flows-panel {
    padding: calc(18 * var(--rpx));
    border-radius: calc(26 * var(--rpx));
  }

  .page--module-talent-flows .talent-flows-panel__eyebrow {
    color: #94a0af;
    font-size: calc(20 * var(--rpx));
  }

  .page--module-talent-flows .talent-flows-panel__title {
    font-size: calc(30 * var(--rpx));
    letter-spacing: -0.036em;
  }

  .page--module-talent-flows .talent-flows-mini-list {
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: calc(20 * var(--rpx));
    background: rgba(248, 250, 252, 0.72);
  }

  .page--module-talent-flows .talent-flows-mini-item {
    padding: calc(14 * var(--rpx)) calc(15 * var(--rpx));
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .page--module-talent-flows .talent-flows-mini-item + .talent-flows-mini-item {
    border-top: 1px solid rgba(15, 23, 42, 0.055);
  }

  .page--module-talent-flows .talent-flows-mini-item__title {
    font-size: calc(25 * var(--rpx));
    font-weight: 790;
    letter-spacing: -0.026em;
    line-height: 1.32;
  }

  .page--module-talent-flows .talent-flows-mini-item__meta {
    font-size: calc(20 * var(--rpx));
    line-height: 1.5;
  }

  .page--module-talent-flows .talent-flows-mini-item__value {
    font-size: calc(24 * var(--rpx));
    font-weight: 820;
  }
}

@media (max-width: 1199px) {
  .page--module-tracking-detail .chart-card,
  .page--module-tracking-detail .chart-card--focus,
  .page--module-tracking-detail .chart-card--wide,
  .page--module-tracking-detail .chart-card--html {
    border: 1px solid rgba(15, 23, 42, 0.075) !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(255, 255, 255, 0.88) 100%) !important;
    box-shadow:
      inset 0 calc(1 * var(--rpx)) 0 rgba(255, 255, 255, 0.74),
      0 calc(14 * var(--rpx)) calc(36 * var(--rpx)) rgba(15, 23, 42, 0.075) !important;
  }

  .page--module-tracking-detail .chart-card--nav-tracking-table {
    padding: calc(12 * var(--rpx)) !important;
    border-radius: calc(24 * var(--rpx)) !important;
    overflow: hidden;
  }

  .page--module-tracking-detail .chart-card--nav-tracking-table .chart-html,
  .page--module-tracking-detail .chart-card--nav-tracking-table .chart-html__scroller {
    border: 1px solid rgba(15, 23, 42, 0.075) !important;
    border-radius: calc(18 * var(--rpx)) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: none !important;
  }

  .page--module-tracking-detail .chart-card--nav-tracking-table .chart-html__scroller {
    overflow: auto;
  }

  .page--module-tracking-detail .chart-card--nav-tracking-table .nav-tracking-table-wrap,
  .page--module-tracking-detail .chart-card--nav-tracking-table .nav-tracking-report-table {
    background-color: #ffffff !important;
  }

  .page--module-tracking-detail .nav-tracking-report-table th,
  .page--module-tracking-detail .nav-tracking-report-table td {
    background-color: #ffffff !important;
  }

  .page--module-tracking-detail .nav-tracking-report-table tbody tr:nth-child(even) td {
    background-color: rgba(248, 250, 252, 0.72) !important;
  }

  .page--module-tracking-detail .nav-tracking-report-table thead th {
    background:
      linear-gradient(180deg, rgba(253, 247, 250, 1) 0%, rgba(249, 250, 251, 1) 100%) !important;
    color: #52152f !important;
  }

  .page--module-tracking-detail .nav-tracking-report-table thead th:first-child,
  .page--module-tracking-detail .nav-tracking-report-table tbody td:first-child,
  .page--module-tracking-detail .nav-tracking-report-table tbody tr:nth-child(even) td:first-child {
    background-color: #f8fafc !important;
  }

  .page--module-tracking-detail .nav-tracking-table__group-row th {
    background:
      linear-gradient(90deg, rgba(113, 18, 62, 0.07), rgba(248, 250, 252, 0.98)) !important;
    color: #334155 !important;
  }

  .page--module-tracking-detail .chart-host,
  .page--module-tracking-detail .chart-html {
    border-radius: calc(18 * var(--rpx)) !important;
    background: rgba(255, 255, 255, 0.98) !important;
  }
}

/* --------------------------------------------------------------------------
   Mobile home compact dashboard 2026-04-25
   Scope: home page only; consolidate existing reports/modules into one native
   dashboard instead of long web-style stacked cards.
   -------------------------------------------------------------------------- */
@media (max-width: 1199px) {
  .page--home {
    padding-top: calc(18 * var(--rpx));
  }

  .home-mobile-legacy {
    display: none !important;
  }

  .home-mobile-dashboard {
    display: grid;
    gap: calc(14 * var(--rpx));
  }

  .page--home .home-mobile-dashboard__hero {
    display: none;
  }

  .home-mobile-dashboard__hero {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: calc(6 * var(--rpx));
    padding: calc(24 * var(--rpx)) calc(22 * var(--rpx));
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: calc(30 * var(--rpx));
    background:
      radial-gradient(circle at 100% 0%, rgba(91, 157, 185, 0.26), transparent 40%),
      radial-gradient(circle at 0% 0%, rgba(129, 29, 75, 0.24), transparent 38%),
      linear-gradient(135deg, #101827 0%, #172033 52%, #1a3140 100%);
    box-shadow:
      inset 0 calc(1 * var(--rpx)) 0 rgba(255, 255, 255, 0.12),
      0 calc(16 * var(--rpx)) calc(36 * var(--rpx)) rgba(15, 23, 42, 0.18);
  }

  .home-mobile-dashboard__hero::after {
    content: '';
    position: absolute;
    right: calc(-38 * var(--rpx));
    bottom: calc(-44 * var(--rpx));
    width: calc(150 * var(--rpx));
    height: calc(150 * var(--rpx));
    border: calc(22 * var(--rpx)) solid rgba(255, 255, 255, 0.045);
    border-radius: 50%;
  }

  .home-mobile-dashboard__eyebrow,
  .home-mobile-dashboard__title,
  .home-mobile-dashboard__desc {
    position: relative;
    z-index: 1;
  }

  .home-mobile-dashboard__eyebrow {
    color: rgba(226, 232, 240, 0.66);
    font-size: calc(18 * var(--rpx));
    font-weight: 780;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .home-mobile-dashboard__title {
    margin: 0;
    color: #ffffff;
    font-size: calc(42 * var(--rpx));
    font-weight: 860;
    letter-spacing: -0.055em;
    line-height: 1.04;
  }

  .home-mobile-dashboard__desc {
    margin: 0;
    color: rgba(226, 232, 240, 0.72);
    font-size: calc(23 * var(--rpx));
    font-weight: 680;
    letter-spacing: -0.018em;
    line-height: 1.42;
  }

  .home-mobile-dashboard__section {
    display: grid;
    gap: calc(10 * var(--rpx));
  }

  .home-mobile-dashboard__section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: calc(12 * var(--rpx));
    padding: 0 calc(4 * var(--rpx));
  }

  .home-mobile-dashboard__section-title {
    color: #0b1220;
    font-size: calc(29 * var(--rpx));
    font-weight: 850;
    letter-spacing: -0.045em;
    line-height: 1.1;
  }

  .home-mobile-dashboard__section-meta {
    color: #7a8494;
    font-size: calc(19 * var(--rpx));
    font-weight: 680;
    line-height: 1.35;
    white-space: nowrap;
  }

  .home-mobile-report-deck,
  .home-mobile-module-grid {
    display: grid;
    gap: calc(11 * var(--rpx));
  }

  .home-mobile-report-card,
  .home-mobile-module-card {
    position: relative;
    overflow: hidden;
    display: grid;
    min-width: 0;
    border: 1px solid rgba(15, 23, 42, 0.075);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.9) 100%);
    box-shadow:
      inset 0 calc(1 * var(--rpx)) 0 rgba(255, 255, 255, 0.8),
      0 calc(10 * var(--rpx)) calc(26 * var(--rpx)) rgba(15, 23, 42, 0.068);
  }

  .home-mobile-report-card {
    gap: calc(10 * var(--rpx));
    padding: calc(15 * var(--rpx)) calc(15 * var(--rpx)) calc(14 * var(--rpx));
    border-radius: calc(26 * var(--rpx));
  }

  .home-mobile-report-card::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: calc(4 * var(--rpx));
    background: linear-gradient(180deg, #7a1646 0%, rgba(7, 63, 150, 0.38) 100%);
    opacity: 0.88;
  }

  .home-mobile-report-card__head {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: calc(12 * var(--rpx));
  }

  .home-mobile-report-card__main {
    display: grid;
    gap: calc(4 * var(--rpx));
    min-width: 0;
  }

  .home-mobile-report-card__title {
    color: #0b1220;
    font-size: calc(31 * var(--rpx));
    font-weight: 850;
    letter-spacing: -0.05em;
    line-height: 1.08;
  }

  .home-mobile-report-card__period {
    overflow: hidden;
    color: #687386;
    font-size: calc(20 * var(--rpx));
    font-weight: 620;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .home-mobile-report-card__badge,
  .home-mobile-module-card__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: calc(30 * var(--rpx));
    padding: 0 calc(10 * var(--rpx));
    border: 1px solid rgba(7, 63, 150, 0.08);
    border-radius: 999px;
    background: #eef3fb;
    color: #073f96;
    font-size: calc(20 * var(--rpx));
    font-weight: 820;
    white-space: nowrap;
  }

  .home-mobile-section-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.058);
    border-radius: calc(17 * var(--rpx));
    background:
      linear-gradient(180deg, rgba(248, 250, 252, 0.86) 0%, rgba(255, 255, 255, 0.72) 100%);
  }

  .home-mobile-section-chip {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: calc(6 * var(--rpx));
    min-width: 0;
    min-height: calc(31 * var(--rpx));
    padding: calc(7 * var(--rpx)) calc(10 * var(--rpx));
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .home-mobile-section-chip:nth-child(even) {
    border-left: 1px solid rgba(15, 23, 42, 0.055);
  }

  .home-mobile-section-chip:nth-child(n + 3) {
    border-top: 1px solid rgba(15, 23, 42, 0.055);
  }

  .home-mobile-section-chip__title {
    overflow: hidden;
    color: #182230;
    font-size: calc(19 * var(--rpx));
    font-weight: 760;
    letter-spacing: -0.025em;
    line-height: 1.24;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .home-mobile-section-chip__count {
    color: #073f96;
    font-size: calc(17 * var(--rpx));
    font-weight: 820;
    white-space: nowrap;
  }

  .home-mobile-module-card {
    gap: calc(7 * var(--rpx));
    padding: calc(15 * var(--rpx));
    border-radius: calc(24 * var(--rpx));
    color: inherit;
  }

  .home-mobile-module-card::after {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: calc(58 * var(--rpx));
    pointer-events: none;
    background: radial-gradient(circle at 100% 0%, rgba(113, 18, 62, 0.055), transparent 45%);
  }

  .home-mobile-module-card__head {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(12 * var(--rpx));
    min-width: 0;
  }

  .home-mobile-module-card__title {
    min-width: 0;
    overflow: hidden;
    color: #0b1220;
    font-size: calc(28 * var(--rpx));
    font-weight: 850;
    letter-spacing: -0.045em;
    line-height: 1.12;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .home-mobile-module-card__desc {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    overflow: hidden;
    color: #687386;
    font-size: calc(20 * var(--rpx));
    font-weight: 560;
    line-height: 1.48;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .home-mobile-module-card__chips {
    position: relative;
    z-index: 1;
    display: flex;
    gap: calc(6 * var(--rpx));
    margin-left: calc(-2 * var(--rpx));
    margin-right: calc(-2 * var(--rpx));
    padding: calc(2 * var(--rpx));
    overflow-x: auto;
    scrollbar-width: none;
  }

  .home-mobile-module-card__chips::-webkit-scrollbar {
    display: none;
  }

  .home-mobile-module-card__chip {
    flex: 0 0 auto;
    max-width: calc(142 * var(--rpx));
    overflow: hidden;
    padding: calc(4 * var(--rpx)) calc(8 * var(--rpx));
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 999px;
    background: rgba(248, 250, 252, 0.88);
    color: #475569;
    font-size: calc(18 * var(--rpx));
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .page--home .home-mobile-dashboard__hero {
    padding: calc(18 * var(--rpx)) calc(20 * var(--rpx));
    border-radius: calc(26 * var(--rpx));
  }

  .page--home .home-mobile-dashboard__title {
    font-size: calc(35 * var(--rpx));
  }

  .page--home .home-mobile-dashboard__desc {
    font-size: calc(20 * var(--rpx));
  }

  .page--home .home-mobile-module-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(8 * var(--rpx));
  }

  .page--home .home-mobile-module-card {
    min-height: calc(86 * var(--rpx));
    align-content: space-between;
    gap: calc(8 * var(--rpx));
    padding: calc(12 * var(--rpx));
    border-radius: calc(20 * var(--rpx));
  }

  .page--home .home-mobile-module-card__head {
    display: grid;
    gap: calc(7 * var(--rpx));
    align-content: start;
  }

  .page--home .home-mobile-module-card__title {
    white-space: normal;
    font-size: calc(24 * var(--rpx));
    line-height: 1.12;
  }

  .page--home .home-mobile-module-card__badge {
    justify-self: start;
    max-width: 100%;
    min-height: calc(25 * var(--rpx));
    padding: 0 calc(8 * var(--rpx));
    overflow: hidden;
    font-size: calc(17 * var(--rpx));
    text-overflow: ellipsis;
  }

  .page--home .home-mobile-module-card__desc,
  .page--home .home-mobile-module-card__chips {
    display: none;
  }

  .page--home .home-mobile-report-card,
  .page--home .home-mobile-module-card {
    border-color: rgba(15, 23, 42, 0.06);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(253, 253, 252, 0.92) 100%);
    box-shadow:
      inset 0 calc(1 * var(--rpx)) 0 rgba(255, 255, 255, 0.82),
      0 calc(8 * var(--rpx)) calc(20 * var(--rpx)) rgba(15, 23, 42, 0.048);
  }

  .page--home .home-mobile-report-card__title,
  .page--home .home-mobile-module-card__title {
    font-weight: 760;
    letter-spacing: -0.045em;
  }

  .page--home .home-mobile-report-card__period {
    color: #6d7788;
    font-weight: 560;
  }

  .page--home .home-mobile-report-card__badge,
  .page--home .home-mobile-module-card__badge {
    border-color: rgba(113, 18, 62, 0.08);
    background: rgba(113, 18, 62, 0.07);
    color: #631337;
    font-weight: 760;
  }

  .page--home .home-mobile-section-grid {
    border-color: rgba(15, 23, 42, 0.05);
    background: rgba(248, 250, 252, 0.54);
  }

  .page--home .home-mobile-section-chip {
    min-height: calc(29 * var(--rpx));
  }

  .page--home .home-mobile-section-chip__title {
    font-weight: 650;
    color: #223044;
  }

  .page--home .home-mobile-section-chip__count {
    color: #631337;
    font-weight: 740;
  }

  .page--report .tabs {
    margin-top: 0;
    margin-bottom: 0;
  }

  .page--report .tabs__item {
    min-width: 0;
    min-height: calc(42 * var(--rpx));
    padding: 0 calc(14 * var(--rpx));
    border-radius: 999px;
    box-shadow: none;
  }

  .page--report .tabs__item-title {
    font-size: calc(20 * var(--rpx));
    font-weight: 720;
    letter-spacing: -0.025em;
  }

  .page--report .tabs__item-count {
    margin-top: 0;
    font-size: calc(17 * var(--rpx));
    font-weight: 650;
  }

  .page--report .section-summary {
    margin: calc(4 * var(--rpx)) 0 calc(8 * var(--rpx));
    padding: 0 calc(4 * var(--rpx));
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .page--report .section-summary__title {
    font-size: calc(32 * var(--rpx));
    font-weight: 760;
    letter-spacing: -0.045em;
  }
}

/* --------------------------------------------------------------------------
   Mobile color harmony pass 2026-04-25
   Scope: mobile-only palette consolidation; keeps content and layout intact.
   -------------------------------------------------------------------------- */
@media (max-width: 1199px) {
  :root {
    --mobile-ink: #101722;
    --mobile-muted: #667085;
    --mobile-line: rgba(31, 41, 55, 0.075);
    --mobile-paper: #fbfaf7;
    --mobile-paper-soft: #f5f2ed;
    --mobile-plum: #6d153f;
    --mobile-plum-rgb: 109, 21, 63;
    --mobile-teal: #2f6f73;
    --mobile-teal-rgb: 47, 111, 115;
    --mobile-brass: #a46b36;
    --mobile-shadow-clean: 0 calc(8 * var(--rpx)) calc(22 * var(--rpx)) rgba(30, 41, 59, 0.055);
  }

  html,
  body {
    background: #f2efe9;
  }

  .app-shell {
    background:
      radial-gradient(circle at 0% 0%, rgba(var(--mobile-plum-rgb), 0.07), transparent 32%),
      radial-gradient(circle at 100% 2%, rgba(var(--mobile-teal-rgb), 0.08), transparent 34%),
      linear-gradient(180deg, #f4f0ea 0%, #f7f7f4 46%, #eef2f5 100%);
  }

  .nav-bar {
    background:
      radial-gradient(circle at 100% 0%, rgba(var(--mobile-teal-rgb), 0.26), transparent 36%),
      radial-gradient(circle at 0% 0%, rgba(var(--mobile-plum-rgb), 0.22), transparent 32%),
      linear-gradient(135deg, #111723 0%, #16202b 55%, #182b33 100%);
    box-shadow:
      inset 0 calc(1 * var(--rpx)) 0 rgba(255, 255, 255, 0.09),
      0 calc(10 * var(--rpx)) calc(26 * var(--rpx)) rgba(16, 24, 40, 0.18);
  }

  .nav-bar__back,
  .nav-bar__mobile-auth {
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.085);
    box-shadow: inset 0 calc(1 * var(--rpx)) 0 rgba(255, 255, 255, 0.1);
  }

  .mobile-bottom-nav {
    border-color: rgba(255, 255, 255, 0.1);
    background:
      radial-gradient(circle at 18% 0%, rgba(var(--mobile-plum-rgb), 0.22), transparent 34%),
      linear-gradient(180deg, rgba(18, 25, 38, 0.98) 0%, rgba(10, 16, 28, 0.985) 100%);
    box-shadow:
      inset 0 calc(1 * var(--rpx)) 0 rgba(255, 255, 255, 0.08),
      0 calc(16 * var(--rpx)) calc(38 * var(--rpx)) rgba(12, 18, 30, 0.28);
  }

  .mobile-bottom-nav__item--active {
    background: linear-gradient(135deg, #7a1747 0%, var(--mobile-plum) 100%);
    box-shadow: 0 calc(9 * var(--rpx)) calc(20 * var(--rpx)) rgba(var(--mobile-plum-rgb), 0.24);
  }

  .card,
  .report-card,
  .section-item,
  .chart-card,
  .empty-card,
  .library-mobile,
  .library-article-row,
  .article-page-mobile-card,
  .article-page-content,
  .talent-flows-search-panel,
  .talent-flows-panel,
  .talent-flows-directory-card,
  .talent-flows-person-card,
  .talent-flows-roster-item {
    border-color: var(--mobile-line);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(251, 250, 247, 0.9) 100%);
    box-shadow:
      inset 0 calc(1 * var(--rpx)) 0 rgba(255, 255, 255, 0.8),
      var(--mobile-shadow-clean);
  }

  .primary-btn,
  .library-search-bar__button,
  .insights-mobile-search__button,
  .talent-flows-search-form__submit {
    background: linear-gradient(135deg, #16202b 0%, #0f1724 100%);
    color: #ffffff;
    box-shadow: 0 calc(8 * var(--rpx)) calc(18 * var(--rpx)) rgba(16, 24, 40, 0.14);
  }

  .chart-card__download-btn {
    border: 1px solid rgba(var(--mobile-plum-rgb), 0.08);
    background: rgba(var(--mobile-plum-rgb), 0.075);
    color: var(--mobile-plum);
    box-shadow: none;
  }

  .tabs__item,
  .tracking-module-button,
  .insights-mobile-filter,
  .library-strategy-tab {
    border-color: rgba(31, 41, 55, 0.08);
    background: rgba(251, 250, 247, 0.88);
    color: #263243;
  }

  .tabs__item--active,
  .tracking-module-button--active,
  .insights-mobile-filter--active,
  .library-strategy-tab--active {
    border-color: rgba(var(--mobile-plum-rgb), 0.2);
    background: linear-gradient(135deg, #7a1747 0%, var(--mobile-plum) 100%);
    color: #ffffff;
    box-shadow: 0 calc(8 * var(--rpx)) calc(18 * var(--rpx)) rgba(var(--mobile-plum-rgb), 0.2);
  }

  .tabs__item--active .tabs__item-count,
  .tracking-module-button--active .tracking-module-button__label {
    color: rgba(255, 255, 255, 0.84);
  }

  .page--home .home-mobile-dashboard__section-title,
  .page--home .home-mobile-report-card__title,
  .page--home .home-mobile-module-card__title,
  .page--report .hero__title,
  .page--report .section-summary__title,
  .chart-card__title,
  .library-article-row__title,
  .talent-flows-section__title,
  .talent-flows-panel__title {
    color: var(--mobile-ink);
  }

  .page--home .home-mobile-dashboard__section-meta,
  .page--home .home-mobile-report-card__period,
  .section-summary__desc,
  .chart-card__subtitle,
  .library-mobile__note,
  .library-mobile__count,
  .library-article-row__excerpt,
  .talent-flows-section__desc,
  .talent-flows-mini-item__meta {
    color: var(--mobile-muted);
  }

  .page--home .home-mobile-report-card--cta,
  .page--home .home-mobile-report-card--stock,
  .page--home .home-mobile-report-card--private,
  .page--home .home-mobile-module-card {
    background:
      radial-gradient(circle at 100% 0%, rgba(var(--card-accent-rgb, var(--mobile-plum-rgb)), 0.045), transparent 42%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(251, 250, 247, 0.92) 100%);
  }

  .page--home .home-mobile-report-card--cta {
    --card-accent-rgb: var(--mobile-plum-rgb);
    --card-accent: var(--mobile-plum);
  }

  .page--home .home-mobile-report-card--stock {
    --card-accent-rgb: var(--mobile-teal-rgb);
    --card-accent: var(--mobile-teal);
  }

  .page--home .home-mobile-report-card--private {
    --card-accent-rgb: 164, 107, 54;
    --card-accent: var(--mobile-brass);
  }

  .page--home .home-mobile-report-card::before {
    background: linear-gradient(180deg, var(--card-accent, var(--mobile-plum)) 0%, rgba(var(--card-accent-rgb, var(--mobile-plum-rgb)), 0.24) 100%);
  }

  .page--home .home-mobile-report-card__badge,
  .page--home .home-mobile-module-card__badge,
  .page--home .home-mobile-section-chip__count {
    border-color: rgba(var(--card-accent-rgb, var(--mobile-plum-rgb)), 0.09);
    background: rgba(var(--card-accent-rgb, var(--mobile-plum-rgb)), 0.075);
    color: var(--card-accent, var(--mobile-plum));
  }

  .page--home .home-mobile-section-grid {
    border-color: rgba(31, 41, 55, 0.055);
    background: linear-gradient(180deg, rgba(246, 244, 240, 0.72) 0%, rgba(250, 250, 248, 0.74) 100%);
  }

  .page--home .home-mobile-section-chip:nth-child(even),
  .page--home .home-mobile-section-chip:nth-child(n + 3) {
    border-color: rgba(31, 41, 55, 0.052);
  }

  .page--home .home-mobile-section-chip__title {
    color: #243044;
  }

  .page--home .home-mobile-module-card--private-nav-tracking {
    --card-accent-rgb: var(--mobile-teal-rgb);
    --card-accent: var(--mobile-teal);
  }

  .page--home .home-mobile-module-card--private-talent-flows {
    --card-accent-rgb: var(--mobile-plum-rgb);
    --card-accent: var(--mobile-plum);
  }

  .page--home .home-mobile-module-card--library {
    --card-accent-rgb: 164, 107, 54;
    --card-accent: var(--mobile-brass);
  }

  .library-article-row::before {
    background: linear-gradient(180deg, var(--mobile-plum), rgba(var(--mobile-teal-rgb), 0.42));
  }

  .library-article-row__eyebrow-label,
  .library-article-row__badge {
    background: rgba(var(--mobile-plum-rgb), 0.075);
    color: var(--mobile-plum);
  }

  .library-article-row__cta {
    color: var(--mobile-plum);
  }

  .page--module-tracking .tracking-module-button--active {
    background: linear-gradient(135deg, #7a1747 0%, var(--mobile-plum) 100%);
  }

  .page--module-tracking-detail .nav-tracking-report-table thead th {
    background: linear-gradient(180deg, rgba(248, 241, 244, 1) 0%, rgba(250, 248, 245, 1) 100%) !important;
    color: #56203a !important;
  }

  .page--module-tracking-detail .nav-tracking-table__group-row th {
    background: linear-gradient(90deg, rgba(var(--mobile-plum-rgb), 0.065), rgba(250, 248, 245, 0.98)) !important;
  }

  .page--module-talent-flows .talent-flows-search-form__submit {
    background: linear-gradient(135deg, #16202b 0%, #0f1724 100%);
  }

  .page--module-talent-flows .talent-flows-mini-list {
    border-color: rgba(31, 41, 55, 0.055);
    background: rgba(246, 244, 240, 0.52);
  }
}

/* --------------------------------------------------------------------------
   Desktop library auth hero width fix 2026-04-25
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .page--library .tracking-module-intro--hero > *,
  .page--library-detail .tracking-module-intro--hero > * {
    width: auto !important;
    max-width: calc(100vw - (2 * var(--nb-page-content-inset))) !important;
    margin-left: var(--nb-page-content-inset) !important;
    margin-right: var(--nb-page-content-inset) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }

  .page--library .tracking-module-intro--hero .tracking-module-intro__desc,
  .page--library-detail .tracking-module-intro--hero .tracking-module-intro__desc {
    width: auto !important;
    max-width: min(860px, calc(100vw - (2 * var(--nb-page-content-inset)))) !important;
    white-space: normal;
  }
}

/* --------------------------------------------------------------------------
   Due diligence article detail layout polish 2026-04-26
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .page--library-detail {
    background:
      radial-gradient(circle at 82% 260px, rgba(101, 18, 54, 0.055), transparent 28%),
      linear-gradient(180deg, #efefea 0%, #f4f1eb 42%, #efefea 100%);
  }

  .library-detail-hero {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    border-bottom: 1px solid rgba(15, 23, 42, 0.075);
    background:
      radial-gradient(circle at 8% 0%, rgba(255, 255, 255, 0.92), transparent 34%),
      linear-gradient(180deg, #f8f4ec 0%, #efefea 100%);
  }

  .library-detail-hero__inner {
    max-width: none;
    margin: 0;
    padding:
      40px
      var(--nb-page-content-inset)
      38px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    align-items: end;
    gap: 58px;
    box-sizing: border-box;
  }

  .library-detail-hero__main {
    max-width: 940px;
    gap: 15px;
  }

  .library-detail-hero__topline {
    justify-content: flex-start;
    gap: 16px;
  }

  .library-detail-hero__back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #5f1234;
    font-size: 13px;
    font-weight: 650;
  }

  .library-detail-hero__back::before {
    content: '←';
    font-size: 14px;
    line-height: 1;
  }

  .library-detail-hero__eyebrow {
    color: rgba(95, 18, 52, 0.68);
    font-size: 11px;
    letter-spacing: 0.13em;
  }

  .library-detail-hero__title {
    max-width: 940px;
    color: #131722;
    font-size: clamp(40px, 3.45vw, 58px);
    font-weight: 580;
    line-height: 1.06;
    letter-spacing: -0.036em;
  }

  .library-detail-hero__meta {
    gap: 10px;
    color: #667085;
    font-size: 13px;
  }

  .library-detail-hero__meta-item {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border: 1px solid rgba(95, 18, 52, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.56);
    color: #344054;
  }

  .library-detail-hero__meta-separator {
    display: none;
  }

  .library-detail-hero__summary {
    max-width: 860px;
    color: #334155;
    font-size: 17px;
    line-height: 1.82;
  }

  .library-detail-hero__tags {
    margin: 2px 0 0;
  }

  .library-detail-info-card--memo {
    position: relative;
    overflow: hidden;
    gap: 16px;
    padding: 24px 24px 26px;
    border: 1px solid rgba(95, 18, 52, 0.1);
    border-radius: 24px;
    background:
      radial-gradient(circle at 100% 0%, rgba(208, 122, 88, 0.12), transparent 36%),
      rgba(255, 255, 255, 0.78);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.78),
      0 18px 42px rgba(72, 54, 43, 0.08);
    backdrop-filter: blur(12px);
  }

  .library-detail-info-card--memo::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, #651236 0%, #d07a58 100%);
  }

  .library-detail-info-card--memo > * {
    position: relative;
    z-index: 1;
  }

  .library-detail-info-card__title {
    font-size: 20px;
    font-weight: 680;
    letter-spacing: -0.02em;
  }

  .library-detail-info-card__grid {
    gap: 0;
    border-top: 1px solid rgba(15, 23, 42, 0.075);
  }

  .library-detail-info-card__item {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    padding: 12px 0;
    border-top: none;
    border-bottom: 1px solid rgba(15, 23, 42, 0.065);
  }

  .library-detail-info-card__item:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  .library-detail-info-card__label {
    color: #8a7380;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
  }

  .library-detail-info-card__value {
    color: #172033;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.65;
  }

  .library-detail-layout {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: transparent;
  }

  .library-detail-layout__inner {
    max-width: none;
    margin: 0;
    padding:
      34px
      var(--nb-page-content-inset)
      76px;
    display: grid;
    grid-template-columns: minmax(0, 930px) minmax(260px, 320px);
    align-items: start;
    gap: 38px;
    box-sizing: border-box;
  }

  .library-detail-main {
    max-width: none;
    gap: 28px;
    padding: 44px 52px 48px;
    border: 1px solid rgba(15, 23, 42, 0.09);
    border-radius: 28px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 253, 249, 0.96) 100%);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.88),
      0 18px 40px rgba(72, 54, 43, 0.075);
  }

  .library-detail-richtext {
    max-width: none;
    color: #172033;
  }

  .library-detail-article {
    display: block;
    min-width: 0;
    max-width: 100%;
  }

  .library-detail-section {
    display: block;
    min-width: 0;
    max-width: 100%;
    padding: 30px 0 32px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.075);
  }

  .library-detail-section:first-child {
    padding-top: 0;
  }

  .library-detail-section:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }

  .library-detail-section + .library-detail-section {
    margin-top: 0;
  }

  .library-detail-richtext h2 {
    position: relative;
    margin: 0 0 20px;
    padding: 0 0 0 18px;
    border-top: none;
    color: #111827;
    font-size: 27px;
    font-weight: 680;
    line-height: 1.24;
    letter-spacing: -0.025em;
  }

  .library-detail-richtext h2:first-child {
    margin-top: 0;
  }

  .library-detail-richtext h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.16em;
    width: 4px;
    height: 1.18em;
    border-radius: 999px;
    background: linear-gradient(180deg, #651236 0%, #d07a58 100%);
  }

  .library-detail-richtext h3 {
    margin: 26px 0 12px;
    color: #263246;
    font-size: 18px;
    font-weight: 680;
    line-height: 1.42;
    letter-spacing: -0.012em;
  }

  .library-detail-richtext p,
  .library-detail-richtext li {
    color: #243041;
    font-size: 15px;
    line-height: 1.92;
    letter-spacing: -0.004em;
  }

  .library-detail-richtext p {
    margin: 0 0 14px;
  }

  .library-detail-richtext ul,
  .library-detail-richtext ol {
    display: grid;
    gap: 10px;
    margin: 0 0 18px;
    padding-left: 0;
    list-style: none;
  }

  .library-detail-richtext li {
    position: relative;
    margin: 0;
    padding-left: 18px;
  }

  .library-detail-richtext li::before {
    content: '';
    position: absolute;
    left: 2px;
    top: 0.82em;
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: rgba(101, 18, 54, 0.68);
  }

  .library-detail-richtext strong {
    color: #111827;
    font-weight: 720;
  }

  .library-detail-richtext .article-table-wrap {
    display: block;
    width: 100%;
    margin: 20px 0 24px;
    border: 1px solid rgba(15, 23, 42, 0.085);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.035);
    overflow-x: auto;
    overflow-y: hidden;
  }

  .library-detail-richtext .article-data-table {
    min-width: 760px;
    border-collapse: separate;
    border-spacing: 0;
    border-top: none;
    background: #ffffff;
  }

  .library-detail-richtext .article-data-table th,
  .library-detail-richtext .article-data-table td {
    padding: 13px 15px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.07);
    color: #243041;
    font-size: 13px;
    line-height: 1.72;
  }

  .library-detail-richtext .article-data-table th {
    background: linear-gradient(180deg, #fbf7f1 0%, #f4eee6 100%);
    color: #4a2435;
    font-size: 12px;
    font-weight: 760;
    letter-spacing: 0.02em;
  }

  .library-detail-richtext .article-data-table tr:last-child td {
    border-bottom: none;
  }

  .library-detail-main__footer {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding-top: 24px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
  }

  .library-detail-main__footer-link,
  .library-detail-rail__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid rgba(95, 18, 52, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
    color: #5f1234;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
  }

  .library-detail-main__footer-link:hover,
  .library-detail-rail__link:hover {
    border-color: rgba(95, 18, 52, 0.28);
    background: rgba(101, 18, 54, 0.06);
    text-decoration: none;
  }

  .library-detail-rail {
    position: sticky;
    top: 118px;
    display: grid;
    gap: 16px;
    align-self: start;
  }

  .library-detail-rail-card {
    display: grid;
    gap: 10px;
    padding: 20px;
    border: 1px solid rgba(15, 23, 42, 0.085);
    border-radius: 24px;
    background:
      radial-gradient(circle at 100% 0%, rgba(101, 18, 54, 0.045), transparent 36%),
      rgba(255, 255, 255, 0.82);
    box-shadow: 0 10px 24px rgba(72, 54, 43, 0.055);
  }

  .library-detail-rail-card__eyebrow {
    color: rgba(95, 18, 52, 0.64);
    font-size: 10px;
    font-weight: 760;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .library-detail-rail-card__title {
    margin: 0;
    color: #111827;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
  }

  .library-detail-rail__toc,
  .library-detail-rail__highlights {
    display: grid;
    gap: 10px;
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
  }

  .library-detail-rail__toc {
    counter-reset: memo-section;
  }

  .library-detail-rail__toc li {
    counter-increment: memo-section;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    color: #344054;
    font-size: 13px;
    line-height: 1.5;
  }

  .library-detail-rail__toc li::before {
    content: counter(memo-section, decimal-leading-zero);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 22px;
    border-radius: 999px;
    background: rgba(101, 18, 54, 0.075);
    color: #651236;
    font-size: 10px;
    font-weight: 760;
    letter-spacing: -0.02em;
  }

  .library-detail-rail__highlights li {
    position: relative;
    padding-left: 14px;
    color: #344054;
    font-size: 13px;
    line-height: 1.72;
  }

  .library-detail-rail__highlights li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.72em;
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: #d07a58;
  }

  .library-detail-rail__actions {
    justify-content: flex-start;
    padding-left: 2px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .library-detail-hero__inner,
  .library-detail-layout__inner {
    gap: 28px;
  }

  .library-detail-layout__inner {
    grid-template-columns: minmax(0, 1fr) 280px;
  }

  .library-detail-main {
    padding: 38px 42px 44px;
  }

  .library-detail-hero__title {
    font-size: clamp(38px, 3.3vw, 48px);
  }
}

@media (max-width: 1199px) {
  .page--library-detail > .nb-mobile-block > .card {
    padding: 0;
    overflow: hidden;
  }

  .page--library-detail .section-summary {
    margin: 0;
    padding: calc(26 * var(--rpx)) calc(22 * var(--rpx)) calc(20 * var(--rpx));
    border-bottom: 1px solid rgba(31, 41, 55, 0.07);
    background:
      radial-gradient(circle at 100% 0%, rgba(101, 18, 54, 0.12), transparent 42%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 248, 245, 0.96) 100%);
  }

  .page--library-detail .section-summary__title {
    color: #121826;
    font-size: calc(31 * var(--rpx));
    font-weight: 760;
    line-height: 1.24;
    letter-spacing: -0.03em;
  }

  .page--library-detail .section-summary__desc {
    margin-top: calc(10 * var(--rpx));
    color: #526072;
    font-size: calc(22 * var(--rpx));
    line-height: 1.72;
  }

  .page--library-detail .nb-mobile-article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: calc(8 * var(--rpx));
    padding: calc(16 * var(--rpx)) calc(20 * var(--rpx)) 0;
  }

  .page--library-detail .nb-mobile-article-meta span,
  .page--library-detail .nb-article-tag-list--mobile .nb-article-tag {
    min-height: calc(28 * var(--rpx));
    padding: 0 calc(10 * var(--rpx));
    border: 1px solid rgba(101, 18, 54, 0.1);
    border-radius: 999px;
    background: rgba(101, 18, 54, 0.045);
    color: #653245;
    font-size: calc(18 * var(--rpx));
    font-weight: 700;
  }

  .page--library-detail .nb-article-tag-list--mobile {
    padding: calc(12 * var(--rpx)) calc(20 * var(--rpx)) 0;
  }

  .page--library-detail .library-detail-richtext {
    padding: calc(8 * var(--rpx)) calc(20 * var(--rpx)) calc(24 * var(--rpx));
    overflow-x: visible;
  }

  .page--library-detail .library-detail-section {
    display: block;
    padding: calc(24 * var(--rpx)) 0;
    border-top: 1px solid rgba(31, 41, 55, 0.07);
  }

  .page--library-detail .library-detail-section:first-child {
    border-top: none;
  }

  .page--library-detail .library-detail-section + .library-detail-section {
    margin-top: 0;
  }

  .page--library-detail .library-detail-richtext h2 {
    position: relative;
    margin: 0 0 calc(16 * var(--rpx));
    padding: 0 0 0 calc(16 * var(--rpx));
    border-top: none;
    color: #121826;
    font-size: calc(28 * var(--rpx));
    font-weight: 760;
    line-height: 1.28;
    letter-spacing: -0.025em;
  }

  .page--library-detail .library-detail-richtext h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.16em;
    width: calc(5 * var(--rpx));
    height: 1.16em;
    border-radius: 999px;
    background: linear-gradient(180deg, #7a1747 0%, #d07a58 100%);
  }

  .page--library-detail .library-detail-richtext h3 {
    margin: calc(20 * var(--rpx)) 0 calc(10 * var(--rpx));
    color: #263246;
    font-size: calc(23 * var(--rpx));
    font-weight: 740;
    line-height: 1.36;
  }

  .page--library-detail .library-detail-richtext p,
  .page--library-detail .library-detail-richtext li {
    color: #263246;
    font-size: calc(21 * var(--rpx));
    line-height: 1.82;
  }

  .page--library-detail .library-detail-richtext p {
    margin: 0 0 calc(12 * var(--rpx));
  }

  .page--library-detail .library-detail-richtext ul,
  .page--library-detail .library-detail-richtext ol {
    display: grid;
    gap: calc(9 * var(--rpx));
    margin: 0 0 calc(14 * var(--rpx));
    padding-left: 0;
    list-style: none;
  }

  .page--library-detail .library-detail-richtext li {
    position: relative;
    margin: 0;
    padding-left: calc(17 * var(--rpx));
  }

  .page--library-detail .library-detail-richtext li::before {
    content: '';
    position: absolute;
    left: calc(2 * var(--rpx));
    top: 0.78em;
    width: calc(5 * var(--rpx));
    height: calc(5 * var(--rpx));
    border-radius: 999px;
    background: rgba(122, 23, 71, 0.68);
  }

  .page--library-detail .library-detail-richtext .article-table-wrap {
    margin: calc(16 * var(--rpx)) 0 calc(18 * var(--rpx));
    border: 1px solid rgba(31, 41, 55, 0.075);
    border-radius: calc(18 * var(--rpx));
    background: #ffffff;
    overflow-x: auto;
  }

  .page--library-detail .library-detail-richtext .article-data-table {
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
  }

  .page--library-detail .library-detail-richtext .article-data-table th,
  .page--library-detail .library-detail-richtext .article-data-table td {
    padding: calc(11 * var(--rpx)) calc(12 * var(--rpx));
    border-bottom: 1px solid rgba(31, 41, 55, 0.07);
    font-size: calc(19 * var(--rpx));
    line-height: 1.68;
  }

  .page--library-detail .library-detail-richtext .article-data-table th {
    background: #f8f1f4;
    color: #56203a;
    font-weight: 760;
  }

  .page--library-detail .nb-mobile-article-actions {
    padding: 0 calc(20 * var(--rpx)) calc(22 * var(--rpx));
  }
}

/* Detail page simplification after memo content review 2026-04-26 */
@media (min-width: 1200px) {
  .library-detail-layout__inner {
    grid-template-columns: minmax(0, min(1080px, 100%)) !important;
    justify-content: start;
    gap: 0 !important;
  }

  .library-detail-rail {
    display: none !important;
  }

  .library-detail-main {
    width: 100%;
    max-width: 1080px !important;
    overflow: visible;
  }

  .library-detail-richtext .article-table-wrap {
    max-width: 100%;
  }

  .library-detail-richtext h3 {
    padding-top: 2px;
  }
}

/* --------------------------------------------------------------------------
   Due diligence memo final reading UI 2026-04-26
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .page--library-detail {
    background:
      radial-gradient(circle at 16% 240px, rgba(255, 255, 255, 0.72), transparent 30%),
      radial-gradient(circle at 86% 520px, rgba(101, 18, 54, 0.055), transparent 34%),
      linear-gradient(180deg, #f3f0ea 0%, #eeeae2 100%) !important;
  }

  .page--library-detail .tracking-module-intro--hero {
    box-shadow: none;
  }

  .library-detail-hero {
    background:
      linear-gradient(180deg, rgba(251, 248, 242, 0.96) 0%, rgba(244, 240, 232, 0.92) 100%) !important;
  }

  .library-detail-hero__inner {
    grid-template-columns: minmax(0, min(1120px, 100%)) !important;
    justify-content: center;
    align-items: start;
    gap: 0 !important;
    padding-top: 36px !important;
    padding-bottom: 32px !important;
  }

  .library-detail-hero__aside {
    display: none !important;
  }

  .library-detail-hero__main {
    max-width: 1120px !important;
  }

  .library-detail-hero__title {
    max-width: 1080px !important;
    font-size: clamp(34px, 2.9vw, 50px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.032em !important;
  }

  .library-detail-hero__summary {
    max-width: 1040px !important;
    margin-top: 4px;
    padding: 16px 18px;
    border: 1px solid rgba(95, 18, 52, 0.09);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.58);
    color: #344054 !important;
    font-size: 16px !important;
    line-height: 1.78 !important;
  }

  .library-detail-layout__inner {
    grid-template-columns: minmax(0, min(1120px, 100%)) !important;
    justify-content: center !important;
    padding-top: 28px !important;
  }

  .library-detail-main {
    max-width: 1120px !important;
    min-width: 0 !important;
    padding: 42px 56px 48px !important;
    border-color: rgba(34, 28, 24, 0.08) !important;
    border-radius: 24px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 253, 248, 0.98) 100%) !important;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.85) inset,
      0 18px 44px rgba(44, 36, 28, 0.075) !important;
  }

  .library-detail-section {
    min-width: 0 !important;
    padding: 34px 0 36px !important;
    border-bottom-color: rgba(31, 41, 55, 0.065) !important;
  }

  .library-detail-section:first-child {
    padding-top: 0 !important;
  }

  .library-detail-richtext h2 {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px !important;
    padding-left: 0 !important;
    color: #151923 !important;
    font-size: 25px !important;
    font-weight: 740 !important;
    letter-spacing: -0.02em !important;
  }

  .library-detail-richtext h2::before {
    position: static !important;
    flex: 0 0 auto;
    width: 6px !important;
    height: 24px !important;
    border-radius: 999px;
    background: linear-gradient(180deg, #651236 0%, #d07a58 100%) !important;
  }

  .library-detail-richtext h3 {
    margin: 28px 0 12px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0;
    background: none !important;
    color: #4b5563 !important;
    font-size: 17px !important;
    font-weight: 620 !important;
  }

  .library-detail-richtext h4 {
    margin: 18px 0 8px;
    color: #5f1234;
    font-size: 14px;
    font-weight: 760;
    line-height: 1.45;
  }

  .library-detail-richtext p,
  .library-detail-richtext li {
    color: #273244 !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
  }

  .library-detail-richtext ul,
  .library-detail-richtext ol {
    gap: 8px !important;
  }

  .library-detail-richtext li {
    padding-left: 20px !important;
  }

  .library-detail-richtext li::before {
    top: 0.83em !important;
    width: 5px !important;
    height: 5px !important;
    background: rgba(101, 18, 54, 0.58) !important;
  }

  .library-detail-richtext .article-table-wrap {
    max-width: 100% !important;
    margin: 18px 0 24px !important;
    border-color: rgba(31, 41, 55, 0.075) !important;
    border-radius: 16px !important;
    background:
      linear-gradient(180deg, #ffffff 0%, #fffdfa 100%) !important;
    box-shadow: 0 10px 24px rgba(31, 41, 55, 0.04) !important;
    box-sizing: border-box;
    contain: inline-size;
    overflow-x: auto !important;
    overflow-y: hidden;
  }

  .library-detail-richtext .article-table-wrap::-webkit-scrollbar {
    height: 9px;
  }

  .library-detail-richtext .article-table-wrap::-webkit-scrollbar-thumb {
    border: 2px solid rgba(255, 255, 255, 0.86);
    border-radius: 999px;
    background: rgba(101, 18, 54, 0.28);
  }

  .library-detail-richtext .article-data-table {
    width: 100%;
    max-width: none;
  }

  .library-detail-richtext .article-data-table th,
  .library-detail-richtext .article-data-table td {
    padding: 12px 14px !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    vertical-align: top;
  }

  .library-detail-richtext .article-data-table th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f7f0e7 !important;
    color: #4a2134 !important;
  }

  .library-detail-richtext .article-data-table tbody tr:nth-child(even) td {
    background: rgba(248, 245, 239, 0.48);
  }

  .library-detail-main__footer {
    margin-top: 4px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .library-detail-main {
    padding-left: 38px !important;
    padding-right: 38px !important;
  }

  .library-detail-hero__summary {
    padding: 14px 16px;
  }
}

@media (max-width: 1199px) {
  .page--library-detail .library-detail-richtext h4 {
    margin: calc(16 * var(--rpx)) 0 calc(7 * var(--rpx));
    color: #6b2447;
    font-size: calc(20 * var(--rpx));
    font-weight: 760;
    line-height: 1.42;
  }

  .page--library-detail .library-detail-richtext .article-table-wrap {
    box-shadow: 0 calc(8 * var(--rpx)) calc(18 * var(--rpx)) rgba(31, 41, 55, 0.035);
  }

  .page--library-detail .library-detail-richtext .article-data-table tbody tr:nth-child(even) td {
    background: rgba(248, 245, 239, 0.55);
  }
}

/* --------------------------------------------------------------------------
   Due diligence detail compact article repair 2026-04-26
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .page--library-detail > .library-hero-band {
    display: none !important;
  }

  .page--library-detail {
    background:
      radial-gradient(circle at 50% -10%, rgba(255, 255, 255, 0.82), transparent 34%),
      linear-gradient(180deg, #f4f1eb 0%, #eeeae4 100%) !important;
  }

  .library-detail-hero {
    width: 100% !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(31, 41, 55, 0.07) !important;
    background:
      linear-gradient(180deg, rgba(255, 253, 248, 0.96) 0%, rgba(248, 245, 239, 0.92) 100%) !important;
  }

  .library-detail-hero__inner {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding:
      30px
      var(--nb-page-content-inset)
      28px !important;
    grid-template-columns: minmax(0, min(1060px, 100%)) !important;
    justify-content: center !important;
  }

  .library-detail-hero__main {
    display: grid;
    max-width: 1060px !important;
    gap: 12px !important;
  }

  .library-detail-hero__tags {
    display: none !important;
  }

  .library-detail-hero__topline {
    gap: 12px !important;
    margin-bottom: 2px;
  }

  .library-detail-hero__back {
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid rgba(101, 18, 54, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.62);
    font-size: 12px !important;
  }

  .library-detail-hero__eyebrow {
    font-size: 10px !important;
  }

  .library-detail-hero__title {
    max-width: 980px !important;
    margin: 0 !important;
    color: #111827 !important;
    font-size: clamp(30px, 2.25vw, 40px) !important;
    font-weight: 720 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.03em !important;
  }

  .library-detail-hero__meta {
    gap: 8px !important;
  }

  .library-detail-hero__meta-item {
    min-height: 24px !important;
    padding: 0 9px !important;
    background: rgba(255, 255, 255, 0.66) !important;
    font-size: 12px !important;
    line-height: 1.4;
  }

  .library-detail-hero__summary {
    max-width: 980px !important;
    margin: 2px 0 0 !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    color: #344054 !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
  }

  .library-detail-layout {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .library-detail-layout__inner {
    max-width: none !important;
    margin: 0 !important;
    padding:
      22px
      var(--nb-page-content-inset)
      64px !important;
    grid-template-columns: minmax(0, min(1060px, 100%)) !important;
    justify-content: center !important;
  }

  .library-detail-main {
    max-width: 1060px !important;
    padding: 34px 46px 42px !important;
    border-radius: 22px !important;
  }

  .library-detail-section {
    padding: 28px 0 30px !important;
  }

  .library-detail-richtext h2 {
    margin-bottom: 18px !important;
    font-size: 23px !important;
  }

  .library-detail-richtext h3 {
    margin-top: 22px !important;
    padding: 0 !important;
    font-size: 17px !important;
    font-weight: 620 !important;
    color: #4b5563 !important;
  }

  .library-detail-richtext p,
  .library-detail-richtext li {
    font-size: 14px !important;
    line-height: 1.86 !important;
  }

  .library-detail-richtext .article-table-wrap {
    margin-top: 14px !important;
  }
}

/* --------------------------------------------------------------------------
   Due diligence detail header/content alignment repair 2026-04-26
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .page--library-detail {
    --library-detail-readable-max: calc(100vw - (2 * var(--nb-page-content-inset)));
  }

  .library-detail-hero__inner {
    grid-template-columns: minmax(0, var(--library-detail-readable-max)) !important;
    justify-content: start !important;
    padding-left: var(--nb-page-content-inset) !important;
    padding-right: var(--nb-page-content-inset) !important;
  }

  .library-detail-hero__main,
  .library-detail-hero__title,
  .library-detail-hero__summary {
    max-width: var(--library-detail-readable-max) !important;
  }

  .library-detail-layout__inner {
    grid-template-columns: minmax(0, var(--library-detail-readable-max)) !important;
    justify-content: start !important;
    padding-left: var(--nb-page-content-inset) !important;
    padding-right: var(--nb-page-content-inset) !important;
  }

  .library-detail-main {
    width: 100% !important;
    max-width: var(--library-detail-readable-max) !important;
  }
}

/* --------------------------------------------------------------------------
   Due diligence detail shell-local alignment repair 2026-04-26
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .page--library-detail {
    --library-detail-local-inset: var(--nb-page-content-gutter, 72px);
    --library-detail-reading-width: min(1180px, 100%);
  }

  .page--library-detail > .library-hero-band {
    display: none !important;
  }

  .library-detail-hero,
  .library-detail-layout {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .library-detail-hero__inner,
  .library-detail-layout__inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: var(--library-detail-local-inset) !important;
    padding-right: var(--library-detail-local-inset) !important;
    box-sizing: border-box !important;
    grid-template-columns: minmax(0, var(--library-detail-reading-width)) !important;
    justify-content: start !important;
  }

  .library-detail-hero__inner {
    padding-top: 34px !important;
    padding-bottom: 30px !important;
  }

  .library-detail-layout__inner {
    padding-top: 28px !important;
    padding-bottom: 72px !important;
  }

  .library-detail-hero__main,
  .library-detail-hero__title,
  .library-detail-hero__summary,
  .library-detail-main {
    width: 100% !important;
    max-width: var(--library-detail-reading-width) !important;
    justify-self: start !important;
    box-sizing: border-box !important;
  }

  .library-detail-hero__title {
    text-wrap: balance;
  }

  .library-detail-main {
    padding: 40px 52px 48px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .page--library-detail {
    --library-detail-local-inset: 48px;
  }

  .library-detail-main {
    padding-left: 42px !important;
    padding-right: 42px !important;
  }
}

/* --------------------------------------------------------------------------
   Institutional UI polish 2026-04-28
   Scope: CSS-only visual refinement. Keeps all text, data, routes and DOM intact.
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  :root {
    --ui-paper: #f1efe9;
    --ui-paper-soft: #f8f7f3;
    --ui-ink: #0b1320;
    --ui-muted: #667085;
    --ui-line: rgba(15, 23, 42, 0.085);
    --ui-line-strong: rgba(15, 23, 42, 0.14);
    --ui-plum: #651236;
    --ui-plum-deep: #4f0d29;
    --ui-teal: #2f6f73;
    --ui-shadow-card: 0 1px 2px rgba(15, 23, 42, 0.035), 0 18px 42px rgba(15, 23, 42, 0.045);
    --ui-shadow-card-hover: 0 2px 4px rgba(15, 23, 42, 0.04), 0 24px 58px rgba(15, 23, 42, 0.07);
  }

  html,
  body {
    background:
      radial-gradient(circle at 8% -6%, rgba(101, 18, 54, 0.06), transparent 28%),
      radial-gradient(circle at 92% 0%, rgba(47, 111, 115, 0.06), transparent 30%),
      linear-gradient(180deg, #efefea 0%, #f5f3ed 52%, #efefea 100%);
    color: var(--ui-ink);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

  .app-shell {
    background:
      radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.42), transparent 26%),
      var(--ui-paper);
  }

  .nb-site-header__utility {
    min-height: 58px;
    padding-top: 11px;
    padding-bottom: 11px;
    background:
      radial-gradient(circle at 82% 0%, rgba(47, 111, 115, 0.22), transparent 24%),
      linear-gradient(90deg, #0b0f17 0%, #111418 56%, #101827 100%);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.055);
  }

  .nb-site-header__main {
    background: rgba(226, 225, 218, 0.92);
    border-bottom-color: rgba(15, 23, 42, 0.07);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.34),
      0 12px 30px rgba(15, 23, 42, 0.035);
    backdrop-filter: blur(16px) saturate(1.04);
  }

  .nb-site-header__brand-title {
    color: #070b12;
    font-weight: 780;
    letter-spacing: -0.03em;
  }

  .nb-site-header__brand-subtitle,
  .nb-site-header__nav-link {
    color: #243044;
  }

  .nb-site-header__nav-link {
    font-weight: 720;
  }

  .nb-site-header__nav-link::after {
    bottom: 3px;
    height: 3px;
    border-radius: 999px;
  }

  .nb-site-header__nav-link:hover,
  .nb-site-header__nav-link--active,
  .nb-site-header__nav-group--has-menu:hover .nb-site-header__nav-link,
  .nb-site-header__nav-group--has-menu:focus-within .nb-site-header__nav-link {
    color: var(--ui-plum);
  }

  .nb-site-header__nav-link:hover::after,
  .nb-site-header__nav-link--active::after,
  .nb-site-header__nav-group--has-menu:hover .nb-site-header__nav-link::after,
  .nb-site-header__nav-group--has-menu:focus-within .nb-site-header__nav-link::after {
    background: var(--ui-plum);
  }

  .nb-site-header__nav-menu {
    border-color: rgba(15, 23, 42, 0.09);
    background: rgba(255, 255, 255, 0.97);
    box-shadow:
      0 24px 60px rgba(15, 23, 42, 0.12),
      inset 0 1px 0 rgba(255, 255, 255, 0.9);
  }

  .nb-hero--home {
    min-height: 430px;
    background:
      radial-gradient(circle at 18% 8%, rgba(255, 255, 255, 0.08), transparent 26%),
      linear-gradient(100deg, #75133e 0%, #651236 42%, #58102f 70%, #4a102b 100%);
  }

  .nb-hero--home::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
      linear-gradient(90deg, rgba(255, 255, 255, 0.045), transparent 26%, transparent 72%, rgba(255, 255, 255, 0.035)),
      linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 46%);
  }

  .nb-hero--home .nb-hero__content,
  .nb-hero--home .nb-hero__visual {
    position: relative;
    z-index: 1;
  }

  .nb-hero--home .nb-hero__content {
    padding-top: 66px;
    padding-bottom: 64px;
  }

  .nb-home-hero__eyebrow {
    color: rgba(255, 255, 255, 0.82);
    letter-spacing: 0.18em;
  }

  .nb-home-hero__title {
    margin-top: 22px;
    color: #ffffff;
    font-size: clamp(58px, 5.1vw, 74px);
    font-weight: 780;
    line-height: 0.99;
    letter-spacing: -0.065em;
    text-shadow: 0 18px 44px rgba(24, 6, 15, 0.2);
  }

  .nb-home-hero__stripe-field {
    gap: 13px;
    padding-right: 42px;
    opacity: 0.76;
    transform: skewX(-0.5deg);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.12) 16%, #000 44%, #000 100%);
  }

  .nb-home-hero__stripe {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.08);
  }

  .nb-section {
    padding-top: 64px;
  }

  .nb-section-heading__eyebrow,
  .tracking-module-band__eyebrow,
  .home-insights-showcase__eyebrow,
  .talent-flows-panel__eyebrow,
  .library-article-row__eyebrow {
    letter-spacing: 0.13em;
  }

  .nb-section-heading__title,
  .tracking-module-intro__title,
  .talent-flows-section__title,
  .library-archive__title,
  .insights-hub__title {
    color: var(--ui-ink);
    letter-spacing: -0.035em;
  }

  .page--home .nb-solution-grid {
    gap: 26px;
  }

  .page--home .nb-solution-card {
    position: relative;
    min-height: 286px;
    padding: 26px 24px 22px;
    border: 1px solid var(--ui-line);
    border-top: 0;
    border-radius: 26px;
    background:
      radial-gradient(circle at 100% 0%, rgba(101, 18, 54, 0.045), transparent 38%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(251, 250, 247, 0.9) 100%);
    box-shadow: var(--ui-shadow-card);
    transition:
      transform 0.18s ease,
      border-color 0.18s ease,
      box-shadow 0.18s ease;
  }

  .page--home .nb-solution-card::before {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    background: var(--ui-teal);
  }

  .page--home .nb-solution-card--cta::before {
    background: var(--ui-plum);
  }

  .page--home .nb-solution-card--stock::before {
    background: #9a573f;
  }

  .page--home .nb-solution-card--private::before {
    background: #273f76;
  }

  .page--home .nb-solution-card::after {
    display: block;
    opacity: 0.72;
  }

  .page--home .nb-solution-card:hover {
    transform: translateY(-3px);
    border-color: rgba(101, 18, 54, 0.16);
    box-shadow: var(--ui-shadow-card-hover);
  }

  .page--home .nb-solution-card__title {
    font-weight: 720;
    letter-spacing: -0.035em;
  }

  .page--home .nb-solution-card__badge {
    padding: 5px 11px;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.7);
    color: #334155;
  }

  .page--home .nb-solution-card__rule {
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.12), transparent);
  }

  .page--home .nb-solution-card__list-item {
    padding: 3px 0;
  }

  .page--home .nb-solution-card__list-title {
    color: #111827;
    font-weight: 650;
  }

  .page--home .nb-text-link {
    width: fit-content;
    color: #111827;
    font-weight: 760;
  }

  .page--home .home-featured-data-band {
    margin-top: 64px;
    background:
      radial-gradient(circle at 8% 0%, rgba(118, 208, 222, 0.16), transparent 31%),
      radial-gradient(circle at 86% 0%, rgba(101, 18, 54, 0.18), transparent 30%),
      linear-gradient(135deg, #25305f 0%, #303b79 50%, #1a244b 100%);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.08),
      inset 0 -1px 0 rgba(255, 255, 255, 0.08);
  }

  .page--home .home-featured-data-band__item {
    border-radius: 20px;
    transition:
      transform 0.18s ease,
      background 0.18s ease,
      opacity 0.18s ease;
  }

  .page--home .home-featured-data-band__item:hover {
    background: rgba(255, 255, 255, 0.045);
    transform: translateY(-2px);
  }

  .page--home .home-featured-data-band__accent {
    box-shadow: 0 16px 34px rgba(85, 192, 203, 0.2);
  }

  .page--report .chart-card,
  .page--module-tracking-detail .chart-card,
  .page--library .library-article-row,
  .insights-featured-card,
  .insights-list-card,
  .page--module-talent-flows .talent-flows-search-panel,
  .page--module-talent-flows .talent-flows-panel,
  .page--module-talent-flows .talent-flows-directory-card,
  .page--module-talent-flows .talent-flows-person-card {
    border-color: var(--ui-line);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(251, 250, 247, 0.88) 100%);
    box-shadow: var(--ui-shadow-card);
  }

  .page--report .chart-card:hover,
  .page--module-tracking-detail .chart-card:hover,
  .page--library .library-article-row:hover,
  .insights-featured-card:hover,
  .insights-list-card:hover,
  .page--module-talent-flows .talent-flows-directory-card:hover,
  .page--module-talent-flows .talent-flows-person-card:hover {
    border-color: var(--ui-line-strong);
    box-shadow: var(--ui-shadow-card-hover);
  }

  .page--report .chart-card__title,
  .page--module-tracking-detail .chart-card__title {
    color: var(--ui-ink);
    font-weight: 680;
    letter-spacing: -0.02em;
  }

  .page--report .chart-card__download-btn,
  .page--module-tracking-detail .chart-card__download-btn {
    border: 1px solid rgba(101, 18, 54, 0.1);
    background: rgba(101, 18, 54, 0.075);
    color: var(--ui-plum);
    box-shadow: none;
  }

  .page--report .chart-host,
  .page--report .chart-html,
  .page--module-tracking-detail .chart-host,
  .page--module-tracking-detail .chart-html {
    border-color: rgba(15, 23, 42, 0.065);
    background:
      radial-gradient(circle at 100% 0%, rgba(47, 111, 115, 0.035), transparent 34%),
      rgba(255, 255, 255, 0.78);
  }

  .library-search-bar,
  .talent-flows-search-form__field,
  .insights-search {
    border-color: rgba(15, 23, 42, 0.09);
    background: rgba(255, 255, 255, 0.82);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.72),
      0 16px 40px rgba(15, 23, 42, 0.045);
  }

  .page--library .library-article-row {
    border-radius: 24px;
  }

  .page--library .library-article-row__title {
    letter-spacing: -0.025em;
  }

  .page--library .library-article-row__cta {
    color: var(--ui-plum);
  }

  .page--module-tracking-detail .nav-tracking-report-table thead th,
  .page--module-tracking-detail .nav-tracking-table thead th {
    background: linear-gradient(180deg, #fbf7f3 0%, #f3efe9 100%) !important;
    color: #55213a !important;
  }

  .page--module-tracking-detail .nav-tracking-report-table tbody tr:hover td,
  .page--module-tracking-detail .nav-tracking-table tbody tr:hover td {
    background: rgba(101, 18, 54, 0.035) !important;
  }

  .nb-explore-band {
    background:
      radial-gradient(circle at 14% 0%, rgba(118, 208, 222, 0.09), transparent 28%),
      linear-gradient(135deg, #202020 0%, #252525 64%, #1b1f2c 100%);
  }

  .nb-footer-qr-card {
    transition:
      transform 0.18s ease,
      border-color 0.18s ease,
      background 0.18s ease;
  }

  .nb-footer-qr-card:hover {
    transform: translateY(-2px);
  }
}

@media (max-width: 1199px) {
  :root {
    --mobile-polish-surface: rgba(255, 255, 255, 0.94);
    --mobile-polish-line: rgba(15, 23, 42, 0.07);
    --mobile-polish-shadow: 0 calc(7 * var(--rpx)) calc(18 * var(--rpx)) rgba(15, 23, 42, 0.055);
  }

  body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

  .nav-bar {
    box-shadow:
      inset 0 calc(1 * var(--rpx)) 0 rgba(255, 255, 255, 0.1),
      0 calc(8 * var(--rpx)) calc(22 * var(--rpx)) rgba(15, 23, 42, 0.18);
  }

  .nav-bar__title {
    letter-spacing: -0.04em;
  }

  .nav-bar__mobile-auth {
    min-width: calc(72 * var(--rpx));
  }

  .home-mobile-dashboard {
    gap: calc(16 * var(--rpx));
  }

  .home-mobile-dashboard__section-head {
    padding-left: calc(3 * var(--rpx));
    padding-right: calc(3 * var(--rpx));
  }

  .page--home .home-mobile-report-card,
  .page--home .home-mobile-module-card,
  .chart-card,
  .library-article-row,
  .talent-flows-search-panel,
  .talent-flows-panel {
    border-color: var(--mobile-polish-line);
    background:
      radial-gradient(circle at 100% 0%, rgba(109, 21, 63, 0.035), transparent 38%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(251, 250, 247, 0.91) 100%);
    box-shadow:
      inset 0 calc(1 * var(--rpx)) 0 rgba(255, 255, 255, 0.8),
      var(--mobile-polish-shadow);
  }

  .page--home .home-mobile-report-card {
    gap: calc(11 * var(--rpx));
  }

  .page--home .home-mobile-report-card__title,
  .page--home .home-mobile-module-card__title,
  .page--report .hero__title,
  .page--report .section-summary__title,
  .chart-card__title,
  .library-article-row__title,
  .talent-flows-section__title,
  .talent-flows-panel__title {
    letter-spacing: -0.04em;
  }

  .page--home .home-mobile-section-grid,
  .page--module-talent-flows .talent-flows-mini-list {
    border-color: rgba(15, 23, 42, 0.055);
    background: rgba(248, 247, 243, 0.64);
  }

  .page--home .home-mobile-module-grid {
    gap: calc(9 * var(--rpx));
  }

  .tabs,
  .tracking-module-button-list,
  .library-strategy-tabs,
  .insights-mobile-filter-list,
  .insights-filter-pill-list {
    mask-image: linear-gradient(90deg, transparent 0, #000 calc(14 * var(--rpx)), #000 calc(100% - 24 * var(--rpx)), transparent 100%);
  }

  .tabs__item,
  .tracking-module-button,
  .library-strategy-tab,
  .insights-mobile-filter {
    box-shadow: 0 calc(4 * var(--rpx)) calc(12 * var(--rpx)) rgba(15, 23, 42, 0.045);
  }

  .chart-card {
    padding: calc(18 * var(--rpx));
  }

  .chart-card__header {
    align-items: flex-start;
  }

  .chart-host,
  .chart-html,
  .chart-html__scroller {
    border-color: rgba(15, 23, 42, 0.065);
  }

  .library-article-row {
    padding-left: calc(20 * var(--rpx));
    padding-right: calc(20 * var(--rpx));
  }

  .page--module-talent-flows .talent-flows-search-panel {
    padding: calc(12 * var(--rpx));
  }

  .page--module-talent-flows .talent-flows-search-form__input {
    padding-right: calc(72 * var(--rpx));
  }

  .page--module-talent-flows .talent-flows-search-form__submit {
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden;
  }

  .page--module-talent-flows .talent-flows-search-form__submit::before,
  .page--module-talent-flows .talent-flows-search-form__submit::after {
    display: block;
  }

  .page--module-talent-flows .talent-flows-mini-item {
    padding-top: calc(15 * var(--rpx));
    padding-bottom: calc(15 * var(--rpx));
  }

  .mobile-bottom-nav {
    left: max(12px, env(safe-area-inset-left, 0px));
    right: max(12px, env(safe-area-inset-right, 0px));
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow:
      inset 0 calc(1 * var(--rpx)) 0 rgba(255, 255, 255, 0.09),
      0 calc(14 * var(--rpx)) calc(34 * var(--rpx)) rgba(6, 10, 20, 0.28);
  }

  .mobile-bottom-nav__item {
    transition:
      background 0.16s ease,
    color 0.16s ease;
  }
}

/* --------------------------------------------------------------------------
   Institutional UI polish 2026-04-28 / pass 2
   Scope: finer spacing, elevation and mobile legibility only.
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .report-hero-band,
  .insights-hero-band,
  .page--module-tracking .tracking-module-intro--hero,
  .page--module-talent-flows > .talent-flows-hero-band:first-child,
  .page--library > .tracking-module-intro--hero:first-child {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.06),
      inset 0 -1px 0 rgba(255, 255, 255, 0.06);
  }

  .report-hero-band::after,
  .insights-hero-band::after,
  .page--module-tracking .tracking-module-intro--hero::after,
  .page--module-talent-flows > .talent-flows-hero-band:first-child::after {
    background:
      radial-gradient(circle at 12% 10%, rgba(255, 255, 255, 0.065), transparent 24%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0));
  }

  .report-hero-band__inner,
  .insights-hero-band__inner,
  .page--module-talent-flows > .talent-flows-hero-band:first-child .talent-flows-hero-band__inner {
    min-height: 112px;
    align-content: center;
  }

  .report-hero-band__title,
  .insights-hero-band__title,
  .page--module-tracking .tracking-module-intro--hero .tracking-module-intro__title,
  .page--module-talent-flows > .talent-flows-hero-band:first-child .talent-flows-hero-band__title {
    text-shadow: 0 14px 34px rgba(24, 6, 15, 0.18);
  }

  .report-section-nav,
  .page--library .library-section-nav,
  .page--module-talent-flows-detail .talent-flows-section-nav {
    background: rgba(239, 239, 234, 0.88);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.45),
      0 10px 26px rgba(15, 23, 42, 0.035);
  }

  .tabs--report-desktop .tabs__item,
  .library-strategy-tab,
  .tracking-module-button,
  .insights-filter-pill,
  .talent-flows-section-nav__item {
    backdrop-filter: blur(10px);
  }

  .tabs--report-desktop .tabs__item--active,
  .library-strategy-tab--active,
  .tracking-module-button--active,
  .insights-filter-pill--active,
  .talent-flows-section-nav__item--active {
    background: linear-gradient(135deg, #761643 0%, #5c1031 100%);
    border-color: rgba(92, 16, 49, 0.92);
    color: #ffffff;
    box-shadow: 0 12px 26px rgba(92, 16, 49, 0.16);
  }

  .page--report .nb-section--charts {
    padding-top: 44px;
  }

  .page--report .chart-list {
    gap: 28px;
  }

  .page--report .chart-card,
  .page--module-tracking-detail .chart-card {
    border-radius: 22px;
  }

  .page--report .chart-card::before,
  .page--module-tracking-detail .chart-card:not(.chart-card--nav-tracking-table)::before {
    height: 3px;
    background: linear-gradient(90deg, rgba(101, 18, 54, 0.82) 0%, rgba(47, 111, 115, 0.7) 100%);
  }

  .page--report .chart-card__header,
  .page--module-tracking-detail .chart-card__header {
    border-bottom-color: rgba(15, 23, 42, 0.07);
  }

  .page--report .chart-host,
  .page--report .chart-html {
    border-radius: 16px;
  }

  .page--module-tracking-detail .chart-card--nav-tracking-table .chart-card__header {
    padding: 18px 20px 8px;
  }

  .page--module-tracking-detail .chart-card--nav-tracking-table .chart-html__scroller,
  .page--module-tracking-detail .chart-html--nav-tracking-table .chart-html__scroller {
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.86);
  }

  .page--module-tracking-detail .nav-tracking-report-table th,
  .page--module-tracking-detail .nav-tracking-report-table td {
    height: 42px;
  }

  .page--library .library-archive {
    background:
      radial-gradient(circle at 86% 220px, rgba(101, 18, 54, 0.035), transparent 26%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.22), transparent 360px);
  }

  .page--library .library-archive__inner {
    gap: 26px;
  }

  .page--library .library-archive__controls {
    padding: 22px 24px 18px;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.54);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
  }

  .page--library .library-search-bar {
    max-width: 520px;
  }

  .page--library .library-archive__summary {
    padding-top: 4px;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
  }

  .page--library .library-article-list {
    gap: 18px;
  }

  .page--library .library-article-row {
    padding: 28px 32px;
  }

  .page--library .library-article-row::before {
    top: 24px;
    bottom: 24px;
    width: 4px;
    background: linear-gradient(180deg, rgba(101, 18, 54, 0.68), rgba(47, 111, 115, 0.46));
  }

  .page--library .library-article-row__excerpt {
    color: #3f4b5f;
  }

  .page--module-talent-flows .talent-flows-search-panel--quiet {
    padding: 14px 18px;
  }

  .page--module-talent-flows .talent-flows-search-form__input {
    min-height: 56px;
    padding-left: 22px;
    font-size: 14px;
  }

  .page--module-talent-flows .talent-flows-search-form__submit {
    width: 48px;
    min-width: 48px;
    height: 48px;
    min-height: 48px;
    margin-right: 4px;
    margin-bottom: 4px;
  }

  .page--module-talent-flows .talent-flows-panel-grid--overview-main {
    gap: 26px;
  }

  .page--module-talent-flows .talent-flows-panel {
    padding: 30px 26px 26px;
  }

  .page--module-talent-flows .talent-flows-panel::before {
    height: 5px;
    background: linear-gradient(90deg, #2f8f94 0%, rgba(47, 143, 148, 0.45) 100%);
  }

  .page--module-talent-flows .talent-flows-panel__title {
    letter-spacing: -0.03em;
  }

  .page--module-talent-flows .talent-flows-mini-item,
  .page--module-talent-flows .talent-flows-route-item,
  .page--module-talent-flows .talent-flows-change-item,
  .page--module-talent-flows .talent-flows-search-result-item {
    transition: background-color 0.16s ease;
  }

  .page--module-talent-flows .talent-flows-mini-item:hover,
  .page--module-talent-flows .talent-flows-route-item:hover,
  .page--module-talent-flows .talent-flows-change-item:hover,
  .page--module-talent-flows .talent-flows-search-result-item:hover {
    background: rgba(15, 23, 42, 0.022);
  }

  .nb-explore-band__inner {
    gap: 40px;
  }

  .nb-footer-qr-card {
    border-radius: 18px;
  }
}

/* --------------------------------------------------------------------------
   Due diligence strategy filter button redesign 2026-04-28
   Scope: visual-only replacement for the library strategy buttons.
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .page--library .library-section-nav {
    background: rgba(244, 240, 233, 0.9) !important;
  }

  .page--library .library-section-nav__inner {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .page--library .library-section-nav .library-strategy-tabs,
  .page--library .library-strategy-tabs {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .page--library .library-strategy-tab {
    position: relative;
    flex: 0 0 auto;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-height: 34px !important;
    padding: 0 13px !important;
    border: 1px solid rgba(15, 23, 42, 0.085) !important;
    border-radius: 999px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(250, 248, 244, 0.82) 100%) !important;
    color: #263243 !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.72),
      0 4px 12px rgba(15, 23, 42, 0.035) !important;
    font-size: 13px !important;
    font-weight: 690 !important;
    line-height: 1 !important;
    letter-spacing: -0.01em !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  .page--library .library-strategy-tab::after {
    display: none !important;
  }

  .page--library .library-strategy-tab span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 22px;
    height: 20px;
    padding: 0 6px;
    border: 1px solid rgba(15, 23, 42, 0.055);
    border-radius: 999px;
    background: rgba(248, 250, 252, 0.86);
    color: #748094 !important;
    font-size: 10.5px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  .page--library .library-strategy-tab:hover {
    border-color: rgba(101, 18, 54, 0.16) !important;
    background:
      linear-gradient(180deg, #ffffff 0%, rgba(253, 251, 248, 0.92) 100%) !important;
    color: #111827 !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.86),
      0 8px 18px rgba(15, 23, 42, 0.055) !important;
    transform: translateY(-1px) !important;
  }

  .page--library .library-strategy-tab--active {
    border-color: rgba(101, 18, 54, 0.68) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.16), transparent 44%),
      linear-gradient(135deg, #7a1646 0%, #5c1031 100%) !important;
    color: #ffffff !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.14),
      0 10px 22px rgba(92, 16, 49, 0.18) !important;
  }

  .page--library .library-strategy-tab--active span {
    border-color: rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.86) !important;
  }
}

@media (max-width: 1199px) {
  .page--library .library-strategy-tabs {
    gap: calc(8 * var(--rpx)) !important;
    padding-bottom: calc(5 * var(--rpx)) !important;
  }

  .page--library .library-strategy-tab {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: calc(6 * var(--rpx)) !important;
    min-height: calc(36 * var(--rpx)) !important;
    padding: 0 calc(13 * var(--rpx)) !important;
    border: 1px solid rgba(31, 41, 55, 0.075) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    color: #263243 !important;
    box-shadow: 0 calc(4 * var(--rpx)) calc(12 * var(--rpx)) rgba(15, 23, 42, 0.045) !important;
    font-size: calc(19 * var(--rpx)) !important;
    font-weight: 720 !important;
    line-height: 1 !important;
  }

  .page--library .library-strategy-tab span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: calc(22 * var(--rpx));
    height: calc(20 * var(--rpx));
    padding: 0 calc(6 * var(--rpx));
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.045);
    color: #7a8494 !important;
    font-size: calc(16 * var(--rpx)) !important;
    font-weight: 760 !important;
  }

  .page--library .library-strategy-tab--active {
    border-color: rgba(109, 21, 63, 0.22) !important;
    background: linear-gradient(135deg, #7a1747 0%, #6d153f 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 calc(8 * var(--rpx)) calc(18 * var(--rpx)) rgba(109, 21, 63, 0.2) !important;
  }

  .page--library .library-strategy-tab--active span {
    background: rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.86) !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .nb-home-hero__title {
    font-size: 60px;
  }

  .page--home .home-featured-data-band__grid {
    gap: 54px;
  }

  .page--home .home-featured-data-band__title {
    font-size: 27px;
  }

  .report-hero-band__inner,
  .insights-hero-band__inner,
  .page--module-tracking .tracking-module-intro--hero > *,
  .page--module-talent-flows > .talent-flows-hero-band:first-child .talent-flows-hero-band__inner {
    padding-left: 56px;
    padding-right: 56px;
  }
}

@media (max-width: 1199px) {
  .page,
  .page--home,
  .page--report,
  .page--module,
  .page--library,
  .page--library-detail,
  .page--insights,
  .page--insight-detail {
    padding-left: calc(17 * var(--rpx));
    padding-right: calc(17 * var(--rpx));
  }

  .nav-bar {
    min-height: calc(76px + env(safe-area-inset-top, 0px));
  }

  .nav-bar__title {
    font-size: calc(37 * var(--rpx));
  }

  .nav-bar__meta {
    font-size: calc(22 * var(--rpx));
  }

  .page--report .tabs,
  .page--module-tracking .tracking-module-button-list,
  .page--library .library-strategy-tabs,
  .insights-mobile-filter-list,
  .insights-filter-pill-list {
    margin-left: calc(-10 * var(--rpx));
    margin-right: calc(-10 * var(--rpx));
    padding-left: calc(10 * var(--rpx));
    padding-right: calc(10 * var(--rpx));
    mask-image: none;
  }

  .page--report .tabs__row,
  .page--module-tracking .tracking-module-button-list {
    gap: calc(8 * var(--rpx));
  }

  .page--report .tabs__item {
    min-height: calc(40 * var(--rpx));
    padding-left: calc(13 * var(--rpx));
    padding-right: calc(13 * var(--rpx));
  }

  .page--report .tabs__item-title,
  .page--module-tracking .tracking-module-button__label {
    letter-spacing: -0.018em;
  }

  .chart-list,
  .library-article-list,
  .talent-flows-panel-grid {
    gap: calc(16 * var(--rpx));
  }

  .chart-card {
    border-radius: calc(26 * var(--rpx));
  }

  .chart-card__title {
    font-size: calc(27 * var(--rpx));
    line-height: 1.18;
  }

  .chart-card__download-btn {
    min-height: calc(34 * var(--rpx));
  }

  .page--module-tracking-detail .chart-card--nav-tracking-table,
  .page--module-tracking-detail .chart-card--html {
    padding: calc(11 * var(--rpx)) !important;
  }

  .page--module-tracking-detail .nav-tracking-report-table th,
  .page--module-tracking-detail .nav-tracking-report-table td,
  .page--module-tracking-detail .nav-tracking-table th,
  .page--module-tracking-detail .nav-tracking-table td {
    padding-top: calc(9 * var(--rpx));
    padding-bottom: calc(9 * var(--rpx));
  }

  .library-article-row {
    border-radius: calc(26 * var(--rpx));
  }

  .library-article-row__title {
    line-height: 1.2;
  }

  .page--module-talent-flows .talent-flows-search-panel {
    margin-bottom: calc(24 * var(--rpx));
  }

  .page--module-talent-flows .talent-flows-search-form__input {
    min-height: calc(54 * var(--rpx));
    border-radius: calc(21 * var(--rpx));
  }

  .page--module-talent-flows .talent-flows-search-form__submit {
    width: calc(46 * var(--rpx));
    min-width: calc(46 * var(--rpx));
    height: calc(46 * var(--rpx));
    min-height: calc(46 * var(--rpx));
    margin-right: calc(4 * var(--rpx));
    margin-bottom: calc(4 * var(--rpx));
  }

  .page--module-talent-flows .talent-flows-panel {
    padding: calc(18 * var(--rpx)) calc(19 * var(--rpx));
  }

  .page--module-talent-flows .talent-flows-panel__title {
    font-size: calc(29 * var(--rpx));
    line-height: 1.15;
  }

  .page--module-talent-flows .talent-flows-mini-item__title {
    line-height: 1.28;
  }

  .home-mobile-dashboard__section {
    gap: calc(11 * var(--rpx));
  }

  .page--home .home-mobile-report-card {
    border-radius: calc(25 * var(--rpx));
    padding: calc(16 * var(--rpx));
  }

  .page--home .home-mobile-module-card {
    min-height: calc(88 * var(--rpx));
    border-radius: calc(21 * var(--rpx));
  }

  .mobile-bottom-nav {
    bottom: 9px;
    bottom: max(9px, env(safe-area-inset-bottom, 0px));
    min-height: calc(62 * var(--rpx));
    border-radius: calc(27 * var(--rpx));
  }
}

@media (max-width: 390px) {
  .nav-bar__title {
    font-size: calc(34 * var(--rpx));
  }

  .page--home .home-mobile-module-card__title {
    font-size: calc(23 * var(--rpx));
  }

  .page--report .tabs__item {
    padding-left: calc(12 * var(--rpx));
    padding-right: calc(12 * var(--rpx));
  }
}

/* --------------------------------------------------------------------------
   Purple hero band vertical-centering unification 2026-04-28
   Scope: desktop purple strips only; preserves current left alignment.
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .report-hero-band,
  .insights-hero-band,
  .page--module-tracking .tracking-module-intro--hero,
  .page--library .tracking-module-intro--hero,
  .page--library-detail .tracking-module-intro--hero,
  .page--module-talent-flows > .talent-flows-hero-band:first-child {
    display: grid !important;
    align-items: center !important;
    align-content: center !important;
    min-height: 172px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .report-hero-band__inner,
  .insights-hero-band__inner,
  .page--module-talent-flows > .talent-flows-hero-band:first-child .talent-flows-hero-band__inner {
    display: grid !important;
    align-content: center !important;
    min-height: auto !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .report-hero-band__inner {
    gap: 12px !important;
  }

  .insights-hero-band__inner,
  .page--module-talent-flows > .talent-flows-hero-band:first-child .talent-flows-hero-band__inner {
    gap: 13px !important;
  }

  .page--module-tracking .tracking-module-intro--hero,
  .page--library .tracking-module-intro--hero,
  .page--library-detail .tracking-module-intro--hero {
    grid-auto-rows: max-content;
    gap: 11px !important;
    justify-items: start !important;
  }

  .page--module-tracking .tracking-module-intro--hero > *,
  .page--library .tracking-module-intro--hero > *,
  .page--library-detail .tracking-module-intro--hero > * {
    align-self: center !important;
  }

  .page--module-tracking .tracking-module-intro__eyebrow--hero,
  .page--library .tracking-module-intro__eyebrow--hero,
  .page--library-detail .tracking-module-intro__eyebrow--hero {
    margin-bottom: 0 !important;
  }

  .report-hero-band__eyebrow,
  .report-hero-band__title,
  .report-hero-band__desc,
  .insights-hero-band__eyebrow,
  .insights-hero-band__title,
  .insights-hero-band__desc,
  .talent-flows-hero-band__eyebrow,
  .talent-flows-hero-band__title,
  .talent-flows-hero-band__desc,
  .page--module-tracking .tracking-module-intro--hero .tracking-module-intro__eyebrow,
  .page--module-tracking .tracking-module-intro--hero .tracking-module-intro__title,
  .page--module-tracking .tracking-module-intro--hero .tracking-module-intro__desc,
  .page--library .tracking-module-intro--hero .tracking-module-intro__eyebrow,
  .page--library .tracking-module-intro--hero .tracking-module-intro__title,
  .page--library .tracking-module-intro--hero .tracking-module-intro__desc,
  .page--library-detail .tracking-module-intro--hero .tracking-module-intro__eyebrow,
  .page--library-detail .tracking-module-intro--hero .tracking-module-intro__title,
  .page--library-detail .tracking-module-intro--hero .tracking-module-intro__desc {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* --------------------------------------------------------------------------
   Due diligence strategy buttons refinement 2026-04-28
   Scope: visual-only polish for #/library strategy filters.
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .page--library .library-section-nav {
    border-top: 1px solid rgba(15, 23, 42, 0.035) !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.065) !important;
    background: rgba(246, 242, 235, 0.94) !important;
    box-shadow: none !important;
  }

  .page--library .library-section-nav__inner {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
  }

  .page--library .library-section-nav .library-strategy-tabs,
  .page--library .library-strategy-tabs {
    gap: 8px !important;
  }

  .page--library .library-strategy-tab {
    min-height: 35px !important;
    padding: 0 14px !important;
    border-color: rgba(93, 18, 52, 0.105) !important;
    background: rgba(255, 255, 255, 0.72) !important;
    color: #263142 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: -0.012em !important;
    transition:
      border-color 0.16s ease,
      background-color 0.16s ease,
      color 0.16s ease,
      box-shadow 0.16s ease,
      transform 0.16s ease !important;
  }

  .page--library .library-strategy-tab span {
    min-width: 0 !important;
    height: auto !important;
    margin-left: 1px !important;
    padding: 0 0 0 8px !important;
    border: 0 !important;
    border-left: 1px solid rgba(100, 116, 139, 0.22) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #7b8798 !important;
    font-size: 10.5px !important;
    font-weight: 760 !important;
    font-variant-numeric: tabular-nums !important;
  }

  .page--library .library-strategy-tab:hover {
    border-color: rgba(93, 18, 52, 0.22) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    color: #111827 !important;
    box-shadow: 0 6px 15px rgba(15, 23, 42, 0.05) !important;
    transform: translateY(-1px) !important;
  }

  .page--library .library-strategy-tab:focus-visible {
    outline: 2px solid rgba(125, 22, 72, 0.28) !important;
    outline-offset: 2px !important;
  }

  .page--library .library-strategy-tab--active {
    border-color: rgba(111, 20, 62, 0.92) !important;
    background: #741642 !important;
    color: #ffffff !important;
    box-shadow: 0 7px 16px rgba(116, 22, 66, 0.16) !important;
    transform: none !important;
  }

  .page--library .library-strategy-tab--active:hover {
    background: #68133b !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(104, 19, 59, 0.18) !important;
  }

  .page--library .library-strategy-tab--active span {
    border-left-color: rgba(255, 255, 255, 0.28) !important;
    color: rgba(255, 255, 255, 0.84) !important;
  }
}

@media (max-width: 1199px) {
  .page--library .insights-mobile-filter-list {
    width: auto !important;
    max-width: none !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    gap: calc(7 * var(--rpx)) !important;
    padding-top: calc(1 * var(--rpx)) !important;
    padding-bottom: calc(5 * var(--rpx)) !important;
    mask-image: none !important;
  }

  .page--library .insights-mobile-filter {
    min-height: calc(33 * var(--rpx)) !important;
    padding: 0 calc(12 * var(--rpx)) !important;
    border-color: rgba(31, 41, 55, 0.095) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    color: #273244 !important;
    box-shadow: 0 calc(3 * var(--rpx)) calc(9 * var(--rpx)) rgba(15, 23, 42, 0.035) !important;
    font-size: calc(18 * var(--rpx)) !important;
    font-weight: 720 !important;
    line-height: 1 !important;
    letter-spacing: -0.018em !important;
    white-space: nowrap !important;
  }

  .page--library .insights-mobile-filter--active {
    border-color: rgba(116, 22, 66, 0.88) !important;
    background: #741642 !important;
    color: #ffffff !important;
    box-shadow: 0 calc(6 * var(--rpx)) calc(14 * var(--rpx)) rgba(116, 22, 66, 0.18) !important;
  }

  .page--library .insights-mobile-filter:focus-visible {
    outline: calc(2 * var(--rpx)) solid rgba(116, 22, 66, 0.24) !important;
    outline-offset: calc(2 * var(--rpx)) !important;
  }
}

/* --------------------------------------------------------------------------
   Mobile UI visual refresh 2026-04-28
   Scope: CSS-only polish for phone layout; no content/structure changes.
   -------------------------------------------------------------------------- */
@media (max-width: 1199px) {
  :root {
    --mobile-polish-bg: #f5f2ec;
    --mobile-polish-ink: #0d1422;
    --mobile-polish-muted: #647086;
    --mobile-polish-line: rgba(15, 23, 42, 0.075);
    --mobile-polish-surface: rgba(255, 255, 255, 0.94);
    --mobile-polish-surface-soft: rgba(255, 255, 255, 0.86);
    --mobile-polish-plum: #7a1646;
    --mobile-polish-radius: 20px;
    --mobile-polish-shadow: 0 10px 26px rgba(15, 23, 42, 0.07);
    --mobile-polish-shadow-soft: 0 6px 18px rgba(15, 23, 42, 0.055);
  }

  html,
  body {
    background: var(--mobile-polish-bg) !important;
  }

  .app-shell {
    background:
      radial-gradient(circle at 98% -4%, rgba(35, 92, 108, 0.22), transparent 30%),
      radial-gradient(circle at 0% 2%, rgba(122, 22, 70, 0.11), transparent 30%),
      linear-gradient(180deg, #f5f2ec 0%, #f7f6f2 42%, #f3f6f8 100%) !important;
  }

  .nav-bar {
    min-height: calc(74px + env(safe-area-inset-top, 0px)) !important;
    padding:
      env(safe-area-inset-top, 0px)
      16px
      8px !important;
    background:
      radial-gradient(circle at 92% -10%, rgba(78, 157, 178, 0.34), transparent 38%),
      radial-gradient(circle at -6% 0%, rgba(122, 22, 70, 0.18), transparent 34%),
      linear-gradient(135deg, #0a0f1c 0%, #101928 58%, #18313b 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.08),
      0 10px 24px rgba(7, 12, 24, 0.18) !important;
  }

  .nav-bar__mobile-shell {
    min-height: 58px !important;
    gap: 10px !important;
  }

  .nav-bar__back-placeholder {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
  }

  .nav-bar__back {
    width: 42px !important;
    height: 42px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.095) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.14),
      0 6px 16px rgba(0, 0, 0, 0.12) !important;
  }

  .nav-bar__title {
    font-size: clamp(21px, 5.35vw, 24px) !important;
    font-weight: 830 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.045em !important;
  }

  .nav-bar__meta {
    color: rgba(226, 232, 240, 0.72) !important;
    font-size: 13px !important;
    font-weight: 660 !important;
    line-height: 1.2 !important;
  }

  .nav-bar__mobile-auth {
    height: 34px !important;
    max-width: 88px !important;
    padding: 0 10px !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    background: rgba(255, 255, 255, 0.11) !important;
  }

  .nav-bar__mobile-auth-dot {
    width: 9px !important;
    height: 9px !important;
  }

  .nav-bar__mobile-auth-text {
    max-width: 48px !important;
    font-size: 12px !important;
  }

  .page,
  .page--home,
  .page--report,
  .page--module,
  .page--library,
  .page--library-detail,
  .page--insights,
  .page--insight-detail {
    padding:
      16px
      16px
      calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .card,
  .report-card,
  .section-item,
  .chart-card,
  .empty-card,
  .nb-mobile-insight-card,
  .library-mobile,
  .article-page-mobile-card,
  .talent-flows-search-panel,
  .talent-flows-panel,
  .library-article-row,
  .library-detail-main,
  .article-page-content,
  .home-mobile-report-card,
  .home-mobile-module-card {
    border-color: var(--mobile-polish-line) !important;
    border-radius: var(--mobile-polish-radius) !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(255, 255, 255, 0.88) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.75),
      var(--mobile-polish-shadow) !important;
  }

  .home-mobile-dashboard {
    gap: 18px !important;
  }

  .home-mobile-dashboard__section {
    gap: 11px !important;
  }

  .home-mobile-dashboard__section-head {
    padding: 0 2px !important;
  }

  .home-mobile-dashboard__section-title,
  .page--report .hero__title,
  .page--module-tracking .tracking-module-intro__title,
  .page--module-talent-flows .talent-flows-section__title {
    color: var(--mobile-polish-ink) !important;
    letter-spacing: -0.052em !important;
  }

  .home-mobile-dashboard__section-title {
    font-size: 23px !important;
    line-height: 1.08 !important;
  }

  .home-mobile-dashboard__section-meta {
    color: var(--mobile-polish-muted) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  .home-mobile-report-deck,
  .home-mobile-module-grid,
  .chart-list,
  .library-article-list,
  .talent-flows-panel-grid {
    gap: 14px !important;
  }

  .home-mobile-report-card {
    padding: 16px !important;
  }

  .home-mobile-report-card::before {
    width: 4px !important;
  }

  .home-mobile-report-card__title {
    font-size: 22px !important;
    letter-spacing: -0.048em !important;
  }

  .home-mobile-report-card__period {
    font-size: 14px !important;
  }

  .home-mobile-report-card__badge,
  .home-mobile-module-card__badge {
    min-height: 26px !important;
    padding: 0 9px !important;
    font-size: 13px !important;
  }

  .home-mobile-section-chip {
    min-height: 34px !important;
    padding: 8px 11px !important;
  }

  .home-mobile-section-chip__title {
    font-size: 14px !important;
  }

  .home-mobile-section-chip__count {
    font-size: 13px !important;
  }

  .home-mobile-module-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .home-mobile-module-card {
    min-height: 70px !important;
    padding: 14px !important;
  }

  .home-mobile-module-card__title {
    font-size: 16px !important;
    line-height: 1.16 !important;
  }

  .home-mobile-module-card__desc,
  .home-mobile-module-card__chips {
    display: none !important;
  }

  .page--report .nb-section--charts,
  .page--module-tracking .nb-section--charts {
    gap: 16px !important;
  }

  .page--report .hero,
  .page--module-tracking .tracking-module-intro--hero {
    padding-top: 2px !important;
  }

  .page--report .hero__title,
  .page--module-tracking .tracking-module-intro__title {
    font-size: 29px !important;
    line-height: 1.02 !important;
  }

  .page--report .tabs,
  .page--module-tracking .tracking-module-button-list {
    margin-left: -2px !important;
    margin-right: -2px !important;
    padding-left: 2px !important;
    padding-right: 16px !important;
    padding-bottom: 4px !important;
    mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 22px), transparent 100%) !important;
  }

  .page--report .tabs__row,
  .page--module-tracking .tracking-module-button-list {
    gap: 8px !important;
  }

  .page--report .tabs__item,
  .page--module-tracking .tracking-module-button,
  .page--library .insights-mobile-filter {
    min-height: 36px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(15, 23, 42, 0.075) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    color: #223047 !important;
    box-shadow: var(--mobile-polish-shadow-soft) !important;
  }

  .page--report .tabs__item {
    min-width: auto !important;
    display: inline-flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 1px !important;
  }

  .page--report .tabs__item-title,
  .page--module-tracking .tracking-module-button__label,
  .page--library .insights-mobile-filter {
    font-size: 15px !important;
    font-weight: 780 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.05 !important;
  }

  .page--report .tabs__item-count {
    margin-top: 1px !important;
    font-size: 12px !important;
    font-weight: 720 !important;
  }

  .page--report .tabs__item--active,
  .page--module-tracking .tracking-module-button--active,
  .page--library .insights-mobile-filter--active {
    border-color: rgba(122, 22, 70, 0.82) !important;
    background: var(--mobile-polish-plum) !important;
    color: #ffffff !important;
    box-shadow: 0 7px 16px rgba(122, 22, 70, 0.18) !important;
  }

  .page--report .tabs__item--active .tabs__item-title,
  .page--report .tabs__item--active .tabs__item-count {
    color: #ffffff !important;
  }

  .section-summary {
    padding: 16px !important;
    border-radius: 18px !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(122, 22, 70, 0.045), transparent 38%),
      rgba(255, 255, 255, 0.88) !important;
    box-shadow: var(--mobile-polish-shadow-soft) !important;
  }

  .section-summary__title {
    font-size: 24px !important;
    line-height: 1.14 !important;
  }

  .chart-card {
    padding: 14px !important;
    border-radius: 20px !important;
  }

  .chart-card__header {
    margin-bottom: 10px !important;
  }

  .chart-card__title {
    font-size: 18px !important;
    line-height: 1.22 !important;
    letter-spacing: -0.032em !important;
  }

  .chart-card__download-btn {
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: rgba(122, 22, 70, 0.085) !important;
    color: var(--mobile-polish-plum) !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 780 !important;
  }

  .chart-host,
  .chart-html,
  .chart-html__scroller,
  .zitan-native-table-wrap {
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.94) !important;
  }

  .page--library .nb-mobile-block > .library-mobile {
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .page--library .library-mobile > .section-summary {
    margin-bottom: 14px !important;
  }

  .library-mobile__note,
  .library-mobile__count {
    color: var(--mobile-polish-muted) !important;
    font-size: 15px !important;
    line-height: 1.46 !important;
  }

  .insights-mobile-search {
    gap: 9px !important;
    margin: 12px 0 12px !important;
  }

  .insights-mobile-search__input {
    min-height: 42px !important;
    padding: 0 14px !important;
    border-radius: 15px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    font-size: 15px !important;
  }

  .insights-mobile-search__button {
    min-width: 64px !important;
    min-height: 42px !important;
    border-radius: 15px !important;
    background: #111827 !important;
    box-shadow: 0 7px 16px rgba(15, 23, 42, 0.13) !important;
    font-size: 15px !important;
    font-weight: 780 !important;
  }

  .page--library .insights-mobile-filter-list {
    gap: 7px !important;
    margin-bottom: 12px !important;
  }

  .library-article-row {
    padding: 18px !important;
    border-radius: 20px !important;
  }

  .library-article-row__title {
    font-size: 20px !important;
    line-height: 1.22 !important;
  }

  .library-article-row__excerpt {
    font-size: 15px !important;
    line-height: 1.68 !important;
  }

  .page--module-talent-flows .talent-flows-search-panel {
    margin-bottom: 24px !important;
    padding: 13px !important;
    border-radius: 22px !important;
  }

  .page--module-talent-flows .talent-flows-search-form__input {
    min-height: 46px !important;
    padding-left: 16px !important;
    padding-right: 58px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    font-size: 16px !important;
  }

  .page--module-talent-flows .talent-flows-search-form__submit {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 14px !important;
    background: #111827 !important;
    box-shadow: 0 7px 16px rgba(15, 23, 42, 0.13) !important;
  }

  .page--module-talent-flows .talent-flows-section__title {
    font-size: 28px !important;
    line-height: 1.06 !important;
  }

  .page--module-talent-flows .talent-flows-section__desc {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .page--module-talent-flows .talent-flows-panel {
    padding: 18px !important;
    border-radius: 20px !important;
  }

  .page--module-talent-flows .talent-flows-panel__eyebrow {
    font-size: 13px !important;
  }

  .page--module-talent-flows .talent-flows-panel__title {
    font-size: 20px !important;
    line-height: 1.18 !important;
  }

  .page--module-talent-flows .talent-flows-mini-item {
    padding: 15px !important;
  }

  .page--module-talent-flows .talent-flows-mini-item__title {
    font-size: 17px !important;
    line-height: 1.3 !important;
  }

  .page--module-talent-flows .talent-flows-mini-item__meta {
    font-size: 14px !important;
  }

  .page--module-talent-flows .talent-flows-mini-item__value {
    font-size: 18px !important;
  }

  .page--module-tracking-detail .chart-card--nav-tracking-table {
    padding: 12px !important;
    border-radius: 20px !important;
  }

  .page--module-tracking-detail .nav-tracking-report-table th,
  .page--module-tracking-detail .nav-tracking-report-table td,
  .page--module-tracking-detail .nav-tracking-table th,
  .page--module-tracking-detail .nav-tracking-table td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 13px !important;
  }

  .mobile-bottom-nav {
    left: 16px !important;
    right: 16px !important;
    bottom: 12px !important;
    left: max(16px, env(safe-area-inset-left, 0px)) !important;
    right: max(16px, env(safe-area-inset-right, 0px)) !important;
    bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
    min-height: 56px !important;
    padding: 6px !important;
    border-radius: 22px !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.08), transparent 48%),
      rgba(8, 13, 24, 0.94) !important;
    box-shadow:
      0 14px 30px rgba(6, 10, 20, 0.26),
      inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
    backdrop-filter: blur(18px) saturate(1.08) !important;
  }

  .mobile-bottom-nav__item {
    min-height: 44px !important;
    border-radius: 17px !important;
    gap: 2px !important;
    color: rgba(226, 232, 240, 0.66) !important;
  }

  .mobile-bottom-nav__icon {
    width: 20px !important;
    height: 20px !important;
    background: transparent !important;
    color: rgba(226, 232, 240, 0.72) !important;
    font-size: 13px !important;
  }

  .mobile-bottom-nav__label {
    font-size: 11px !important;
    font-weight: 760 !important;
  }

  .mobile-bottom-nav__item--active {
    background: var(--mobile-polish-plum) !important;
    color: #ffffff !important;
    box-shadow: 0 7px 16px rgba(122, 22, 70, 0.22) !important;
  }

  .mobile-bottom-nav__item--active .mobile-bottom-nav__icon {
    display: none !important;
  }

  .mobile-bottom-nav__item--active .mobile-bottom-nav__label {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 840 !important;
  }
}

/* --------------------------------------------------------------------------
   Mobile UI visual refresh tuning 2026-04-28
   Keep the cleaner style, but reduce oversizing from the first pass.
   -------------------------------------------------------------------------- */
@media (max-width: 1199px) {
  :root {
    --mobile-polish-radius: 18px;
    --mobile-polish-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
    --mobile-polish-shadow-soft: 0 5px 14px rgba(15, 23, 42, 0.045);
  }

  .nav-bar {
    min-height: calc(72px + env(safe-area-inset-top, 0px)) !important;
    padding:
      env(safe-area-inset-top, 0px)
      15px
      7px !important;
  }

  .nav-bar__mobile-shell {
    min-height: 56px !important;
  }

  .nav-bar__back {
    width: 36px !important;
    height: 36px !important;
    border-radius: 14px !important;
  }

  .nav-bar__title {
    font-size: clamp(20px, 5.1vw, 22px) !important;
  }

  .nav-bar__meta {
    font-size: 12px !important;
  }

  .nav-bar__mobile-auth {
    height: 31px !important;
    padding: 0 9px !important;
  }

  .nav-bar__mobile-auth-text {
    font-size: 11px !important;
  }

  .page,
  .page--home,
  .page--report,
  .page--module,
  .page--library,
  .page--library-detail,
  .page--insights,
  .page--insight-detail {
    padding:
      12px
      12px
      calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .home-mobile-dashboard {
    gap: 14px !important;
  }

  .home-mobile-dashboard__section {
    gap: 9px !important;
  }

  .home-mobile-dashboard__section-title {
    font-size: 20px !important;
  }

  .home-mobile-dashboard__section-meta {
    font-size: 12px !important;
  }

  .home-mobile-report-deck,
  .home-mobile-module-grid,
  .chart-list,
  .library-article-list,
  .talent-flows-panel-grid {
    gap: 12px !important;
  }

  .home-mobile-report-card {
    padding: 12px !important;
    border-radius: 18px !important;
  }

  .home-mobile-report-card__title {
    font-size: 19px !important;
  }

  .home-mobile-report-card__period {
    font-size: 13px !important;
  }

  .home-mobile-report-card__badge,
  .home-mobile-module-card__badge {
    min-height: 22px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
  }

  .home-mobile-section-chip {
    min-height: 29px !important;
    padding: 6px 9px !important;
  }

  .home-mobile-section-chip__title {
    font-size: 12.5px !important;
  }

  .home-mobile-section-chip__count {
    font-size: 12px !important;
  }

  .home-mobile-module-card {
    min-height: 54px !important;
    padding: 10px !important;
    border-radius: 16px !important;
  }

  .home-mobile-module-card__title {
    font-size: 14px !important;
  }

  .page--report .hero__title,
  .page--module-tracking .tracking-module-intro__title {
    font-size: 24px !important;
  }

  .page--module-tracking .tracking-module-intro__title {
    margin-bottom: 4px !important;
  }

  .page--report .tabs,
  .page--module-tracking .tracking-module-button-list {
    padding-right: 14px !important;
  }

  .page--report .tabs__row,
  .page--module-tracking .tracking-module-button-list {
    gap: 7px !important;
  }

  .page--report .tabs__item,
  .page--module-tracking .tracking-module-button,
  .page--library .insights-mobile-filter {
    min-height: 30px !important;
    padding: 0 12px !important;
    box-shadow: 0 3px 9px rgba(15, 23, 42, 0.04) !important;
  }

  .page--report .tabs__item-title,
  .page--module-tracking .tracking-module-button__label,
  .page--library .insights-mobile-filter {
    font-size: 13px !important;
  }

  .page--report .tabs__item-count {
    font-size: 11px !important;
  }

  .page--report .section-summary {
    margin: 2px 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .page--report .section-summary__title {
    font-size: 21px !important;
    line-height: 1.14 !important;
  }

  .chart-card {
    padding: 12px !important;
    border-radius: 18px !important;
  }

  .chart-card__title {
    font-size: 16px !important;
  }

  .chart-card__download-btn {
    min-height: 26px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
  }

  .chart-host,
  .chart-html,
  .chart-html__scroller,
  .zitan-native-table-wrap {
    border-radius: 14px !important;
  }

  .page--library .nb-mobile-block > .library-mobile {
    padding: 14px !important;
    border-radius: 20px !important;
  }

  .page--library .library-mobile > .section-summary {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .page--library .library-mobile > .section-summary .section-summary__title {
    font-size: 22px !important;
  }

  .library-mobile__note,
  .library-mobile__count {
    font-size: 13px !important;
  }

  .insights-mobile-search {
    gap: 8px !important;
    margin: 9px 0 10px !important;
  }

  .insights-mobile-search__input {
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 13px !important;
    font-size: 13px !important;
  }

  .insights-mobile-search__button {
    min-width: 56px !important;
    min-height: 34px !important;
    border-radius: 13px !important;
    font-size: 13px !important;
  }

  .page--library .insights-mobile-filter-list {
    gap: 6px !important;
    margin-bottom: 10px !important;
  }

  .library-article-row {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .library-article-row__title {
    font-size: 18px !important;
  }

  .library-article-row__excerpt {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .page--module-talent-flows .talent-flows-search-panel {
    margin-bottom: 18px !important;
    padding: 10px !important;
    border-radius: 18px !important;
  }

  .page--module-talent-flows .talent-flows-search-form__input {
    min-height: 38px !important;
    padding-left: 14px !important;
    padding-right: 48px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
  }

  .page--module-talent-flows .talent-flows-search-form__submit {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    border-radius: 12px !important;
  }

  .page--module-talent-flows .talent-flows-section__title {
    font-size: 24px !important;
  }

  .page--module-talent-flows .talent-flows-section__desc {
    font-size: 14px !important;
  }

  .page--module-talent-flows .talent-flows-panel {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .page--module-talent-flows .talent-flows-panel__title {
    font-size: 18px !important;
  }

  .page--module-talent-flows .talent-flows-mini-item {
    padding: 12px !important;
  }

  .page--module-talent-flows .talent-flows-mini-item__title {
    font-size: 15.5px !important;
  }

  .page--module-talent-flows .talent-flows-mini-item__meta {
    font-size: 12.5px !important;
  }

  .page--module-talent-flows .talent-flows-mini-item__value {
    font-size: 16px !important;
  }

  .page--module-tracking-detail .nav-tracking-report-table th,
  .page--module-tracking-detail .nav-tracking-report-table td,
  .page--module-tracking-detail .nav-tracking-table th,
  .page--module-tracking-detail .nav-tracking-table td {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-size: 12px !important;
  }

  .mobile-bottom-nav {
    left: 13px !important;
    right: 13px !important;
    bottom: 10px !important;
    left: max(13px, env(safe-area-inset-left, 0px)) !important;
    right: max(13px, env(safe-area-inset-right, 0px)) !important;
    bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
    min-height: 50px !important;
    padding: 5px !important;
    border-radius: 20px !important;
  }

  .mobile-bottom-nav__item {
    min-height: 40px !important;
    border-radius: 15px !important;
  }

  .mobile-bottom-nav__icon {
    width: 18px !important;
    height: 18px !important;
    font-size: 12px !important;
  }

  .mobile-bottom-nav__label {
    font-size: 10px !important;
  }

  .mobile-bottom-nav__item--active .mobile-bottom-nav__label {
    font-size: 14px !important;
  }
}

/* 2026-04-29: mobile net-value selector must wrap into rows, not horizontal scroll. */
@media (max-width: 1199px) {
  .page--module-tracking .tracking-module-button-list,
  .page--module-tracking-detail .tracking-module-button-list {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: calc(9 * var(--rpx)) !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    scrollbar-width: auto !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }

  .page--module-tracking .tracking-module-button,
  .page--module-tracking-detail .tracking-module-button {
    flex: 0 1 auto !important;
    scroll-snap-align: unset !important;
  }
}

/* Mobile app-style redesign final priority overrides 2026-04-29.
   This block intentionally sits at EOF so earlier mobile tuning passes do not
   re-darken the app bar / bottom tab bar. */
@media (max-width: 1199px) {
  .app-shell {
    background:
      radial-gradient(circle at 100% -4%, rgba(47, 111, 115, 0.13), transparent 30%),
      radial-gradient(circle at -6% 0%, rgba(122, 22, 70, 0.1), transparent 32%),
      linear-gradient(180deg, #f7f2ec 0%, #f8f7f3 44%, #eef3f7 100%) !important;
  }

  .nav-bar {
    min-height: calc(60px + env(safe-area-inset-top, 0px)) !important;
    padding:
      env(safe-area-inset-top, 0px)
      14px
      6px !important;
    border-bottom: 1px solid rgba(17, 24, 39, 0.045) !important;
    background: rgba(255, 252, 247, 0.78) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important;
    backdrop-filter: blur(22px) saturate(1.12) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.12) !important;
  }

  .nav-bar__mobile-shell {
    min-height: 52px !important;
  }

  .nav-bar__title {
    color: var(--mobile-app-ink, #111827) !important;
    font-size: clamp(18px, 5vw, 21px) !important;
  }

  .nav-bar__meta {
    color: rgba(102, 112, 133, 0.92) !important;
  }

  .nav-bar__back,
  .nav-bar__mobile-auth {
    border: 1px solid rgba(17, 24, 39, 0.075) !important;
    background: rgba(255, 255, 255, 0.72) !important;
    color: var(--mobile-app-ink, #111827) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.86),
      0 6px 16px rgba(15, 23, 42, 0.055) !important;
  }

  .nav-bar__back-icon {
    border-color: #111827 !important;
  }

  .page,
  .page--home,
  .page--report,
  .page--module,
  .page--library,
  .page--library-detail,
  .page--insights,
  .page--insight-detail {
    padding:
      12px
      14px
      calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .page--home .home-mobile-dashboard__hero.home-mobile-hero-app {
    display: grid !important;
  }

  .mobile-bottom-nav {
    left: 14px !important;
    right: 14px !important;
    bottom: 10px !important;
    left: max(14px, env(safe-area-inset-left, 0px)) !important;
    right: max(14px, env(safe-area-inset-right, 0px)) !important;
    bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
    min-height: 58px !important;
    padding: 6px !important;
    border: 1px solid rgba(17, 24, 39, 0.075) !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      0 18px 42px rgba(15, 23, 42, 0.16) !important;
    backdrop-filter: blur(22px) saturate(1.14) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.14) !important;
  }

  .mobile-bottom-nav__item {
    min-height: 46px !important;
    border-radius: 18px !important;
    color: #667085 !important;
    background: transparent !important;
  }

  .mobile-bottom-nav__icon,
  .mobile-bottom-nav__item--active .mobile-bottom-nav__icon {
    display: inline-flex !important;
    width: 20px !important;
    height: 20px !important;
    background: transparent !important;
    color: currentColor !important;
  }

  .mobile-bottom-nav__label,
  .mobile-bottom-nav__item--active .mobile-bottom-nav__label {
    color: currentColor !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
  }

  .mobile-bottom-nav__item--active {
    background: #111827 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.16) !important;
  }
}

/* Mobile home report period: allow two-line readable dates in app cards. */
@media (max-width: 1199px) {
  .page--home .home-mobile-report-card__period {
    display: -webkit-box !important;
    overflow: hidden !important;
    white-space: normal !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
}

/* Mobile UI refinement round 2 2026-04-29: denser app pages and clearer cards. */
@media (max-width: 1199px) {
  .page--home .home-mobile-report-card__period {
    display: block !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    -webkit-line-clamp: initial !important;
  }

  .page--report .hero {
    margin: 2px 0 12px !important;
    padding: 2px 0 0 !important;
  }

  .page--report .hero__title {
    font-size: clamp(28px, 8.4vw, 36px) !important;
    font-weight: 880 !important;
    line-height: 1 !important;
    letter-spacing: -0.075em !important;
  }

  .page--report .tabs {
    margin: 0 -14px 16px !important;
    padding: 0 14px 7px !important;
    mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 28px), transparent 100%) !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 28px), transparent 100%) !important;
  }

  .page--report .tabs__row {
    gap: 10px !important;
  }

  .page--report .tabs__item,
  .page--module-tracking .tracking-module-button,
  .page--module-tracking-detail .tracking-module-button,
  .page--library .insights-mobile-filter,
  .page--library .library-strategy-tab {
    border-color: rgba(17, 24, 39, 0.075) !important;
    background: rgba(255, 255, 255, 0.78) !important;
    color: #253044 !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.82),
      0 6px 14px rgba(15, 23, 42, 0.045) !important;
  }

  .page--report .tabs__item--active,
  .page--module-tracking .tracking-module-button--active,
  .page--module-tracking-detail .tracking-module-button--active,
  .page--library .insights-mobile-filter--active,
  .page--library .library-strategy-tab--active {
    border-color: rgba(17, 24, 39, 0.88) !important;
    background: #111827 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(17, 24, 39, 0.16) !important;
  }

  .page--report .tabs__item--active .tabs__item-title,
  .page--report .tabs__item--active .tabs__item-count,
  .page--module-tracking .tracking-module-button--active .tracking-module-button__label,
  .page--module-tracking-detail .tracking-module-button--active .tracking-module-button__label,
  .page--library .library-strategy-tab--active span {
    color: rgba(255, 255, 255, 0.86) !important;
  }

  .chart-card,
  .section-summary,
  .empty-card,
  .library-mobile,
  .library-article-row,
  .talent-flows-search-panel,
  .talent-flows-panel,
  .article-page-mobile-card,
  .article-page-content {
    border-color: rgba(17, 24, 39, 0.07) !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(122, 22, 70, 0.026), transparent 34%),
      rgba(255, 255, 255, 0.9) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.82),
      0 12px 30px rgba(15, 23, 42, 0.06) !important;
  }

  .chart-card__header {
    align-items: center !important;
    margin-bottom: 12px !important;
  }

  .chart-card__title {
    font-weight: 850 !important;
    letter-spacing: -0.05em !important;
  }

  .chart-card__download-btn,
  .insights-mobile-search__button,
  .talent-flows-search-form__submit {
    border: 0 !important;
    background: #111827 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.14) !important;
  }

  .page--library .library-mobile,
  .page--module-talent-flows .talent-flows-search-panel {
    backdrop-filter: blur(16px) saturate(1.05);
    -webkit-backdrop-filter: blur(16px) saturate(1.05);
  }
}

/* Mobile UI refinement round 3 2026-04-29: tighter first screen and cleaner app labels. */
@media (max-width: 1199px) {
  .page--home .home-mobile-dashboard__hero.home-mobile-hero-app {
    gap: 10px !important;
    padding: 18px 18px 16px !important;
    border-radius: 26px !important;
  }

  .home-mobile-hero-app__eyebrow {
    letter-spacing: 0.08em !important;
  }

  .home-mobile-hero-app__title {
    max-width: 86% !important;
    font-size: clamp(30px, 8.7vw, 36px) !important;
    letter-spacing: -0.072em !important;
  }

  .home-mobile-hero-app__stats {
    gap: 7px !important;
    margin-top: 4px !important;
  }

  .home-mobile-hero-app__stat {
    padding: 9px 9px !important;
    border-radius: 15px !important;
  }

  .home-mobile-hero-app__stat strong {
    font-size: 17px !important;
  }

  .home-mobile-quick-panel {
    gap: 10px !important;
    padding: 13px !important;
    border-radius: 23px !important;
  }

  .home-mobile-quick-panel__title {
    font-size: 19px !important;
  }

  .home-mobile-quick-panel__meta {
    font-size: 12px !important;
  }

  .home-mobile-quick-grid {
    gap: 8px !important;
  }

  .home-mobile-quick-action {
    min-height: 78px !important;
    padding: 9px 5px !important;
    border-radius: 17px !important;
  }

  .home-mobile-quick-action__icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
  }

  .home-mobile-quick-action__title {
    font-size: 12.5px !important;
  }

  .home-mobile-quick-action__meta {
    font-size: 10.5px !important;
  }

  .page--home .home-mobile-report-card {
    padding: 15px !important;
    border-radius: 23px !important;
  }

  .page--home .home-mobile-report-card__title {
    font-size: 23px !important;
  }

  .page--home .home-mobile-report-card__period {
    font-size: 12.5px !important;
  }

  .page--home .home-mobile-section-chip {
    min-height: 30px !important;
    padding: 0 9px !important;
  }

  .page--home .home-mobile-section-chip__title {
    font-size: 12.5px !important;
  }

  .mobile-bottom-nav {
    min-height: 56px !important;
    border-radius: 23px !important;
  }

  .mobile-bottom-nav__item {
    min-height: 44px !important;
    border-radius: 17px !important;
  }

  .mobile-bottom-nav__icon,
  .mobile-bottom-nav__item--active .mobile-bottom-nav__icon {
    font-size: 11px !important;
  }
}

/* Mobile bottom tab active state cleanup 2026-04-29. */
@media (max-width: 1199px) {
  .mobile-bottom-nav__item--active {
    align-content: center !important;
    gap: 0 !important;
  }

  .mobile-bottom-nav__item--active .mobile-bottom-nav__icon {
    display: none !important;
  }

  .mobile-bottom-nav__item--active .mobile-bottom-nav__label {
    font-size: 14px !important;
    font-weight: 860 !important;
    letter-spacing: -0.025em !important;
  }
}

/* Mobile UI refinement round 4 2026-04-29: compact density pass for first-screen browsing. */
@media (max-width: 1199px) {
  .nav-bar {
    min-height: calc(56px + env(safe-area-inset-top, 0px)) !important;
    padding:
      env(safe-area-inset-top, 0px)
      13px
      5px !important;
  }

  .nav-bar__mobile-shell {
    min-height: 48px !important;
  }

  .nav-bar__title {
    font-size: clamp(18px, 4.8vw, 20px) !important;
    line-height: 1.06 !important;
  }

  .nav-bar__meta {
    font-size: 11.5px !important;
    line-height: 1.16 !important;
  }

  .nav-bar__back {
    width: 36px !important;
    height: 36px !important;
    border-radius: 13px !important;
  }

  .nav-bar__mobile-auth {
    height: 32px !important;
    padding: 0 9px !important;
  }

  .page--home {
    padding-top: 10px !important;
  }

  .home-mobile-dashboard {
    gap: 13px !important;
  }

  .page--home .home-mobile-dashboard__hero.home-mobile-hero-app {
    gap: 9px !important;
    padding: 16px 17px 15px !important;
    border-radius: 25px !important;
  }

  .home-mobile-hero-app__title {
    font-size: clamp(29px, 8.3vw, 34px) !important;
  }

  .home-mobile-hero-app__sync {
    min-height: 22px !important;
    padding: 0 8px !important;
    font-size: 10.5px !important;
  }

  .home-mobile-hero-app__stats {
    gap: 6px !important;
  }

  .home-mobile-hero-app__stat {
    padding: 8px 8px !important;
    border-radius: 14px !important;
  }

  .home-mobile-hero-app__stat strong {
    font-size: 16px !important;
  }

  .home-mobile-hero-app__stat span {
    font-size: 10.5px !important;
  }

  .home-mobile-quick-panel {
    gap: 9px !important;
    padding: 12px !important;
    border-radius: 22px !important;
  }

  .home-mobile-quick-grid {
    gap: 7px !important;
  }

  .home-mobile-quick-action {
    min-height: 72px !important;
    gap: 4px !important;
    padding: 8px 5px !important;
    border-radius: 16px !important;
  }

  .home-mobile-quick-action__icon {
    width: 30px !important;
    height: 30px !important;
    border-radius: 11px !important;
  }

  .home-mobile-quick-action__title {
    font-size: 12px !important;
  }

  .home-mobile-quick-action__meta {
    font-size: 10px !important;
  }

  .home-mobile-dashboard__section-title {
    font-size: 21px !important;
  }

  .page--home .home-mobile-report-card {
    gap: 11px !important;
    padding: 14px !important;
    border-radius: 22px !important;
  }

  .page--home .home-mobile-report-card__title {
    font-size: 22px !important;
    line-height: 1.04 !important;
  }

  .page--home .home-mobile-report-card__period {
    margin-top: 1px !important;
    font-size: 12px !important;
  }

  .page--home .home-mobile-report-card__badge {
    min-height: 24px !important;
    padding: 0 9px !important;
    font-size: 12.5px !important;
  }

  .page--home .home-mobile-section-grid {
    gap: 7px !important;
  }

  .page--home .home-mobile-section-chip {
    min-height: 28px !important;
    padding: 0 9px !important;
  }

  .page--home .home-mobile-section-chip__title {
    font-size: 12px !important;
  }

  .page--home .home-mobile-section-chip__count {
    font-size: 11.5px !important;
  }

  .mobile-bottom-nav {
    min-height: 54px !important;
    padding: 5px !important;
    border-radius: 22px !important;
  }

  .mobile-bottom-nav__item {
    min-height: 42px !important;
    border-radius: 16px !important;
  }

  .mobile-bottom-nav__label {
    font-size: 10px !important;
  }

  .mobile-bottom-nav__item--active .mobile-bottom-nav__label {
    font-size: 13.5px !important;
  }
}
.page--knowledge-graph {
  background:
    radial-gradient(circle at 16% 8%, rgba(107, 91, 149, 0.08), transparent 30%),
    linear-gradient(180deg, #fbf8f4 0%, #f5efe8 100%);
}

.page--knowledge-graph .knowledge-graph-hero {
  position: relative;
  overflow: hidden;
  margin-inline: calc(50% - 50vw);
  padding: 50px max(24px, calc((100vw - 1160px) / 2 + 24px)) 54px;
  background:
    radial-gradient(circle at 76% 12%, rgba(255, 255, 255, 0.22), transparent 24%),
    linear-gradient(135deg, #3c245d 0%, #5f3f8b 52%, #8260aa 100%);
  color: #fff;
}

.page--knowledge-graph .knowledge-graph-hero .tracking-module-intro__eyebrow,
.page--knowledge-graph .knowledge-graph-hero .tracking-module-intro__title,
.page--knowledge-graph .knowledge-graph-hero .tracking-module-intro__desc {
  max-width: 1160px;
}

.knowledge-graph-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 1160px;
  margin-top: 18px;
}

.knowledge-graph-hero__meta span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 12px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  letter-spacing: 0.04em;
}

.knowledge-graph-toolbar,
.knowledge-graph-status,
.knowledge-graph-workbench {
  width: min(1440px, calc(100vw - 48px));
  margin-inline: auto;
}

.knowledge-graph-toolbar {
  display: grid;
  gap: 14px;
  margin-top: 28px;
  padding: 18px;
  border: 1px solid rgba(89, 62, 116, 0.12);
  border-radius: 24px;
  background: rgba(255, 252, 248, 0.86);
  box-shadow: 0 18px 46px rgba(47, 35, 59, 0.08);
  backdrop-filter: blur(12px);
}

.knowledge-graph-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}

.knowledge-graph-search__field {
  display: grid;
  gap: 7px;
}

.knowledge-graph-search__label {
  color: #776a82;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.knowledge-graph-search__input {
  width: 100%;
  min-height: 46px;
  border: 1px solid rgba(89, 62, 116, 0.15);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.88);
  padding: 0 16px;
  color: #2b2232;
  font-size: 14px;
  outline: none;
}

.knowledge-graph-search__input:focus {
  border-color: rgba(95, 63, 139, 0.45);
  box-shadow: 0 0 0 4px rgba(95, 63, 139, 0.1);
}

.knowledge-graph-search__actions {
  display: flex;
  gap: 10px;
  align-items: center;
}

.knowledge-graph-search__button {
  min-height: 46px;
  border: 0;
  border-radius: 16px;
  background: #4d3074;
  color: #fff;
  padding: 0 22px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.knowledge-graph-search__button--random {
  border: 1px solid rgba(77, 48, 116, 0.34);
  background: #2b2232;
  color: #ffffff;
}

.knowledge-graph-search__button--random:hover,
.knowledge-graph-search__button--active {
  border-color: rgba(77, 48, 116, 0.34);
  background: #2b2232;
  color: #ffffff;
}

.knowledge-graph-search__button--ai {
  border: 1px solid rgba(101, 18, 54, 0.4);
  background: #651236;
  color: #ffffff;
}

.knowledge-graph-search__button--ai:disabled {
  opacity: 0.65;
  cursor: wait;
}

.knowledge-graph-results-panel__notice {
  margin: 0;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(77, 48, 116, 0.07);
  color: #4d3074;
  font-size: 12px;
  line-height: 1.5;
}

.knowledge-graph-results-panel__notice--warning {
  background: rgba(176, 84, 28, 0.09);
  color: #8a4a1c;
}

.knowledge-graph-results-panel__more {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
}

.knowledge-graph-results-panel__more-button {
  min-width: 220px;
}

.knowledge-graph-results-panel__more-hint {
  margin: 0;
  color: #9a8aa6;
  font-size: 12px;
}

.knowledge-graph-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.knowledge-graph-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(89, 62, 116, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: #54465f;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.knowledge-graph-chip span {
  color: #9a8aa6;
  font-weight: 600;
}

.knowledge-graph-chip--active {
  border-color: rgba(77, 48, 116, 0.38);
  background: #4d3074;
  color: #fff;
}

.knowledge-graph-chip--active span {
  color: rgba(255, 255, 255, 0.74);
}

.knowledge-graph-status {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
  color: #8b7f92;
  font-size: 12px;
}

.knowledge-graph-status span {
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.66);
}

.knowledge-graph-scope {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.95fr) minmax(0, 0.95fr);
  gap: 14px;
  width: min(1160px, calc(100vw - 48px));
  margin: 26px auto 0;
}

.knowledge-graph-scope-card {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 150px;
  padding: 18px 18px 16px;
  border: 1px solid rgba(17, 24, 39, 0.09);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.05);
}

.knowledge-graph-scope-card__eyebrow,
.knowledge-graph-toolbar__eyebrow,
.knowledge-graph-filter-block__label {
  color: #667085;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.knowledge-graph-scope-card h2,
.knowledge-graph-toolbar__head h2 {
  margin: 0;
  color: #111827;
  font-size: 18px;
  font-weight: 650;
  line-height: 1.32;
  letter-spacing: -0.018em;
}

.knowledge-graph-scope-card p,
.knowledge-graph-toolbar__head p {
  margin: 0;
  color: #475467;
  font-size: 13px;
  line-height: 1.7;
}

.knowledge-graph-scope-topics,
.knowledge-graph-scope-sources {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}

.knowledge-graph-scope-topics span,
.knowledge-graph-scope-source {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 26px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #f8fafc;
  color: #344054;
  font-size: 12px;
  line-height: 1.2;
}

.knowledge-graph-scope-source strong {
  font-weight: 650;
}

.knowledge-graph-scope-source em {
  color: #667085;
  font-style: normal;
}

.knowledge-graph-toolbar__head {
  display: grid;
  grid-template-columns: minmax(0, 330px) minmax(0, 1fr);
  gap: 18px;
  align-items: end;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(17, 24, 39, 0.08);
}

.knowledge-graph-filter-block {
  display: grid;
  gap: 8px;
}

.knowledge-graph-workbench {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  margin-top: 16px;
  margin-bottom: 42px;
}

.knowledge-graph-workbench--with-results {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.knowledge-graph-workbench--search-only.knowledge-graph-workbench--with-results {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

.knowledge-graph-workbench--search-only.knowledge-graph-workbench--detail-only {
  grid-template-columns: minmax(0, 1fr);
}

.knowledge-graph-canvas,
.knowledge-graph-side {
  border: 1px solid rgba(89, 62, 116, 0.12);
  border-radius: 28px;
  background: rgba(255, 252, 248, 0.9);
  box-shadow: 0 24px 58px rgba(45, 33, 58, 0.1);
}

.knowledge-graph-canvas {
  position: relative;
  min-height: 650px;
  overflow: hidden;
}

.knowledge-graph-svg {
  display: block;
  width: 100%;
  height: 650px;
}

.knowledge-graph-svg__backdrop {
  fill: #fffaf4;
}

.knowledge-graph-edge {
  stroke: rgba(119, 108, 130, 0.28);
  stroke-linecap: round;
  pointer-events: none;
  transition: opacity 0.18s ease, stroke 0.18s ease;
}

.knowledge-graph-edge--similar-to {
  stroke: rgba(211, 119, 33, 0.48);
}

.knowledge-graph-edge--focus {
  opacity: 0.92;
  stroke: rgba(211, 119, 33, 0.8);
}

.knowledge-graph-edge--dimmed {
  opacity: 0.12;
}

.knowledge-graph-node {
  cursor: grab;
  outline: none;
  transition: opacity 0.18s ease;
}

.knowledge-graph-node circle {
  stroke: rgba(255, 255, 255, 0.88);
  stroke-width: 2.5;
  filter: drop-shadow(0 8px 12px rgba(31, 25, 39, 0.18));
  transition: stroke 0.16s ease, stroke-width 0.16s ease;
}

.knowledge-graph-svg[data-density="high"] .knowledge-graph-node circle {
  filter: none;
}

.knowledge-graph-svg[data-density="high"] .knowledge-graph-edge,
.knowledge-graph-svg[data-density="high"] .knowledge-graph-node {
  transition: none;
}

.knowledge-graph-svg[data-density="high"] .knowledge-graph-node__label {
  display: none;
}

.knowledge-graph-svg[data-density="high"] .knowledge-graph-node--focus .knowledge-graph-node__label,
.knowledge-graph-svg[data-density="high"] .knowledge-graph-node--neighbor .knowledge-graph-node__label {
  display: block;
}

.knowledge-graph-node--keyword circle {
  stroke: rgba(255, 249, 226, 0.94);
}

.knowledge-graph-node:hover circle,
.knowledge-graph-node:focus circle,
.knowledge-graph-node--focus circle {
  stroke: #fff;
  stroke-width: 4;
}

.knowledge-graph-node--dragging {
  cursor: grabbing;
  opacity: 1;
}

.knowledge-graph-node--dragging circle {
  stroke: #651236;
  stroke-width: 4.2;
  filter: drop-shadow(0 12px 18px rgba(101, 18, 54, 0.28));
}

.knowledge-graph-node--dimmed {
  opacity: 0.18;
}

.knowledge-graph-node--hover-neighbor {
  opacity: 1;
}

.knowledge-graph-node--hover-neighbor circle {
  stroke: #ffffff;
  stroke-width: 3.4;
}

.knowledge-graph-node--hover-dimmed {
  opacity: 0.1;
}

.knowledge-graph-edge--hover {
  opacity: 0.95;
  stroke: rgba(101, 18, 54, 0.62);
}

.knowledge-graph-edge--hover-dimmed {
  opacity: 0.05;
}

.knowledge-graph-node__label {
  fill: #342840;
  font-size: 11px;
  font-weight: 700;
  paint-order: stroke;
  stroke: rgba(255, 250, 244, 0.9);
  stroke-width: 4px;
  pointer-events: none;
}

.knowledge-graph-legend {
  position: absolute;
  left: 18px;
  bottom: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(89, 62, 116, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: #65566f;
  font-size: 12px;
}

.knowledge-graph-legend span {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

.knowledge-graph-legend__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}

.knowledge-graph-legend__dot--paper {
  background: #6c5ce7;
}

.knowledge-graph-legend__dot--keyword {
  background: #e3a527;
}

.knowledge-graph-legend__line {
  width: 22px;
  height: 2px;
  border-radius: 2px;
  background: #d37721;
  display: inline-block;
}

.knowledge-graph-canvas__tools {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px;
  border: 1px solid rgba(89, 62, 116, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 12px 26px rgba(31, 25, 39, 0.1);
}

.knowledge-graph-canvas__tools button {
  display: grid;
  place-items: center;
  min-width: 30px;
  height: 30px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #44364f;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.knowledge-graph-canvas__tools button:hover {
  background: rgba(101, 18, 54, 0.1);
  color: #651236;
}

.knowledge-graph-svg {
  touch-action: none;
  cursor: grab;
}

.knowledge-graph-svg--panning {
  cursor: grabbing;
}

.knowledge-graph-side {
  position: relative;
  min-height: auto;
  padding: 24px;
}

.knowledge-graph-side__close {
  position: absolute;
  top: 16px;
  right: 16px;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(77, 48, 116, 0.08);
  color: #4d3074;
  text-decoration: none;
  font-size: 20px;
  line-height: 1;
}

.knowledge-graph-side__head {
  display: grid;
  gap: 8px;
  padding-right: 28px;
}

.knowledge-graph-side:not(.knowledge-graph-side--empty) {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.92fr);
  column-gap: 28px;
  row-gap: 16px;
}

.knowledge-graph-side:not(.knowledge-graph-side--empty) .knowledge-graph-side__head,
.knowledge-graph-side:not(.knowledge-graph-side--empty) .knowledge-graph-side__summary,
.knowledge-graph-side:not(.knowledge-graph-side--empty) .knowledge-graph-side__abstract,
.knowledge-graph-side:not(.knowledge-graph-side--empty) .knowledge-graph-side__chips,
.knowledge-graph-side:not(.knowledge-graph-side--empty) .knowledge-graph-side__text-section,
.knowledge-graph-side:not(.knowledge-graph-side--empty) > .knowledge-graph-side__muted {
  grid-column: 1;
}

.knowledge-graph-side:not(.knowledge-graph-side--empty) .knowledge-graph-side__section {
  grid-column: 2;
  grid-row: 1 / span 6;
  margin-top: 0;
}

.knowledge-graph-side__eyebrow {
  color: #8d6fb0;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.knowledge-graph-side__title {
  margin: 0;
  color: #2b2232;
  font-size: 22px;
  line-height: 1.25;
}

.knowledge-graph-side__meta,
.knowledge-graph-side__muted {
  margin: 0;
  color: #8a7c92;
  font-size: 12px;
  line-height: 1.7;
}

.knowledge-graph-side__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
}

.knowledge-graph-side__request {
  min-height: 34px;
  padding: 0 14px;
  border: none;
  border-radius: 10px;
  background: #2b2232;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.knowledge-graph-side__request:disabled {
  cursor: wait;
  opacity: 0.62;
}

.knowledge-graph-side__request--ima {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.knowledge-graph-side__request--ima:visited {
  color: #ffffff;
}

.knowledge-graph-side__usage {
  display: inline-flex;
  align-items: center;
  margin-top: 6px;
  border-radius: 999px;
  background: rgba(43, 34, 50, 0.08);
  color: #2b2232;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  padding: 5px 12px;
}

/* 详情侧栏收藏心形：与申请/下载计数同行，位于其右侧。 */
.knowledge-graph-side__badges {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: -2px;
}

.knowledge-graph-side__badges .knowledge-graph-side__usage {
  margin-top: 0;
}

.knowledge-graph-side__favorite {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  margin-left: 0;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid rgba(43, 34, 50, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.85);
  color: rgba(137, 124, 146, 0.7);
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.knowledge-graph-side__favorite:hover {
  color: #d6336c;
  border-color: rgba(214, 51, 108, 0.45);
}

.knowledge-graph-side__favorite--active,
.knowledge-graph-side__favorite--active:hover {
  color: #d6336c;
  border-color: rgba(214, 51, 108, 0.4);
  background: rgba(214, 51, 108, 0.08);
}

.knowledge-graph-side__favorite:disabled {
  opacity: 0.55;
  cursor: default;
}

.knowledge-graph-side__request-hint {
  min-width: min(100%, 280px);
  flex: 1;
  color: #8a7c92;
  font-size: 12px;
  line-height: 1.55;
}

.knowledge-graph-side__notice {
  margin: 12px 0 0;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 1.6;
}

.knowledge-graph-side__notice--success {
  border: 1px solid rgba(22, 163, 74, 0.14);
  background: rgba(240, 253, 244, 0.9);
  color: #166534;
}

.knowledge-graph-side__notice--error {
  border: 1px solid rgba(180, 35, 24, 0.14);
  background: rgba(254, 242, 242, 0.9);
  color: #b42318;
}

.knowledge-graph-side__summary,
.knowledge-graph-side__abstract {
  margin: 18px 0 0;
  color: #4f4458;
  font-size: 13px;
  line-height: 1.8;
  white-space: pre-line;
}

.knowledge-graph-side__abstract {
  padding: 14px;
  border-radius: 18px;
  background: rgba(77, 48, 116, 0.05);
}

.knowledge-graph-side__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.knowledge-graph-side__chips span {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(227, 165, 39, 0.14);
  color: #6b4b09;
  font-size: 12px;
  font-weight: 700;
}

.knowledge-graph-side__section {
  margin-top: 22px;
}

.knowledge-graph-side__section h3 {
  margin: 0 0 10px;
  color: #2f2537;
  font-size: 14px;
}

.knowledge-graph-side__text-section {
  margin-top: 18px;
  padding: 14px;
  border: 1px solid rgba(89, 62, 116, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.58);
}

.knowledge-graph-side__text-section h3 {
  margin: 0 0 8px;
  color: #2f2537;
  font-size: 14px;
}

.knowledge-graph-side__text-section p {
  margin: 0;
  color: #4f4458;
  font-size: 13px;
  line-height: 1.8;
  white-space: pre-line;
}

.knowledge-graph-side-list {
  display: grid;
  gap: 8px;
}

.knowledge-graph-side-list__item {
  display: grid;
  gap: 5px;
  padding: 11px 12px;
  border: 1px solid rgba(89, 62, 116, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.68);
  color: inherit;
  text-decoration: none;
}

.knowledge-graph-side-list__item:hover {
  border-color: rgba(77, 48, 116, 0.28);
  background: #fff;
}

.knowledge-graph-side-list__title {
  color: #33263f;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

.knowledge-graph-side-list__meta {
  color: #95879f;
  font-size: 11px;
}

.knowledge-graph-nav-panel,
.knowledge-graph-results-panel,
.knowledge-graph-detail-panel {
  border: 1px solid rgba(89, 62, 116, 0.12);
  border-radius: 22px;
  background: rgba(255, 252, 248, 0.92);
  box-shadow: 0 18px 46px rgba(45, 33, 58, 0.08);
}

.knowledge-graph-nav-panel {
  display: grid;
  align-content: start;
  gap: 18px;
  padding: 18px;
}

.knowledge-graph-nav-panel__section {
  display: grid;
  gap: 11px;
}

.knowledge-graph-nav-panel__eyebrow,
.knowledge-graph-results-panel__eyebrow {
  color: #786982;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.knowledge-graph-nav-panel h2,
.knowledge-graph-results-panel__head h2 {
  margin: 0;
  color: #241b2d;
  font-size: 17px;
  line-height: 1.3;
}

.knowledge-graph-keyword-nav {
  display: grid;
  gap: 7px;
}

.knowledge-graph-keyword-nav__item,
.knowledge-graph-source-nav__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 34px;
  padding: 7px 9px;
  border: 1px solid rgba(89, 62, 116, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.68);
  color: #44364f;
  text-decoration: none;
  font-size: 12px;
  line-height: 1.35;
}

.knowledge-graph-keyword-nav__item:hover,
.knowledge-graph-keyword-nav__item--active {
  border-color: rgba(101, 18, 54, 0.36);
  background: rgba(101, 18, 54, 0.08);
  color: #651236;
}

.knowledge-graph-keyword-nav__item span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.knowledge-graph-keyword-nav__item em,
.knowledge-graph-source-nav__item em {
  flex: 0 0 auto;
  color: #927f9e;
  font-style: normal;
  font-weight: 700;
}

.knowledge-graph-source-nav {
  display: grid;
  gap: 7px;
}

.knowledge-graph-source-nav__item strong {
  min-width: 0;
  overflow: hidden;
  color: #3c3046;
  font-size: 12px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.knowledge-graph-results-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.knowledge-graph-results-panel__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 18px 14px;
  border-bottom: 1px solid rgba(89, 62, 116, 0.09);
}

.knowledge-graph-results-panel__head > span {
  color: #8c7e96;
  font-size: 12px;
  font-weight: 700;
}

.knowledge-graph-result-list {
  display: grid;
  flex: 1 1 auto;
  padding: 10px;
}

.knowledge-graph-result {
  display: grid;
  gap: 5px;
  padding: 12px 11px;
  border: 1px solid transparent;
  border-radius: 13px;
  color: inherit;
  text-decoration: none;
}

.knowledge-graph-result + .knowledge-graph-result {
  border-top-color: rgba(89, 62, 116, 0.08);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.knowledge-graph-result:hover,
.knowledge-graph-result--active {
  border-color: rgba(101, 18, 54, 0.18);
  background: #fff;
}

.knowledge-graph-result__type {
  color: #9a7d3a;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.knowledge-graph-result__title {
  color: #27202f;
  font-size: 13px;
  font-weight: 720;
  line-height: 1.45;
}

.knowledge-graph-result__meta {
  color: #897c92;
  font-size: 11px;
  line-height: 1.45;
}

/* 2026-08-21 量化资料列表版：文章行内的关键词标签 */
.knowledge-graph-result__keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.knowledge-graph-result__keywords span {
  border: 1px solid rgba(89, 62, 116, 0.12);
  border-radius: 999px;
  background: rgba(77, 48, 116, 0.05);
  color: #6f6280;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.5;
}

/* 列表分页条复用尽调资料样式，收敛在结果卡片内 */
.knowledge-graph-results-panel > .knowledge-graph-pagination {
  margin: 0 10px 10px;
  padding-inline: 8px;
  padding-bottom: 6px;
}

/* 2026-08-29 有用程度星级：标题行右侧，1/5-5/5 直接对应 1-5 星 */
.knowledge-graph-result__headline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.knowledge-graph-result__headline .knowledge-graph-result__title {
  flex: 1 1 auto;
  min-width: 0;
}

.knowledge-graph-result__usefulness {
  flex: 0 0 auto;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 1px;
}

.knowledge-graph-result__usefulness-filled {
  color: #c08a1e;
}

.knowledge-graph-result__usefulness-empty {
  color: rgba(137, 124, 146, 0.45);
}

.knowledge-graph-result__aside {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.knowledge-graph-result__usage {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: rgba(43, 34, 50, 0.08);
  color: #2b2232;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  padding: 4px 9px;
}

/* 收藏心形按钮：位于申请/下载计数右侧，♡ 未收藏 / ♥ 已收藏（2026-09-06）。 */
.knowledge-graph-result__favorite {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 1px solid rgba(43, 34, 50, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.85);
  color: rgba(137, 124, 146, 0.7);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.knowledge-graph-result__favorite:hover {
  color: #d6336c;
  border-color: rgba(214, 51, 108, 0.45);
}

.knowledge-graph-result__favorite--active,
.knowledge-graph-result__favorite--active:hover {
  color: #d6336c;
  border-color: rgba(214, 51, 108, 0.4);
  background: rgba(214, 51, 108, 0.08);
}

.knowledge-graph-result__favorite:disabled {
  opacity: 0.55;
  cursor: default;
}

.knowledge-graph-result__ai-reason {
  color: #651236;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.45;
}

.knowledge-graph-result-list--ai {
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  align-content: start;
  max-height: none;
  overflow: visible;
}

.knowledge-graph-ai-loading__dots {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  margin-left: 6px;
  vertical-align: middle;
}

.knowledge-graph-ai-loading__dots span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
  animation: knowledgeGraphAiLoadingDot 1.2s infinite ease-in-out;
}

.knowledge-graph-ai-loading__dots span:nth-child(2) {
  animation-delay: 0.15s;
}

.knowledge-graph-ai-loading__dots span:nth-child(3) {
  animation-delay: 0.3s;
}

@keyframes knowledgeGraphAiLoadingDot {
  0%, 60%, 100% {
    opacity: 0.25;
    transform: translateY(0);
  }
  30% {
    opacity: 1;
    transform: translateY(-3px);
  }
}

.knowledge-graph-ai-card {
  min-height: 0;
  cursor: pointer;
}

.knowledge-graph-ai-card--active {
  border-color: rgba(101, 18, 54, 0.55);
}

.knowledge-graph-ai-card__reason {
  color: #651236;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}

.knowledge-graph-ai-card__summary {
  margin: 0;
  color: #526058;
  font-size: 13px;
  line-height: 1.65;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.knowledge-graph-ai-card__actions {
  display: inline-flex;
  gap: 10px;
  align-items: center;
}

.knowledge-graph-result__pdf-request {
  border: 1px solid rgba(101, 18, 54, 0.4);
  border-radius: 9px;
  background: #651236;
  color: #ffffff;
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.knowledge-graph-result__pdf-request:disabled {
  opacity: 0.6;
  cursor: wait;
}

.knowledge-graph-result__pdf-request--ima {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.knowledge-graph-result__pdf-request--ima:visited {
  color: #ffffff;
}

.knowledge-graph-ai-card__head-side {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin-left: auto;
}

.knowledge-graph-ai-card__usage {
  flex-shrink: 0;
  border-radius: 999px;
  background: rgba(101, 18, 54, 0.08);
  color: #651236;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  padding: 4px 10px;
  white-space: nowrap;
}

.knowledge-graph-result__detail-link {
  color: #4d3074;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}

.knowledge-graph-result__detail-link:hover {
  text-decoration: underline;
}

.knowledge-graph-result__pdf-notice {
  font-size: 11px;
  line-height: 1.45;
}

.knowledge-graph-result__pdf-notice--success {
  color: #2c6e49;
}

.knowledge-graph-result__pdf-notice--error {
  color: #a33b2a;
}

.knowledge-graph-result__action {
  justify-self: start;
  color: #651236;
  font-size: 11px;
  font-weight: 800;
  opacity: 0;
}

.knowledge-graph-result:hover .knowledge-graph-result__action,
.knowledge-graph-result--active .knowledge-graph-result__action {
  opacity: 1;
}

.knowledge-graph-map-panel,
.knowledge-graph-detail-panel {
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 14px;
}

.knowledge-graph-map-panel {
  min-height: 680px;
}

.knowledge-graph-detail-panel {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.44fr);
}

.knowledge-graph-map-panel,
.knowledge-graph-detail-panel__map {
  overflow: hidden;
  border: 1px solid rgba(89, 62, 116, 0.1);
  border-radius: 18px;
  background: #fffdfa;
}

.knowledge-graph-map-panel__head,
.knowledge-graph-detail-panel__map-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 13px;
  border-bottom: 1px solid rgba(89, 62, 116, 0.08);
}

.knowledge-graph-map-panel__head span,
.knowledge-graph-detail-panel__map-head span {
  color: #2c2235;
  font-size: 13px;
  font-weight: 760;
}

.knowledge-graph-map-panel__head em,
.knowledge-graph-detail-panel__map-head em {
  color: #908298;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.knowledge-graph-map-panel .knowledge-graph-canvas,
.knowledge-graph-detail-panel .knowledge-graph-canvas {
  min-height: 620px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.knowledge-graph-map-panel .knowledge-graph-svg,
.knowledge-graph-detail-panel .knowledge-graph-svg {
  height: 620px;
}

.knowledge-graph-map-panel .knowledge-graph-legend,
.knowledge-graph-detail-panel .knowledge-graph-legend {
  left: 10px;
  right: 10px;
  bottom: 10px;
  justify-content: center;
  border-radius: 14px;
  font-size: 11px;
}

.knowledge-graph-workbench--with-results > .knowledge-graph-map-panel {
  height: 680px;
  min-height: 680px;
}

.knowledge-graph-workbench--with-results > .knowledge-graph-results-panel .knowledge-graph-result-list {
  max-height: none;
}

.knowledge-graph-workbench--with-results > .knowledge-graph-map-panel {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.knowledge-graph-workbench--with-results > .knowledge-graph-map-panel .knowledge-graph-canvas {
  flex: 1 1 auto;
  min-height: 0;
}

.knowledge-graph-workbench--with-results > .knowledge-graph-map-panel .knowledge-graph-svg {
  height: 100%;
  min-height: 0;
}

.knowledge-graph-workbench--with-results > .knowledge-graph-side {
  grid-column: 1 / -1;
  min-height: auto;
}

.knowledge-graph-workbench--search-only.knowledge-graph-workbench--with-results > .knowledge-graph-side {
  grid-column: 1 / -1;
  min-height: auto;
}

.knowledge-graph-workbench--search-only.knowledge-graph-workbench--with-results > .knowledge-graph-results-panel {
  grid-column: 1 / -1;
}

.knowledge-graph-detail-panel .knowledge-graph-side {
  grid-column: 2;
  grid-row: 1;
  min-height: auto;
  border: 0;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: none;
}

.knowledge-graph-detail-panel__map {
  grid-column: 1;
  grid-row: 1;
}

.knowledge-graph-detail-panel .knowledge-graph-side:not(.knowledge-graph-side--empty) {
  display: grid;
  grid-template-columns: 1fr;
}

.knowledge-graph-detail-panel .knowledge-graph-side:not(.knowledge-graph-side--empty) .knowledge-graph-side__head,
.knowledge-graph-detail-panel .knowledge-graph-side:not(.knowledge-graph-side--empty) .knowledge-graph-side__summary,
.knowledge-graph-detail-panel .knowledge-graph-side:not(.knowledge-graph-side--empty) .knowledge-graph-side__abstract,
.knowledge-graph-detail-panel .knowledge-graph-side:not(.knowledge-graph-side--empty) .knowledge-graph-side__chips,
.knowledge-graph-detail-panel .knowledge-graph-side:not(.knowledge-graph-side--empty) > .knowledge-graph-side__muted,
.knowledge-graph-detail-panel .knowledge-graph-side:not(.knowledge-graph-side--empty) .knowledge-graph-side__section {
  grid-column: auto;
  grid-row: auto;
}

@media (max-width: 900px) {
  .page--knowledge-graph .knowledge-graph-hero {
    margin-inline: 0;
    padding: 28px 18px 30px;
    border-radius: 0 0 24px 24px;
  }

  .knowledge-graph-toolbar,
  .knowledge-graph-scope,
  .knowledge-graph-status,
  .knowledge-graph-workbench {
    width: calc(100vw - 28px);
  }

  .knowledge-graph-scope,
  .knowledge-graph-toolbar__head {
    grid-template-columns: 1fr;
  }

  .knowledge-graph-search {
    grid-template-columns: 1fr;
  }

  .knowledge-graph-workbench {
    grid-template-columns: 1fr;
  }

  .knowledge-graph-workbench--with-results,
  .knowledge-graph-detail-panel {
    grid-template-columns: 1fr;
  }

  .knowledge-graph-workbench--with-results > .knowledge-graph-map-panel,
  .knowledge-graph-workbench--with-results > .knowledge-graph-side {
    display: none;
  }

  .knowledge-graph-side:not(.knowledge-graph-side--empty) {
    grid-template-columns: 1fr;
  }

  .knowledge-graph-side:not(.knowledge-graph-side--empty) .knowledge-graph-side__head,
  .knowledge-graph-side:not(.knowledge-graph-side--empty) .knowledge-graph-side__summary,
  .knowledge-graph-side:not(.knowledge-graph-side--empty) .knowledge-graph-side__abstract,
  .knowledge-graph-side:not(.knowledge-graph-side--empty) .knowledge-graph-side__chips,
  .knowledge-graph-side:not(.knowledge-graph-side--empty) > .knowledge-graph-side__muted,
  .knowledge-graph-side:not(.knowledge-graph-side--empty) .knowledge-graph-side__section {
    grid-column: auto;
    grid-row: auto;
  }

  .knowledge-graph-canvas,
  .knowledge-graph-side {
    min-height: auto;
    border-radius: 22px;
  }

  .knowledge-graph-svg {
    height: 520px;
  }

  .knowledge-graph-legend {
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-radius: 18px;
  }

  .knowledge-graph-side {
    padding: 20px;
  }

  .knowledge-graph-detail-panel__map,
  .knowledge-graph-detail-panel .knowledge-graph-side {
    grid-column: auto;
    grid-row: auto;
  }

  .knowledge-graph-detail-panel .knowledge-graph-canvas {
    min-height: 520px;
  }

  .knowledge-graph-detail-panel .knowledge-graph-svg {
    height: 520px;
  }

  .knowledge-graph-results-panel {
    min-height: auto;
  }

  .knowledge-graph-result-list {
    max-height: none;
  }

  .mobile-bottom-nav {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .page--knowledge-graph {
    padding: 0;
    background: #f8f5ef;
  }

  .page--knowledge-graph .tracking-module-intro--minimal {
    max-width: none;
    gap: 8px;
    padding: 0;
  }

  .page--knowledge-graph .knowledge-graph-hero {
    position: relative;
    display: grid;
    gap: 0;
    grid-template-columns:
      minmax(72px, 1fr)
      minmax(0, 1296px)
      minmax(72px, 1fr);
    width: 100vw;
    min-height: 172px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 26px 0 30px;
    background: linear-gradient(90deg, #651236 0%, #651236 74%, #5a112f 100%);
    overflow: hidden;
  }

  .page--knowledge-graph .knowledge-graph-hero::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: min(24vw, 276px);
    height: 100%;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 6%,
      #d07a58 6%,
      #d07a58 8%,
      #651236 8%,
      #651236 24%,
      #6a1637 24%,
      #6a1637 36%,
      #8b283c 36%,
      #8b283c 48%,
      #5a102f 48%,
      #5a102f 60%,
      #884754 60%,
      #884754 75%,
      #633146 75%,
      #633146 87%,
      #5e2d60 87%,
      #5e2d60 100%
    );
    opacity: 0.96;
  }

  .page--knowledge-graph .knowledge-graph-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0));
    pointer-events: none;
  }

  .page--knowledge-graph .knowledge-graph-hero > * {
    position: relative;
    z-index: 1;
    grid-column: 2;
    justify-self: stretch;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  .page--knowledge-graph .knowledge-graph-hero .tracking-module-intro__eyebrow--hero {
    display: block;
    max-width: none;
    width: 100%;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.11em;
  }

  .page--knowledge-graph .knowledge-graph-hero .tracking-module-intro__title {
    max-width: none;
    width: 100%;
    color: #ffffff;
    font-size: 56px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.032em;
  }

  .page--knowledge-graph .knowledge-graph-hero .tracking-module-intro__desc {
    width: 100%;
    max-width: 760px;
    margin: 10px 0 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 15px;
    line-height: 1.72;
  }

  .page--knowledge-graph .knowledge-graph-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    max-width: none;
    margin: 16px 0 0;
  }

  .page--knowledge-graph .knowledge-graph-hero__meta span {
    min-height: 30px;
    padding: 5px 11px;
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.09);
  }

  .knowledge-graph-scope,
  .knowledge-graph-toolbar,
  .knowledge-graph-status,
  .knowledge-graph-workbench {
    width: calc(100vw - 144px);
    max-width: 1296px;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  .knowledge-graph-scope {
    margin-top: 28px;
  }

  .knowledge-graph-toolbar {
    margin-top: 18px;
    padding: 18px;
    border-color: rgba(17, 24, 39, 0.08);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: none;
    backdrop-filter: none;
  }

  .knowledge-graph-search__input {
    min-height: 42px;
    border-color: rgba(17, 24, 39, 0.12);
    border-radius: 12px;
    background: #ffffff;
  }

  .knowledge-graph-search__button {
    min-height: 42px;
    border-radius: 12px;
    background: #651236;
  }

  .knowledge-graph-chip {
    min-height: 34px;
    border-color: rgba(17, 24, 39, 0.11);
    background: #ffffff;
    color: #344054;
    font-weight: 600;
    box-shadow: none;
  }

  .knowledge-graph-chip:hover {
    border-color: rgba(17, 24, 39, 0.26);
    color: #111827;
  }

  .knowledge-graph-chip--active {
    border-color: #111827;
    background: #111827;
    color: #ffffff;
  }

  .knowledge-graph-status {
    margin-top: 14px;
  }

  .knowledge-graph-workbench {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 14px;
    margin-bottom: 72px;
  }

  .knowledge-graph-workbench--with-results {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .knowledge-graph-detail-panel {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
  }

  .knowledge-graph-canvas,
  .knowledge-graph-side,
  .knowledge-graph-nav-panel,
  .knowledge-graph-results-panel,
  .knowledge-graph-detail-panel {
    border-color: rgba(17, 24, 39, 0.09);
    border-radius: 20px;
    background: #ffffff;
    box-shadow: none;
  }

  .knowledge-graph-svg__backdrop {
    fill: #fffdfa;
  }
}

.knowledge-graph-filter-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
  gap: 12px 16px;
  align-items: start;
}

.knowledge-graph-filter-grid--single {
  grid-template-columns: minmax(0, 1fr);
}

.knowledge-graph-filter-block {
  min-width: 0;
}

.knowledge-graph-filter-block--strategy {
  padding-top: 10px;
  border-top: 1px solid rgba(89, 62, 116, 0.1);
}

.knowledge-graph-filter-block--favorites {
  padding-top: 10px;
  border-top: 1px solid rgba(89, 62, 116, 0.1);
}

.knowledge-graph-filter-row {
  min-width: 0;
}

.knowledge-graph-filter-row--strategy {
  max-height: none;
  overflow: visible;
  padding-right: 0;
}

.knowledge-graph-chip--strategy:not(.knowledge-graph-chip--active) {
  background: rgba(255, 255, 255, 0.62);
}

.knowledge-graph-chip--strategy.knowledge-graph-chip--active {
  border-color: #111827;
  background: #111827;
  color: #ffffff;
}

/* Mobile knowledge graph redesign 2026-05-02. */
@media (max-width: 1199px) {
  .page--knowledge-graph {
    --kg-mobile-ink: #111827;
    --kg-mobile-muted: #667085;
    --kg-mobile-line: rgba(17, 24, 39, 0.075);
    --kg-mobile-surface: rgba(255, 255, 255, 0.92);
    --kg-mobile-plum: #741642;
    --kg-mobile-teal: #2f6f73;
    --kg-mobile-amber: #b86a2d;
    padding: 0 0 calc(98px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-x: hidden;
    background:
      linear-gradient(180deg, #f7f2ec 0%, #fbfaf7 40%, #edf3f5 100%) !important;
  }

  .page--knowledge-graph .tracking-module-intro--minimal {
    max-width: none !important;
    padding: 0 !important;
  }

  .page--knowledge-graph .knowledge-graph-hero {
    position: relative;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 24px 14px 21px !important;
    border-radius: 0 0 28px 28px !important;
    background:
      linear-gradient(135deg, #121827 0%, #263441 45%, #6b173d 100%) !important;
    box-shadow: 0 18px 42px rgba(17, 24, 39, 0.18) !important;
  }

  .page--knowledge-graph .knowledge-graph-hero::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 46%;
    height: 7px;
    background: linear-gradient(90deg, #d07a58 0%, #2f6f73 42%, #f4c15d 72%, #ffffff 100%);
    opacity: 0.92;
  }

  .page--knowledge-graph .knowledge-graph-hero::after {
    content: '';
    position: absolute;
    inset: auto 14px 14px auto;
    width: 86px;
    height: 86px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    transform: rotate(12deg);
    pointer-events: none;
  }

  .page--knowledge-graph .knowledge-graph-hero > * {
    position: relative;
    z-index: 1;
  }

  .page--knowledge-graph .knowledge-graph-hero .tracking-module-intro__eyebrow--hero {
    margin: 0 0 8px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
  }

  .page--knowledge-graph .knowledge-graph-hero .tracking-module-intro__title {
    max-width: 310px !important;
    color: #ffffff !important;
    font-size: 32px !important;
    font-weight: 850 !important;
    line-height: 1.06 !important;
    letter-spacing: 0 !important;
  }

  .page--knowledge-graph .knowledge-graph-hero .tracking-module-intro__desc {
    max-width: 330px !important;
    margin-top: 11px !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 14px !important;
    line-height: 1.58 !important;
    letter-spacing: 0 !important;
  }

  .page--knowledge-graph .knowledge-graph-hero__meta {
    flex-wrap: nowrap !important;
    gap: 8px !important;
    max-width: none !important;
    margin: 15px -14px 0 !important;
    padding: 0 14px 2px !important;
    overflow-x: auto !important;
    scrollbar-width: none;
  }

  .page--knowledge-graph .knowledge-graph-hero__meta::-webkit-scrollbar {
    display: none;
  }

  .page--knowledge-graph .knowledge-graph-hero__meta span {
    flex: 0 0 auto;
    min-height: 28px !important;
    padding: 5px 10px !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.095) !important;
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 11px !important;
    letter-spacing: 0 !important;
    white-space: nowrap;
  }

  .knowledge-graph-toolbar,
  .knowledge-graph-status,
  .knowledge-graph-workbench {
    width: auto !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  .knowledge-graph-toolbar {
    gap: 13px !important;
    margin-top: -10px !important;
    padding: 14px !important;
    border-color: var(--kg-mobile-line) !important;
    border-radius: 22px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.9) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.88),
      0 14px 34px rgba(17, 24, 39, 0.09) !important;
    backdrop-filter: blur(18px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
  }

  .knowledge-graph-toolbar__head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  .knowledge-graph-toolbar__head h2 {
    color: var(--kg-mobile-ink) !important;
    font-size: 20px !important;
    font-weight: 840 !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
  }

  .knowledge-graph-toolbar__head p {
    display: none !important;
  }

  .knowledge-graph-toolbar__eyebrow,
  .knowledge-graph-filter-block__label,
  .knowledge-graph-results-panel__eyebrow,
  .knowledge-graph-side__eyebrow {
    color: #7b8798 !important;
    font-size: 11px !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  .knowledge-graph-search {
    display: flex !important;
    gap: 8px !important;
    align-items: end !important;
    min-width: 0;
  }

  .knowledge-graph-search__field {
    flex: 1 1 0;
    gap: 6px !important;
    min-width: 0;
  }

  .knowledge-graph-search__actions {
    flex: 0 0 auto;
    display: flex !important;
    gap: 7px !important;
  }

  .knowledge-graph-search__input {
    min-width: 0 !important;
    width: auto !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
    padding: 0 13px !important;
    border-color: rgba(17, 24, 39, 0.11) !important;
    border-radius: 15px !important;
    background: rgba(248, 250, 252, 0.92) !important;
    color: var(--kg-mobile-ink) !important;
    font-size: 15px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  }

  .knowledge-graph-search__input:focus {
    border-color: rgba(47, 111, 115, 0.52) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      0 0 0 3px rgba(47, 111, 115, 0.12) !important;
  }

  .knowledge-graph-search__button {
    flex: 0 0 auto;
    min-width: 72px;
    white-space: nowrap;
    min-height: 44px !important;
    padding: 0 10px !important;
    border-radius: 15px !important;
    background: #111827 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 820 !important;
    box-shadow: 0 8px 18px rgba(17, 24, 39, 0.15) !important;
  }

  .knowledge-graph-filter-grid {
    grid-template-columns: 1fr !important;
    gap: 11px !important;
    padding-top: 1px;
  }

  .knowledge-graph-filter-block {
    gap: 7px !important;
  }

  .knowledge-graph-filter-row {
    flex-wrap: nowrap !important;
    gap: 7px !important;
    margin-left: -14px !important;
    margin-right: -14px !important;
    padding: 0 14px 3px !important;
    overflow-x: auto !important;
    scrollbar-width: none;
    mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 28px), transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 28px), transparent 100%);
  }

  .knowledge-graph-filter-row--strategy {
    flex-wrap: wrap !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    scrollbar-width: auto !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }

  .knowledge-graph-filter-row::-webkit-scrollbar {
    display: none;
  }

  .knowledge-graph-filter-row--strategy::-webkit-scrollbar {
    display: none;
  }

  .knowledge-graph-chip {
    flex: 0 0 auto;
    min-height: 34px !important;
    padding: 0 12px !important;
    border-color: rgba(17, 24, 39, 0.08) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.86) !important;
    color: #344054 !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.82),
      0 5px 14px rgba(17, 24, 39, 0.045) !important;
    font-size: 13px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
    white-space: nowrap;
  }

  .knowledge-graph-chip span {
    color: #7b8798 !important;
    font-size: 11px !important;
    font-weight: 780 !important;
  }

  .knowledge-graph-chip--active {
    border-color: rgba(17, 24, 39, 0.92) !important;
    background: #111827 !important;
    color: #ffffff !important;
    box-shadow: 0 7px 18px rgba(17, 24, 39, 0.16) !important;
  }

  .knowledge-graph-chip--active span {
    color: rgba(255, 255, 255, 0.74) !important;
  }

  .knowledge-graph-status {
    flex-wrap: nowrap !important;
    gap: 7px !important;
    margin-top: 11px !important;
    padding: 0 1px 2px !important;
    overflow-x: auto !important;
    color: var(--kg-mobile-muted) !important;
    font-size: 12px !important;
    scrollbar-width: none;
  }

  .knowledge-graph-status::-webkit-scrollbar {
    display: none;
  }

  .knowledge-graph-status span {
    flex: 0 0 auto;
    padding: 6px 10px !important;
    border: 1px solid rgba(17, 24, 39, 0.055);
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: 0 4px 12px rgba(17, 24, 39, 0.04);
    white-space: nowrap;
  }

  .knowledge-graph-workbench,
  .knowledge-graph-workbench--with-results,
  .knowledge-graph-detail-panel {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    align-items: start !important;
    margin-top: 12px !important;
    margin-bottom: 0 !important;
  }

  .knowledge-graph-results-panel,
  .knowledge-graph-map-panel,
  .knowledge-graph-side,
  .knowledge-graph-detail-panel {
    width: auto !important;
    max-width: none !important;
    border-color: var(--kg-mobile-line) !important;
    border-radius: 22px !important;
    background: var(--kg-mobile-surface) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.84),
      0 14px 34px rgba(17, 24, 39, 0.075) !important;
  }

  .knowledge-graph-results-panel {
    order: 1;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .knowledge-graph-results-panel__head {
    position: sticky;
    top: 0;
    z-index: 2;
    align-items: start !important;
    padding: 14px 14px 11px !important;
    border-bottom-color: rgba(17, 24, 39, 0.07) !important;
    background: rgba(255, 255, 255, 0.86) !important;
    backdrop-filter: blur(16px) saturate(1.08);
    -webkit-backdrop-filter: blur(16px) saturate(1.08);
  }

  .knowledge-graph-results-panel__head h2 {
    color: var(--kg-mobile-ink) !important;
    font-size: 17px !important;
    font-weight: 840 !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
  }

  .knowledge-graph-results-panel__head > span {
    margin-top: 3px;
    color: var(--kg-mobile-muted) !important;
    font-size: 12px !important;
    white-space: nowrap;
  }

  .knowledge-graph-result-list {
    gap: 8px !important;
    max-height: none !important;
    padding: 8px !important;
    overflow: visible !important;
    scrollbar-width: thin;
  }

  .knowledge-graph-result {
    position: relative;
    gap: 6px !important;
    overflow: hidden;
    padding: 13px 12px 12px 16px !important;
    border: 1px solid rgba(17, 24, 39, 0.07) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.78) !important;
    box-shadow: 0 6px 16px rgba(17, 24, 39, 0.045);
  }

  .knowledge-graph-result::before {
    content: '';
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 0;
    width: 3px;
    border-radius: 999px;
    background: var(--kg-mobile-teal);
  }

  .knowledge-graph-result--keyword::before {
    background: var(--kg-mobile-amber);
  }

  .knowledge-graph-result + .knowledge-graph-result {
    border-top-color: rgba(17, 24, 39, 0.07) !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
  }

  .knowledge-graph-result--active {
    border-color: rgba(116, 22, 66, 0.28) !important;
    background:
      linear-gradient(90deg, rgba(116, 22, 66, 0.055) 0%, rgba(255, 255, 255, 0.88) 52%) !important;
  }

  .knowledge-graph-result__type {
    color: #8b5e20 !important;
    font-size: 10.5px !important;
    letter-spacing: 0 !important;
  }

  .knowledge-graph-result__title {
    color: var(--kg-mobile-ink) !important;
    font-size: 14px !important;
    font-weight: 820 !important;
    line-height: 1.38 !important;
    overflow-wrap: anywhere;
  }

  .knowledge-graph-result__meta {
    color: var(--kg-mobile-muted) !important;
    font-size: 12px !important;
    line-height: 1.48 !important;
  }

  .knowledge-graph-result__action {
    opacity: 1 !important;
    color: var(--kg-mobile-plum) !important;
    font-size: 12px !important;
    font-weight: 820 !important;
  }

  .knowledge-graph-workbench--with-results > .knowledge-graph-map-panel,
  .knowledge-graph-map-panel {
    display: flex !important;
    flex-direction: column !important;
    order: 2;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .knowledge-graph-map-panel__head,
  .knowledge-graph-detail-panel__map-head {
    padding: 12px 13px !important;
    border-bottom-color: rgba(17, 24, 39, 0.07) !important;
  }

  .knowledge-graph-map-panel__head span,
  .knowledge-graph-detail-panel__map-head span {
    color: var(--kg-mobile-ink) !important;
    font-size: 14px !important;
    font-weight: 820 !important;
  }

  .knowledge-graph-map-panel__head em,
  .knowledge-graph-detail-panel__map-head em {
    color: var(--kg-mobile-muted) !important;
    font-size: 11px !important;
  }

  .knowledge-graph-canvas,
  .knowledge-graph-map-panel .knowledge-graph-canvas,
  .knowledge-graph-detail-panel .knowledge-graph-canvas {
    min-height: 390px !important;
    height: 390px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
      linear-gradient(180deg, #fffdf9 0%, #f3f8f7 100%) !important;
    box-shadow: none !important;
  }

  .knowledge-graph-svg,
  .knowledge-graph-map-panel .knowledge-graph-svg,
  .knowledge-graph-detail-panel .knowledge-graph-svg {
    height: 390px !important;
    min-height: 390px !important;
  }

  .knowledge-graph-svg__backdrop {
    fill: #fffdf9 !important;
  }

  .knowledge-graph-node circle {
    filter: drop-shadow(0 5px 9px rgba(17, 24, 39, 0.18)) !important;
  }

  .knowledge-graph-node__label {
    fill: #1f2937 !important;
    font-size: 10.5px !important;
    stroke: rgba(255, 253, 249, 0.96) !important;
    stroke-width: 4px !important;
  }

  .knowledge-graph-canvas__tools {
    top: 10px !important;
    right: 10px !important;
    gap: 4px !important;
    padding: 4px !important;
    border-color: rgba(17, 24, 39, 0.075) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.84) !important;
    box-shadow: 0 8px 18px rgba(17, 24, 39, 0.09) !important;
  }

  .knowledge-graph-canvas__tools button {
    min-width: 32px !important;
    height: 32px !important;
    border-radius: 12px !important;
    color: var(--kg-mobile-ink) !important;
    font-size: 13px !important;
  }

  .knowledge-graph-legend,
  .knowledge-graph-map-panel .knowledge-graph-legend,
  .knowledge-graph-detail-panel .knowledge-graph-legend {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    padding: 8px 9px !important;
    overflow-x: auto !important;
    border-color: rgba(17, 24, 39, 0.075) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.82) !important;
    color: #4b5563 !important;
    font-size: 10.5px !important;
    white-space: nowrap;
    scrollbar-width: none;
  }

  .knowledge-graph-legend::-webkit-scrollbar {
    display: none;
  }

  .knowledge-graph-workbench--with-results > .knowledge-graph-side--empty,
  .knowledge-graph-side--empty {
    display: none !important;
  }

  .knowledge-graph-workbench--with-results > .knowledge-graph-side:not(.knowledge-graph-side--empty),
  .knowledge-graph-detail-panel .knowledge-graph-side,
  .knowledge-graph-side:not(.knowledge-graph-side--empty) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    order: 3;
    min-height: 0 !important;
    padding: 16px !important;
  }

  .knowledge-graph-side__close {
    top: 12px !important;
    right: 12px !important;
    width: 32px !important;
    height: 32px !important;
    border: 1px solid rgba(17, 24, 39, 0.07) !important;
    background: rgba(255, 255, 255, 0.76) !important;
    color: var(--kg-mobile-ink) !important;
    font-size: 20px !important;
    box-shadow: 0 5px 14px rgba(17, 24, 39, 0.06);
  }

  .knowledge-graph-side__head,
  .knowledge-graph-side:not(.knowledge-graph-side--empty) .knowledge-graph-side__head,
  .knowledge-graph-side:not(.knowledge-graph-side--empty) .knowledge-graph-side__summary,
  .knowledge-graph-side:not(.knowledge-graph-side--empty) .knowledge-graph-side__abstract,
  .knowledge-graph-side:not(.knowledge-graph-side--empty) .knowledge-graph-side__chips,
  .knowledge-graph-side:not(.knowledge-graph-side--empty) > .knowledge-graph-side__muted,
  .knowledge-graph-side:not(.knowledge-graph-side--empty) .knowledge-graph-side__section {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .knowledge-graph-side__head {
    gap: 7px !important;
    padding-right: 40px !important;
  }

  .knowledge-graph-side__title {
    color: var(--kg-mobile-ink) !important;
    font-size: 20px !important;
    font-weight: 850 !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere;
  }

  .knowledge-graph-side__meta,
  .knowledge-graph-side__muted {
    color: var(--kg-mobile-muted) !important;
    font-size: 12px !important;
  }

  .knowledge-graph-side__summary,
  .knowledge-graph-side__abstract {
    margin-top: 13px !important;
    color: #344054 !important;
    font-size: 13px !important;
    line-height: 1.68 !important;
  }

  .knowledge-graph-side__abstract {
    max-height: 260px;
    overflow: auto;
    padding: 12px !important;
    border: 1px solid rgba(17, 24, 39, 0.06);
    border-radius: 16px !important;
    background: rgba(248, 250, 252, 0.72) !important;
  }

  .knowledge-graph-side__chips {
    flex-wrap: nowrap !important;
    gap: 7px !important;
    margin: 13px -16px 0 !important;
    padding: 0 16px 2px !important;
    overflow-x: auto !important;
    scrollbar-width: none;
  }

  .knowledge-graph-side__chips::-webkit-scrollbar {
    display: none;
  }

  .knowledge-graph-side__chips span {
    flex: 0 0 auto;
    padding: 6px 9px !important;
    background: rgba(47, 111, 115, 0.1) !important;
    color: #24585c !important;
    font-size: 12px !important;
    white-space: nowrap;
  }

  .knowledge-graph-side__section {
    margin-top: 16px !important;
  }

  .knowledge-graph-side__section h3 {
    margin-bottom: 9px !important;
    color: var(--kg-mobile-ink) !important;
    font-size: 14px !important;
    font-weight: 820 !important;
  }

  .knowledge-graph-side-list {
    gap: 8px !important;
    max-height: 330px;
    overflow: auto;
  }

  .knowledge-graph-side-list__item {
    padding: 12px !important;
    border-color: rgba(17, 24, 39, 0.07) !important;
    border-radius: 15px !important;
    background: rgba(255, 255, 255, 0.74) !important;
  }

  .knowledge-graph-side-list__title {
    color: var(--kg-mobile-ink) !important;
    font-size: 13px !important;
    font-weight: 780 !important;
  }

  .knowledge-graph-side-list__meta {
    color: var(--kg-mobile-muted) !important;
    font-size: 11px !important;
  }

  .page--knowledge-graph .explore-links,
  .page--knowledge-graph .module-explore-links {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 390px) {
  .page--knowledge-graph .knowledge-graph-hero .tracking-module-intro__title {
    font-size: 29px !important;
  }

  .page--knowledge-graph .knowledge-graph-hero .tracking-module-intro__desc {
    font-size: 13px !important;
  }

  .knowledge-graph-search__button {
    min-width: 60px;
    white-space: nowrap;
    font-size: 14px !important;
  }

  .knowledge-graph-search__button--random {
    min-width: 84px;
  }

  .knowledge-graph-canvas,
  .knowledge-graph-map-panel .knowledge-graph-canvas,
  .knowledge-graph-detail-panel .knowledge-graph-canvas,
  .knowledge-graph-svg,
  .knowledge-graph-map-panel .knowledge-graph-svg,
  .knowledge-graph-detail-panel .knowledge-graph-svg {
    height: 350px !important;
    min-height: 350px !important;
  }
}

/* Mobile home premium refresh 2026-05-02.
   Keep the homepage quieter, more editorial, and less dashboard-like. */
@media (max-width: 1199px) {
  .app-shell--home {
    background: linear-gradient(180deg, #f6f3ee 0%, #f8f7f3 42%, #eef2f6 100%) !important;
  }

  .app-shell--home .nav-bar {
    border-bottom: 1px solid rgba(17, 24, 39, 0.045) !important;
    background: rgba(255, 252, 247, 0.82) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05) !important;
    backdrop-filter: blur(18px) saturate(1.06) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.06) !important;
  }

  .app-shell--home .nav-bar__mobile-shell {
    min-height: 44px !important;
  }

  .app-shell--home .nav-bar__title {
    color: #111827 !important;
    font-size: 17px !important;
    font-weight: 860 !important;
    letter-spacing: 0 !important;
  }

  .app-shell--home .nav-bar__meta {
    display: none !important;
  }

  .app-shell--home .nav-bar__back,
  .app-shell--home .nav-bar__mobile-auth {
    border: 1px solid rgba(17, 24, 39, 0.07) !important;
    background: rgba(255, 255, 255, 0.78) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.88),
      0 6px 14px rgba(15, 23, 42, 0.045) !important;
  }

  .page--home {
    padding-top: 8px !important;
    background: transparent !important;
  }

  .page--home .home-mobile-dashboard {
    gap: 12px !important;
  }

  .page--home .home-mobile-dashboard__hero.home-mobile-hero-app {
    gap: 11px !important;
    padding: 20px 18px 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 28px !important;
    background: linear-gradient(135deg, #0b1120 0%, #162133 56%, #18323a 100%) !important;
    box-shadow: 0 20px 48px rgba(15, 23, 42, 0.18) !important;
  }

  .page--home .home-mobile-hero-app::before,
  .page--home .home-mobile-hero-app::after {
    display: none !important;
  }

  .page--home .home-mobile-hero-app__top,
  .page--home .home-mobile-hero-app__title,
  .page--home .home-mobile-hero-app__desc,
  .page--home .home-mobile-hero-app__stats {
    position: relative;
    z-index: 1;
  }

  .page--home .home-mobile-hero-app__top {
    gap: 10px !important;
  }

  .page--home .home-mobile-hero-app__eyebrow {
    color: rgba(255, 255, 255, 0.74) !important;
    font-size: 10.5px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase;
  }

  .page--home .home-mobile-hero-app__sync {
    min-height: 22px !important;
    padding: 0 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.84) !important;
    box-shadow: none !important;
    font-size: 10.5px !important;
  }

  .page--home .home-mobile-hero-app__title {
    max-width: 84% !important;
    color: #ffffff !important;
    font-size: clamp(30px, 8.6vw, 37px) !important;
    font-weight: 880 !important;
    line-height: 0.98 !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-hero-app__desc {
    max-width: 90% !important;
    color: rgba(230, 237, 245, 0.74) !important;
    font-size: 13px !important;
    font-weight: 560 !important;
    line-height: 1.56 !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-hero-app__stats {
    gap: 8px !important;
    margin-top: 2px !important;
  }

  .page--home .home-mobile-hero-app__stat {
    padding: 10px 10px 9px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 17px !important;
    background: rgba(255, 255, 255, 0.07) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  }

  .page--home .home-mobile-hero-app__stat strong {
    font-size: 17px !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-hero-app__stat span {
    color: rgba(235, 241, 248, 0.64) !important;
    font-size: 10px !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-quick-panel {
    gap: 12px !important;
    padding: 15px !important;
    border: 1px solid rgba(17, 24, 39, 0.06) !important;
    border-radius: 26px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(250, 251, 253, 0.9) 100%) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05) !important;
    backdrop-filter: blur(16px) saturate(1.02) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.02) !important;
  }

  .page--home .home-mobile-quick-panel__head {
    padding: 0 2px !important;
  }

  .page--home .home-mobile-quick-panel__title {
    color: #111827 !important;
    font-size: 17px !important;
    font-weight: 860 !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-quick-panel__meta {
    color: rgba(100, 110, 127, 0.86) !important;
    font-size: 11px !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .page--home .home-mobile-quick-action {
    position: relative;
    justify-items: start !important;
    align-content: start !important;
    gap: 7px !important;
    min-height: 92px !important;
    padding: 12px !important;
    border: 1px solid rgba(var(--quick-accent-rgb), 0.07) !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 249, 252, 0.93) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.88),
      0 10px 20px rgba(15, 23, 42, 0.045) !important;
  }

  .page--home .home-mobile-quick-action--graph {
    grid-column: 1 / -1 !important;
    min-height: 72px !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px !important;
    padding: 12px 14px !important;
  }

  .page--home .home-mobile-quick-action--graph .home-mobile-quick-action__meta {
    justify-self: end;
    color: rgba(100, 110, 127, 0.78) !important;
    text-align: right;
  }

  .page--home .home-mobile-quick-action__icon {
    width: 36px !important;
    height: 36px !important;
    border: 1px solid rgba(var(--quick-accent-rgb), 0.08) !important;
    border-radius: 12px !important;
    background: rgba(var(--quick-accent-rgb), 0.12) !important;
    color: var(--quick-accent) !important;
    font-size: 15px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
  }

  .page--home .home-mobile-quick-action__title {
    color: #111827 !important;
    font-size: 13px !important;
    font-weight: 830 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-quick-action__meta {
    color: rgba(100, 110, 127, 0.84) !important;
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-align: left;
    white-space: normal !important;
  }

  .page--home .home-mobile-quick-action--reports {
    --quick-accent: var(--mobile-app-plum);
    --quick-accent-rgb: 122, 22, 70;
  }

  .page--home .home-mobile-quick-action--tracking {
    --quick-accent: var(--mobile-app-teal);
    --quick-accent-rgb: 47, 111, 115;
  }

  .page--home .home-mobile-quick-action--talent {
    --quick-accent: var(--mobile-app-plum);
    --quick-accent-rgb: 122, 22, 70;
  }

  .page--home .home-mobile-quick-action--library {
    --quick-accent: var(--mobile-app-brass);
    --quick-accent-rgb: 164, 107, 54;
  }

  .page--home .home-mobile-quick-action--graph {
    --quick-accent: #395b8e;
    --quick-accent-rgb: 57, 91, 142;
  }

  .page--home .home-mobile-dashboard__section {
    gap: 10px !important;
  }

  .page--home .home-mobile-dashboard__section-head {
    align-items: flex-end !important;
    padding: 0 2px !important;
  }

  .page--home .home-mobile-dashboard__section-title {
    color: #111827 !important;
    font-size: 20px !important;
    font-weight: 860 !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-dashboard__section-meta {
    color: rgba(100, 110, 127, 0.86) !important;
    font-size: 11px !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-report-card {
    gap: 12px !important;
    padding: 16px !important;
    border: 1px solid rgba(17, 24, 39, 0.065) !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(250, 251, 253, 0.92) 100%) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05) !important;
  }

  .page--home .home-mobile-report-card::before {
    top: 14px !important;
    bottom: 14px !important;
    width: 3px !important;
    border-radius: 999px !important;
    opacity: 0.88 !important;
  }

  .page--home .home-mobile-report-card__title {
    color: #111827 !important;
    font-size: 22px !important;
    font-weight: 860 !important;
    line-height: 1.04 !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-report-card__period {
    color: rgba(100, 110, 127, 0.82) !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-report-card__badge,
  .page--home .home-mobile-module-card__badge,
  .page--home .home-mobile-section-chip__count {
    border-color: rgba(var(--card-accent-rgb, 122, 22, 70), 0.08) !important;
    background: rgba(var(--card-accent-rgb, 122, 22, 70), 0.06) !important;
    color: var(--card-accent, #6b1a43) !important;
  }

  .page--home .home-mobile-section-grid {
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(17, 24, 39, 0.055) !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.84) 0%, rgba(255, 255, 255, 0.74) 100%) !important;
  }

  .page--home .home-mobile-section-chip {
    min-height: 34px !important;
    padding: 8px 10px !important;
    border: 0 !important;
    background: transparent !important;
  }

  .page--home .home-mobile-section-chip:nth-child(even) {
    border-left: 1px solid rgba(17, 24, 39, 0.05) !important;
  }

  .page--home .home-mobile-section-chip:nth-child(n + 3) {
    border-top: 1px solid rgba(17, 24, 39, 0.05) !important;
  }

  .page--home .home-mobile-section-chip__title {
    color: #243044 !important;
    font-size: 13px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-section-chip__count {
    font-size: 11.5px !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-module-grid {
    gap: 9px !important;
  }

  .page--home .home-mobile-module-card {
    min-height: 74px !important;
    padding: 13px !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(249, 250, 252, 0.93) 100%) !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.045) !important;
  }

  .page--home .home-mobile-module-card::after {
    display: none !important;
  }

  .page--home .home-mobile-module-card__title {
    color: #111827 !important;
    font-size: 15px !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-legacy {
    display: none !important;
  }

  .app-shell--home .mobile-bottom-nav {
    border-color: rgba(17, 24, 39, 0.075) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      0 18px 42px rgba(15, 23, 42, 0.14) !important;
  }
}

/* Mobile home content-only layout 2026-05-02. */
@media (max-width: 1199px) {
  .page--home {
    padding-top: 14px !important;
  }

  .page--home .home-mobile-dashboard--content-only {
    gap: 19px !important;
  }

  .page--home .home-mobile-dashboard__hero,
  .page--home .home-mobile-quick-panel {
    display: none !important;
  }

  .page--home .home-mobile-dashboard__section {
    gap: 11px !important;
  }

  .page--home .home-mobile-dashboard__section-head {
    min-height: 26px;
    align-items: end !important;
    padding: 0 2px !important;
  }

  .page--home .home-mobile-dashboard__section-title {
    color: #0f172a !important;
    font-size: 24px !important;
    font-weight: 880 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-dashboard__section-meta {
    color: #7b8798 !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap;
  }

  .page--home .home-mobile-report-deck {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 11px !important;
  }

  .page--home .home-mobile-report-card {
    min-width: 0;
    gap: 10px !important;
    padding: 13px !important;
    border: 1px solid rgba(17, 24, 39, 0.065) !important;
    border-radius: 21px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.86),
      0 10px 22px rgba(15, 23, 42, 0.045) !important;
  }

  .page--home .home-mobile-report-card:first-child {
    grid-column: 1 / -1;
    gap: 13px !important;
    padding: 18px !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    border-radius: 28px !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(47, 111, 115, 0.28), transparent 36%),
      linear-gradient(135deg, #111827 0%, #1d2939 58%, #223b43 100%) !important;
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.16) !important;
  }

  .page--home .home-mobile-report-card::before {
    display: none !important;
  }

  .page--home .home-mobile-report-card__head {
    align-items: start !important;
    gap: 10px !important;
  }

  .page--home .home-mobile-report-card:not(:first-child) .home-mobile-report-card__head {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .page--home .home-mobile-report-card__main {
    gap: 5px !important;
  }

  .page--home .home-mobile-report-card__title {
    color: #111827 !important;
    font-size: 17px !important;
    font-weight: 860 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    white-space: normal;
  }

  .page--home .home-mobile-report-card:first-child .home-mobile-report-card__title {
    color: #ffffff !important;
    font-size: 29px !important;
    line-height: 1 !important;
  }

  .page--home .home-mobile-report-card__period {
    display: -webkit-box !important;
    overflow: hidden !important;
    color: #7b8798 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  .page--home .home-mobile-report-card:first-child .home-mobile-report-card__period {
    color: rgba(239, 246, 255, 0.7) !important;
    font-size: 12px !important;
  }

  .page--home .home-mobile-report-card__badge {
    min-height: 25px !important;
    padding: 0 9px !important;
    border-color: rgba(var(--card-accent-rgb, 122, 22, 70), 0.09) !important;
    background: rgba(var(--card-accent-rgb, 122, 22, 70), 0.07) !important;
    color: var(--card-accent, #7a1646) !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-report-card:not(:first-child) .home-mobile-report-card__badge {
    justify-self: start;
    order: -1;
  }

  .page--home .home-mobile-report-card:first-child .home-mobile-report-card__badge {
    border-color: rgba(255, 255, 255, 0.14) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
  }

  .page--home .home-mobile-report-card:not(:first-child) .home-mobile-section-grid {
    display: none !important;
  }

  .page--home .home-mobile-section-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.08) !important;
  }

  .page--home .home-mobile-section-chip {
    min-height: 36px !important;
    padding: 9px 10px !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: transparent !important;
  }

  .page--home .home-mobile-section-chip__title {
    color: rgba(255, 255, 255, 0.86) !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-section-chip__count {
    min-height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.58) !important;
    font-size: 11px !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-module-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .page--home .home-mobile-module-card {
    min-height: 96px !important;
    gap: 8px !important;
    padding: 13px !important;
    border: 1px solid rgba(17, 24, 39, 0.06) !important;
    border-radius: 20px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.92) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.86),
      0 10px 22px rgba(15, 23, 42, 0.04) !important;
  }

  .page--home .home-mobile-module-card__head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    align-items: start !important;
  }

  .page--home .home-mobile-module-card__title {
    color: #111827 !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
  }

  .page--home .home-mobile-module-card__badge {
    justify-self: start;
    min-height: 22px !important;
    padding: 0 8px !important;
    font-size: 10.5px !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-module-card__desc {
    display: -webkit-box !important;
    overflow: hidden !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.42 !important;
    letter-spacing: 0 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  .page--home .home-mobile-module-card__chips {
    display: none !important;
  }
}

/* Mobile home report cards: all report entries use the same large-card treatment. */
@media (max-width: 1199px) {
  .page--home .home-mobile-report-deck {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .page--home .home-mobile-report-card,
  .page--home .home-mobile-report-card:first-child {
    grid-column: 1 / -1 !important;
    gap: 13px !important;
    padding: 18px !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    border-radius: 28px !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(47, 111, 115, 0.26), transparent 36%),
      linear-gradient(135deg, #111827 0%, #1d2939 58%, #223b43 100%) !important;
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.16) !important;
  }

  .page--home .home-mobile-report-card--stock {
    background:
      radial-gradient(circle at 100% 0%, rgba(47, 111, 115, 0.24), transparent 36%),
      linear-gradient(135deg, #101827 0%, #203047 58%, #244348 100%) !important;
  }

  .page--home .home-mobile-report-card--private {
    background:
      radial-gradient(circle at 100% 0%, rgba(164, 107, 54, 0.24), transparent 36%),
      linear-gradient(135deg, #151827 0%, #2b2633 58%, #3a2f2b 100%) !important;
  }

  .page--home .home-mobile-report-card__head,
  .page--home .home-mobile-report-card:not(:first-child) .home-mobile-report-card__head {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 10px !important;
  }

  .page--home .home-mobile-report-card__title,
  .page--home .home-mobile-report-card:first-child .home-mobile-report-card__title {
    color: #ffffff !important;
    font-size: 29px !important;
    font-weight: 880 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-report-card__period,
  .page--home .home-mobile-report-card:first-child .home-mobile-report-card__period {
    color: rgba(239, 246, 255, 0.7) !important;
    font-size: 12px !important;
    -webkit-line-clamp: 1 !important;
  }

  .page--home .home-mobile-report-card__badge,
  .page--home .home-mobile-report-card:not(:first-child) .home-mobile-report-card__badge,
  .page--home .home-mobile-report-card:first-child .home-mobile-report-card__badge {
    order: 0;
    justify-self: auto;
    min-height: 29px !important;
    padding: 0 10px !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    font-size: 13px !important;
  }

  .page--home .home-mobile-report-card:not(:first-child) .home-mobile-section-grid {
    display: grid !important;
  }

  .page--home .home-mobile-section-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.08) !important;
  }

  .page--home .home-mobile-section-chip {
    min-height: 36px !important;
    padding: 9px 10px !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: transparent !important;
  }

  .page--home .home-mobile-section-chip__title {
    color: rgba(255, 255, 255, 0.86) !important;
    font-size: 12px !important;
  }

  .page--home .home-mobile-section-chip__count {
    color: rgba(255, 255, 255, 0.58) !important;
    font-size: 11px !important;
  }
}

/* Mobile home module cards: match the large CTA report-card language. */
@media (max-width: 1199px) {
  .page--home .home-mobile-module-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .page--home .home-mobile-module-card {
    grid-column: 1 / -1 !important;
    min-height: 0 !important;
    gap: 13px !important;
    padding: 18px !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    border-radius: 28px !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(47, 111, 115, 0.26), transparent 36%),
      linear-gradient(135deg, #111827 0%, #1d2939 58%, #223b43 100%) !important;
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.16) !important;
  }

  .page--home .home-mobile-module-card--private-talent-flows {
    background:
      radial-gradient(circle at 100% 0%, rgba(122, 22, 70, 0.24), transparent 36%),
      linear-gradient(135deg, #151827 0%, #282339 58%, #3a2740 100%) !important;
  }

  .page--home .home-mobile-module-card--library {
    background:
      radial-gradient(circle at 100% 0%, rgba(164, 107, 54, 0.24), transparent 36%),
      linear-gradient(135deg, #151827 0%, #2c2833 58%, #3a3028 100%) !important;
  }

  .page--home .home-mobile-module-card--knowledge-graph {
    background:
      radial-gradient(circle at 100% 0%, rgba(57, 91, 142, 0.26), transparent 36%),
      linear-gradient(135deg, #111827 0%, #202b46 58%, #243d56 100%) !important;
  }

  .page--home .home-mobile-module-card__head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 10px !important;
  }

  .page--home .home-mobile-module-card__title {
    color: #ffffff !important;
    font-size: 29px !important;
    font-weight: 880 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-module-card__badge {
    justify-self: auto !important;
    min-height: 29px !important;
    padding: 0 10px !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    font-size: 13px !important;
  }

  .page--home .home-mobile-module-card__desc {
    display: -webkit-box !important;
    overflow: hidden !important;
    color: rgba(239, 246, 255, 0.7) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.42 !important;
    letter-spacing: 0 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  .page--home .home-mobile-module-card__chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .page--home .home-mobile-module-card__chip {
    display: inline-flex !important;
    align-items: center !important;
    max-width: 100% !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.84) !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* Mobile report detail tabs: show all section buttons in a wrapped grid. */
@media (max-width: 1199px) {
  .page--report .tabs {
    margin: 0 0 18px !important;
    padding: 0 !important;
    overflow: visible !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }

  .page--report .tabs__row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    overflow: visible !important;
  }

  .page--report .tabs__item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: center !important;
    justify-items: start !important;
    min-width: 0 !important;
    width: 100% !important;
    min-height: 45px !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 15px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 249, 252, 0.9)) !important;
    color: #182235 !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.92),
      0 8px 18px rgba(15, 23, 42, 0.06) !important;
  }

  .page--report .tabs__item-title {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 13px !important;
    font-weight: 820 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .page--report .tabs__item-count {
    display: block !important;
    margin-top: 3px !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  .page--report .tabs__item--active {
    border-color: rgba(17, 24, 39, 0.92) !important;
    background:
      linear-gradient(135deg, #101827 0%, #182235 58%, #20353a 100%) !important;
    color: #ffffff !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.08),
      0 12px 24px rgba(17, 24, 39, 0.18) !important;
  }

  .page--report .tabs__item--active .tabs__item-title {
    color: #ffffff !important;
  }

  .page--report .tabs__item--active .tabs__item-count {
    color: rgba(255, 255, 255, 0.72) !important;
  }
}

@media (max-width: 359px) {
  .page--report .tabs__row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile knowledge graph: start from search and keep result titles visible. */
@media (max-width: 1199px) {
  .page--knowledge-graph .knowledge-graph-hero {
    display: none !important;
  }

  .page--knowledge-graph .knowledge-graph-toolbar {
    margin-top: 14px !important;
  }

  .page--knowledge-graph .knowledge-graph-results-panel {
    max-height: none !important;
    overflow: visible !important;
  }

  .page--knowledge-graph .knowledge-graph-result-list {
    display: grid !important;
    gap: 10px !important;
    max-height: none !important;
    padding: 10px !important;
    overflow: visible !important;
  }

  .page--knowledge-graph .knowledge-graph-result {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
    min-height: 86px !important;
    padding: 13px 13px 12px 17px !important;
    overflow: hidden !important;
    border: 1px solid rgba(17, 24, 39, 0.075) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.84) !important;
  }

  .page--knowledge-graph .knowledge-graph-result__type,
  .page--knowledge-graph .knowledge-graph-result__title,
  .page--knowledge-graph .knowledge-graph-result__meta {
    position: relative !important;
    z-index: 1 !important;
    min-width: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .page--knowledge-graph .knowledge-graph-result__type {
    display: block !important;
    color: #9a650f !important;
    font-size: 10px !important;
    font-weight: 820 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  .page--knowledge-graph .knowledge-graph-result__title {
    display: -webkit-box !important;
    overflow: hidden !important;
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 840 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  .page--knowledge-graph .knowledge-graph-result__meta {
    display: block !important;
    overflow: hidden !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 640 !important;
    line-height: 1.35 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .page--knowledge-graph .knowledge-graph-result__action {
    display: none !important;
  }

  .page--knowledge-graph .knowledge-graph-workbench,
  .page--knowledge-graph .knowledge-graph-workbench--with-results,
  .page--knowledge-graph .knowledge-graph-detail-panel {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .page--knowledge-graph .knowledge-graph-workbench > .knowledge-graph-map-panel,
  .page--knowledge-graph .knowledge-graph-workbench > .knowledge-graph-side,
  .page--knowledge-graph .knowledge-graph-detail-panel__map,
  .page--knowledge-graph .knowledge-graph-detail-panel > .knowledge-graph-side {
    display: none !important;
  }

  .page--knowledge-graph .knowledge-graph-workbench > .knowledge-graph-results-panel {
    display: flex !important;
    order: 1 !important;
  }
}

/* Mobile Zitan: give the two recent-performance comparison charts 30% more height. */
@media (max-width: 1199px) {
  .page--module-tracking-detail .chart-card--zitan-correlation .zitan-correlation {
    --zitan-correlation-gap: 3px;
    --zitan-correlation-axis-width: 74px;
  }

  .page--module-tracking-detail .chart-card--zitan-correlation .zitan-correlation__cell {
    border-radius: 6px;
    font-size: 8px;
  }

  .page--module-tracking-detail .chart-card--zitan-correlation .zitan-correlation__y-label,
  .page--module-tracking-detail .chart-card--zitan-correlation .zitan-correlation__x-label span {
    font-size: 8px;
  }

  .page--module-tracking-detail .chart-card--zitan-correlation .zitan-correlation__x-label {
    height: 74px;
  }

  .page--module-tracking-detail .chart-list--tracking-detail > .chart-card--zitan-full .chart-host,
  .page--module-tracking-detail .chart-list--tracking-detail > .chart-card--zitan-full .chart-host > div,
  .page--module-tracking-detail .chart-list--tracking-detail > .chart-card--zitan-full .chart-host canvas {
    height: 298px !important;
    min-height: 298px !important;
  }
}

/* --------------------------------------------------------------------------
   Mobile postal monochrome redesign 2026-05-03
   Scope: phone/tablet visual layer only; data, routing, and desktop stay intact.
   -------------------------------------------------------------------------- */
@media (max-width: 1199px) {
  :root {
    --postal-paper: #f3f1ea;
    --postal-paper-deep: #ebe7dc;
    --postal-surface: #fbfaf6;
    --postal-surface-soft: #f7f5ef;
    --postal-ink: #25313f;
    --postal-ink-strong: #172230;
    --postal-muted: #697483;
    --postal-soft: #8a94a0;
    --postal-line: rgba(37, 49, 63, 0.14);
    --postal-line-soft: rgba(37, 49, 63, 0.08);
    --postal-blue: #53677b;
    --postal-blue-deep: #34495d;
    --postal-blue-soft: rgba(83, 103, 123, 0.12);
    --postal-card-shadow: 0 12px 24px rgba(38, 48, 60, 0.08);
    --postal-card-shadow-soft: 0 8px 16px rgba(38, 48, 60, 0.055);
    --postal-radius: 8px;
  }

  html,
  body {
    background: var(--postal-paper) !important;
  }

  body {
    color: var(--postal-ink) !important;
  }

  .app-shell,
  .app-shell--home {
    background:
      linear-gradient(90deg, rgba(52, 73, 93, 0.035) 1px, transparent 1px),
      linear-gradient(180deg, rgba(52, 73, 93, 0.028) 1px, transparent 1px),
      linear-gradient(180deg, var(--postal-paper) 0%, #f8f6f1 38%, var(--postal-paper-deep) 100%) !important;
    background-size: 28px 28px, 28px 28px, auto !important;
  }

  .nav-bar,
  .app-shell--home .nav-bar {
    min-height: calc(58px + env(safe-area-inset-top, 0px)) !important;
    padding:
      env(safe-area-inset-top, 0px)
      14px
      6px !important;
    border-bottom: 1px solid var(--postal-line) !important;
    background:
      linear-gradient(180deg, rgba(255, 254, 250, 0.96) 0%, rgba(246, 244, 238, 0.93) 100%) !important;
    box-shadow: 0 8px 18px rgba(38, 48, 60, 0.08) !important;
    backdrop-filter: blur(14px) saturate(1.02) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.02) !important;
  }

  .nav-bar__mobile-shell,
  .app-shell--home .nav-bar__mobile-shell {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) 36px !important;
    align-items: center !important;
    justify-content: stretch !important;
    min-height: 46px !important;
    width: 100% !important;
    gap: 8px !important;
  }

  .nav-bar__back-placeholder {
    display: block !important;
    width: 36px !important;
    min-width: 36px !important;
    visibility: hidden !important;
  }

  .nav-bar__title,
  .app-shell--home .nav-bar__title {
    color: var(--postal-ink-strong) !important;
    font-size: clamp(18px, 4.8vw, 20px) !important;
    font-weight: 760 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  .nav-bar__title-group {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  .nav-bar__meta {
    color: var(--postal-muted) !important;
    font-size: 11px !important;
    font-weight: 620 !important;
    letter-spacing: 0 !important;
  }

  .nav-bar__back,
  .nav-bar__mobile-auth,
  .app-shell--home .nav-bar__back,
  .app-shell--home .nav-bar__mobile-auth {
    width: auto !important;
    min-width: 36px !important;
    height: 36px !important;
    border: 1px solid var(--postal-line) !important;
    border-radius: var(--postal-radius) !important;
    background: rgba(251, 250, 246, 0.82) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.75),
      0 5px 10px rgba(38, 48, 60, 0.055) !important;
  }

  .nav-bar__mobile-auth,
  .app-shell--home .nav-bar__mobile-auth {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    min-width: 48px !important;
    padding: 0 8px !important;
  }

  .nav-bar__mobile-auth-text {
    position: static !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    overflow: visible !important;
    clip: auto !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    font-weight: 720 !important;
    line-height: 1 !important;
  }

  .nav-bar__back-icon {
    border-left-color: var(--postal-ink-strong) !important;
    border-bottom-color: var(--postal-ink-strong) !important;
  }

  .nav-bar__mobile-auth-text {
    color: var(--postal-ink) !important;
  }

  .nav-bar__mobile-auth-dot {
    background: var(--postal-blue) !important;
  }

  .page,
  .page--home,
  .page--report,
  .page--module,
  .page--library,
  .page--library-detail,
  .page--insights,
  .page--insight-detail {
    padding:
      16px
      14px
      calc(96px + env(safe-area-inset-bottom, 0px)) !important;
    background: transparent !important;
  }

  .home-mobile-dashboard,
  .page--module-talent-flows,
  .chart-list,
  .talent-flows-panel-grid,
  .talent-flows-chart-gallery,
  .talent-flows-directory-grid,
  .talent-flows-people-grid,
  .talent-flows-cluster-list,
  .talent-flows-roster-grid {
    gap: 16px !important;
  }

  .home-mobile-dashboard__section,
  .talent-flows-section,
  .tracking-module-directory {
    gap: 12px !important;
  }

  .home-mobile-dashboard__section-head,
  .talent-flows-section__head,
  .chart-card__header,
  .knowledge-graph-results-panel__head {
    padding: 0 2px !important;
  }

  .home-mobile-dashboard__section-title,
  .hero__title,
  .tracking-module-intro__title,
  .talent-flows-section__title,
  .knowledge-graph-toolbar__head h2,
  .knowledge-graph-results-panel__head h2,
  .library-mobile__title,
  .section-summary__title,
  .empty-card__title {
    color: var(--postal-ink-strong) !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
  }

  .home-mobile-dashboard__section-title {
    font-size: 22px !important;
    line-height: 1.08 !important;
  }

  .home-mobile-dashboard__section-meta,
  .chart-card__subtitle,
  .section-summary__desc,
  .empty-card__desc,
  .tracking-module-intro__desc,
  .talent-flows-section__desc,
  .talent-flows-panel__note,
  .knowledge-graph-toolbar__head p,
  .knowledge-graph-results-panel__head > span {
    color: var(--postal-muted) !important;
    letter-spacing: 0 !important;
  }

  .card,
  .report-card,
  .section-summary,
  .empty-card,
  .chart-card,
  .home-mobile-report-card,
  .home-mobile-module-card,
  .library-mobile,
  .library-article-row,
  .article-page-mobile-card,
  .article-page-content,
  .talent-flows-hero,
  .talent-flows-search-panel,
  .talent-flows-panel,
  .talent-flows-chart-card,
  .talent-flows-directory-card,
  .talent-flows-person-card,
  .talent-flows-roster-item,
  .knowledge-graph-toolbar,
  .knowledge-graph-results-panel,
  .knowledge-graph-map-panel,
  .knowledge-graph-side,
  .knowledge-graph-detail-panel {
    position: relative !important;
    overflow: visible !important;
    border: 1px solid var(--postal-line) !important;
    border-radius: var(--postal-radius) !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.18)),
      var(--postal-surface) !important;
    box-shadow: var(--postal-card-shadow) !important;
  }

  .home-mobile-report-card::before,
  .home-mobile-module-card::before,
  .chart-card::before,
  .talent-flows-panel::before,
  .knowledge-graph-toolbar::before,
  .knowledge-graph-results-panel::before,
  .library-mobile::before,
  .section-summary::before {
    content: '' !important;
    position: absolute !important;
    inset: 6px -4px -6px 8px !important;
    z-index: -1 !important;
    display: block !important;
    width: auto !important;
    border: 1px solid rgba(83, 103, 123, 0.1) !important;
    border-radius: var(--postal-radius) !important;
    background: rgba(83, 103, 123, 0.075) !important;
    opacity: 1 !important;
    pointer-events: none !important;
  }

  .home-mobile-report-card::after,
  .home-mobile-module-card::after,
  .chart-card::after,
  .talent-flows-panel::after,
  .knowledge-graph-result::after {
    content: '' !important;
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    display: block !important;
    width: 34px !important;
    height: 22px !important;
    border: 1px solid rgba(83, 103, 123, 0.18) !important;
    border-radius: 4px !important;
    background:
      linear-gradient(90deg, rgba(83, 103, 123, 0.14) 1px, transparent 1px),
      linear-gradient(180deg, rgba(83, 103, 123, 0.08), rgba(83, 103, 123, 0.02)) !important;
    background-size: 7px 100%, auto !important;
    opacity: 0.62 !important;
    pointer-events: none !important;
  }

  .home-mobile-report-card::after,
  .home-mobile-module-card::after {
    top: 13px !important;
    right: 42px !important;
    width: 26px !important;
    height: 18px !important;
    opacity: 0.42 !important;
  }

  .home-mobile-report-deck,
  .home-mobile-module-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .page--home .home-mobile-report-card,
  .page--home .home-mobile-report-card:first-child,
  .page--home .home-mobile-report-card--stock,
  .page--home .home-mobile-report-card--private,
  .page--home .home-mobile-module-card,
  .page--home .home-mobile-module-card--private-talent-flows,
  .page--home .home-mobile-module-card--library,
  .page--home .home-mobile-module-card--knowledge-graph {
    grid-column: 1 / -1 !important;
    gap: 13px !important;
    min-height: 0 !important;
    padding: 17px 16px 16px !important;
    border-color: var(--postal-line) !important;
    border-radius: var(--postal-radius) !important;
    background:
      repeating-linear-gradient(
        0deg,
        transparent 0,
        transparent 31px,
        rgba(83, 103, 123, 0.055) 32px
      ),
      linear-gradient(180deg, #fffefb 0%, var(--postal-surface-soft) 100%) !important;
    color: var(--postal-ink) !important;
    box-shadow: var(--postal-card-shadow) !important;
  }

  .page--home .home-mobile-report-card__head,
  .page--home .home-mobile-report-card:not(:first-child) .home-mobile-report-card__head,
  .page--home .home-mobile-module-card__head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 12px !important;
    padding-right: 34px !important;
  }

  .page--home .home-mobile-report-card__title,
  .page--home .home-mobile-report-card:first-child .home-mobile-report-card__title,
  .page--home .home-mobile-module-card__title {
    color: var(--postal-ink-strong) !important;
    font-size: 26px !important;
    font-weight: 770 !important;
    line-height: 1.02 !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-module-card__title {
    font-size: 24px !important;
  }

  .page--home .home-mobile-report-card__period,
  .page--home .home-mobile-report-card:first-child .home-mobile-report-card__period,
  .page--home .home-mobile-module-card__desc {
    color: var(--postal-muted) !important;
    font-size: 12px !important;
    font-weight: 620 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-module-card__desc {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  .page--home .home-mobile-report-card__badge,
  .page--home .home-mobile-report-card:not(:first-child) .home-mobile-report-card__badge,
  .page--home .home-mobile-report-card:first-child .home-mobile-report-card__badge,
  .page--home .home-mobile-module-card__badge {
    min-height: 27px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(83, 103, 123, 0.18) !important;
    border-radius: 999px !important;
    background: var(--postal-blue-soft) !important;
    color: var(--postal-blue-deep) !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-section-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(83, 103, 123, 0.14) !important;
    border-radius: var(--postal-radius) !important;
    background: rgba(83, 103, 123, 0.055) !important;
  }

  .page--home .home-mobile-section-chip {
    display: grid !important;
    min-height: 38px !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .page--home .home-mobile-section-chip:nth-child(even) {
    border-left: 1px solid rgba(83, 103, 123, 0.12) !important;
  }

  .page--home .home-mobile-section-chip:nth-child(n + 3) {
    border-top: 1px solid rgba(83, 103, 123, 0.12) !important;
  }

  .page--home .home-mobile-section-chip__title {
    color: var(--postal-ink) !important;
    font-size: 12px !important;
    font-weight: 710 !important;
  }

  .page--home .home-mobile-section-chip__count {
    min-height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--postal-soft) !important;
    font-size: 10.5px !important;
    font-weight: 680 !important;
  }

  .page--home .home-mobile-module-card__chips {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
  }

  .page--home .home-mobile-module-card__chip,
  .talent-flows-status-pill,
  .talent-flows-filter-chip,
  .knowledge-graph-chip,
  .knowledge-graph-status span,
  .insights-mobile-filter,
  .page--library .insights-mobile-filter {
    border: 1px solid rgba(83, 103, 123, 0.16) !important;
    border-radius: 999px !important;
    background: rgba(251, 250, 246, 0.86) !important;
    color: var(--postal-blue-deep) !important;
    box-shadow: none !important;
    letter-spacing: 0 !important;
  }

  .page--home .home-mobile-module-card__chip {
    min-height: 26px !important;
    padding: 0 9px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
  }

  .page--report .hero,
  .page--module-tracking .tracking-module-intro--hero,
  .page--library .tracking-module-intro--hero,
  .page--library-detail .tracking-module-intro--hero {
    padding: 0 !important;
    margin-bottom: 14px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .page--report .hero__route {
    color: var(--postal-soft) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  .page--report .hero__title,
  .page--module-tracking .tracking-module-intro__title {
    font-size: 28px !important;
    line-height: 1.08 !important;
  }

  .page--report .tabs {
    margin: 0 0 16px !important;
    padding: 0 !important;
    overflow: visible !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }

  .page--report .tabs__row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 100% !important;
  }

  .page--report .tabs__item,
  .page--module-tracking .tracking-module-button,
  .page--module-tracking-detail .tracking-module-button {
    display: inline-flex !important;
    flex: none !important;
    min-width: 92px !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-height: 40px !important;
    padding: 7px 12px !important;
    border: 1px solid rgba(83, 103, 123, 0.16) !important;
    border-radius: var(--postal-radius) !important;
    background: rgba(251, 250, 246, 0.86) !important;
    color: var(--postal-ink) !important;
    box-shadow: var(--postal-card-shadow-soft) !important;
  }

  .page--report .tabs__item-title,
  .page--module-tracking .tracking-module-button__label {
    color: inherit !important;
    font-size: 12px !important;
    font-weight: 740 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  .page--report .tabs__item-count {
    color: var(--postal-soft) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
  }

  .page--report .tabs__item--active,
  .page--module-tracking .tracking-module-button--active,
  .page--module-tracking-detail .tracking-module-button--active,
  .knowledge-graph-chip--active,
  .talent-flows-filter-chip--active,
  .insights-mobile-filter--active,
  .page--library .insights-mobile-filter--active {
    border-color: var(--postal-blue-deep) !important;
    background: var(--postal-blue-deep) !important;
    color: #ffffff !important;
    box-shadow: 0 9px 18px rgba(52, 73, 93, 0.18) !important;
  }

  .page--report .tabs__item--active .tabs__item-title,
  .page--report .tabs__item--active .tabs__item-count,
  .page--module-tracking .tracking-module-button--active .tracking-module-button__label {
    color: rgba(255, 255, 255, 0.9) !important;
  }

  .chart-card,
  .section-summary,
  .empty-card {
    padding: 16px !important;
  }

  .chart-card__header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid var(--postal-line-soft) !important;
  }

  .chart-card__title {
    color: var(--postal-ink-strong) !important;
    font-size: 17px !important;
    font-weight: 760 !important;
    line-height: 1.28 !important;
    letter-spacing: 0 !important;
  }

  .chart-card__header-main,
  .chart-card__actions {
    min-width: 0 !important;
  }

  .chart-card__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 8px !important;
  }

  .chart-card__download-btn {
    min-height: 34px !important;
    padding: 0 12px !important;
    white-space: nowrap !important;
  }

  .chart-card__filter-select,
  .chart-card__download-btn,
  .insights-mobile-search__input,
  .insights-mobile-search__button,
  .talent-flows-search-form__input,
  .talent-flows-search-form__submit,
  .knowledge-graph-search__input,
  .knowledge-graph-search__button {
    border-radius: var(--postal-radius) !important;
    letter-spacing: 0 !important;
  }

  .chart-card__download-btn,
  .insights-mobile-search__button,
  .talent-flows-search-form__submit,
  .knowledge-graph-search__button:not(.knowledge-graph-search__button--random) {
    border: 1px solid var(--postal-blue-deep) !important;
    background: var(--postal-blue-deep) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 16px rgba(52, 73, 93, 0.16) !important;
  }

  .knowledge-graph-search__button--random {
    border-color: var(--postal-blue-deep) !important;
    background: var(--postal-blue-deep) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 16px rgba(52, 73, 93, 0.16) !important;
  }

  .knowledge-graph-search__button--random.knowledge-graph-search__button--active {
    border-color: var(--postal-blue-deep) !important;
    background: var(--postal-blue-deep) !important;
    color: #ffffff !important;
  }

  .chart-host,
  .chart-html,
  .chart-html__scroller,
  .library-detail-richtext .article-table-wrap,
  .article-page-content .article-table-wrap {
    border-color: rgba(83, 103, 123, 0.14) !important;
    border-radius: var(--postal-radius) !important;
    background: #fffefb !important;
  }

  /* Mobile new-private-managers typography: compact but keeps hierarchy. */
  .chart-html--new-private-managers {
    --new-private-body-size: 12.5px;
    --new-private-heading-size: 13px;
    --new-private-title-size: 15px;
    --new-private-line-height: 1.5;
    font-size: 12.5px;
    line-height: 1.5;
  }

  /* Mobile library detail: keep rich text inside the card frame. */
  .page--library-detail .library-detail-richtext {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    hyphens: auto !important;
  }

  .page--library-detail .library-detail-richtext h2,
  .page--library-detail .library-detail-richtext h3,
  .page--library-detail .library-detail-richtext h4,
  .page--library-detail .library-detail-richtext p,
  .page--library-detail .library-detail-richtext li {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .page--library-detail .library-detail-richtext p,
  .page--library-detail .library-detail-richtext li {
    font-size: 13px !important;
    line-height: 1.7 !important;
  }

  .page--library-detail .library-detail-richtext h2 {
    font-size: 18px !important;
    line-height: 1.22 !important;
  }

  .page--library-detail .library-detail-richtext h3 {
    font-size: 15px !important;
    line-height: 1.28 !important;
  }

  .page--library-detail .library-detail-richtext h4 {
    font-size: 14px !important;
    line-height: 1.3 !important;
  }

  .page--library-detail .library-detail-richtext .article-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .page--library-detail .library-detail-richtext table {
    min-width: 100% !important;
    width: 100% !important;
    table-layout: fixed !important;
  }

  .page--library-detail .library-detail-richtext th,
  .page--library-detail .library-detail-richtext td {
    font-size: 12px !important;
    line-height: 1.5 !important;
    vertical-align: top !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .page--library-detail .library-detail-richtext pre,
  .page--library-detail .library-detail-richtext code {
    max-width: 100% !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .page--library-detail .library-detail-richtext img,
  .page--library-detail .library-detail-richtext figure {
    max-width: 100% !important;
    height: auto !important;
  }

  .page--knowledge-graph {
    padding:
      14px
      14px
      calc(96px + env(safe-area-inset-bottom, 0px)) !important;
    background: transparent !important;
  }

  .page--knowledge-graph .knowledge-graph-hero {
    display: none !important;
  }

  .knowledge-graph-toolbar {
    gap: 12px !important;
    margin-top: 2px !important;
    padding: 16px !important;
    backdrop-filter: blur(12px) saturate(1.02) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.02) !important;
  }

  .knowledge-graph-toolbar__head {
    gap: 5px !important;
    padding-right: 38px !important;
  }

  .knowledge-graph-toolbar__eyebrow,
  .knowledge-graph-filter-block__label,
  .knowledge-graph-results-panel__eyebrow,
  .knowledge-graph-side__eyebrow,
  .talent-flows-panel__eyebrow,
  .talent-flows-hero__eyebrow,
  .talent-flows-search-form__label,
  .talent-flows-filter-group__label {
    color: var(--postal-soft) !important;
    font-size: 10.5px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  .knowledge-graph-search {
    gap: 8px !important;
  }

  .knowledge-graph-search__input,
  .talent-flows-search-form__input,
  .insights-mobile-search__input {
    min-height: 44px !important;
    border: 1px solid rgba(83, 103, 123, 0.18) !important;
    background: rgba(255, 254, 251, 0.9) !important;
    color: var(--postal-ink) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  }

  .knowledge-graph-search__input:focus,
  .talent-flows-search-form__input:focus,
  .insights-mobile-search__input:focus {
    border-color: rgba(52, 73, 93, 0.52) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.72),
      0 0 0 3px rgba(83, 103, 123, 0.12) !important;
  }

  .knowledge-graph-filter-row {
    gap: 7px !important;
  }

  .knowledge-graph-filter-row--strategy {
    flex-wrap: wrap !important;
    overflow: visible !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }

  .knowledge-graph-chip {
    min-height: 32px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
    font-weight: 720 !important;
  }

  .knowledge-graph-status {
    gap: 7px !important;
    color: var(--postal-muted) !important;
  }

  .knowledge-graph-workbench,
  .knowledge-graph-workbench--with-results,
  .knowledge-graph-detail-panel {
    gap: 14px !important;
    margin-top: 14px !important;
  }

  .knowledge-graph-results-panel {
    padding: 13px !important;
  }

  .page--knowledge-graph .knowledge-graph-result-list {
    gap: 9px !important;
    padding: 0 !important;
  }

  .page--knowledge-graph .knowledge-graph-result {
    position: relative !important;
    min-height: 86px !important;
    padding: 13px 58px 12px 14px !important;
    border: 1px solid rgba(83, 103, 123, 0.14) !important;
    border-radius: var(--postal-radius) !important;
    background: #fffefb !important;
    box-shadow: var(--postal-card-shadow-soft) !important;
  }

  .knowledge-graph-result::before {
    left: 0 !important;
    top: 10px !important;
    bottom: 10px !important;
    width: 3px !important;
    border-radius: 0 999px 999px 0 !important;
    background: var(--postal-blue) !important;
  }

  .page--knowledge-graph .knowledge-graph-result__type {
    color: var(--postal-soft) !important;
    font-size: 10px !important;
    font-weight: 760 !important;
  }

  .page--knowledge-graph .knowledge-graph-result__title {
    color: var(--postal-ink-strong) !important;
    font-size: 14px !important;
    font-weight: 760 !important;
    line-height: 1.35 !important;
  }

  .page--knowledge-graph .knowledge-graph-result__meta {
    color: var(--postal-muted) !important;
  }

  .talent-flows-hero-band {
    display: none !important;
  }

  .talent-flows-hero {
    padding: 16px !important;
  }

  .talent-flows-hero__title {
    color: var(--postal-ink-strong) !important;
    font-size: 27px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
  }

  .talent-flows-hero__desc,
  .talent-flows-hero__summary {
    color: var(--postal-muted) !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  .talent-flows-kpi-card {
    border-color: rgba(83, 103, 123, 0.14) !important;
    border-radius: var(--postal-radius) !important;
    background: rgba(83, 103, 123, 0.06) !important;
    box-shadow: none !important;
  }

  .talent-flows-kpi-card__label,
  .talent-flows-detail-metric span,
  .talent-flows-person-card__meta,
  .talent-flows-directory-card__meta,
  .talent-flows-chart-card__desc,
  .talent-flows-roster-item__meta,
  .talent-flows-roster-item__line,
  .talent-flows-change-item__meta,
  .talent-flows-search-result-item__meta,
  .talent-flows-search-result-item__desc {
    color: var(--postal-muted) !important;
  }

  .talent-flows-kpi-card__value,
  .talent-flows-panel__title,
  .talent-flows-directory-card__title,
  .talent-flows-person-card__name,
  .talent-flows-roster-item__name,
  .talent-flows-roster-item__name-link,
  .talent-flows-mini-item__title,
  .talent-flows-route-item__path,
  .talent-flows-change-item__name,
  .talent-flows-search-result-item__title {
    color: var(--postal-ink-strong) !important;
  }

  .talent-flows-search-panel,
  .talent-flows-panel {
    padding: 16px !important;
  }

  .talent-flows-search-form__submit {
    width: 68px !important;
    min-width: 68px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 5px 3px 0 !important;
  }

  .talent-flows-search-form__submit::before {
    border-color: #ffffff !important;
  }

  .talent-flows-search-form__submit::after {
    background: #ffffff !important;
  }

  .talent-flows-mini-item,
  .talent-flows-route-item,
  .talent-flows-change-item,
  .talent-flows-search-result-item,
  .talent-flows-cluster-card,
  .talent-flows-person-card,
  .talent-flows-roster-item,
  .talent-flows-ppt-item,
  .talent-flows-related-item,
  .talent-flows-person-timeline__body,
  .talent-flows-headhunter-card__item {
    border-color: rgba(83, 103, 123, 0.13) !important;
    border-radius: var(--postal-radius) !important;
    background: rgba(255, 254, 251, 0.78) !important;
    box-shadow: var(--postal-card-shadow-soft) !important;
  }

  .talent-flows-headhunter-card--deep {
    background:
      linear-gradient(180deg, rgba(83, 103, 123, 0.06), rgba(255, 254, 251, 0.9)),
      var(--postal-surface) !important;
  }

  .talent-flows-headhunter-card__badge,
  .talent-flows-headhunter-card__source-row span,
  .talent-flows-headhunter-card__tags span,
  .talent-flows-headhunter-card__links a,
  .talent-flows-headhunter-card__link-extra,
  .talent-flows-person-detail__tag,
  .talent-flows-roster-item__stat,
  .talent-flows-roster-item__badge,
  .talent-flows-person-card__badge,
  .talent-flows-detail-note-list__item,
  .talent-flows-ppt-item__action {
    border-color: rgba(83, 103, 123, 0.16) !important;
    border-radius: 999px !important;
    background: var(--postal-blue-soft) !important;
    color: var(--postal-blue-deep) !important;
  }

  .library-mobile,
  .page--insight-detail > .nb-mobile-block > .article-page-mobile-card {
    padding: 16px !important;
    overflow: visible !important;
  }

  .page--library-detail > .nb-mobile-block > .card {
    padding: 16px !important;
    overflow: hidden !important;
  }

  .page--library-detail .section-summary,
  .page--insight-detail .section-summary {
    margin: 0 0 14px !important;
    padding: 16px !important;
    border: 1px solid var(--postal-line) !important;
    background: var(--postal-surface) !important;
  }

  .page--library-detail .section-summary {
    overflow: hidden !important;
  }

  .page--library-detail .library-detail-richtext,
  .page--library-detail .nb-mobile-article-meta,
  .page--library-detail .nb-article-tag-list--mobile,
  .page--library-detail .nb-mobile-article-actions {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .page--library-detail .library-detail-section,
  .article-richtext h2,
  .article-richtext h3 {
    border-color: var(--postal-line-soft) !important;
  }

  .page--library-detail .library-detail-richtext h2::before,
  .page--library-detail .library-detail-richtext li::before {
    background: var(--postal-blue) !important;
  }

  .nb-mobile-insight-card,
  .library-mobile__entry,
  .library-article-row {
    border-color: rgba(83, 103, 123, 0.13) !important;
    border-radius: var(--postal-radius) !important;
    background: #fffefb !important;
    box-shadow: var(--postal-card-shadow-soft) !important;
  }

  .mobile-bottom-nav {
    left: 12px !important;
    right: 12px !important;
    bottom: 10px !important;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    min-height: 58px !important;
    padding: 5px !important;
    border: 1px solid rgba(37, 49, 63, 0.16) !important;
    border-radius: var(--postal-radius) !important;
    background:
      linear-gradient(180deg, rgba(251, 250, 246, 0.96), rgba(243, 241, 234, 0.92)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.78),
      0 14px 28px rgba(38, 48, 60, 0.15) !important;
    backdrop-filter: blur(16px) saturate(1.02) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.02) !important;
  }

  .mobile-bottom-nav::before {
    content: '' !important;
    position: absolute !important;
    inset: 7px -4px -7px 9px !important;
    z-index: -1 !important;
    border: 1px solid rgba(83, 103, 123, 0.1) !important;
    border-radius: var(--postal-radius) !important;
    background: rgba(83, 103, 123, 0.075) !important;
  }

  .mobile-bottom-nav__item {
    min-height: 46px !important;
    border-radius: 6px !important;
    color: var(--postal-muted) !important;
  }

  .mobile-bottom-nav__icon {
    color: var(--postal-soft) !important;
  }

  .mobile-bottom-nav__label {
    color: inherit !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  .mobile-bottom-nav__item--active {
    border: 1px solid rgba(52, 73, 93, 0.24) !important;
    background: var(--postal-blue-deep) !important;
    color: #ffffff !important;
    box-shadow: 0 7px 14px rgba(52, 73, 93, 0.17) !important;
  }

  .mobile-bottom-nav__item--active .mobile-bottom-nav__label {
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }
}

@media (max-width: 390px) {
  .page--home .home-mobile-report-card__title,
  .page--home .home-mobile-report-card:first-child .home-mobile-report-card__title {
    font-size: 24px !important;
  }

  .page--home .home-mobile-module-card__title {
    font-size: 22px !important;
  }

  .page--report .hero__title,
  .page--module-tracking .tracking-module-intro__title,
  .talent-flows-hero__title {
    font-size: 26px !important;
  }
}

@media (max-width: 1199px) {
  .page--knowledge-graph .knowledge-graph-search {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 9px !important;
  }

  .page--knowledge-graph .knowledge-graph-search__field,
  .page--knowledge-graph .knowledge-graph-search__input,
  .page--knowledge-graph .knowledge-graph-search__actions {
    width: 100% !important;
  }

  .page--knowledge-graph .knowledge-graph-search__field {
    flex: none !important;
  }

  .page--knowledge-graph .knowledge-graph-search__input {
    width: 100% !important;
  }

  .page--knowledge-graph .knowledge-graph-search__actions {
    display: grid !important;
    grid-template-columns: minmax(72px, 0.42fr) minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .page--knowledge-graph .knowledge-graph-search__button {
    min-width: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 390px) {
  .page--knowledge-graph .knowledge-graph-search__actions {
    grid-template-columns: minmax(58px, 0.34fr) minmax(0, 1fr) !important;
  }

  .page--knowledge-graph .knowledge-graph-search__button--random {
    white-space: normal !important;
    line-height: 1.15 !important;
  }
}

/* Scoped access gates for library and knowledge graph. */
.section-auth-gate__icon::before {
  content: '权限';
}

.section-auth-gate--library .section-auth-gate__icon::before {
  content: 'DD';
}

.section-auth-gate--knowledge-graph .section-auth-gate__icon::before {
  content: 'KG';
}

.page--library .section-auth-gate.empty-card,
.page--library-detail .section-auth-gate.empty-card,
.page--knowledge-graph .section-auth-gate.empty-card {
  width: min(1120px, 100%);
  margin: 0 auto;
  padding: 34px;
  border-color: rgba(35, 48, 63, 0.1);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.72)),
    #fbfaf7;
  box-shadow:
    0 24px 60px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

.page--library .section-auth-gate.empty-card::before,
.page--library-detail .section-auth-gate.empty-card::before,
.page--knowledge-graph .section-auth-gate.empty-card::before {
  background:
    linear-gradient(90deg, rgba(83, 103, 123, 0.055) 1px, transparent 1px),
    linear-gradient(180deg, rgba(83, 103, 123, 0.045) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity: 0.55;
}

.page--library .section-auth-gate__layout,
.page--library-detail .section-auth-gate__layout,
.page--knowledge-graph .section-auth-gate__layout {
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr);
  align-items: stretch;
  gap: 22px;
}

.page--library .section-auth-gate__panel,
.page--library-detail .section-auth-gate__panel,
.page--knowledge-graph .section-auth-gate__panel {
  position: relative;
  min-height: 278px;
  padding: 24px;
  border: 1px solid rgba(35, 48, 63, 0.1);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.56)),
    rgba(255, 255, 255, 0.64);
}

.page--library .section-auth-gate__icon,
.page--library-detail .section-auth-gate__icon,
.page--knowledge-graph .section-auth-gate__icon {
  width: 58px;
  height: 58px;
  border-radius: 8px;
  background: #23303f;
  box-shadow: 0 12px 28px rgba(35, 48, 63, 0.16);
  font-size: 16px;
  letter-spacing: 0;
}

.page--library .section-auth-gate__eyebrow,
.page--library-detail .section-auth-gate__eyebrow,
.page--knowledge-graph .section-auth-gate__eyebrow {
  color: #667085;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.page--library .section-auth-gate__title,
.page--library-detail .section-auth-gate__title,
.page--knowledge-graph .section-auth-gate__title {
  max-width: 520px;
  color: #172230;
  font-size: 30px;
  font-weight: 780;
  line-height: 1.22;
  letter-spacing: 0;
}

.page--library .section-auth-gate__desc,
.page--library-detail .section-auth-gate__desc,
.page--knowledge-graph .section-auth-gate__desc {
  max-width: 520px;
  margin-top: 14px;
  color: #53677b;
  font-size: 15px;
  line-height: 1.72;
}

.page--library .section-auth-gate__actions,
.page--library-detail .section-auth-gate__actions,
.page--knowledge-graph .section-auth-gate__actions {
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: auto;
  padding-top: 24px;
}

.page--library .section-auth-gate__button,
.page--library-detail .section-auth-gate__button,
.page--knowledge-graph .section-auth-gate__button {
  min-height: 42px;
  padding: 0 18px;
  border-radius: 8px;
  background: #23303f;
  font-size: 13px;
}

.page--library .section-auth-gate__hint,
.page--library-detail .section-auth-gate__hint,
.page--knowledge-graph .section-auth-gate__hint {
  flex: 1 1 220px;
  color: #667085;
  font-size: 13px;
  line-height: 1.58;
}

.page--library .section-auth-preview,
.page--library-detail .section-auth-preview,
.page--knowledge-graph .section-auth-preview {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.page--library .section-auth-preview__card,
.page--library-detail .section-auth-preview__card,
.page--knowledge-graph .section-auth-preview__card {
  min-height: 278px;
  padding: 18px;
  border-color: rgba(35, 48, 63, 0.1);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(245, 247, 250, 0.68)),
    rgba(255, 255, 255, 0.66);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.page--library .section-auth-preview__card::before,
.page--library-detail .section-auth-preview__card::before,
.page--knowledge-graph .section-auth-preview__card::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 16px;
  width: 34px;
  height: 22px;
  border: 1px solid rgba(83, 103, 123, 0.18);
  border-radius: 4px;
  background:
    linear-gradient(90deg, rgba(83, 103, 123, 0.14) 1px, transparent 1px),
    rgba(83, 103, 123, 0.04);
  background-size: 7px 100%, auto;
  opacity: 0.66;
}

.page--library .section-auth-preview__eyebrow,
.page--library-detail .section-auth-preview__eyebrow,
.page--knowledge-graph .section-auth-preview__eyebrow {
  color: #6f8193;
  font-size: 11px;
  letter-spacing: 0.08em;
}

.page--library .section-auth-preview__title,
.page--library-detail .section-auth-preview__title,
.page--knowledge-graph .section-auth-preview__title {
  margin-top: 38px;
  color: #172230;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: 0;
}

.page--library .section-auth-preview__meta,
.page--library-detail .section-auth-preview__meta,
.page--knowledge-graph .section-auth-preview__meta {
  color: #53677b;
  font-size: 13px;
  line-height: 1.62;
}

.page--library .section-auth-preview__line,
.page--library-detail .section-auth-preview__line,
.page--knowledge-graph .section-auth-preview__line {
  height: 7px;
  background: linear-gradient(90deg, rgba(83, 103, 123, 0.18), rgba(83, 103, 123, 0.04));
}

@media (max-width: 1199px) {
  .page--library .section-auth-gate.empty-card,
  .page--library-detail .section-auth-gate.empty-card,
  .page--knowledge-graph .section-auth-gate.empty-card {
    width: 100%;
    padding: 16px !important;
    border-color: var(--postal-line, rgba(83, 103, 123, 0.14)) !important;
    border-radius: var(--postal-radius, 8px) !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.18)),
      var(--postal-surface, #fffefb) !important;
    box-shadow: var(--postal-card-shadow, 0 18px 34px rgba(38, 48, 60, 0.1)) !important;
  }

  .page--library .section-auth-gate__layout,
  .page--library-detail .section-auth-gate__layout,
  .page--knowledge-graph .section-auth-gate__layout {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .page--library .section-auth-gate__panel,
  .page--library-detail .section-auth-gate__panel,
  .page--knowledge-graph .section-auth-gate__panel {
    min-height: 0;
    padding: 16px;
    border-color: var(--postal-line-soft, rgba(83, 103, 123, 0.1));
    border-radius: var(--postal-radius, 8px);
    background: rgba(255, 254, 251, 0.76);
  }

  .page--library .section-auth-gate__icon,
  .page--library-detail .section-auth-gate__icon,
  .page--knowledge-graph .section-auth-gate__icon {
    width: 46px;
    height: 46px;
    border-radius: 8px;
    background: var(--postal-blue-deep, #25313f);
    font-size: 13px;
  }

  .page--library .section-auth-gate__title,
  .page--library-detail .section-auth-gate__title,
  .page--knowledge-graph .section-auth-gate__title {
    font-size: 23px;
    line-height: 1.16;
  }

  .page--library .section-auth-gate__desc,
  .page--library-detail .section-auth-gate__desc,
  .page--knowledge-graph .section-auth-gate__desc {
    font-size: 13px;
    line-height: 1.62;
  }

  .page--library .section-auth-gate__actions,
  .page--library-detail .section-auth-gate__actions,
  .page--knowledge-graph .section-auth-gate__actions {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding-top: 16px;
  }

  .page--library .section-auth-gate__button,
  .page--library-detail .section-auth-gate__button,
  .page--knowledge-graph .section-auth-gate__button {
    width: 100%;
    min-height: 44px;
    border-radius: 8px;
    background: var(--postal-blue-deep, #25313f);
    font-size: 13px;
  }

  .page--library .section-auth-preview,
  .page--library-detail .section-auth-preview,
  .page--knowledge-graph .section-auth-preview {
    grid-template-columns: 1fr;
  }

  .page--library .section-auth-preview__card,
  .page--library-detail .section-auth-preview__card,
  .page--knowledge-graph .section-auth-preview__card {
    min-height: 128px;
    padding: 14px;
    border-color: var(--postal-line-soft, rgba(83, 103, 123, 0.1));
    border-radius: var(--postal-radius, 8px);
    background: rgba(255, 254, 251, 0.76);
  }

  .page--library .section-auth-preview__title,
  .page--library-detail .section-auth-preview__title,
  .page--knowledge-graph .section-auth-preview__title {
    margin-top: 22px;
    font-size: 16px;
  }

  .page--library .section-auth-preview__meta,
  .page--library-detail .section-auth-preview__meta,
  .page--knowledge-graph .section-auth-preview__meta,
  .page--library .section-auth-gate__hint,
  .page--library-detail .section-auth-gate__hint,
  .page--knowledge-graph .section-auth-gate__hint {
    font-size: 12px;
  }
}

/* Net-value tracking: keep narrow table overflow inside the card frame. */
.page--module-tracking-detail {
  --tracking-detail-gutter: clamp(14px, 5vw, 72px);
}

.page--module-tracking-detail .chart-list--tracking-detail > .chart-card::before,
.page--module-tracking-detail .chart-list--tracking-detail > .chart-card::after {
  content: none !important;
  display: none !important;
}

.page--module-tracking-detail .chart-list--tracking-detail > .chart-card {
  isolation: auto !important;
}

.page--module-tracking-detail .chart-card--nav-tracking-table,
.page--module-tracking-detail .chart-card--nav-tracking-table .chart-html,
.page--module-tracking-detail .chart-card--nav-tracking-table .chart-html__scroller {
  max-width: 100%;
  min-width: 0;
}

.page--module-tracking-detail .chart-card--nav-tracking-table {
  overflow: hidden;
}

.page--module-tracking-detail .chart-card--nav-tracking-table .chart-html__scroller {
  position: relative;
  overflow-x: auto !important;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  contain: paint;
}

@media (max-width: 1199px) {
  .page--module-tracking-detail {
    overflow-x: hidden !important;
  }

  .page--module-tracking-detail .tracking-module-button-group,
  .page--module-tracking-detail .tracking-module-directory,
  .page--module-tracking-detail .chart-list--tracking-detail,
  .page--module-tracking-detail .chart-list--tracking-detail > .chart-card,
  .page--module-tracking-detail .chart-card--nav-tracking-table,
  .page--module-tracking-detail .chart-card--nav-tracking-table .chart-html,
  .page--module-tracking-detail .chart-card--nav-tracking-table .chart-html__scroller {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }

  .page--module-tracking-detail .chart-card--nav-tracking-table .nav-tracking-table-wrap,
  .page--module-tracking-detail .chart-card--nav-tracking-table .nav-tracking-report-table {
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
  }

  .page--module-tracking-detail .nav-tracking-report-table thead th,
  .page--module-tracking-detail .nav-tracking-report-table thead th:first-child,
  .page--module-tracking-detail .nav-tracking-report-table tbody td:first-child,
  .page--module-tracking-detail .nav-tracking-report-table tbody tr:nth-child(odd) td:first-child,
  .page--module-tracking-detail .nav-tracking-report-table tbody tr:nth-child(even) td:first-child,
  .page--module-tracking-detail .nav-tracking-report-table tbody tr:hover td:first-child {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    z-index: auto !important;
    box-shadow: none !important;
  }
}

@media (min-width: 1200px) {
  .page--module-tracking-detail {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: clip !important;
  }

  .page--module-tracking-detail .tracking-module-button-group,
  .page--module-tracking-detail .tracking-module-directory {
    width: auto !important;
    max-width: none !important;
    margin-left: var(--tracking-detail-gutter) !important;
    margin-right: var(--tracking-detail-gutter) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transform: none !important;
}

@media (max-width: 720px) {
  .admin-page {
    padding: calc(24 * var(--rpx)) calc(20 * var(--rpx)) calc(128 * var(--rpx));
  }

  .admin-page__head--row,
  .admin-user-card,
  .admin-pdf-request {
    grid-template-columns: minmax(0, 1fr);
  }

  .admin-page__stats,
  .admin-user-card__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-page__refresh,
  .admin-user-card__actions,
  .admin-user-card__button {
    width: 100%;
  }

  .admin-user-card__title-row,
  .admin-pdf-request__title-row {
    flex-wrap: wrap;
  }

  .admin-user-card__actions {
    display: grid;
  }
}

.page--module-tracking-detail .chart-list--tracking-detail {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transform: none !important;
  }

  .page--module-tracking-detail .tracking-module-button-list {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .page--module-tracking-detail .chart-list--tracking-detail > .chart-card,
  .page--module-tracking-detail .chart-list--tracking-detail > .chart-subsection {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* Integrated net-value comparison workbench. */
.page--nav-workbench .tracking-module-button--lab.tracking-module-button--active {
  border-color: rgba(100, 21, 57, 0.38) !important;
  background: linear-gradient(135deg, #6a163c 0%, #46182f 100%) !important;
  box-shadow: 0 10px 24px rgba(70, 24, 47, 0.18) !important;
}

.page--nav-workbench .tracking-module-button--lab.tracking-module-button--active .tracking-module-button__label {
  color: #ffffff !important;
}

.page--nav-workbench .nav-workbench-layout {
  display: grid;
  gap: 18px;
  margin: 18px var(--tracking-detail-gutter, clamp(14px, 5vw, 72px)) 0;
}

.page--nav-workbench .nav-workbench-card {
  overflow: hidden;
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
}

.page--nav-workbench .nav-workbench-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(17, 24, 39, 0.06);
}

.page--nav-workbench .nav-workbench-card__title {
  margin: 0;
  color: #111827;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.page--nav-workbench .nav-workbench-card__desc {
  margin: 6px 0 0;
  color: #667085;
  font-size: 13px;
  line-height: 1.6;
}

.page--nav-workbench .nav-workbench-card__actions,
.page--nav-workbench .nav-workbench-axis-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.page--nav-workbench .nav-workbench-search {
  display: grid;
  gap: 8px;
  padding: 18px 20px 20px;
}

.page--nav-workbench .nav-workbench-search > span,
.page--nav-workbench .nav-workbench-axis-control > span {
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

.page--nav-workbench .nav-workbench-search__input,
.page--nav-workbench .nav-workbench-axis-control select {
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 8px;
  background: #ffffff;
  color: #111827;
  font: inherit;
  font-size: 14px;
  outline: none;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}

.page--nav-workbench .nav-workbench-search__input {
  padding: 0 14px;
}

.page--nav-workbench .nav-workbench-axis-control {
  display: grid;
  gap: 6px;
  min-width: 140px;
}

.page--nav-workbench .nav-workbench-axis-control select {
  padding: 0 34px 0 12px;
}

.page--nav-workbench .nav-workbench-search__input:focus,
.page--nav-workbench .nav-workbench-axis-control select:focus {
  border-color: rgba(15, 118, 110, 0.42);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.1);
}

.page--nav-workbench .nav-workbench-button,
.page--nav-workbench .nav-workbench-add-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 8px;
  background: #ffffff;
  color: #344054;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

.page--nav-workbench .nav-workbench-button {
  padding: 0 12px;
}

.page--nav-workbench .nav-workbench-button:hover,
.page--nav-workbench .nav-workbench-add-button:hover {
  border-color: rgba(15, 118, 110, 0.28);
  color: #0f766e;
}

.page--nav-workbench .nav-workbench-button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.page--nav-workbench .nav-workbench-button--active,
.page--nav-workbench .nav-workbench-add-button--active {
  border-color: rgba(15, 118, 110, 0.28);
  background: rgba(240, 253, 250, 0.98);
  color: #0f766e;
}

.page--nav-workbench .nav-workbench-selected-count {
  color: #667085;
  font-size: 13px;
  font-weight: 700;
}

.page--nav-workbench .nav-workbench-table-wrap {
  max-height: 560px;
  overflow: auto;
}

.page--nav-workbench .nav-workbench-table {
  width: 100%;
  min-width: 1120px;
  border-collapse: separate;
  border-spacing: 0;
  color: #1f2937;
  font-size: 13px;
}

.page--nav-workbench .nav-workbench-table th,
.page--nav-workbench .nav-workbench-table td {
  padding: 11px 12px;
  border-bottom: 1px solid rgba(17, 24, 39, 0.06);
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

.page--nav-workbench .nav-workbench-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f8fafc;
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

.page--nav-workbench .nav-workbench-table tbody tr {
  cursor: pointer;
}

.page--nav-workbench .nav-workbench-table tbody tr:hover td {
  background: rgba(248, 250, 252, 0.92);
}

.page--nav-workbench .nav-workbench-table tbody tr.is-active td {
  background: rgba(240, 253, 250, 0.82);
}

.page--nav-workbench .nav-workbench-sort {
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  padding: 0;
  text-align: inherit;
}

.page--nav-workbench .nav-workbench-product-name {
  display: grid;
  gap: 4px;
  min-width: 220px;
}

.page--nav-workbench .nav-workbench-product-name strong {
  color: #111827;
  font-size: 13px;
  font-weight: 700;
}

.page--nav-workbench .nav-workbench-product-name span {
  color: #8a94a6;
  font-size: 12px;
}

.page--nav-workbench .nav-workbench-sparkline {
  display: block;
  width: 110px;
  height: 34px;
}

.page--nav-workbench .nav-workbench-value {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

.page--nav-workbench .nav-workbench-value--positive {
  color: #b42318;
}

.page--nav-workbench .nav-workbench-value--negative {
  color: #14795b;
}

.page--nav-workbench .nav-workbench-value--muted {
  color: #98a2b3;
}

.page--nav-workbench .nav-workbench-chart-stack {
  display: grid;
  gap: 18px;
}

.page--nav-workbench .nav-workbench-chart-host {
  width: 100%;
  height: 504px;
  min-height: 504px;
  border-top: 1px solid rgba(17, 24, 39, 0.05);
}

.page--nav-workbench .nav-workbench-selected-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px 20px 0;
}

.page--nav-workbench .nav-workbench-chip {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  gap: 8px;
  min-height: 30px;
  padding: 0 8px 0 10px;
  border: 1px solid rgba(15, 118, 110, 0.18);
  border-radius: 999px;
  background: rgba(240, 253, 250, 0.88);
  color: #0f766e;
  font-size: 12px;
  font-weight: 700;
}

.page--nav-workbench .nav-workbench-chip button {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: rgba(15, 118, 110, 0.1);
  color: #0f766e;
  cursor: pointer;
  font: inherit;
  line-height: 1;
}

.page--nav-workbench .nav-workbench-empty,
.page--nav-workbench .nav-workbench-inline-error {
  margin: 0;
  padding: 16px 20px;
  color: #667085;
  font-size: 13px;
  line-height: 1.6;
}

.page--nav-workbench .nav-workbench-inline-error {
  border: 1px solid rgba(180, 35, 24, 0.14);
  border-radius: 8px;
  background: rgba(255, 251, 250, 0.92);
  color: #b42318;
}

@media (max-width: 1199px) {
  .page--nav-workbench .nav-workbench-layout {
    margin: 14px 0 0;
  }

  .page--nav-workbench .nav-workbench-card__head {
    flex-direction: column;
    align-items: stretch;
    padding: 16px;
  }

  .page--nav-workbench .nav-workbench-card__actions,
  .page--nav-workbench .nav-workbench-axis-controls {
    justify-content: flex-start;
  }

  .page--nav-workbench .nav-workbench-search {
    padding: 16px;
  }

  .page--nav-workbench .nav-workbench-chart-host {
    height: 432px;
    min-height: 432px;
  }

  .page--nav-workbench .nav-workbench-table-wrap {
    max-height: 480px;
  }
}

@media (max-width: 640px) {
  .page--nav-workbench .nav-workbench-layout {
    gap: 14px;
  }

  .page--nav-workbench .nav-workbench-card__title {
    font-size: 16px;
  }

  .page--nav-workbench .nav-workbench-axis-control {
    min-width: 0;
    width: calc(50% - 5px);
  }

  .page--nav-workbench .nav-workbench-button,
  .page--nav-workbench .nav-workbench-add-button {
    min-height: 32px;
    font-size: 12px;
  }

  .page--nav-workbench .nav-workbench-table {
    min-width: 980px;
    font-size: 12px;
  }

  .page--nav-workbench .nav-workbench-table th,
  .page--nav-workbench .nav-workbench-table td {
    padding: 10px;
  }
}

/* Net-value tracking full-width top and bottom bands. */
@media (min-width: 1200px) {
  .page--module-tracking.page--module-tracking-detail {
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .page--module-tracking > .tracking-module-intro--hero:first-child {
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    background:
      linear-gradient(135deg, #6a163c 0%, #46182f 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.06),
      inset 0 -1px 0 rgba(255, 255, 255, 0.06) !important;
  }

  .page--module-tracking > .tracking-module-intro--hero:first-child > * {
    width: 100% !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 72px !important;
    padding-right: 72px !important;
  }

  .page--module-tracking > .nb-explore-band {
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border-radius: 0 !important;
  }

  .page--module-tracking > .nb-explore-band .nb-explore-band__inner {
    width: 100% !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    padding-left: 72px !important;
    padding-right: 72px !important;
  }

  .page--module-tracking.page--module-tracking-detail > .tracking-module-button-group {
    margin-left: var(--tracking-detail-gutter, 72px) !important;
    margin-right: var(--tracking-detail-gutter, 72px) !important;
  }

  .page--nav-workbench .nav-workbench-layout {
    margin-left: var(--tracking-detail-gutter, 72px) !important;
    margin-right: var(--tracking-detail-gutter, 72px) !important;
  }
}

.page--module-tracking-detail .tracking-module-button--lab {
  border-color: rgba(100, 21, 57, 0.18) !important;
  background: rgba(101, 18, 54, 0.06) !important;
}

.page--module-tracking-detail .tracking-module-button--lab:hover {
  border-color: rgba(100, 21, 57, 0.3) !important;
  background: rgba(101, 18, 54, 0.08) !important;
}

.page--module-tracking-detail .tracking-module-button--lab .tracking-module-button__label {
  color: #641539 !important;
}

.page--module-tracking-detail .tracking-module-button--lab.tracking-module-button--active .tracking-module-button__label {
  color: #ffffff !important;
}

/* Quant research library search-only workspace. */
.page--knowledge-graph .knowledge-graph-workbench.knowledge-graph-workbench--search-only.knowledge-graph-workbench--with-results {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
}

.page--knowledge-graph .knowledge-graph-workbench.knowledge-graph-workbench--search-only.knowledge-graph-workbench--detail-only {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

.page--knowledge-graph .knowledge-graph-workbench.knowledge-graph-workbench--search-only > .knowledge-graph-results-panel,
.page--knowledge-graph .knowledge-graph-workbench.knowledge-graph-workbench--search-only > .knowledge-graph-side {
  display: flex !important;
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  min-width: 0 !important;
  order: initial !important;
}

.page--knowledge-graph .knowledge-graph-workbench.knowledge-graph-workbench--search-only > .knowledge-graph-side {
  display: block !important;
}

.page--knowledge-graph .knowledge-graph-workbench.knowledge-graph-workbench--search-only .knowledge-graph-side:not(.knowledge-graph-side--empty) {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.92fr) !important;
}

.page--knowledge-graph .knowledge-graph-workbench.knowledge-graph-workbench--search-only .knowledge-graph-side--empty {
  display: block !important;
}

@media (max-width: 1199px) {
  .page--knowledge-graph .knowledge-graph-workbench.knowledge-graph-workbench--search-only.knowledge-graph-workbench--with-results,
  .page--knowledge-graph .knowledge-graph-workbench.knowledge-graph-workbench--search-only.knowledge-graph-workbench--detail-only {
    grid-template-columns: 1fr !important;
  }

  .page--knowledge-graph .knowledge-graph-workbench.knowledge-graph-workbench--search-only > .knowledge-graph-results-panel {
    order: 1 !important;
  }

  .page--knowledge-graph .knowledge-graph-workbench.knowledge-graph-workbench--search-only > .knowledge-graph-side {
    order: 2 !important;
  }

  .page--knowledge-graph .knowledge-graph-workbench.knowledge-graph-workbench--search-only .knowledge-graph-side:not(.knowledge-graph-side--empty) {
    display: block !important;
  }

  .page--knowledge-graph .knowledge-graph-workbench.knowledge-graph-workbench--search-only .knowledge-graph-side--empty {
    display: none !important;
  }

.page--knowledge-graph .knowledge-graph-workbench.knowledge-graph-workbench--search-only .knowledge-graph-side:not(.knowledge-graph-side--empty) {
    grid-template-columns: 1fr !important;
  }
}

/* Net-value tracking chart-card clipping fix: ordinary line charts need breathing room above the
   ECharts canvas so title text and chart labels are not cut by inherited card overflow rules. */
.page--module-tracking-detail .chart-list--tracking-detail > .chart-card:not(.chart-card--html):not(.chart-card--zitan) {
  overflow: visible !important;
  padding: 10px 0 0 !important;
}

.page--module-tracking-detail
  .chart-list--tracking-detail
  > .chart-card:not(.chart-card--html):not(.chart-card--zitan)
  .chart-card__header {
  min-height: 64px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

.page--module-tracking-detail
  .chart-list--tracking-detail
  > .chart-card:not(.chart-card--html):not(.chart-card--zitan)
  .chart-card__header-main {
  gap: 3px !important;
  overflow: visible !important;
}

.page--module-tracking-detail
  .chart-list--tracking-detail
  > .chart-card:not(.chart-card--html):not(.chart-card--zitan)
  .chart-card__title {
  display: block !important;
  min-height: 1.5em !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  text-overflow: clip !important;
}

.page--module-tracking-detail
  .chart-list--tracking-detail
  > .chart-card:not(.chart-card--html):not(.chart-card--zitan)
  .chart-card__subtitle {
  display: block !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  text-overflow: clip !important;
}

.page--module-tracking-detail
  .chart-list--tracking-detail
  > .chart-card:not(.chart-card--html):not(.chart-card--zitan)
  .chart-host {
  overflow: visible !important;
  margin-top: 0 !important;
}

/* Admin user-management typography and permission editor refinement. */
.admin-page {
  padding: 32px 24px 96px !important;
}

.admin-page__panel {
  width: min(100%, var(--admin-page-content-width, 1296px)) !important;
  padding: 24px !important;
  border-radius: 12px !important;
  border-color: rgba(17, 24, 39, 0.07) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.07) !important;
}

.admin-page__head {
  gap: 6px !important;
}

.admin-page__eyebrow {
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
}

.admin-page__title {
  font-size: 28px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.admin-page__desc {
  max-width: 760px !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

.admin-page__stats {
  gap: 8px !important;
  margin-top: 18px !important;
}

.admin-page__stats span,
.admin-user-card__status {
  min-height: 26px !important;
  padding: 0 9px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
}

.admin-page__refresh,
.admin-user-card__button {
  min-height: 32px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
}

.admin-page__error,
.admin-page__empty {
  margin-top: 14px !important;
  padding: 12px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

.admin-user-list {
  gap: 12px !important;
  margin-top: 18px !important;
}

.admin-user-card {
  grid-template-columns: minmax(0, 1fr) 104px !important;
  gap: 16px !important;
  padding: 16px 18px !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.03) !important;
}

.admin-user-card__alerts {
  gap: 6px !important;
  margin-bottom: 10px !important;
}

.admin-user-card__alerts span {
  min-height: 24px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
}

.admin-user-card__title-row {
  align-items: flex-start !important;
  gap: 10px !important;
}

.admin-user-card__identity {
  gap: 3px !important;
}

.admin-user-card__username {
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}

.admin-user-card__wechat {
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.admin-user-card__meta {
  gap: 8px !important;
  margin-top: 12px !important;
}

.admin-user-card__meta-item {
  gap: 3px !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
}

.admin-user-card__meta-label {
  font-size: 11px !important;
  line-height: 1.2 !important;
}

.admin-user-card__meta-value {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.admin-user-card__role-list,
.admin-user-card__pdf {
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(17, 24, 39, 0.06) !important;
}

.admin-user-card__queries {
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(17, 24, 39, 0.06) !important;
}

.admin-user-card__role-list {
  display: grid !important;
  gap: 9px !important;
}

.admin-user-card__role-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.admin-user-card__role-heading h2,
.admin-user-card__pdf h2 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
}

.admin-user-card__role-heading span {
  color: #98a2b3 !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

.admin-user-card__roles {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

.admin-user-card__role {
  min-height: 28px !important;
  padding: 0 9px !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

.admin-user-card__role--all {
  border-color: rgba(17, 24, 39, 0.18) !important;
  background: #eef2f7 !important;
  color: #111827 !important;
}

.admin-user-card__role input {
  width: 13px !important;
  height: 13px !important;
}

.admin-user-card__pdf-empty {
  padding: 9px 11px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.admin-user-card__pdf-list {
  gap: 8px !important;
}

.admin-user-card__queries h2 {
  margin: 0 0 8px !important;
  color: #111827 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
}

.admin-user-card__queries-empty {
  padding: 9px 11px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.admin-user-card__queries-list {
  gap: 8px !important;
}

.admin-user-query {
  grid-template-columns: max-content minmax(0, 1fr) max-content !important;
  gap: 10px !important;
  padding: 8px 11px !important;
  border-radius: 8px !important;
}

.admin-user-query__time {
  font-size: 11px !important;
}

.admin-user-query__text {
  font-size: 12.5px !important;
}

.admin-user-query__meta {
  font-size: 11px !important;
}

@media (max-width: 1199px) {
  .admin-user-query {
    grid-template-columns: minmax(0, 1fr) max-content !important;
  }

  .admin-user-query__time {
    display: none !important;
  }
}

.admin-pdf-request {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  padding: 12px !important;
  border-radius: 9px !important;
}

.admin-pdf-request__title-row {
  gap: 8px !important;
}

.admin-pdf-request__title {
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 800 !important;
}

.admin-pdf-request__meta,
.admin-pdf-request__path {
  font-size: 11px !important;
  line-height: 1.45 !important;
}

.admin-pdf-request__requester {
  gap: 6px !important;
  margin-top: 7px !important;
}

.admin-pdf-request__requester span {
  min-height: 24px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
}

.admin-pdf-request__actions {
  gap: 7px !important;
}

.admin-user-card__actions {
  gap: 8px !important;
  min-width: 0 !important;
}

.admin-user-card__button--danger {
  border: 1px solid rgba(180, 35, 24, 0.2) !important;
  background: #fff7f5 !important;
  color: #b42318 !important;
}

@media (min-width: 1200px) {
  .app-shell--admin-users {
    --admin-page-local-gutter: var(--nb-page-content-gutter, 72px);
    --admin-page-content-width: calc(
      var(--nb-page-shell-max-width, 1440px) - var(--admin-page-local-gutter) - var(--admin-page-local-gutter)
    );
  }

  .app-shell--admin-users .admin-page {
    width: 100% !important;
    padding-left: var(--admin-page-local-gutter) !important;
    padding-right: var(--admin-page-local-gutter) !important;
  }

  .app-shell--admin-users .admin-page__panel {
    width: 100% !important;
    max-width: var(--admin-page-content-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 720px) {
  .admin-page {
    padding: 22px 14px 96px !important;
  }

  .admin-page__panel {
    padding: 16px !important;
  }

  .admin-page__head--row,
  .admin-user-card,
  .admin-pdf-request {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .admin-page__stats,
  .admin-user-card__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-page__refresh,
  .admin-user-card__actions,
  .admin-user-card__button {
    width: 100% !important;
  }

  .admin-user-card__title-row,
  .admin-pdf-request__title-row {
    flex-wrap: wrap !important;
  }
}

/* Featured data award-card treatment */
@media (min-width: 1200px) {
  .page--home .home-featured-data-band {
    margin-top: 64px;
    background: #5a2349;
    box-shadow: none;
  }

  .page--home .home-featured-data-band__inner {
    max-width: 1440px;
    margin: 0 auto;
    gap: 28px;
    padding: 52px 52px 74px;
  }

  .page--home .home-featured-data-band__heading {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .page--home .home-featured-data-band__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
  }

  .page--home .home-featured-data-band__item {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-content: start;
    gap: 18px;
    min-height: 174px;
    padding: 28px 20px 26px;
    border: 2px solid rgba(255, 255, 255, 0.72);
    border-radius: 0;
    background: transparent;
    color: #ffffff;
    box-shadow: none;
    text-decoration: none;
    transition:
      border-color 0.18s ease,
      background 0.18s ease,
      transform 0.18s ease;
  }

  .page--home .home-featured-data-band__item::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    width: 292px;
    max-width: calc(100% + 4px);
    height: 10px;
    background: #55c7cc;
  }

  .page--home .home-featured-data-band__item:nth-child(2)::before {
    background: #5793a0;
  }

  .page--home .home-featured-data-band__item:nth-child(3)::before,
  .page--home .home-featured-data-band__item:nth-child(4)::before {
    background: rgba(255, 255, 255, 0.2);
  }

  .page--home .home-featured-data-band__item:hover {
    border-color: rgba(255, 255, 255, 0.92);
    background: rgba(255, 255, 255, 0.045);
    transform: translateY(-2px);
  }

  .page--home .home-featured-data-band__accent {
    display: none;
  }

  .page--home .home-featured-data-band__copy {
    display: grid;
    gap: 14px;
    min-width: 0;
  }

  .page--home .home-featured-data-band__title {
    color: #ffffff;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.15;
  }

  .page--home .home-featured-data-band__desc {
    color: rgba(255, 255, 255, 0.88);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
  }

  .page--home .home-featured-data-band__arrow {
    align-self: end;
    color: rgba(255, 255, 255, 0.88);
    font-size: 24px;
    line-height: 1;
    opacity: 1;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .page--home .home-featured-data-band__grid {
    gap: 24px;
  }

  .page--home .home-featured-data-band__item {
    min-height: 170px;
    padding: 26px 18px 24px;
  }

  .page--home .home-featured-data-band__title {
    font-size: 21px;
  }

  .page--home .home-featured-data-band__desc {
    font-size: 15px;
  }
}

/* Zitan adviser NAV table must use the full desktop row, even though Zitan charts use two-column cards. */
@media (min-width: 1200px) {
  .page--module-tracking-detail
    .chart-list--tracking-detail
    > .chart-card.chart-card--nav-tracking-table {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .page--module-tracking-detail
    .chart-list--tracking-detail
    > .chart-card.chart-card--html.chart-card--nav-tracking-table.chart-card--zitan-pair {
    grid-column: 1 / -1 !important;
  }

  .page--module-tracking-detail
    .chart-card--nav-tracking-table
    .chart-html__scroller {
    overflow-x: auto !important;
    contain: inline-size;
  }

  .page--module-tracking-detail
    .chart-card--nav-tracking-table
    .nav-tracking-table-wrap,
  .page--module-tracking-detail
    .chart-card--nav-tracking-table
    .nav-tracking-report-table {
    min-width: 100% !important;
  }
}

/* Zitan95: final density overrides after legacy tracking-table blocks. */
@media (min-width: 1200px) {
  .page--module-tracking-detail .chart-card--nav-tracking-table .nav-tracking-table-wrap--zitan-selector {
    min-width: 0 !important;
  }

  .page--module-tracking-detail
    .chart-card--nav-tracking-table
    .nav-tracking-table-wrap--zitan-selector
    .nav-tracking-report-table {
    width: 100% !important;
    table-layout: fixed;
  }

  .page--module-tracking-detail
    .chart-card--nav-tracking-table
    .nav-tracking-table-wrap--zitan-selector
    .nav-tracking-report-table
    th,
  .page--module-tracking-detail
    .chart-card--nav-tracking-table
    .nav-tracking-table-wrap--zitan-selector
    .nav-tracking-report-table
    td {
    min-width: 0 !important;
    padding: 9px 8px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .page--module-tracking-detail
    .chart-card--nav-tracking-table
    .nav-tracking-table-wrap--zitan-selector
    .nav-tracking-report-table
    thead
    th:first-child,
  .page--module-tracking-detail
    .chart-card--nav-tracking-table
    .nav-tracking-table-wrap--zitan-selector
    .nav-tracking-report-table
    tbody
    td:first-child {
    width: 136px !important;
    min-width: 136px !important;
    max-width: 136px !important;
  }

  .page--module-tracking-detail
    .chart-card--nav-tracking-table
    .nav-tracking-table-wrap--zitan-selector
    .nav-tracking-table__metric-header,
  .page--module-tracking-detail
    .chart-card--nav-tracking-table
    .nav-tracking-table-wrap--zitan-selector
    .nav-tracking-table__cell--zitan-metric {
    width: 94px !important;
  }
}

@media (max-width: 1199px) {
  .page--module-tracking-detail .chart-card--nav-tracking-table .nav-tracking-table-wrap--zitan-selector {
    min-width: 720px !important;
  }

  .page--module-tracking-detail
    .chart-card--nav-tracking-table
    .nav-tracking-table-wrap--zitan-selector
    .nav-tracking-report-table
    th,
  .page--module-tracking-detail
    .chart-card--nav-tracking-table
    .nav-tracking-table-wrap--zitan-selector
    .nav-tracking-report-table
    td {
    padding: 8px 7px !important;
    font-size: 11.5px !important;
    line-height: 1.3 !important;
  }
}

/* ============================================================================
   PREMIUM POLISH LAYER — appended 2026-06-12
   Single coherent pass over an accumulated stylesheet. Goals:
   (1) retire the dated Arial base font + flat navy #003087 leftover, unifying
       on the codebase's own latest editorial intent (plum #651236 / teal /
       warm paper); (2) add the missing interaction/motion layer that makes the
       mobile view feel like a native app (tap feedback, view transitions,
       bottom-sheet slide-up, bottom-nav pop); (3) neutralise residual
       2021-era SaaS bits on desktop (rainbow bars, blue-glow shadows, dark
       gradient heroes). Text content is unchanged; the only markup change is that
   the mobile bottom-nav icons became inline SVG line icons (in app.js) instead
   of single Chinese glyphs — styling/iconography only, no copy changed.
   Source order is last, so equal-specificity rules here win the cascade.
   ============================================================================ */

/* __POLISH_APPEND__ */

/* ---------- 1. Global tokens + premium type + motion primitives ---------- */
:root {
  --pp-plum: #651236;
  --pp-plum-strong: #7a1646;
  --pp-plum-deep: #4f0d29;
  --pp-plum-rgb: 101, 18, 54;
  --pp-teal: #2f6f73;
  --pp-brass: #a46b36;
  --pp-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --pp-ease-spring: cubic-bezier(0.34, 1.3, 0.5, 1);
  --pp-font:
    "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI",
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif;
}

/* Premium font stack everywhere (base layer was bare Arial — the most dated signal) */
body,
button,
input,
select,
textarea,
a {
  font-family: var(--pp-font);
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Motion system (the file had 0 @keyframes). Respectful of reduced-motion. */
@keyframes pp-view-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}
@keyframes pp-sheet-up {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}
@keyframes pp-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

/* __POLISH_GLOBAL_2__ */

/* ---------- 2. Unify primitives onto editorial palette ----------
   The base layer still used a flat navy #003087 (buttons, badges, tabs, focus
   rings) which reads dated next to the newer plum. Re-point them at plum and
   give them a refined gradient + elevation. These primitives cascade site-wide. */

.primary-btn {
  background: linear-gradient(135deg, var(--pp-plum-strong) 0%, var(--pp-plum-deep) 100%);
  box-shadow: 0 calc(10 * var(--rpx)) calc(26 * var(--rpx)) rgba(var(--pp-plum-rgb), 0.24);
  letter-spacing: 0.01em;
  transition: transform 0.18s var(--pp-ease), box-shadow 0.18s var(--pp-ease), filter 0.18s var(--pp-ease);
}
.primary-btn:hover {
  filter: brightness(1.04);
  box-shadow: 0 calc(14 * var(--rpx)) calc(32 * var(--rpx)) rgba(var(--pp-plum-rgb), 0.3);
}
.primary-btn:active {
  transform: scale(0.975);
  box-shadow: 0 calc(4 * var(--rpx)) calc(12 * var(--rpx)) rgba(var(--pp-plum-rgb), 0.22);
}

.report-card__badge,
.section-item__badge {
  background: rgba(var(--pp-plum-rgb), 0.08);
  color: var(--pp-plum);
}

/* Note: per-page active-tab themes (.page--report/.page--library etc.) are
   deliberately set with higher specificity + !important in later passes, so we
   intentionally do NOT override .tabs__item--active here — those themes win and
   are coherent. */

/* Focus ring + tap highlight: warm plum instead of cold navy */
.chart-card__filter-select:focus,
input:focus,
select:focus,
textarea:focus,
button:focus-visible,
a:focus-visible {
  outline-color: var(--pp-plum);
}
.chart-card__filter-select:focus,
.page--report .chart-card__filter-select:focus {
  border-color: var(--pp-plum) !important;
  box-shadow: 0 0 0 calc(4 * var(--rpx)) rgba(var(--pp-plum-rgb), 0.12) !important;
}

* {
  -webkit-tap-highlight-color: rgba(var(--pp-plum-rgb), 0.12);
}

/* Slightly richer, consistent card elevation on the primitives that share the
   old soft token (cards read flat/generic before). NB: .nb-number-card is
   intentionally borderless/shadowless on desktop (left accent bar instead), so
   it is deliberately excluded here. On mobile the postal pass !important-locks
   these, so this effectively refines the desktop elevation only. */
.card,
.section-summary,
.chart-card,
.empty-card {
  box-shadow: 0 calc(2 * var(--rpx)) calc(6 * var(--rpx)) rgba(31, 23, 19, 0.04),
    0 calc(16 * var(--rpx)) calc(40 * var(--rpx)) rgba(31, 23, 19, 0.05);
}

/* __POLISH_MOBILE__ */

/* ---------- 3. Mobile interaction + motion layer (native-app feel) ----------
   The mobile chrome already existed (frosted app bar, fixed bottom nav,
   safe-area insets) but had ZERO interaction: no :active, no @keyframes, no
   transitions between views. That's the #1 reason it didn't feel like an app.
   This block adds press feedback, view entrance, sheet slide-up and bottom-nav
   pop — all scoped to the mobile breakpoint. */
@media (max-width: 1199px) {
  /* Contain rubber-band overscroll so it feels like an app, not a web page */
  html,
  body {
    overscroll-behavior-y: none;
  }

  /* View entrance: each route re-renders .page, so animate it in */
  .page {
    animation: pp-view-in 0.34s var(--pp-ease) both;
  }

  /* Press feedback on every tappable surface */
  .primary-btn:active,
  .report-card:active,
  .section-item:active,
  .tabs__item:active,
  .tracking-module-button:active,
  .library-strategy-tab:active,
  .home-mobile-report-card__head:active,
  .home-mobile-section-chip:active,
  .home-mobile-module-card:active,
  .home-mobile-quick-action:active,
  .nb-solution-card__list-item:active,
  .home-featured-data-band__item:active,
  .library-article-row:active,
  .nb-mobile-insight-card:active,
  .nav-bar__back:active,
  .nav-bar__mobile-auth:active {
    transform: scale(0.972);
    transition: transform 0.08s var(--pp-ease);
  }
  .report-card,
  .section-item,
  .tabs__item,
  .home-mobile-report-card,
  .home-mobile-section-chip,
  .home-mobile-module-card,
  .home-mobile-quick-action,
  .library-article-row,
  .nb-mobile-insight-card,
  .nav-bar__back,
  .nav-bar__mobile-auth {
    transition: transform 0.22s var(--pp-ease-spring), box-shadow 0.22s var(--pp-ease);
    -webkit-user-select: none;
    user-select: none;
  }

  /* Bottom nav: tactile press + smooth colour transitions. NOTE: the live
     mobile nav is the deliberate light "postal" slate-paper theme (set with
     !important in a later pass), and its active tab intentionally HIDES the
     icon to show an enlarged bold label. We respect that — so we only add the
     press feedback + transitions here, and improve the INACTIVE icon contrast
     (postal left them at #8a94a0 ~3:1 on cream; bump to the slate accent). */
  .mobile-bottom-nav__item {
    transition: color 0.2s var(--pp-ease), background 0.2s var(--pp-ease);
  }
  .mobile-bottom-nav__item:active {
    transform: scale(0.92);
    transition: transform 0.08s var(--pp-ease);
  }
  .mobile-bottom-nav__icon {
    color: #53677b !important;
    transition: color 0.2s var(--pp-ease), transform 0.28s var(--pp-ease-spring);
  }
  .mobile-bottom-nav__item:active .mobile-bottom-nav__icon {
    transform: scale(0.9);
  }

  /* Bottom-sheet slide-up for the auth modal (it just appeared before) */
  .auth-modal__dialog {
    animation: pp-fade-in 0.25s var(--pp-ease) both;
  }
  .auth-modal__panel {
    animation: pp-sheet-up 0.36s var(--pp-ease) both;
  }

  /* Size the new inline SVG line icons to match the nav metrics */
  .mobile-bottom-nav__icon svg {
    width: 21px;
    height: 21px;
    display: block;
  }
}

/* __POLISH_MOBILE_TYPE__ */

/* ---------- 4. (intentionally empty) ----------
   Earlier drafts re-themed mobile cards / titles / app-shell here, but the
   mobile view already has a deliberate, coherent "postal" theme (warm paper,
   slate-blue accent, 8px radius) locked in with !important in a later pass.
   Fighting it created dead rules and inconsistency, so the mobile contribution
   is limited to the font + interaction/motion layer above, which the postal
   pass left open. Nothing to add here. */

/* __POLISH_DESKTOP__ */

/* ---------- 5. Desktop cleanup — retire 2021-era SaaS leftovers ----------
   Recolour (not remove) so dark panels keep their light-text contrast. Warm the
   body, drop blue/purple/green radial glows + blue-glow shadows + rainbow bars,
   re-point everything at the editorial plum/terracotta/teal already used in the
   newest pass. Scoped to the same min-width:1200px so source-order wins. */
@media (min-width: 1200px) {
  /* Warm paper backdrop instead of cold blue/purple/green glow field */
  body {
    background:
      radial-gradient(circle at 12% 16%, rgba(var(--pp-plum-rgb), 0.06), transparent 26%),
      radial-gradient(circle at 88% 12%, rgba(164, 107, 54, 0.05), transparent 24%),
      linear-gradient(180deg, #f6f3ee 0%, #efebe4 100%);
  }

  /* App-shell: drop the dark navy top strip + blue glow; keep warm paper + clean elevation */
  .app-shell {
    border-color: rgba(120, 100, 86, 0.16);
    background: linear-gradient(135deg, #ffffff, #faf8f4);
    box-shadow: 0 24px 60px rgba(31, 23, 19, 0.1);
  }
  .app-shell::before {
    background-image:
      linear-gradient(rgba(var(--pp-plum-rgb), 0.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(var(--pp-plum-rgb), 0.05) 1px, transparent 1px);
  }

  /* Rainbow nav underline -> editorial plum/terracotta hairline */
  .nav-bar::after {
    background: linear-gradient(90deg, rgba(var(--pp-plum-rgb), 0.9) 0%, rgba(208, 122, 88, 0.85) 100%);
    opacity: 0.85;
  }

  /* Dashboard step index chip: blue -> plum */
  .dashboard-step-item__index {
    background: linear-gradient(135deg, #4f0d29 0%, #7a1646 100%);
  }

  /* Card accent top-bars: retire the rainbow; editorial per-category accents */
  .report-card::before {
    background: linear-gradient(90deg, var(--pp-plum-deep), var(--pp-plum));
  }
  .report-card--cta::before {
    background: linear-gradient(90deg, var(--pp-teal), #3f8f93);
  }
  .report-card--stock::before {
    background: linear-gradient(90deg, #8e4635, var(--pp-brass));
  }
  .report-card--private::before {
    background: linear-gradient(90deg, #273f76, #3a5694);
  }
  .report-card--tracking::before {
    background: linear-gradient(90deg, var(--pp-teal), var(--pp-plum));
  }
  .chart-card--focus::before {
    background: linear-gradient(90deg, var(--pp-plum), var(--pp-teal));
  }

  /* Hover lifts: keep the motion, drop the blue glow -> neutral warm shadow */
  .report-card:hover {
    box-shadow: 0 20px 40px rgba(31, 23, 19, 0.1);
    border-color: rgba(var(--pp-plum-rgb), 0.28);
  }
  .chart-card:hover {
    border-color: rgba(var(--pp-plum-rgb), 0.22);
    box-shadow: 0 22px 46px rgba(31, 23, 19, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.86);
  }
  .dashboard-update-item:hover {
    border-color: rgba(var(--pp-plum-rgb), 0.26);
    box-shadow: 0 16px 28px rgba(31, 23, 19, 0.07);
  }
}

/* __POLISH_END__ */

/* ============================================================
   Ant Design Mobile 金融风 · 手机端皮肤 (ADM MOBILE SKIN)
   Scope: phones only (max-width:1199px). Desktop wine-red theme
   is untouched (desktop never matches this media query).
   Appended last so it wins the cascade.
   Design language: Ant Design Mobile — light, restrained, high
   information density. Brand primary kept as wine #651236.
   Chart cards stay light (ECharts render on white).
   ============================================================ */
@media (max-width: 1199px) {
  :root {
    /* ---- ADM design tokens, primary remapped to brand wine ---- */
    --adm-primary: #651236;
    --adm-primary-rgb: 101, 18, 54;
    --adm-primary-strong: #7a1646;
    --adm-primary-active: #4f0d29;
    --adm-primary-tint: rgba(101, 18, 54, 0.08);
    --adm-primary-tint-strong: rgba(101, 18, 54, 0.14);

    --adm-text: #1f2933;
    --adm-text-secondary: #5a6672;
    --adm-text-weak: #93a0ad;
    --adm-text-disabled: #c0c8d1;

    --adm-bg: #f4f5f7;
    --adm-bg-elevated: #eef0f3;
    --adm-card: #ffffff;
    --adm-fill: #f5f6f8;
    --adm-fill-strong: #eceef1;

    --adm-line: #ebedf0;
    --adm-line-strong: #e2e5ea;

    --adm-success: #00b578;
    --adm-warning: #ff8f1f;
    --adm-danger: #ff3141;

    --adm-radius-s: 6px;
    --adm-radius: 10px;
    --adm-radius-l: 14px;
    --adm-radius-pill: 999px;

    --adm-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 6px 16px rgba(15, 23, 42, 0.05);
    --adm-shadow-soft: 0 1px 2px rgba(15, 23, 42, 0.03);

    --adm-fz-xs: 11px;
    --adm-fz-s: 12px;
    --adm-fz: 13px;
    --adm-fz-m: 15px;
    --adm-fz-l: 17px;
  }

  /* ---- remap every legacy mobile token group onto ADM ---- */
  :root {
    --mobile-app-bg: var(--adm-bg);
    --mobile-app-paper: var(--adm-card);
    --mobile-app-card: var(--adm-card);
    --mobile-app-ink: var(--adm-text);
    --mobile-app-muted: var(--adm-text-secondary);
    --mobile-app-line: var(--adm-line);
    --mobile-app-plum: var(--adm-primary);
    --mobile-app-shadow: var(--adm-shadow);
    --mobile-app-shadow-soft: var(--adm-shadow-soft);

    --mobile-native-bg: var(--adm-bg);
    --mobile-native-surface: var(--adm-card);
    --mobile-native-surface-strong: var(--adm-card);
    --mobile-native-ink: var(--adm-text);
    --mobile-native-muted: var(--adm-text-secondary);
    --mobile-native-line: var(--adm-line);
    --mobile-native-burgundy: var(--adm-primary);
    --mobile-native-shadow: var(--adm-shadow);
    --mobile-native-shadow-soft: var(--adm-shadow-soft);

    --mobile-ink: var(--adm-text);
    --mobile-muted: var(--adm-text-secondary);
    --mobile-line: var(--adm-line);
    --mobile-paper: var(--adm-card);
    --mobile-paper-soft: var(--adm-fill);
    --mobile-plum: var(--adm-primary);
    --mobile-plum-rgb: var(--adm-primary-rgb);
    --mobile-shadow-clean: var(--adm-shadow-soft);

    --mobile-polish-bg: var(--adm-bg);
    --mobile-polish-ink: var(--adm-text);
    --mobile-polish-muted: var(--adm-text-secondary);
    --mobile-polish-surface: var(--adm-card);
    --mobile-polish-plum: var(--adm-primary);

    --kg-mobile-ink: var(--adm-text);
    --kg-mobile-surface: var(--adm-card);
    --kg-mobile-plum: var(--adm-primary);

    --card-accent: var(--adm-primary);
    --card-accent-rgb: var(--adm-primary-rgb);

    color-scheme: light;
  }

  /* ---- canvas: ADM light grey page ---- */
  html,
  body {
    background: var(--adm-bg) !important;
    color: var(--adm-text);
  }

  .app-shell,
  .app-shell--home {
    background: var(--adm-bg) !important;
  }

  /* ---- top app bar: ADM NavBar (white, hairline divider) ---- */
  .nav-bar {
    background: rgba(255, 255, 255, 0.92) !important;
    border-bottom: 1px solid var(--adm-line) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.1);
    backdrop-filter: blur(12px) saturate(1.1);
  }

  .nav-bar__title {
    color: var(--adm-text) !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
  }

  .nav-bar__meta {
    color: var(--adm-text-secondary) !important;
  }

  .nav-bar__back {
    border: 1px solid var(--adm-line-strong) !important;
    background: var(--adm-card) !important;
  }

  .nav-bar__back-icon {
    border-color: var(--adm-primary) !important;
  }

  .nav-bar__mobile-auth {
    border: 1px solid var(--adm-line-strong) !important;
    background: var(--adm-card) !important;
    color: var(--adm-text) !important;
  }

  /* ---- bottom nav: ADM TabBar (white, wine active) ---- */
  .mobile-bottom-nav {
    border: 1px solid var(--adm-line) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 -1px 0 var(--adm-line), 0 10px 28px rgba(15, 23, 42, 0.1) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.1);
    backdrop-filter: blur(16px) saturate(1.1);
  }

  .mobile-bottom-nav__item {
    color: var(--adm-text-weak) !important;
    background: transparent !important;
  }

  .mobile-bottom-nav__icon {
    background: var(--adm-fill) !important;
    color: var(--adm-text-secondary) !important;
  }

  .mobile-bottom-nav__item--active {
    color: var(--adm-primary) !important;
    background: var(--adm-primary-tint) !important;
  }

  .mobile-bottom-nav__item--active .mobile-bottom-nav__icon {
    background: var(--adm-primary) !important;
    color: #ffffff !important;
  }

  /* ---- content surfaces: ADM Card (white, soft shadow) ---- */
  .card,
  .report-card,
  .section-item,
  .empty-card,
  .nb-mobile-insight-card,
  .home-mobile-report-card,
  .home-mobile-module-card,
  .library-mobile,
  .article-page-mobile-card,
  .talent-flows-search-panel,
  .talent-flows-panel,
  .library-article-row,
  .library-detail-main,
  .article-page-content,
  .nb-mobile-block > .card {
    background: var(--adm-card) !important;
    border: 1px solid var(--adm-line) !important;
    border-radius: var(--adm-radius-l) !important;
    box-shadow: var(--adm-shadow) !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  /* titles / body text */
  .report-card__title,
  .section-item__title,
  .library-article-row__title,
  .library-detail-hero__title,
  .article-page-hero__title,
  .nb-mobile-insight-card__title,
  .home-mobile-report-card__title,
  .home-mobile-module-card__title,
  .home-section-title,
  .page h1,
  .page h2,
  .page h3 {
    color: var(--adm-text) !important;
  }

  .report-card__period,
  .section-item__desc,
  .nb-mobile-insight-card__meta,
  .nb-mobile-insight-card__excerpt,
  .library-article-row__meta,
  .home-mobile-report-card__period,
  .home-mobile-module-card__desc {
    color: var(--adm-text-secondary) !important;
  }

  /* ---- home: report card head + section chips ---- */
  .home-mobile-report-card__head {
    border-bottom: 1px solid var(--adm-line) !important;
  }

  .home-mobile-section-chip {
    background: var(--adm-fill) !important;
    border: 1px solid var(--adm-line) !important;
    border-radius: var(--adm-radius) !important;
    color: var(--adm-text) !important;
  }

  .home-mobile-section-chip__count {
    color: var(--adm-text-weak) !important;
  }

  .home-mobile-module-card__chip {
    background: var(--adm-fill) !important;
    border: 1px solid var(--adm-line) !important;
    border-radius: var(--adm-radius-pill) !important;
    color: var(--adm-text-secondary) !important;
  }

  /* ---- tabs / pills: ADM Tabs (wine active) ---- */
  .tabs__item,
  .tracking-module-button,
  .library-strategy-tab,
  .insights-filter-pill,
  .insights-mobile-filter {
    background: var(--adm-fill) !important;
    border: 1px solid var(--adm-line) !important;
    color: var(--adm-text-secondary) !important;
  }

  .tabs__item--active,
  .tracking-module-button--active,
  .library-strategy-tab--active,
  .insights-filter-pill--active,
  .insights-mobile-filter--active {
    background: var(--adm-primary) !important;
    border-color: var(--adm-primary) !important;
    color: #ffffff !important;
  }

  /* ---- badges / tags: ADM Tag (wine tint) ---- */
  .report-card__badge,
  .section-item__badge,
  .home-mobile-report-card__badge,
  .home-mobile-module-card__badge {
    background: var(--adm-primary-tint) !important;
    border: 1px solid rgba(var(--adm-primary-rgb), 0.2) !important;
    color: var(--adm-primary) !important;
  }

  /* ---- search: ADM SearchBar ---- */
  .insights-mobile-search,
  .insights-mobile-search__input,
  .talent-flows-search-panel input {
    background: var(--adm-fill) !important;
    border: 1px solid var(--adm-line) !important;
    border-radius: var(--adm-radius-pill) !important;
    color: var(--adm-text) !important;
  }

  /* ============================================================
     KEEP CHART CARDS LIGHT — ECharts render on white.
     Soft ADM shadow instead of the heavy dark drop.
     ============================================================ */
  .chart-card,
  .page--report .chart-card,
  .page--module-tracking .chart-card,
  .page--module-tracking-detail .chart-card {
    background: var(--adm-card) !important;
    border: 1px solid var(--adm-line) !important;
    border-radius: var(--adm-radius-l) !important;
    box-shadow: var(--adm-shadow) !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .chart-card__title {
    color: var(--adm-text) !important;
  }

  .chart-card__header {
    border-bottom: 1px solid var(--adm-line) !important;
  }

  .chart-host,
  .chart-html {
    background: #ffffff !important;
  }
}

/* __PRIVATE_MANAGER_MAP__ */
.page--private-manager-map {
  --pmm-plum: var(--pp-plum, #651236);
  --pmm-plum-strong: var(--pp-plum-strong, #7a1646);
  --pmm-plum-deep: var(--pp-plum-deep, #4f0d29);
  --pmm-brass: var(--pp-brass, #a46b36);
  --pmm-teal: var(--pp-teal, #2f6f73);
  display: grid;
  gap: calc(22 * var(--rpx));
}

.private-manager-map-hero {
  position: relative;
  width: 100vw;
  min-height: calc(276 * var(--rpx));
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: calc(42 * var(--rpx)) var(--nb-page-content-inset, calc(32 * var(--rpx)));
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(calc(360 * var(--rpx)), calc(560 * var(--rpx)));
  gap: calc(28 * var(--rpx));
  align-items: end;
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 18%, rgba(255, 255, 255, 0.13), transparent 24%),
    linear-gradient(90deg, #651236 0%, #651236 72%, #5a102f 100%);
  color: #ffffff;
}

.private-manager-map-hero::before {
  content: '';
  position: absolute;
  inset: 0 0 0 auto;
  width: min(36vw, calc(560 * var(--rpx)));
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 8%,
      #d07a58 8%,
      #d07a58 10%,
      #651236 10%,
      #651236 28%,
      #741941 28%,
      #741941 44%,
      #8b283c 44%,
      #8b283c 58%,
      #5a102f 58%,
      #5a102f 75%,
      #8f5760 75%,
      #8f5760 100%
    );
  opacity: 0.86;
}

.private-manager-map-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.4), transparent 72%);
  pointer-events: none;
}

.private-manager-map-hero__main,
.private-manager-map-hero__stats {
  position: relative;
  z-index: 1;
}

.private-manager-map-hero__main {
  display: grid;
  gap: calc(12 * var(--rpx));
  max-width: calc(820 * var(--rpx));
}

.private-manager-map-hero__eyebrow {
  color: rgba(255, 255, 255, 0.72);
  font-size: calc(18 * var(--rpx));
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.private-manager-map-hero__title {
  margin: 0;
  color: #ffffff;
  font-size: calc(78 * var(--rpx));
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.04em;
}

.private-manager-map-hero__desc {
  margin: 0;
  max-width: calc(760 * var(--rpx));
  color: rgba(255, 255, 255, 0.82);
  font-size: calc(22 * var(--rpx));
  line-height: 1.72;
}

.private-manager-map-hero__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(12 * var(--rpx));
}

.private-manager-map-hero__stat {
  display: grid;
  gap: calc(7 * var(--rpx));
  padding: calc(16 * var(--rpx));
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: calc(18 * var(--rpx));
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(10px);
}

.private-manager-map-hero__stat strong {
  color: #ffffff;
  font-size: calc(30 * var(--rpx));
  font-weight: 800;
  line-height: 1;
}

.private-manager-map-hero__stat em {
  color: rgba(255, 255, 255, 0.68);
  font-size: calc(16 * var(--rpx));
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.private-manager-map-shell {
  display: grid;
  grid-template-columns: minmax(calc(260 * var(--rpx)), calc(330 * var(--rpx))) minmax(0, 1fr) minmax(calc(260 * var(--rpx)), calc(330 * var(--rpx)));
  gap: calc(16 * var(--rpx));
  align-items: start;
}

.private-manager-map-sidebar,
.private-manager-map-board,
.private-manager-map-detail {
  border: 1px solid rgba(17, 24, 39, 0.08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(250, 248, 244, 0.9));
  box-shadow:
    0 calc(2 * var(--rpx)) calc(6 * var(--rpx)) rgba(31, 23, 19, 0.04),
    0 calc(18 * var(--rpx)) calc(42 * var(--rpx)) rgba(31, 23, 19, 0.06);
}

.private-manager-map-sidebar,
.private-manager-map-detail {
  position: sticky;
  top: calc(126 * var(--rpx));
  display: grid;
  gap: calc(14 * var(--rpx));
  padding: calc(18 * var(--rpx));
  border-radius: calc(24 * var(--rpx));
}

.private-manager-map-search,
.private-manager-map-control {
  display: grid;
  gap: calc(9 * var(--rpx));
}

.private-manager-map-search__label,
.private-manager-map-control__label,
.private-manager-map-board__eyebrow,
.private-manager-map-detail__eyebrow,
.private-manager-map-detail__address span {
  color: #667085;
  font-size: calc(15 * var(--rpx));
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.private-manager-map-search__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: calc(8 * var(--rpx));
}

.private-manager-map-search__input,
.private-manager-map-control__select {
  min-width: 0;
  min-height: calc(48 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.14);
  border-radius: calc(16 * var(--rpx));
  background: rgba(255, 255, 255, 0.88);
  color: #111827;
  font-size: calc(19 * var(--rpx));
  font-weight: 600;
}

.private-manager-map-search__input {
  width: 100%;
  padding: 0 calc(14 * var(--rpx));
}

.private-manager-map-control__select {
  width: 100%;
  padding: 0 calc(36 * var(--rpx)) 0 calc(14 * var(--rpx));
  cursor: pointer;
}

.private-manager-map-search__input::placeholder {
  color: #98a2b3;
  font-weight: 500;
}

.private-manager-map-search__input:focus,
.private-manager-map-control__select:focus {
  outline: none;
  border-color: rgba(var(--pp-plum-rgb, 101, 18, 54), 0.54);
  box-shadow: 0 0 0 calc(4 * var(--rpx)) rgba(var(--pp-plum-rgb, 101, 18, 54), 0.1);
}

.private-manager-map-search__button,
.private-manager-map-board__button,
.private-manager-map-clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(48 * var(--rpx));
  border-radius: calc(16 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.1);
  background: #111827;
  color: #ffffff;
  font-size: calc(18 * var(--rpx));
  font-weight: 800;
  cursor: pointer;
  transition:
    transform 0.16s var(--pp-ease, ease),
    background 0.16s var(--pp-ease, ease),
    border-color 0.16s var(--pp-ease, ease),
    box-shadow 0.16s var(--pp-ease, ease);
}

.private-manager-map-search__button {
  padding: 0 calc(18 * var(--rpx));
}

.private-manager-map-search__button:hover,
.private-manager-map-clear:not(:disabled):hover,
.private-manager-map-board__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 calc(8 * var(--rpx)) calc(18 * var(--rpx)) rgba(17, 24, 39, 0.12);
}

.private-manager-map-clear:disabled {
  border-color: rgba(17, 24, 39, 0.07);
  background: rgba(17, 24, 39, 0.06);
  color: rgba(17, 24, 39, 0.36);
  cursor: not-allowed;
  box-shadow: none;
}

.private-manager-map-search-results {
  display: grid;
  gap: calc(7 * var(--rpx));
  max-height: calc(432 * var(--rpx));
  padding-right: calc(2 * var(--rpx));
  overflow: auto;
}

.private-manager-map-search-result {
  display: grid;
  gap: calc(4 * var(--rpx));
  width: 100%;
  padding: calc(11 * var(--rpx)) calc(12 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: calc(14 * var(--rpx));
  background: rgba(255, 255, 255, 0.82);
  color: #111827;
  text-align: left;
  cursor: pointer;
}

.private-manager-map-search-result:hover,
.private-manager-map-search-result--active {
  border-color: rgba(var(--pp-plum-rgb, 101, 18, 54), 0.26);
  background: rgba(var(--pp-plum-rgb, 101, 18, 54), 0.07);
}

.private-manager-map-search-result__name {
  overflow: hidden;
  color: #111827;
  font-size: calc(18 * var(--rpx));
  font-weight: 800;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.private-manager-map-search-result__meta,
.private-manager-map-search-results__empty {
  color: #667085;
  font-size: calc(15 * var(--rpx));
  line-height: 1.45;
}

.private-manager-map-search-result__meta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.private-manager-map-clear {
  width: fit-content;
  min-height: calc(42 * var(--rpx));
  padding: 0 calc(16 * var(--rpx));
  background: #111827;
  color: #ffffff;
}

.private-manager-map-source-note {
  margin: 0;
  color: #7a8493;
  font-size: calc(15 * var(--rpx));
  line-height: 1.7;
}

.private-manager-map-board {
  min-width: 0;
  padding: calc(14 * var(--rpx));
  border-radius: calc(28 * var(--rpx));
  overflow: hidden;
}

.private-manager-map-board__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(14 * var(--rpx));
  padding: calc(4 * var(--rpx)) calc(4 * var(--rpx)) calc(13 * var(--rpx));
}

.private-manager-map-board__title {
  display: block;
  margin-top: calc(3 * var(--rpx));
  color: #111827;
  font-size: calc(25 * var(--rpx));
  font-weight: 900;
  line-height: 1.25;
}

.private-manager-map-board__actions {
  display: inline-flex;
  align-items: center;
  gap: calc(8 * var(--rpx));
  flex-shrink: 0;
}

.private-manager-map-size-legend {
  display: inline-flex;
  align-items: center;
  gap: calc(9 * var(--rpx));
  min-height: calc(42 * var(--rpx));
  padding: 0 calc(13 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #667085;
  font-size: calc(12 * var(--rpx));
  font-weight: 800;
  white-space: nowrap;
}

.private-manager-map-size-legend__label {
  color: #111827;
}

.private-manager-map-size-legend__item {
  display: inline-flex;
  align-items: center;
  gap: calc(5 * var(--rpx));
}

.private-manager-map-size-legend__dot {
  display: inline-block;
  border: 1.5px solid #ffffff;
  border-radius: 999px;
  background: rgba(101, 18, 54, 0.58);
  box-shadow: 0 0 0 1px rgba(101, 18, 54, 0.18);
}

.private-manager-map-size-legend__dot--small {
  width: calc(8 * var(--rpx));
  height: calc(8 * var(--rpx));
}

.private-manager-map-size-legend__dot--mid {
  width: calc(13 * var(--rpx));
  height: calc(13 * var(--rpx));
  background: rgba(47, 111, 115, 0.62);
}

.private-manager-map-size-legend__dot--large {
  width: calc(18 * var(--rpx));
  height: calc(18 * var(--rpx));
  background: rgba(164, 107, 54, 0.76);
}

.private-manager-map-board__button {
  width: calc(42 * var(--rpx));
  min-width: calc(42 * var(--rpx));
  min-height: calc(42 * var(--rpx));
  padding: 0;
  border-radius: 999px;
  background: #ffffff;
  color: #111827;
}

.private-manager-map-board__button--wide {
  width: auto;
  min-width: calc(70 * var(--rpx));
  padding: 0 calc(15 * var(--rpx));
}

.private-manager-map-board__canvas {
  position: relative;
  min-height: calc(606 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: calc(24 * var(--rpx));
  overflow: hidden;
  background:
    radial-gradient(circle at 22% 20%, rgba(101, 18, 54, 0.12), transparent 31%),
    linear-gradient(135deg, #f5f0e9 0%, #e8ecec 55%, #f8f6f0 100%);
  cursor: grab;
  touch-action: none;
}

.private-manager-map-board__canvas--panning {
  cursor: grabbing;
}

.private-manager-map-svg {
  display: block;
  width: 100%;
  height: min(calc(606 * var(--rpx)), 68vh);
  min-height: calc(520 * var(--rpx));
}

.private-manager-map-svg__bg {
  fill: url(#private-manager-map-glow);
}

.private-manager-map-svg__land {
  fill: rgba(255, 255, 255, 0.58);
  stroke: rgba(101, 18, 54, 0.16);
  stroke-width: 2;
}

.private-manager-map-svg__coast,
.private-manager-map-svg__river {
  fill: none;
  stroke: rgba(47, 111, 115, 0.28);
  stroke-linecap: round;
  stroke-width: 2.5;
}

.private-manager-map-svg__river {
  stroke: rgba(164, 107, 54, 0.26);
  stroke-dasharray: 7 10;
}

.private-manager-map-city circle {
  fill: #ffffff;
  stroke: rgba(101, 18, 54, 0.42);
  stroke-width: 1.4;
}

.private-manager-map-city text {
  fill: rgba(17, 24, 39, 0.56);
  font-size: 17px;
  font-weight: 800;
  paint-order: stroke;
  stroke: rgba(255, 255, 255, 0.74);
  stroke-width: 3px;
}

.private-manager-map-points {
  transform-origin: 0 0;
}

.private-manager-map__leader {
  fill: none;
  stroke: rgba(101, 18, 54, 0.26);
  stroke-width: 1.05;
  stroke-dasharray: 3 5;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
  pointer-events: none;
}

.private-manager-map__leader--selected {
  stroke: rgba(101, 18, 54, 0.62);
  stroke-width: 1.8;
  stroke-dasharray: none;
}

.private-manager-map__point {
  fill: rgba(101, 18, 54, 0.45);
  stroke: rgba(255, 255, 255, 0.78);
  stroke-width: 1.2;
  vector-effect: non-scaling-stroke;
  cursor: pointer;
  transition:
    fill 0.14s var(--pp-ease, ease),
    opacity 0.14s var(--pp-ease, ease),
    stroke 0.14s var(--pp-ease, ease),
    stroke-width 0.14s var(--pp-ease, ease);
}

.private-manager-map__point--small {
  fill: rgba(101, 18, 54, 0.34);
}

.private-manager-map__point--large {
  fill: rgba(47, 111, 115, 0.56);
}

.private-manager-map__point--mega {
  fill: rgba(164, 107, 54, 0.72);
}

.private-manager-map__point:hover,
.private-manager-map__point:focus-visible,
.private-manager-map__point--selected {
  fill: #111827;
  stroke: #ffffff;
  stroke-width: 2.4;
  opacity: 1;
}

.private-manager-map__point--selected {
  filter: drop-shadow(0 0 10px rgba(101, 18, 54, 0.5));
}

.private-manager-map-board__hint {
  position: absolute;
  left: calc(16 * var(--rpx));
  bottom: calc(16 * var(--rpx));
  z-index: 5;
  max-width: calc(360 * var(--rpx));
  padding: calc(8 * var(--rpx)) calc(12 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.8);
  color: #526072;
  font-size: calc(15 * var(--rpx));
  font-weight: 700;
  pointer-events: none;
  backdrop-filter: blur(10px);
}

.private-manager-map-detail {
  align-content: start;
}

.private-manager-map-detail__title {
  margin: 0;
  color: #111827;
  font-size: calc(27 * var(--rpx));
  font-weight: 900;
  line-height: 1.28;
  letter-spacing: -0.02em;
}

.private-manager-map-detail__desc,
.private-manager-map-detail__note {
  margin: 0;
  color: #667085;
  font-size: calc(17 * var(--rpx));
  line-height: 1.72;
}

.private-manager-map-detail__note {
  padding: calc(13 * var(--rpx));
  border-radius: calc(16 * var(--rpx));
  background: rgba(101, 18, 54, 0.07);
  color: #6c374f;
}

.private-manager-map-detail__chips {
  display: flex;
  flex-wrap: wrap;
  gap: calc(7 * var(--rpx));
}

.private-manager-map-detail__chip {
  display: inline-flex;
  align-items: center;
  min-height: calc(30 * var(--rpx));
  padding: 0 calc(10 * var(--rpx));
  border: 1px solid rgba(var(--pp-plum-rgb, 101, 18, 54), 0.16);
  border-radius: 999px;
  background: rgba(var(--pp-plum-rgb, 101, 18, 54), 0.08);
  color: var(--pmm-plum);
  font-size: calc(14 * var(--rpx));
  font-weight: 800;
}

.private-manager-map-detail__list {
  display: grid;
  gap: calc(9 * var(--rpx));
  margin: 0;
}

.private-manager-map-detail__list div {
  display: grid;
  grid-template-columns: calc(76 * var(--rpx)) minmax(0, 1fr);
  gap: calc(10 * var(--rpx));
  padding-bottom: calc(9 * var(--rpx));
  border-bottom: 1px solid rgba(17, 24, 39, 0.07);
}

.private-manager-map-detail__list dt {
  color: #98a2b3;
  font-size: calc(15 * var(--rpx));
  font-weight: 800;
}

.private-manager-map-detail__list dd {
  margin: 0;
  color: #111827;
  font-size: calc(16 * var(--rpx));
  font-weight: 750;
  line-height: 1.5;
}

.private-manager-map-detail__address {
  display: grid;
  gap: calc(7 * var(--rpx));
}

.private-manager-map-detail__address p {
  margin: 0;
  color: #344054;
  font-size: calc(17 * var(--rpx));
  line-height: 1.72;
}

.private-manager-map-detail__links {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--rpx));
}

.private-manager-map-detail__links a {
  display: inline-flex;
  align-items: center;
  min-height: calc(38 * var(--rpx));
  padding: 0 calc(13 * var(--rpx));
  border-radius: 999px;
  background: #111827;
  color: #ffffff;
  font-size: calc(15 * var(--rpx));
  font-weight: 800;
}

@media (min-width: 1200px) {
  .page--private-manager-map {
    padding-top: 0;
  }
}

@media (max-width: 1199px) {
  .page--private-manager-map {
    gap: 12px !important;
    padding: 12px 12px calc(92px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .private-manager-map-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .private-manager-map-controls,
  .private-manager-map-board,
  .private-manager-map-detail {
    position: static;
    top: auto;
    border: 1px solid var(--adm-line, #ebedf0) !important;
    border-radius: var(--adm-radius-l, 14px) !important;
    background: var(--adm-card, #ffffff) !important;
    box-shadow: var(--adm-shadow, 0 1px 2px rgba(15, 23, 42, 0.04), 0 6px 16px rgba(15, 23, 42, 0.05)) !important;
  }

  .private-manager-map-controls,
  .private-manager-map-detail {
    padding: 14px;
  }

  .private-manager-map-search__label,
  .private-manager-map-control__label,
  .private-manager-map-board__eyebrow,
  .private-manager-map-detail__eyebrow,
  .private-manager-map-detail__address span {
    color: var(--adm-text-secondary, #5a6672);
    font-size: 11px;
  }

  .private-manager-map-search__row {
    grid-template-columns: minmax(0, 1fr) 68px;
    gap: 8px;
  }

  .private-manager-map-search__input,
  .private-manager-map-control__select {
    min-height: 40px;
    border-color: var(--adm-line, #ebedf0) !important;
    border-radius: var(--adm-radius-pill, 999px) !important;
    background: var(--adm-fill, #f5f6f8) !important;
    font-size: 13px;
  }

  .private-manager-map-search__button,
  .private-manager-map-clear {
    min-height: 40px;
    border-radius: var(--adm-radius-pill, 999px);
    background: var(--adm-primary, #651236);
    font-size: 13px;
  }

  .private-manager-map-search-results {
    max-height: 360px;
  }

  .private-manager-map-search-result {
    border-color: var(--adm-line, #ebedf0);
    border-radius: var(--adm-radius, 10px);
  }

  .private-manager-map-search-result__name {
    font-size: 13px;
  }

  .private-manager-map-search-result__meta,
  .private-manager-map-search-results__empty,
  .private-manager-map-source-note,
  .private-manager-map-detail__desc,
  .private-manager-map-detail__note,
  .private-manager-map-detail__address p {
    font-size: 12px;
  }

  .private-manager-map-board {
    padding: 10px;
  }

  .private-manager-map-board__toolbar {
    align-items: start;
    padding: 2px 2px 10px;
  }

  .private-manager-map-board__title {
    font-size: 15px;
  }

  .private-manager-map-board__actions {
    gap: 5px;
  }

  .private-manager-map-size-legend {
    display: none;
  }

  .private-manager-map-board__button {
    width: 34px;
    min-width: 34px;
    min-height: 34px;
    border-color: var(--adm-line, #ebedf0);
    background: var(--adm-fill, #f5f6f8);
    font-size: 13px;
  }

  .private-manager-map-board__button--wide {
    min-width: 52px;
    padding: 0 10px;
  }

  .private-manager-map-board__canvas {
    min-height: 420px;
    border-radius: var(--adm-radius-l, 14px);
  }

  .private-manager-map-svg {
    height: 420px;
    min-height: 420px;
  }

  .private-manager-map-city text {
    font-size: 18px;
  }

  .private-manager-map-board__hint {
    left: 10px;
    right: 10px;
    bottom: 10px;
    max-width: none;
    justify-content: center;
    border-radius: var(--adm-radius-pill, 999px);
    font-size: 11px;
    text-align: center;
  }

  .private-manager-map-detail__title {
    font-size: 17px;
  }

  .private-manager-map-detail__chip {
    min-height: 26px;
    font-size: 11px;
  }

  .private-manager-map-detail__list div {
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 8px;
  }

  .private-manager-map-detail__list dt,
  .private-manager-map-detail__list dd {
    font-size: 12px;
  }

  .private-manager-map-detail__links a {
    min-height: 32px;
    font-size: 12px;
  }

  .mobile-bottom-nav {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 2px !important;
    left: 8px !important;
    right: 8px !important;
    padding: 4px !important;
  }

  .mobile-bottom-nav__item {
    min-width: 0 !important;
    min-height: 44px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .mobile-bottom-nav__icon {
    width: 22px !important;
    height: 22px !important;
  }

  .mobile-bottom-nav__label {
    font-size: 9px !important;
  }

  .mobile-bottom-nav__item--active .mobile-bottom-nav__label {
    font-size: 10px !important;
  }
}

/* Private manager map final layout: reuse quant/library hero and full-width map workspace. */
@media (min-width: 1200px) {
  .page--private-manager-map {
    padding: 0 !important;
    background: #f8f5ef;
  }

  .page--private-manager-map .tracking-module-intro--minimal {
    max-width: none;
    gap: 8px;
    padding: 0;
  }

  .page--private-manager-map .private-manager-map-hero {
    position: relative;
    display: grid;
    gap: 0;
    grid-template-columns: minmax(0, 1fr);
    width: 100vw;
    min-height: 172px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 26px var(--nb-page-content-inset, 72px) 30px;
    background: linear-gradient(90deg, #651236 0%, #651236 74%, #5a112f 100%);
    color: #ffffff;
    overflow: hidden;
    box-shadow: none;
  }

  .page--private-manager-map .private-manager-map-hero::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: min(24vw, 276px);
    height: 100%;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 6%,
      #d07a58 6%,
      #d07a58 8%,
      #651236 8%,
      #651236 24%,
      #6a1637 24%,
      #6a1637 36%,
      #8b283c 36%,
      #8b283c 48%,
      #5a102f 48%,
      #5a102f 60%,
      #884754 60%,
      #884754 75%,
      #633146 75%,
      #633146 87%,
      #5e2d60 87%,
      #5e2d60 100%
    );
    opacity: 0.96;
  }

  .page--private-manager-map .private-manager-map-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    display: block;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0));
    pointer-events: none;
  }

  .page--private-manager-map .private-manager-map-hero > * {
    position: relative;
    z-index: 1;
    grid-column: 1;
    display: block;
    min-width: 0;
    justify-self: stretch;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  .page--private-manager-map .private-manager-map-hero .tracking-module-intro__eyebrow--hero {
    max-width: none;
    width: 100%;
    margin: 0 0 8px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.11em;
  }

  .page--private-manager-map .private-manager-map-hero .tracking-module-intro__title {
    max-width: none;
    width: 100%;
    margin: 0;
    color: #ffffff;
    font-size: 56px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.032em;
  }

  .page--private-manager-map .private-manager-map-hero .tracking-module-intro__desc {
    margin: 0;
    max-width: 860px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 14px;
    line-height: 1.62;
  }

  .page--private-manager-map .private-manager-map-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    max-width: none;
    margin: 16px 0 0;
  }

  .page--private-manager-map .private-manager-map-hero__meta span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 5px 11px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.09);
    color: rgba(255, 255, 255, 0.86);
    font-size: 12px;
    font-weight: 700;
  }

  .private-manager-map-shell {
    width: calc(100vw - 144px);
    max-width: 1296px;
    margin: 28px auto 88px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .private-manager-map-controls {
    display: grid;
    grid-template-columns: minmax(420px, 1.2fr) minmax(260px, 0.72fr) auto;
    gap: 14px;
    align-items: end;
    padding: 16px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 18px 42px rgba(31, 23, 19, 0.055);
  }

  .private-manager-map-controls .private-manager-map-search {
    min-width: 0;
  }

  .private-manager-map-controls .private-manager-map-search-results {
    position: absolute;
    z-index: 8;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    max-height: 392px;
    padding: 8px;
    border: 1px solid rgba(17, 24, 39, 0.1);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
  }

  .private-manager-map-shell--search-open .private-manager-map-board {
    margin-top: 410px;
  }

  .private-manager-map-search {
    position: relative;
  }

  .private-manager-map-search__input,
  .private-manager-map-control__select {
    min-height: 44px;
    font-size: 15px;
  }

  .private-manager-map-search__button {
    min-height: 44px;
    font-size: 15px;
  }

  .private-manager-map-clear {
    align-self: end;
    min-height: 44px;
    white-space: nowrap;
  }

  .private-manager-map-source-note {
    display: none;
  }

  .private-manager-map-board {
    width: 100%;
    padding: 16px;
    border-radius: 22px;
  }

  .private-manager-map-board__canvas {
    min-height: 720px;
  }

  .private-manager-map-svg {
    height: 720px;
    min-height: 720px;
  }

  .private-manager-map-detail {
    position: static;
    top: auto;
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.3fr);
    gap: 14px 22px;
    padding: 18px;
    border-radius: 18px;
  }

  .private-manager-map-detail__eyebrow,
  .private-manager-map-detail__title,
  .private-manager-map-detail__desc,
  .private-manager-map-detail__chips,
  .private-manager-map-detail__note {
    grid-column: 1;
  }

  .private-manager-map-detail__list,
  .private-manager-map-detail__address,
  .private-manager-map-detail__links {
    grid-column: 2;
  }

  .private-manager-map-detail__list {
    align-self: start;
  }

  .private-manager-map-detail--active {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px 18px;
  }

  .private-manager-map-detail--active .private-manager-map-detail__eyebrow {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    white-space: nowrap;
  }

  .private-manager-map-detail--active .private-manager-map-detail__title {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    font-size: 25px;
    line-height: 1.16;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .private-manager-map-detail--active .private-manager-map-detail__chips {
    grid-column: 3;
    grid-row: 1;
    justify-content: flex-end;
    flex-wrap: nowrap;
    min-width: max-content;
  }

  .private-manager-map-detail--active .private-manager-map-detail__list {
    grid-column: 1 / span 2;
    grid-row: 2;
    align-self: start;
  }

  .private-manager-map-detail--active .private-manager-map-detail__address {
    grid-column: 1 / span 2;
    grid-row: 3;
  }

  .private-manager-map-detail--active .private-manager-map-detail__links {
    grid-column: 3;
    grid-row: 2 / span 2;
    align-self: end;
    justify-content: flex-end;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .private-manager-map-shell {
    width: calc(100vw - 96px);
  }

  .private-manager-map-board__canvas {
    min-height: 660px;
  }

  .private-manager-map-svg {
    height: 660px;
    min-height: 660px;
  }
}

.private-manager-map-svg__china {
  transform-origin: 0 0;
}

.private-manager-map-svg__province {
  fill: rgba(255, 255, 255, 0.62);
  stroke: rgba(101, 18, 54, 0.18);
  stroke-width: 1.1;
  vector-effect: non-scaling-stroke;
}

.private-manager-map-svg__province:hover {
  fill: rgba(255, 255, 255, 0.75);
}

.private-manager-map-leaflet,
.private-manager-map-svg-fallback {
  position: absolute;
  inset: 0;
}

.private-manager-map-leaflet {
  z-index: 2;
  min-height: 100%;
  background:
    linear-gradient(180deg, rgba(250, 248, 244, 0.78), rgba(245, 240, 232, 0.9)),
    #f4efe7;
  opacity: 0;
  transition: opacity 220ms ease;
}

.private-manager-map-svg-fallback {
  z-index: 1;
}

.private-manager-map-board__canvas--leaflet-ready .private-manager-map-leaflet,
.private-manager-map-board__canvas--leaflet-loading .private-manager-map-leaflet {
  opacity: 1;
}

.private-manager-map-board__canvas--leaflet-ready .private-manager-map-svg-fallback,
.private-manager-map-board__canvas--leaflet-loading .private-manager-map-svg-fallback {
  opacity: 0;
  pointer-events: none;
}

.private-manager-map-board__canvas--leaflet-error .private-manager-map-leaflet {
  display: none;
}

.private-manager-map-board__canvas--leaflet-loading::after {
  content: '加载街道底图';
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 4;
  padding: 9px 12px;
  border: 1px solid rgba(101, 18, 54, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #651236;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08);
}

.private-manager-map-leaflet.leaflet-container {
  font: inherit;
  color: #18202c;
  outline: none;
}

.private-manager-map-leaflet .leaflet-control-zoom {
  border: 0;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16);
}

.private-manager-map-leaflet .leaflet-control-zoom a {
  width: 38px;
  height: 38px;
  border: 0;
  background: rgba(255, 255, 255, 0.96);
  color: #651236;
  font-size: 20px;
  font-weight: 800;
  line-height: 38px;
}

.private-manager-map-leaflet .leaflet-control-zoom a:hover {
  background: #651236;
  color: #ffffff;
}

.private-manager-map-leaflet .leaflet-control-attribution {
  border-top-left-radius: 10px;
  background: rgba(255, 255, 255, 0.82);
  color: #667085;
  font-size: 10px;
}

.private-manager-map-leaflet-popup .leaflet-popup-content-wrapper {
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
}

.private-manager-map-leaflet-popup .leaflet-popup-content {
  margin: 12px 14px;
}

.private-manager-map-popup {
  display: grid;
  gap: 6px;
}

.private-manager-map-popup strong {
  color: #111827;
  font-size: 14px;
  line-height: 1.35;
}

.private-manager-map-popup span,
.private-manager-map-popup p {
  margin: 0;
  color: #667085;
  font-size: 12px;
  line-height: 1.55;
}

.private-manager-map-popup span {
  color: #651236;
  font-weight: 800;
}

.private-manager-map-leaflet-tooltip {
  border: 0;
  border-radius: 999px;
  background: rgba(101, 18, 54, 0.92);
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
}

@media (max-width: 1199px) {
  .private-manager-map-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--adm-line, #ebedf0) !important;
    border-radius: var(--adm-radius-l, 14px) !important;
    background: var(--adm-card, #ffffff) !important;
    box-shadow: var(--adm-shadow, 0 1px 2px rgba(15, 23, 42, 0.04), 0 6px 16px rgba(15, 23, 42, 0.05)) !important;
  }

  .private-manager-map-detail {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .private-manager-map-detail__eyebrow,
  .private-manager-map-detail__title,
  .private-manager-map-detail__desc,
  .private-manager-map-detail__chips,
  .private-manager-map-detail__note,
  .private-manager-map-detail__list,
  .private-manager-map-detail__address,
  .private-manager-map-detail__links {
    grid-column: 1;
  }
}

/* Overseas derivatives: RCM table and single-product detail. */
.overseas-derivatives-filter {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 14px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  background: #f8fafc;
}

.overseas-derivatives-filter__fields {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 10px;
  min-width: 0;
}

.overseas-derivatives-filter__field {
  display: grid;
  gap: 6px;
  min-width: 138px;
  color: #667085;
  font-size: 12px;
  font-weight: 800;
}

.overseas-derivatives-filter__field--search {
  flex: 1 1 280px;
  min-width: 240px;
}

.overseas-derivatives-filter__field input {
  width: 100%;
  min-height: 38px;
  padding: 8px 11px;
  border: 1px solid rgba(15, 23, 42, 0.13);
  border-radius: 8px;
  background: #fff;
  color: #101828;
  font: inherit;
  font-weight: 600;
}

.overseas-derivatives-filter__field input:focus {
  outline: 2px solid rgba(101, 18, 54, 0.18);
  outline-offset: 1px;
  border-color: rgba(101, 18, 54, 0.42);
}

.overseas-derivatives-filter__button,
.overseas-derivatives-filter__clear {
  min-height: 38px;
  border: 1px solid rgba(101, 18, 54, 0.22);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.overseas-derivatives-filter__button {
  padding: 0 18px;
  background: #651236;
  color: #fff;
}

.overseas-derivatives-filter__clear {
  padding: 0 12px;
  background: #fff;
  color: #651236;
}

.overseas-derivatives-filter__button:hover,
.overseas-derivatives-filter__clear:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

.overseas-derivatives-filter__unit,
.overseas-derivatives-filter__count {
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

.overseas-derivatives-filter__unit {
  align-self: center;
}

.overseas-derivatives-filter__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  white-space: nowrap;
}

.overseas-derivatives-table__row--hidden {
  display: none !important;
}

.overseas-derivatives-filter__empty {
  padding: 22px 16px;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  color: #667085;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}

.overseas-derivatives-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  background: #fff;
}

.overseas-derivatives-pagination[hidden] {
  display: none;
}

.overseas-derivatives-pagination__status {
  color: #667085;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.overseas-derivatives-pagination__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.overseas-derivatives-pagination__buttons button {
  min-width: 34px;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(15, 23, 42, 0.13);
  border-radius: 7px;
  background: #fff;
  color: #344054;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.overseas-derivatives-pagination__buttons button:hover:not(:disabled),
.overseas-derivatives-pagination__buttons button.is-active {
  border-color: #651236;
  background: #651236;
  color: #fff;
}

.overseas-derivatives-pagination__buttons button:disabled {
  cursor: not-allowed;
  opacity: 0.42;
}

.overseas-derivatives-pagination__ellipsis {
  min-width: 20px;
  color: #98a2b3;
  text-align: center;
}

.overseas-derivatives-table__product-link {
  display: inline;
  color: #1b5fbf;
  font-weight: 700;
  line-height: 1.45;
  text-decoration: none;
}

.overseas-derivatives-table__product-link:hover {
  color: #154a96;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.overseas-derivatives-table__sparkline-cell {
  min-width: 116px;
}

.overseas-derivatives-sparkline {
  display: block;
  width: 86px;
  height: 28px;
}

.overseas-derivatives-sparkline polyline {
  fill: none;
  stroke: #34a853;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.overseas-derivatives-sparkline--empty {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #98a2b3;
  font-weight: 700;
}

.page--module-tracking-detail .nav-tracking-table-wrap--overseas-derivatives {
  min-width: 1120px;
}

.page--overseas-derivatives-product .overseas-derivatives-product,
.page--overseas-derivatives-product .tracking-module-directory {
  margin-left: var(--tracking-detail-gutter, clamp(14px, 5vw, 72px));
  margin-right: var(--tracking-detail-gutter, clamp(14px, 5vw, 72px));
}

.overseas-derivatives-product {
  display: grid;
  gap: 18px;
  padding: 24px;
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.07);
}

.overseas-derivatives-product__back {
  justify-self: start;
  color: #651236;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.overseas-derivatives-product__back:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.overseas-derivatives-product__head {
  display: grid;
  gap: 14px;
}

.overseas-derivatives-product__eyebrow {
  color: #667085;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.overseas-derivatives-product__title {
  margin: 0;
  max-width: 1100px;
  color: #101828;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.16;
  letter-spacing: 0;
}

.overseas-derivatives-product__metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.overseas-derivatives-product__metric {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(249, 250, 251, 0.92);
}

.overseas-derivatives-product__metric span {
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

.overseas-derivatives-product__metric strong {
  min-width: 0;
  color: #101828;
  font-size: 17px;
  line-height: 1.25;
  word-break: break-word;
}

.overseas-derivatives-product__intro {
  display: grid;
  gap: 10px;
  max-width: 1160px;
}

.overseas-derivatives-product__intro h3 {
  margin: 0;
  color: #101828;
  font-size: 18px;
  line-height: 1.3;
}

.overseas-derivatives-product__intro p {
  margin: 0;
  color: #475467;
  font-size: 14px;
  line-height: 1.75;
}

.overseas-derivatives-product__intro a {
  justify-self: start;
  color: #1b5fbf;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.overseas-derivatives-product__intro a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.chart-list--overseas-product {
  grid-template-columns: minmax(0, 1fr) !important;
}

.chart-list--overseas-product > .chart-card {
  grid-column: 1 / -1;
}

@media (max-width: 900px) {
  .overseas-derivatives-filter {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }

  .overseas-derivatives-filter__actions {
    justify-content: space-between;
  }

  .overseas-derivatives-product__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .overseas-derivatives-filter__fields {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .overseas-derivatives-filter__field,
  .overseas-derivatives-filter__field--search {
    min-width: 0;
  }

  .overseas-derivatives-filter__button {
    width: 100%;
  }

  .overseas-derivatives-pagination {
    align-items: stretch;
    flex-direction: column;
  }

  .overseas-derivatives-pagination__buttons {
    justify-content: flex-start;
  }

  .page--overseas-derivatives-product .overseas-derivatives-product,
  .page--overseas-derivatives-product .tracking-module-directory {
    margin-left: 16px;
    margin-right: 16px;
  }

  .overseas-derivatives-product {
    padding: 18px;
  }

  .overseas-derivatives-product__metrics {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Quant career board */
.page--job-board {
  --job-board-charcoal: #1c2924;
  --job-board-ink: #18211d;
  --job-board-muted: #66736d;
  --job-board-line: #dce3df;
  --job-board-surface: #ffffff;
  --job-board-seeker: #287b53;
  --job-board-seeker-soft: #edf7f1;
  --job-board-recruiter: #c65d48;
  --job-board-recruiter-soft: #fff2ee;
  min-height: calc(100vh - 88px);
  padding: 0 0 88px;
  overflow-x: clip;
  background: #f8f5ef;
  color: var(--job-board-ink);
}

.job-board-hero {
  width: 100vw;
  min-height: 172px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  border-bottom: 0;
  background: linear-gradient(90deg, #651236 0%, #651236 74%, #5a112f 100%);
  color: #ffffff;
}

.job-board-hero__inner,
.job-board-content {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  box-sizing: border-box;
}

.job-board-hero__inner {
  display: grid;
  align-content: center;
  gap: 8px;
  min-height: 172px;
  max-width: none;
  padding: 26px var(--nb-page-content-inset, 72px) 30px;
}

.job-board-hero__eyebrow {
  color: rgba(255, 255, 255, 0.76);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.job-board-hero__title-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  min-width: 0;
}

.job-board-hero h1 {
  margin: 0;
  font-size: 56px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}

.job-board-hero p {
  margin: 8px 0 0;
  max-width: 720px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  line-height: 1.7;
}

.job-board-hero__identity {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  max-width: 360px;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
  color: #bfcfc7;
  font-size: 12px;
  line-height: 1.4;
}

.job-board-hero__identity strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #ffffff;
  font-size: 13px;
}

.job-board-content {
  display: grid;
  gap: 28px;
  padding: 28px var(--nb-page-content-gutter, 72px) 0;
}

.job-board-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  min-width: 0;
}

.job-board-action {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 32px;
  gap: 16px;
  align-items: center;
  min-width: 0;
  min-height: 112px;
  padding: 20px;
  border: 1px solid var(--job-board-line);
  border-left-width: 4px;
  border-radius: 8px;
  background: var(--job-board-surface);
  color: var(--job-board-ink);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(23, 35, 29, 0.045);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.job-board-action--seeker {
  border-left-color: var(--job-board-seeker);
}

.job-board-action--recruiter {
  border-left-color: var(--job-board-recruiter);
}

.job-board-action:hover {
  border-color: #bdc9c2;
  box-shadow: 0 12px 28px rgba(23, 35, 29, 0.08);
  transform: translateY(-1px);
}

.job-board-action--seeker:hover {
  border-left-color: var(--job-board-seeker);
}

.job-board-action--recruiter:hover {
  border-left-color: var(--job-board-recruiter);
}

.job-board-action:focus-visible,
.job-board-load-state button:focus-visible,
.job-board-listing__download:focus-visible,
.job-board-table-scroll:focus-visible,
.job-board-modal__close:focus-visible,
.job-board-poster-modal__head button:focus-visible,
.job-board-poster-modal__actions a:focus-visible,
.job-board-form__submit:focus-visible,
.job-board-login__button:focus-visible,
.exchange-poster-button:focus-visible,
.admin-user-search input:focus-visible,
.admin-user-search button:focus-visible,
.admin-user-pagination button:focus-visible {
  outline: 3px solid rgba(40, 123, 83, 0.25);
  outline-offset: 2px;
}

.job-board-action__index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 6px;
  background: #eef1ef;
  color: #59665f;
  font-size: 12px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.job-board-action--seeker .job-board-action__index {
  background: var(--job-board-seeker-soft);
  color: var(--job-board-seeker);
}

.job-board-action--recruiter .job-board-action__index {
  background: var(--job-board-recruiter-soft);
  color: var(--job-board-recruiter);
}

.job-board-action__body {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.job-board-action__body strong {
  color: var(--job-board-ink);
  font-size: 19px;
  line-height: 1.3;
}

.job-board-action__body span {
  color: var(--job-board-muted);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.job-board-action__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #7a8780;
  font-size: 22px;
  line-height: 1;
}

.job-board-action--seeker .job-board-action__arrow {
  color: var(--job-board-seeker);
}

.job-board-action--recruiter .job-board-action__arrow {
  color: var(--job-board-recruiter);
}

.job-board-load-state {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 64px;
  padding: 16px 18px;
  border: 1px solid var(--job-board-line);
  border-radius: 8px;
  background: var(--job-board-surface);
  color: var(--job-board-muted);
  font-size: 14px;
  line-height: 1.6;
}

.job-board-load-state--error {
  border-color: rgba(180, 35, 24, 0.22);
  background: #fff7f5;
  color: #a83a2c;
}

.job-board-load-state button {
  flex: 0 0 auto;
  min-height: 36px;
  padding: 0 13px;
  border: 0;
  border-radius: 6px;
  background: var(--job-board-charcoal);
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.job-board-tables {
  display: grid;
  gap: 20px;
  min-width: 0;
}

.job-board-cta {
  position: relative;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 36px;
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 18px 22px;
  border: 1px solid rgba(40, 123, 83, 0.35);
  border-left: 5px solid var(--job-board-seeker);
  border-radius: 10px;
  background: linear-gradient(120deg, #eef7f1 0%, #ffffff 55%);
  color: var(--job-board-ink);
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 10px 26px rgba(23, 35, 29, 0.06);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, background 160ms ease;
}

.job-board-cta:hover {
  border-color: var(--job-board-seeker);
  background: linear-gradient(120deg, #e0f2e8 0%, #ffffff 60%);
  box-shadow: 0 14px 32px rgba(40, 123, 83, 0.15);
  transform: translateY(-1px);
}

.job-board-cta__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2f8f60 0%, #287b53 100%);
  color: #ffffff;
  box-shadow: 0 6px 14px rgba(40, 123, 83, 0.28);
}

.job-board-cta__body {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.job-board-cta__body strong {
  color: #18211d;
  font-size: 16px;
  font-weight: 800;
}

.job-board-cta__body span {
  color: #526058;
  font-size: 12px;
}

.job-board-cta__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(40, 123, 83, 0.1);
  color: var(--job-board-seeker);
  font-size: 16px;
  font-weight: 800;
  transition: background 160ms ease, transform 160ms ease;
}

.job-board-cta:hover .job-board-cta__arrow {
  background: rgba(40, 123, 83, 0.2);
  transform: translateX(2px);
}

.job-board-cta--recruiter {
  border-color: rgba(198, 93, 72, 0.35);
  border-left-color: var(--job-board-recruiter);
  background: linear-gradient(120deg, #fdf1ed 0%, #ffffff 55%);
}

.job-board-cta--recruiter:hover {
  border-color: var(--job-board-recruiter);
  background: linear-gradient(120deg, #fbe7e0 0%, #ffffff 60%);
  box-shadow: 0 14px 32px rgba(198, 93, 72, 0.15);
}

.job-board-cta--recruiter .job-board-cta__icon {
  background: linear-gradient(135deg, #d16a52 0%, #c65d48 100%);
  box-shadow: 0 6px 14px rgba(198, 93, 72, 0.28);
}

.job-board-cta--recruiter .job-board-cta__arrow {
  background: rgba(198, 93, 72, 0.1);
  color: var(--job-board-recruiter);
}

.job-board-cta--recruiter:hover .job-board-cta__arrow {
  background: rgba(198, 93, 72, 0.2);
}

.job-card--group {
  border-color: #e8cf9a;
  background: linear-gradient(180deg, #fffdf6 0%, #ffffff 42%);
}

.job-card--group .job-card__head {
  margin-top: 6px;
}

.job-card__group-badge {
  position: absolute;
  top: -11px;
  left: 16px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  border: 1px solid #e3b56b;
  border-radius: 999px;
  background: linear-gradient(135deg, #f8d789 0%, #eeb64a 100%);
  color: #6b4a08;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  box-shadow: 0 3px 8px rgba(190, 138, 40, 0.25);
}

.job-card__group-badge svg {
  display: block;
}

.job-card__desc {
  margin: 0;
  color: #526058;
  font-size: 13px;
  line-height: 1.7;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.job-card--group {
  cursor: pointer;
}

.job-detail-modal {
  position: fixed;
  z-index: 6000;
  inset: 0;
  display: grid;
  align-items: center;
  justify-items: center;
  padding: 20px;
  isolation: isolate;
}

.job-detail-modal__backdrop {
  position: absolute;
  z-index: -1;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: rgba(15, 23, 19, 0.7);
  cursor: default;
}

.job-detail-modal__dialog {
  position: relative;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: min(100%, 720px);
  max-height: calc(100dvh - 40px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 28px 80px rgba(6, 14, 10, 0.32);
  overflow: hidden;
}

.job-detail-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 24px;
  border-bottom: 1px solid var(--job-board-line, #dce3df);
  background: linear-gradient(180deg, #f7faf8 0%, #ffffff 100%);
}

.job-detail-modal__title-block {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.job-detail-modal__eyebrow {
  color: var(--job-board-seeker);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.02em;
}

.job-detail-modal__head h2 {
  margin: 0;
  color: #18211d;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.35;
}

.job-detail-modal__salary {
  color: var(--job-board-recruiter);
  font-size: 15px;
  font-weight: 800;
}

.job-detail-modal__salary--negotiable {
  color: #93a09a;
  font-size: 13px;
}

.job-detail-modal__close {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid #dce3df;
  border-radius: 6px;
  background: #f7f9f8;
  color: #334039;
  font-size: 23px;
  line-height: 1;
  cursor: pointer;
}

.job-detail-modal__close:hover {
  border-color: #bac6bf;
  background: #eef2ef;
}

.job-detail-modal__body {
  display: grid;
  gap: 16px;
  padding: 20px 24px;
  overflow-y: auto;
}

.job-detail-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 0;
  margin: 0;
}

.job-detail-facts__item {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}

.job-detail-facts__item + .job-detail-facts__item::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 12px;
  background: #dce3df;
}

.job-detail-facts__item dt {
  color: #75817a;
  font-size: 12px;
}

.job-detail-facts__item dd {
  margin: 0;
  color: #334039;
  font-size: 13px;
  font-weight: 700;
}

.job-detail-company {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  padding: 12px 14px;
  border: 1px solid #e8ece9;
  border-radius: 8px;
  background: #f7faf8;
}

.job-detail-company span {
  color: #75817a;
  font-size: 12px;
}

.job-detail-company strong {
  color: #1d2923;
  font-size: 13px;
}

.job-detail-content {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.job-detail-content h3 {
  margin: 0;
  color: #334039;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5;
}

.job-detail-content p {
  margin: 0;
  color: #334039;
  font-size: 13px;
  line-height: 1.85;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.job-detail-modal__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 14px 24px;
  border-top: 1px solid var(--job-board-line, #dce3df);
  background: #fafcfb;
}

.job-detail-modal__mail {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
  border: 1px solid rgba(198, 93, 72, 0.45);
  border-radius: 999px;
  background: #ffffff;
  color: var(--job-board-recruiter);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.job-detail-modal__mail:hover {
  border-color: var(--job-board-recruiter);
  background: #fdf1ed;
  box-shadow: 0 5px 14px rgba(198, 93, 72, 0.18);
  transform: translateY(-1px);
}

.job-detail-modal__poster {
  margin-left: auto;
  color: #75817a;
  font-size: 12px;
}

.job-board-tab-panel {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.job-board-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.job-board-search__input {
  flex: 1 1 280px;
  min-width: 0;
  max-width: 560px;
  padding: 11px 16px;
  border: 1px solid var(--job-board-line);
  border-radius: 8px;
  background: var(--job-board-surface);
  color: var(--job-board-ink);
  font-size: 13px;
  line-height: 1.5;
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.job-board-search__input:focus {
  border-color: var(--job-board-seeker);
  box-shadow: 0 0 0 3px rgba(40, 123, 83, 0.14);
}

.job-board-search__input::placeholder {
  color: #93a09a;
}

.job-board-search__count {
  flex: 0 0 auto;
  margin-left: auto;
  color: #526058;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.job-board-filterbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.job-board-filterbar__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.job-board-filter {
  position: relative;
  display: inline-flex;
  min-width: 0;
}

.job-board-filter select {
  min-width: 0;
  max-width: 200px;
  padding: 8px 28px 8px 14px;
  border: 1px solid var(--job-board-line);
  border-radius: 6px;
  appearance: none;
  -webkit-appearance: none;
  background: #f4f7f5;
  color: #334039;
  font-size: 13px;
  line-height: 1.4;
  text-overflow: ellipsis;
  cursor: pointer;
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.job-board-filter select:focus {
  border-color: var(--job-board-seeker);
  box-shadow: 0 0 0 3px rgba(40, 123, 83, 0.14);
}

.job-board-filter::after {
  content: '▾';
  position: absolute;
  top: 50%;
  right: 10px;
  color: #75817a;
  font-size: 11px;
  pointer-events: none;
  transform: translateY(-50%);
}

.job-board-filterbar .job-board-search {
  position: relative;
  flex: 1 1 240px;
  margin-left: auto;
  max-width: 460px;
}

.job-board-filterbar .job-board-search__input {
  width: 100%;
  max-width: none;
  padding-right: 36px;
}

.job-board-search__icon {
  position: absolute;
  top: 50%;
  right: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #93a09a;
  cursor: pointer;
  transform: translateY(-50%);
  transition: color 160ms ease, background 160ms ease;
}

.job-board-search__icon:hover {
  color: var(--job-board-seeker);
  background: #eef2ef;
}

.job-board-panel-note {
  margin: 0;
  color: #75817a;
  font-size: 12px;
  line-height: 1.6;
}

.job-board-table__row[hidden],
.job-board-table__filter-empty[hidden] {
  display: none;
}

.job-board-cards {
  display: grid;
  gap: 36px;
  min-width: 0;
}

.job-board-section {
  min-width: 0;
}

.job-board-section[hidden] {
  display: none;
}

.job-board-section__divider {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(40, 123, 83, 0.28);
}

.job-board-section__divider h3 {
  margin: 0;
  color: #1d2923;
  font-size: 19px;
  line-height: 1.2;
}

.job-board-section__divider span {
  flex: 0 0 auto;
  color: #75817a;
  font-size: 12px;
  font-weight: 700;
}

.job-board-section__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 14px;
  min-width: 0;
}

.job-board-section--group .job-board-section__divider {
  border-bottom-color: rgba(198, 93, 72, 0.35);
}

.job-board-cards__empty {
  padding: 48px 20px;
  border: 1px dashed var(--job-board-line);
  border-radius: 8px;
  color: #75817a;
  font-size: 13px;
  text-align: center;
}

.job-board-cards__empty[hidden],
.job-card[hidden] {
  display: none;
}

.job-card {
  position: relative;
  display: grid;
  gap: 10px;
  min-width: 0;
  min-height: 226px;
  padding: 18px;
  border: 1px solid var(--job-board-line);
  border-radius: 8px;
  background: var(--job-board-surface);
  box-shadow: 0 8px 24px rgba(23, 35, 29, 0.045);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.job-card:hover {
  border-color: #bdc9c2;
  box-shadow: 0 12px 28px rgba(23, 35, 29, 0.08);
  transform: translateY(-1px);
}

.job-card__head {
  display: grid;
  align-content: start;
  gap: 5px;
}

.job-card__title {
  margin: 0;
  color: #1d2923;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.45;
}

.job-card__salary {
  max-width: 100%;
  color: var(--job-board-recruiter);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.45;
  text-align: left;
  overflow-wrap: anywhere;
}

.job-card__salary--negotiable {
  color: #93a09a;
  font-size: 13px;
  font-weight: 700;
}

.job-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #526058;
  font-size: 13px;
  line-height: 1.6;
}

.job-card__meta span {
  display: inline-flex;
  align-items: center;
}

.job-card__meta span + span::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 10px;
  background: #dce3df;
}

.job-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.job-card__tag {
  padding: 3px 10px;
  border-radius: 4px;
  background: #f4f7f5;
  color: #526058;
  font-size: 12px;
  line-height: 1.5;
}

.job-card__footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  align-self: end;
  gap: 5px 10px;
  padding-top: 12px;
  border-top: 1px dashed #e8ece9;
  font-size: 12px;
  line-height: 1.6;
}

.job-card__company {
  min-width: 0;
  color: #1d2923;
  font-size: 13px;
  font-weight: 800;
}

.job-card__source {
  grid-column: 1;
  color: #75817a;
  overflow-wrap: anywhere;
}

.job-card__source--link {
  color: var(--job-board-seeker);
  font-weight: 700;
  text-decoration: none;
}

.job-card__source--link:hover {
  text-decoration: underline;
}

.job-interest {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  grid-column: 2;
  grid-row: 1;
  margin-left: 0;
  padding: 8px 16px;
  border: 1px solid rgba(198, 93, 72, 0.45);
  border-radius: 999px;
  background: #ffffff;
  color: var(--job-board-recruiter);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  justify-content: center;
  min-width: 102px;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(198, 93, 72, 0.1);
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, color 160ms ease;
}

@media (max-width: 960px) {
  .job-board-section__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .job-board-cards {
    gap: 28px;
  }

  .job-board-section__divider {
    margin-bottom: 12px;
  }

  .job-board-section__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .job-card {
    min-height: 0;
    padding: 17px 15px;
  }
}

.job-interest svg {
  display: block;
  margin-top: -1px;
}

.job-interest:hover {
  border-color: var(--job-board-recruiter);
  background: #fdf1ed;
  box-shadow: 0 5px 14px rgba(198, 93, 72, 0.18);
  transform: translateY(-1px);
}

.job-interest:active {
  transform: translateY(0);
}

.job-interest:focus-visible {
  outline: 2px solid var(--job-board-recruiter);
  outline-offset: 2px;
}

.job-interest--active,
.job-interest--active:hover {
  border-color: transparent;
  background: linear-gradient(135deg, #d16a52 0%, #c65d48 100%);
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(198, 93, 72, 0.32);
}

.job-interest[disabled] {
  cursor: default;
  opacity: 0.65;
  transform: none;
}

.job-flag {
  display: inline-flex;
  grid-column: 2;
  grid-row: 2;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 102px;
  padding: 8px 16px;
  border: 1px solid rgba(40, 123, 83, 0.48);
  border-radius: 999px;
  background: #ffffff;
  color: #287b53;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(40, 123, 83, 0.1);
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, color 160ms ease;
}

.job-flag svg {
  display: block;
}

.job-flag:hover {
  border-color: #287b53;
  background: #edf8f2;
  box-shadow: 0 5px 14px rgba(40, 123, 83, 0.2);
  transform: translateY(-1px);
}

.job-flag:active {
  transform: translateY(0);
}

.job-flag:focus-visible {
  outline: 2px solid #287b53;
  outline-offset: 2px;
}

.job-flag--active,
.job-flag--active:hover {
  border-color: transparent;
  background: #287b53;
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(40, 123, 83, 0.28);
}

.job-flag[disabled] {
  cursor: default;
  opacity: 0.65;
  transform: none;
}

.job-flag-count {
  position: absolute;
  top: -11px;
  left: 16px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: calc(100% - 32px);
  padding: 3px 10px;
  border: 1px solid rgba(40, 123, 83, 0.38);
  border-radius: 999px;
  background: #e8f5ed;
  color: #236646;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  box-shadow: 0 3px 8px rgba(40, 123, 83, 0.18);
}

.job-flag-count svg {
  display: block;
  flex: 0 0 auto;
}

.job-flag-dialog {
  position: fixed;
  z-index: 6100;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
}

.job-flag-dialog__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(15, 23, 19, 0.46);
  cursor: pointer;
}

.job-flag-dialog__panel {
  position: relative;
  width: min(520px, 100%);
  max-height: min(620px, calc(100vh - 40px));
  overflow: auto;
  padding: 22px;
  border: 1px solid rgba(40, 123, 83, 0.2);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 24px 64px rgba(15, 23, 19, 0.22);
}

.job-flag-dialog__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.job-flag-dialog__eyebrow {
  color: #287b53;
  font-size: 11px;
  font-weight: 800;
}

.job-flag-dialog__head h2 {
  margin: 4px 0 0;
  color: #1d2923;
  font-size: 21px;
  line-height: 1.3;
}

.job-flag-dialog__head p {
  margin: 6px 0 0;
  color: #64726a;
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.job-flag-dialog__close {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid #d9e1dc;
  border-radius: 50%;
  background: #ffffff;
  color: #526058;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.job-flag-dialog__form {
  display: grid;
  gap: 9px;
  margin-top: 20px;
}

.job-flag-dialog__form label {
  color: #26332c;
  font-size: 12px;
  font-weight: 800;
}

.job-flag-dialog__form input {
  width: 100%;
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid #cfd9d3;
  border-radius: 6px;
  background: #ffffff;
  color: #1d2923;
  font: inherit;
  font-size: 14px;
  line-height: 1.5;
}

.job-flag-dialog__form input:focus {
  border-color: #287b53;
  outline: 2px solid rgba(40, 123, 83, 0.14);
  outline-offset: 1px;
}

.job-flag-dialog__error {
  color: #b42318;
  font-size: 12px;
  line-height: 1.45;
}

.job-flag-dialog__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 8px;
}

.job-flag-dialog__actions > div {
  display: flex;
  gap: 8px;
}

.job-flag-dialog__actions button {
  min-height: 36px;
  padding: 8px 14px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.job-flag-dialog__cancel {
  border: 1px solid #d5ded8;
  background: #ffffff;
  color: #526058;
}

.job-flag-dialog__submit {
  border: 1px solid #287b53;
  background: #287b53;
  color: #ffffff;
}

.job-flag-dialog__remove {
  border: 1px solid rgba(180, 35, 24, 0.24);
  background: #fff7f6;
  color: #b42318;
}

.job-flag-dialog__actions button[disabled] {
  cursor: default;
  opacity: 0.62;
}

.job-board-login {
  display: grid;
  justify-items: start;
  gap: 10px;
  width: min(100%, 680px);
  margin: 20px auto 0;
  padding: 28px;
  border: 1px solid var(--job-board-line);
  border-top: 3px solid var(--job-board-seeker);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(23, 35, 29, 0.055);
}

.job-board-login__eyebrow {
  color: var(--job-board-seeker);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.job-board-login__title {
  margin: 0;
  color: var(--job-board-ink);
  font-size: 22px;
  line-height: 1.3;
  letter-spacing: 0;
}

.job-board-login__desc {
  margin: 0;
  color: var(--job-board-muted);
  font-size: 13px;
  line-height: 1.7;
}

.job-board-login__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  margin-top: 6px;
  padding: 0 18px;
  border: 0;
  border-radius: 6px;
  background: var(--job-board-charcoal);
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.job-board-login__button:hover {
  background: #263a31;
}

.job-board-login__note {
  margin: 0;
  color: #7b8881;
  font-size: 11px;
  line-height: 1.55;
}

.job-board-listing {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--job-board-line);
  border-radius: 8px;
  background: var(--job-board-surface);
  box-shadow: 0 8px 24px rgba(23, 35, 29, 0.04);
}

.job-board-listing__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 82px;
  padding: 17px 20px;
  border-bottom: 1px solid var(--job-board-line);
}

.job-board-listing__eyebrow {
  display: block;
  margin-bottom: 4px;
  color: var(--job-board-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.job-board-listing__head h2 {
  margin: 0;
  color: var(--job-board-ink);
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 0;
}

.job-board-listing__heading {
  min-width: 0;
}

.job-board-listing__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.job-board-listing__download {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid #cbd5cf;
  border-radius: 6px;
  background: #ffffff;
  color: #405048;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}

.job-board-listing__download > span:first-child {
  font-size: 16px;
  line-height: 1;
}

.job-board-listing__download:hover:not(:disabled) {
  border-color: #9eada5;
  background: #f4f7f5;
}

.job-board-listing__download:disabled {
  cursor: not-allowed;
  opacity: 0.42;
}

.job-board-listing__count {
  flex: 0 0 auto;
  min-width: 54px;
  padding: 6px 9px;
  border: 1px solid var(--job-board-line);
  border-radius: 6px;
  background: #f7f9f8;
  color: #526058;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  white-space: nowrap;
}

.job-board-table-scroll {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-color: #bdc9c2 #eef2ef;
  -webkit-overflow-scrolling: touch;
}

.job-board-table {
  width: 100%;
  min-width: 900px;
  border-spacing: 0;
  border-collapse: separate;
  color: #334039;
  font-size: 13px;
  line-height: 1.55;
}

.job-board-table--recruiter {
  min-width: 1320px;
}

.job-board-table th,
.job-board-table td {
  min-width: 112px;
  padding: 13px 16px;
  border-bottom: 1px solid #e8ece9;
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.job-board-table thead th {
  background: #f4f7f5;
  color: #526058;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.4;
  white-space: nowrap;
}

.job-board-table--seeker thead th {
  border-top: 2px solid var(--job-board-seeker);
}

.job-board-table--recruiter thead th {
  border-top: 2px solid var(--job-board-recruiter);
}

.job-board-table tbody th {
  min-width: 140px;
  color: #1d2923;
  font-weight: 800;
}

.job-board-table__multiline {
  min-width: 220px !important;
  white-space: pre-wrap;
}

.job-board-table tbody tr:last-child th,
.job-board-table tbody tr:last-child td {
  border-bottom: 0;
}

.job-board-table tbody tr:hover th,
.job-board-table tbody tr:hover td {
  background: #fafcfb;
}

.job-board-table__row--own th,
.job-board-table__row--own td {
  background: #f0f8f3;
}

.job-board-table__own {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  min-height: 20px;
  margin-left: 7px;
  padding: 0 5px;
  border-radius: 4px;
  background: var(--job-board-seeker);
  color: #ffffff;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  vertical-align: middle;
}

.job-board-table a {
  color: #15639a;
  font-weight: 750;
  text-decoration: underline;
  text-decoration-color: rgba(21, 99, 154, 0.3);
  text-underline-offset: 3px;
}

.job-board-table a:hover {
  color: #0f4d78;
  text-decoration-color: currentColor;
}

.job-board-table__empty {
  height: 110px;
  color: #7a8780;
  text-align: center !important;
  vertical-align: middle !important;
}

body.has-job-board-modal {
  overflow: hidden;
}

body.has-job-board-modal .nav-bar,
body.has-job-board-modal .mobile-bottom-nav {
  z-index: 0 !important;
  pointer-events: none;
}

.job-board-modal,
.job-board-poster-modal {
  position: fixed;
  z-index: 6000;
  inset: 0;
  display: grid;
  align-items: center;
  justify-items: center;
  padding: 20px;
  isolation: isolate;
}

.job-board-modal__backdrop,
.job-board-poster-modal__backdrop {
  position: absolute;
  z-index: -1;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: rgba(15, 23, 19, 0.7);
  cursor: default;
}

.job-board-modal__dialog,
.job-board-poster-modal__dialog {
  position: relative;
  width: min(100%, 600px);
  max-height: calc(100dvh - 40px);
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 28px 80px rgba(6, 14, 10, 0.32);
}

.job-board-modal__head,
.job-board-poster-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 78px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--job-board-line, #dce3df);
  background: #ffffff;
}

.job-board-modal__eyebrow,
.job-board-poster-modal__head span {
  display: block;
  margin-bottom: 3px;
  color: #718078;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.job-board-modal__head h2,
.job-board-poster-modal__head h2 {
  margin: 0;
  color: #18211d;
  font-size: 21px;
  line-height: 1.3;
  letter-spacing: 0;
}

.job-board-modal__close,
.job-board-poster-modal__head button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid #dce3df;
  border-radius: 6px;
  background: #f7f9f8;
  color: #334039;
  font-size: 23px;
  line-height: 1;
  cursor: pointer;
}

.job-board-modal__close:hover,
.job-board-poster-modal__head button:hover {
  border-color: #bac6bf;
  background: #eef2ef;
}

.job-board-identity {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 3px 12px;
  margin: 18px 20px 0;
  padding: 12px 14px;
  border-left: 3px solid #287b53;
  background: #f0f6f2;
}

.job-board-identity span {
  align-self: center;
  grid-row: 1 / 3;
  color: #68766e;
  font-size: 11px;
  font-weight: 800;
}

.job-board-identity strong {
  min-width: 0;
  color: #1e2b24;
  font-size: 14px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.job-board-identity small {
  color: #718078;
  font-size: 11px;
  line-height: 1.4;
}

.job-board-form {
  display: grid;
  gap: 17px;
  padding: 20px;
}

.job-board-field {
  display: grid;
  gap: 7px;
  min-width: 0;
  margin: 0;
}

fieldset.job-board-field {
  padding: 0;
  border: 0;
}

.job-board-field__label {
  color: #29362f;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
}

.job-board-field__label small {
  margin-left: 5px;
  color: #7b8881;
  font-size: 11px;
  font-weight: 700;
}

.job-board-field > input,
.job-board-field > textarea,
.job-board-field__unit-shell {
  width: 100%;
  min-width: 0;
  border: 1px solid #cbd5cf;
  border-radius: 6px;
  background: #ffffff;
  color: #1d2923;
  font: inherit;
  font-size: 14px;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}

.job-board-field > input {
  height: 44px;
  padding: 0 12px;
}

.job-board-field > textarea {
  min-height: 106px;
  padding: 10px 12px;
  line-height: 1.6;
  resize: vertical;
}

.job-board-field > input::placeholder,
.job-board-field > textarea::placeholder,
.job-board-field__unit-shell input::placeholder {
  color: #9aa59f;
}

.job-board-field > input:focus,
.job-board-field > textarea:focus,
.job-board-field__unit-shell:focus-within {
  outline: 0;
  border-color: #287b53;
  box-shadow: 0 0 0 3px rgba(40, 123, 83, 0.12);
}

.job-board-field__unit-shell {
  display: flex;
  align-items: stretch;
  overflow: hidden;
}

.job-board-field__unit-shell input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 42px;
  padding: 0 12px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #1d2923;
  font: inherit;
  font-size: 14px;
}

.job-board-field__unit-shell > span {
  display: inline-flex;
  flex: 0 0 48px;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #dce3df;
  background: #f3f6f4;
  color: #59665f;
  font-size: 12px;
  font-weight: 800;
}

.job-board-field--choice {
  min-inline-size: 0;
}

.job-board-choice {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.job-board-choice label {
  position: relative;
  min-width: 0;
  cursor: pointer;
}

.job-board-choice input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.job-board-choice span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid #cbd5cf;
  border-radius: 6px;
  background: #ffffff;
  color: #4f5d55;
  font-size: 13px;
  font-weight: 800;
}

.job-board-choice input:checked + span {
  border-color: #287b53;
  background: #edf7f1;
  color: #1f6946;
  box-shadow: inset 0 0 0 1px #287b53;
}

.job-board-choice input:focus-visible + span {
  outline: 3px solid rgba(40, 123, 83, 0.2);
  outline-offset: 2px;
}

.job-board-form__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-top: 4px;
}

.job-board-form__message {
  min-width: 0;
  color: #6a7770;
  font-size: 11px;
  line-height: 1.55;
}

.job-board-form__message--error {
  color: #b42318;
  font-weight: 700;
}

.job-board-form__submit {
  flex: 0 0 auto;
  min-height: 42px;
  padding: 0 17px;
  border: 0;
  border-radius: 6px;
  background: #287b53;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.job-board-form[data-entry-type="recruiter"] .job-board-form__submit {
  background: #b9513e;
}

.job-board-form__submit:hover:not(:disabled) {
  filter: brightness(0.94);
}

.job-board-form__submit:disabled {
  cursor: wait;
  opacity: 0.58;
}

.job-board-poster-modal__dialog {
  width: min(100%, 520px);
  overflow: hidden;
}

.job-board-poster-modal__preview {
  max-height: calc(100dvh - 190px);
  padding: 16px;
  overflow: auto;
  background: #e9eeeb;
  overscroll-behavior: contain;
}

.job-board-poster-modal__preview img {
  display: block;
  width: min(100%, 360px);
  height: auto;
  margin: 0 auto;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(20, 30, 25, 0.16);
}

.job-board-poster-modal__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 66px;
  padding: 12px 16px;
  border-top: 1px solid #dce3df;
  background: #ffffff;
}

.job-board-poster-modal__actions span {
  color: #6a7770;
  font-size: 11px;
  line-height: 1.45;
}

.job-board-poster-modal__actions a {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 6px;
  background: #1c2924;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
}

/* User approval: search, pagination and career postings */
.admin-user-search {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px 12px;
  align-items: center;
  margin-top: 18px;
  padding: 14px;
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 8px;
  background: #f7f9f8;
}

.admin-user-search > label {
  color: #29362f;
  font-size: 12px;
  font-weight: 800;
}

.admin-user-search > span {
  color: #728078;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.admin-user-search__controls {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto auto;
  gap: 7px;
  min-width: 0;
}

.admin-user-search input {
  width: 100%;
  min-width: 0;
  height: 38px;
  padding: 0 11px;
  border: 1px solid #cbd5cf;
  border-radius: 6px;
  background: #ffffff;
  color: #1d2923;
  font: inherit;
  font-size: 13px;
}

.admin-user-search input::placeholder {
  color: #98a39d;
}

.admin-user-search button {
  min-width: 68px;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid #1c2924;
  border-radius: 6px;
  background: #1c2924;
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.admin-user-search .admin-user-search__clear {
  border-color: #cbd5cf;
  background: #ffffff;
  color: #4f5d55;
}

.admin-user-search button:hover {
  filter: brightness(0.94);
}

.admin-user-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(17, 24, 39, 0.08);
}

.admin-user-pagination button {
  min-width: 34px;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid #cbd5cf;
  border-radius: 6px;
  background: #ffffff;
  color: #3e4b44;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.admin-user-pagination button:hover:not(:disabled),
.admin-user-pagination__page--active {
  border-color: #1c2924 !important;
  background: #1c2924 !important;
  color: #ffffff !important;
}

.admin-user-pagination button:disabled {
  cursor: not-allowed;
  opacity: 0.42;
}

.admin-user-pagination > span {
  margin-left: auto;
  color: #728078;
  font-size: 11px;
  font-weight: 700;
}

.admin-user-card__jobs {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(17, 24, 39, 0.06);
}

.admin-user-card__jobs h2 {
  margin: 0 0 8px;
  color: #111827;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 800;
}

.admin-user-card__interests,
.admin-user-card__flags {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(17, 24, 39, 0.06);
}

.admin-user-card__interests h2,
.admin-user-card__flags h2 {
  margin: 0 0 8px;
  color: #111827;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 800;
}

.admin-job-interest {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 12px;
  padding: 8px 12px;
  border: 1px solid rgba(17, 24, 39, 0.06);
  border-left: 3px solid #287b53;
  border-radius: 6px;
  background: #f7faf8;
}

.admin-job-interest + .admin-job-interest {
  margin-top: 6px;
}

.admin-job-interest__main {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  min-width: 0;
}

.admin-job-interest__role {
  color: #1d2923;
  font-size: 13px;
  font-weight: 800;
}

.admin-job-interest__company {
  color: #526058;
  font-size: 12px;
}

.admin-job-interest__time {
  color: #75817a;
  font-size: 12px;
  white-space: nowrap;
}

.admin-job-flag {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 5px 12px;
  padding: 9px 12px;
  border: 1px solid rgba(40, 123, 83, 0.12);
  border-left: 3px solid #287b53;
  border-radius: 6px;
  background: #f2f9f5;
}

.admin-job-flag + .admin-job-flag {
  margin-top: 6px;
}

.admin-job-flag__main {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.admin-job-flag__main > div {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
}

.admin-job-flag__role {
  color: #1d2923;
  font-size: 13px;
  font-weight: 800;
}

.admin-job-flag__company {
  color: #526058;
  font-size: 12px;
}

.admin-job-flag__reason {
  margin: 0;
  color: #236646;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.admin-job-flag__time {
  color: #75817a;
  font-size: 12px;
  white-space: nowrap;
}

.admin-user-card__jobs-list {
  display: grid;
  gap: 7px;
}

@media (max-width: 520px) {
  .job-flag-dialog {
    align-items: end;
    padding: 12px;
  }

  .job-flag-dialog__panel {
    max-height: calc(100vh - 24px);
    padding: 18px;
  }

  .job-flag-dialog__actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .job-flag-dialog__actions > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .job-flag-dialog__remove {
    width: 100%;
  }
}

.admin-user-card__jobs-empty {
  padding: 9px 11px;
  border: 1px dashed rgba(17, 24, 39, 0.14);
  border-radius: 6px;
  background: #fcfcfd;
  color: #667085;
  font-size: 12px;
  line-height: 1.45;
}

.admin-job-posting {
  min-width: 0;
  padding: 10px 12px;
  border-left: 3px solid #287b53;
  background: #f2f8f4;
}

.admin-job-posting--recruiter {
  border-left-color: #c65d48;
  background: #fff4f1;
}

.admin-job-posting--seeker {
  border-left-color: #287b53;
  background: #f2f8f4;
}

.admin-job-posting__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.admin-job-posting__head strong {
  color: #25322b;
  font-size: 12px;
  line-height: 1.4;
}

.admin-job-posting__head span {
  flex: 0 0 auto;
  color: #7b8881;
  font-size: 10px;
  line-height: 1.4;
  white-space: nowrap;
}

.admin-job-posting__details {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 0;
  margin-top: 5px;
  color: #536159;
  font-size: 11px;
  line-height: 1.55;
}

.admin-job-posting__details span {
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.admin-job-posting__details span:not(:last-child)::after {
  content: "\00b7";
  margin: 0 7px;
  color: #9aa59f;
}

.admin-job-posting__tools {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
}

.admin-job-posting__tools button {
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid rgba(180, 35, 24, 0.3);
  border-radius: 6px;
  background: #ffffff;
  color: #b42318;
  font: inherit;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.admin-job-posting__tools button:hover:not(:disabled) {
  border-color: #b42318;
  background: #fff1ef;
}

.admin-job-posting__tools button:disabled {
  cursor: wait;
  opacity: 0.55;
}

@media (max-width: 1199px) {
  .mobile-bottom-nav {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
    gap: 1px !important;
  }

  .mobile-bottom-nav.mobile-bottom-nav--admin {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }

  .page--job-board .job-board-hero {
    display: none;
  }

  .page--job-board {
    background: #f8f7f3;
  }

  .page--job-board .job-board-content {
    width: 100%;
    max-width: none;
    padding-right: 14px;
    padding-left: 14px;
  }
}

@media (max-width: 480px) {
  .mobile-bottom-nav__item--exchange .mobile-bottom-nav__label {
    font-size: 8px !important;
    letter-spacing: -0.01em !important;
  }
}

@media (max-width: 380px) {
  .mobile-bottom-nav__item--exchange .mobile-bottom-nav__label {
    font-size: 7px !important;
    letter-spacing: -0.02em !important;
  }
}

@media (max-width: 720px) {
  .page--job-board {
    min-height: calc(100vh - 44px);
    padding-bottom: 64px;
  }

  .job-board-hero__inner {
    width: min(calc(100% - 28px), 1296px);
  }

  .job-board-hero__inner {
    padding: 26px 0 24px;
  }

  .job-board-hero__title-row {
    align-items: stretch;
    flex-direction: column;
    gap: 18px;
  }

  .job-board-hero h1 {
    font-size: 29px;
  }

  .job-board-hero p {
    font-size: 13px;
  }

  .job-board-hero__identity {
    width: 100%;
    max-width: none;
  }

  .job-board-content {
    gap: 20px;
    padding-top: 18px;
  }

  .job-board-login {
    gap: 9px;
    margin-top: 6px;
    padding: 20px 16px;
  }

  .job-board-login__title {
    font-size: 20px;
  }

  .job-board-login__button {
    width: 100%;
  }

  .job-board-actions {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .job-board-action {
    grid-template-columns: 38px minmax(0, 1fr) 28px;
    gap: 12px;
    min-height: 94px;
    padding: 16px 14px;
  }

  .job-board-action__index {
    width: 38px;
    height: 38px;
  }

  .job-board-action__body strong {
    font-size: 17px;
  }

  .job-board-action__body span {
    font-size: 12px;
  }

  .job-board-listing__head {
    min-height: 72px;
    padding: 14px;
  }

  .job-board-listing__head h2 {
    font-size: 18px;
  }

  .job-board-table {
    font-size: 12px;
  }

  .job-board-table th,
  .job-board-table td {
    padding: 11px 13px;
  }

  .job-board-load-state {
    align-items: stretch;
    flex-direction: column;
  }

  .job-board-load-state button {
    width: 100%;
  }

  .job-board-modal,
  .job-board-poster-modal {
    align-items: end;
    padding: 8px 8px 0;
  }

  .job-board-modal__dialog,
  .job-board-poster-modal__dialog {
    width: 100%;
    max-height: calc(100dvh - 8px);
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
  }

  .job-board-modal__head,
  .job-board-poster-modal__head {
    min-height: 68px;
    padding: 13px 14px;
  }

  .job-board-identity {
    margin: 14px 14px 0;
  }

  .job-board-form {
    gap: 15px;
    padding: 16px 14px max(18px, env(safe-area-inset-bottom));
  }

  .job-board-field > input,
  .job-board-field > textarea,
  .job-board-field__unit-shell input {
    font-size: 16px;
  }

  .job-board-form__footer,
  .job-board-poster-modal__actions {
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
  }

  .job-board-form__submit,
  .job-board-poster-modal__actions a {
    width: 100%;
  }

  .job-board-poster-modal__preview {
    max-height: calc(100dvh - 194px);
    padding: 12px;
  }

  .job-board-poster-modal__actions {
    min-height: 0;
    padding: 12px 14px max(14px, env(safe-area-inset-bottom));
  }

  .admin-user-search {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }

  .admin-user-search__controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-user-search__controls input {
    grid-column: 1 / -1;
    font-size: 16px;
  }

  .admin-user-search__controls button:only-of-type {
    grid-column: 1 / -1;
  }

  .admin-user-search > span {
    white-space: normal;
  }

  .admin-user-pagination > span {
    flex-basis: 100%;
    order: -1;
    margin-left: 0;
  }

  .admin-job-posting__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }

  .admin-job-posting__head span {
    white-space: normal;
  }

  .admin-job-posting__tools {
    width: 100%;
    justify-content: space-between;
  }

  .mobile-bottom-nav {
    left: 4px !important;
    right: 4px !important;
    gap: 0 !important;
    padding: 3px !important;
  }

  .mobile-bottom-nav__item {
    min-width: 0 !important;
    min-height: 42px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .mobile-bottom-nav__icon,
  .mobile-bottom-nav__icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  .mobile-bottom-nav__label,
  .mobile-bottom-nav__item--active .mobile-bottom-nav__label {
    max-width: 100%;
    overflow: hidden;
    font-size: 9px !important;
    line-height: 1.15 !important;
    text-overflow: clip;
    white-space: nowrap;
  }
}

@media (prefers-reduced-motion: reduce) {
  .job-board-action,
  .job-board-field > input,
  .job-board-field > textarea,
  .job-board-field__unit-shell {
    transition: none;
  }
}

/* Dedicated career posting route */
.job-board-form-page {
  display: grid;
  gap: 16px;
  width: min(calc(100% - 48px), 820px);
  margin: 0 auto;
  padding: 26px 0 72px;
}

.job-board-form-page__back {
  display: inline-flex;
  justify-self: start;
  align-items: center;
  min-height: 34px;
  padding: 0 2px;
  color: #526058;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.job-board-form-page__back:hover {
  color: #1f6946;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.job-board-form-page__back:focus-visible {
  outline: 3px solid rgba(40, 123, 83, 0.22);
  outline-offset: 2px;
}

.job-board-form-page__heading {
  display: grid;
  gap: 6px;
  padding: 18px 20px;
  border-bottom: 1px solid #dce3df;
}

.job-board-form-page__heading > span {
  color: #287b53;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.job-board-form-page__heading h1,
.job-board-form-page__heading h2 {
  margin: 0;
  color: #18211d;
  font-size: 26px;
  line-height: 1.25;
  letter-spacing: 0;
}

.job-board-form-page__heading p {
  margin: 0;
  max-width: 660px;
  color: #66736d;
  font-size: 13px;
  line-height: 1.65;
}

.job-board-form-panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dce3df;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(23, 35, 29, 0.055);
}

.job-board-form-panel .job-board-identity {
  margin-top: 20px;
}

/* Quant research library: search first, with a centered idle state. */
.page--knowledge-graph .knowledge-graph-filter-block--strategy {
  display: none !important;
}

@media (min-width: 1200px) {
  .page--knowledge-graph {
    display: flex !important;
    flex-direction: column !important;
    min-height: calc(100vh - 143px) !important;
    min-height: calc(100svh - 143px) !important;
    box-sizing: border-box !important;
  }

  .page--knowledge-graph > .knowledge-graph-hero {
    flex: 0 0 auto !important;
  }

  .page--knowledge-graph > .knowledge-graph-toolbar,
  .page--knowledge-graph > .knowledge-graph-status,
  .page--knowledge-graph > .knowledge-graph-workbench {
    flex-shrink: 0 !important;
  }

  .page--knowledge-graph > .nb-explore-band {
    flex: 0 0 auto !important;
    margin-top: auto !important;
  }

  .page--knowledge-graph--idle > .knowledge-graph-toolbar {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 24px !important;
    width: min(1100px, calc(100vw - 144px)) !important;
    min-height: 360px !important;
    margin: 0 auto !important;
    padding: 0 0 28px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-toolbar__head {
    display: none !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-search {
    width: min(880px, 100%) !important;
    margin: 0 auto !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-search__label {
    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;
  }

  .page--knowledge-graph--idle .knowledge-graph-search__input,
  .page--knowledge-graph--idle .knowledge-graph-search__button {
    min-height: 52px !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-filter-grid {
    width: 100% !important;
    margin: 0 auto !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-filter-row {
    justify-content: center !important;
  }

  .page--knowledge-graph--idle > .knowledge-graph-status {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .page--knowledge-graph {
    display: flex !important;
    flex-direction: column !important;
    min-height: calc(100vh - 58px) !important;
    min-height: calc(100svh - 58px) !important;
    padding: 0 14px calc(124px + env(safe-area-inset-bottom, 0px)) !important;
    box-sizing: border-box !important;
  }

  .page--knowledge-graph > .knowledge-graph-hero {
    flex: 0 0 auto !important;
  }

  .page--knowledge-graph--idle > .knowledge-graph-toolbar {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 18px !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-toolbar__head {
    display: none !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-search__label {
    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;
  }

  .page--knowledge-graph--idle .knowledge-graph-search,
  .page--knowledge-graph--idle .knowledge-graph-filter-grid {
    width: 100% !important;
    margin: 0 !important;
  }

  .page--knowledge-graph--idle > .knowledge-graph-status {
    display: none !important;
  }

  .page--knowledge-graph--results > .knowledge-graph-toolbar {
    flex: 0 0 auto !important;
    margin-top: 14px !important;
  }

  body:has(.page--knowledge-graph) .mobile-bottom-nav {
    position: fixed !important;
    z-index: 1000 !important;
    bottom: 10px !important;
    bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (max-width: 720px) {
  .job-board-form-page {
    gap: 13px;
    width: min(calc(100% - 28px), 820px);
    padding: 16px 0 64px;
  }

  .job-board-form-page__heading h1,
  .job-board-form-page__heading h2 {
    font-size: 22px;
  }

  .job-board-form-page__heading {
    padding: 14px;
  }

  .job-board-form-page__heading p {
    font-size: 12px;
  }

  .job-board-form-panel .job-board-identity {
    margin: 14px 14px 0;
  }
}

/* IMA knowledge-base archive. */
.page--ima-knowledge {
  --ima-ink: #17242e;
  --ima-muted: #687681;
  --ima-line: rgba(23, 36, 46, 0.12);
  --ima-surface: #ffffff;
  background: #f4f6f5;
}

.ima-knowledge-hero {
  flex: 0 0 auto;
  background: #17242e;
  color: #ffffff;
}

.ima-knowledge-hero__inner,
.ima-knowledge-content {
  width: min(1296px, calc(100% - 144px));
  margin: 0 auto;
}

.ima-knowledge-hero__inner {
  position: relative;
  display: grid;
  gap: 9px;
  padding: 38px 0 42px;
}

.ima-knowledge-hero__back {
  justify-self: start;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.ima-knowledge-hero__back:hover {
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.ima-knowledge-hero__eyebrow,
.ima-knowledge-content__eyebrow {
  color: #2f8f94;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.page--ima-knowledge .ima-knowledge-hero .ima-knowledge-hero__title {
  margin: 0;
  color: #ffffff !important;
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1.05;
  letter-spacing: 0;
}

.ima-knowledge-hero__desc {
  max-width: 660px;
  margin: 2px 0 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: 14px;
  line-height: 1.7;
}

.ima-knowledge-content {
  flex: 0 0 auto;
  padding: 42px 0 76px;
}

.ima-knowledge-content__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--ima-line);
}

.ima-knowledge-content__head h2 {
  margin: 7px 0 0;
  color: var(--ima-ink);
  font-size: 26px;
  line-height: 1.2;
}

.ima-knowledge-content__count {
  flex: 0 0 auto;
  color: var(--ima-muted);
  font-size: 13px;
  font-weight: 700;
}

.ima-knowledge-month-list {
  display: grid;
  gap: 42px;
  padding-top: 30px;
}

.ima-knowledge-month {
  min-width: 0;
}

.ima-knowledge-month__divider {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(47, 143, 148, 0.34);
}

.ima-knowledge-month__divider h3 {
  margin: 0;
  color: var(--ima-ink);
  font-size: 19px;
  line-height: 1.2;
}

.ima-knowledge-month__divider span {
  color: var(--ima-muted);
  font-size: 12px;
  font-weight: 700;
}

.ima-knowledge-code-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.ima-knowledge-code-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--ima-line);
  border-radius: 8px;
  background: var(--ima-surface);
  color: inherit;
  text-decoration: none;
  box-shadow: 0 8px 22px rgba(23, 36, 46, 0.055);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.ima-knowledge-code-card:hover,
.ima-knowledge-code-card:focus-visible {
  border-color: rgba(47, 143, 148, 0.56);
  box-shadow: 0 14px 28px rgba(23, 36, 46, 0.11);
  transform: translateY(-2px);
}

.ima-knowledge-code-card:focus-visible {
  outline: 3px solid rgba(47, 143, 148, 0.24);
  outline-offset: 3px;
}

.ima-knowledge-code-card__media {
  display: block;
  aspect-ratio: 2 / 3;
  overflow: hidden;
  background: #edf1f0;
}

.ima-knowledge-code-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ima-knowledge-code-card__caption {
  display: grid;
  gap: 4px;
  min-height: 58px;
  padding: 10px 12px 12px;
}

.ima-knowledge-code-card__caption strong {
  color: var(--ima-ink);
  font-size: 13px;
  line-height: 1.2;
}

.ima-knowledge-code-card__caption span {
  color: var(--ima-muted);
  font-size: 11px;
  line-height: 1.25;
}

@media (min-width: 1200px) {
  .page--ima-knowledge {
    display: flex !important;
    min-height: calc(100vh - 143px) !important;
    min-height: calc(100svh - 143px) !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
  }

  .page--ima-knowledge > .nb-explore-band {
    flex: 0 0 auto !important;
    margin-top: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1499px) {
  .ima-knowledge-code-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1199px) {
  .page--ima-knowledge {
    min-height: calc(100vh - 58px);
    min-height: calc(100svh - 58px);
    padding-bottom: calc(124px + env(safe-area-inset-bottom, 0px));
    box-sizing: border-box;
  }

  .ima-knowledge-hero__inner,
  .ima-knowledge-content {
    width: auto;
    margin-left: 14px;
    margin-right: 14px;
  }

  .ima-knowledge-hero__inner {
    padding: 24px 0 28px;
  }

  .ima-knowledge-content {
    padding: 28px 0 48px;
  }

  .ima-knowledge-code-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }

  body:has(.page--ima-knowledge) .mobile-bottom-nav {
    position: fixed !important;
    z-index: 1000 !important;
    bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (max-width: 640px) {
  .ima-knowledge-content__head {
    display: grid;
    align-items: start;
    gap: 8px;
  }

  .ima-knowledge-content__head h2 {
    font-size: 22px;
  }

  .ima-knowledge-content__count {
    font-size: 12px;
  }

  .ima-knowledge-month-list {
    gap: 30px;
    padding-top: 24px;
  }

  .ima-knowledge-month__divider h3 {
    font-size: 17px;
  }

  .ima-knowledge-code-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .ima-knowledge-code-card__caption {
    min-height: 54px;
    padding: 8px 9px 10px;
  }

  .ima-knowledge-code-card__caption strong {
    font-size: 12px;
  }

  .ima-knowledge-code-card__caption span {
    font-size: 10px;
  }
}

/* ==========================================================================
   __POLISH_UNIFY__ 2026-07-29
   全站视觉统一收尾层：只调整颜色与质感，不改任何内容与布局。
   1) 全站主按钮（登录门 / 招聘登录）统一为品牌酒红胶囊；
   2) IMA 知识库 hero 由藏青改为品牌酒红渐变，与其余页面 hero 一致；
   3) 招聘登录卡绿色点缀改为酒红；
   4) 移动端 postal 藏青强调色令牌重定向为酒红（激活 tab、下载按钮、
      搜索按钮、徽章、列表符号等全部随之统一）；
   5) 移动端页面底色与填充色由冷灰改为暖纸色，与桌面端一致；
   6) 首页移动端卡片由透明平卡改为白卡 + 细边 + 轻阴影，
      与桌面端卡片语言一致。
   ========================================================================== */

/* ---- 1) 全站主按钮统一：酒红胶囊 ---- */
.section-auth-gate__button,
.page--library .section-auth-gate__button,
.page--library-detail .section-auth-gate__button,
.page--knowledge-graph .section-auth-gate__button,
.page--module-talent-flows .section-auth-gate__button,
.job-board-login__button {
  border-color: #651236 !important;
  border-radius: 999px !important;
  background: #651236 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(101, 18, 54, 0.22) !important;
}

.section-auth-gate__button:hover,
.job-board-login__button:hover {
  border-color: #7a1646 !important;
  background: #7a1646 !important;
}

/* ---- 2) IMA 知识库 hero 统一为品牌酒红 ---- */
.ima-knowledge-hero {
  background: linear-gradient(90deg, #651236 0%, #651236 72%, #5a112f 100%) !important;
}

.ima-knowledge-hero__eyebrow {
  color: rgba(255, 255, 255, 0.72) !important;
}

.ima-knowledge-content__eyebrow {
  color: #651236 !important;
}

.page--ima-knowledge {
  background: transparent !important;
}

/* ---- 3) 招聘登录卡：绿色点缀 → 酒红 ---- */
.job-board-login {
  border-top-color: #651236 !important;
}

.job-board-login__eyebrow {
  color: #651236 !important;
}

/* ---- 4-6) 移动端统一：酒红强调 + 暖纸底 + 白卡 ---- */
@media (max-width: 1199px) {
  :root {
    /* postal 藏青强调色 → 品牌酒红（引用令牌的所有组件随之统一） */
    --postal-blue: #7a1646 !important;
    --postal-blue-deep: #651236 !important;
    --postal-blue-soft: rgba(101, 18, 54, 0.1) !important;
    /* 页面底色 / 填充色 → 暖纸系，与桌面端 #efefea 一致 */
    --adm-bg: #f6f3ee !important;
    --adm-fill: #f6f4ef !important;
    --adm-fill-strong: #edeae3 !important;
  }

  /* 首页移动端卡片 → 白卡语言（与桌面端一致） */
  .page--home .home-mobile-report-card,
  .page--home .home-mobile-module-card {
    background: #ffffff !important;
    border: 1px solid rgba(17, 24, 39, 0.08) !important;
    border-radius: 16px !important;
    box-shadow:
      0 1px 2px rgba(15, 23, 42, 0.04),
      0 10px 24px rgba(15, 23, 42, 0.05) !important;
  }
}

/* __POLISH_UNIFY_END__ */

/* ==========================================================================
   __POLISH_KG_IDLE__ 2026-07-29
   量化资料页空态（未输入关键词）美化：只调整视觉，不改内容与交互。
   - 桌面端：搜索区收拢为一张居中白卡，恢复工具栏标题与状态行（原有文案），
     并加一层品牌酒红径向柔光，消除"裸输入框 + 大片空白"的观感；
   - 移动端：去掉 postal 层遗留的错位伪元素灰卡，搜索区改为紧凑白卡，
     垂直居中呈现为"检索首页"。
   ========================================================================== */

/* ---- 桌面端空态 ---- */
@media (min-width: 1200px) {
  .page--knowledge-graph--idle {
    position: relative !important;
  }

  /* 品牌柔光衬底 */
  .page--knowledge-graph--idle::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background:
      radial-gradient(640px 320px at 50% 30%, rgba(101, 18, 54, 0.07), transparent 70%),
      radial-gradient(420px 260px at 78% 62%, rgba(47, 111, 115, 0.05), transparent 72%) !important;
    pointer-events: none !important;
  }

  .page--knowledge-graph--idle > .knowledge-graph-toolbar {
    position: relative !important;
    flex: 0 0 auto !important;
    width: min(1296px, calc(100vw - 144px)) !important;
    max-width: none !important;
    box-sizing: border-box !important;
    min-height: 0 !important;
    margin: auto !important;
    padding: 42px 52px 38px !important;
    border: 1px solid rgba(17, 24, 39, 0.08) !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow:
      0 1px 2px rgba(15, 23, 42, 0.04),
      0 28px 64px rgba(15, 23, 42, 0.09) !important;
    gap: 24px !important;
    justify-content: center !important;
  }

  /* 恢复原有标题文案，居中排版 */
  .page--knowledge-graph--idle .knowledge-graph-toolbar__head {
    display: grid !important;
    gap: 10px !important;
    justify-items: center !important;
    text-align: center !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-toolbar__head h2 {
    font-size: 26px !important;
    letter-spacing: -0.01em !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-toolbar__head p {
    max-width: 560px !important;
    margin: 0 !important;
    text-align: center !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-search__input,
  .page--knowledge-graph--idle .knowledge-graph-search__button {
    border-radius: 999px !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-search__input {
    padding-left: 22px !important;
  }

  /* 恢复原有状态行，作为卡片下方的低调元信息 */
  .page--knowledge-graph--idle > .knowledge-graph-status {
    position: relative !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px 18px !important;
    width: min(860px, calc(100vw - 240px)) !important;
    margin: 0 auto 36px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #667085 !important;
    font-size: 12px !important;
  }
}

/* ---- 移动端空态 ---- */
@media (max-width: 1199px) {
  .page--knowledge-graph--idle::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background:
      radial-gradient(320px 220px at 50% 22%, rgba(101, 18, 54, 0.08), transparent 72%) !important;
    pointer-events: none !important;
  }

  .page--knowledge-graph--idle {
    position: relative !important;
  }

  .page--knowledge-graph--idle > .knowledge-graph-toolbar {
    position: relative !important;
    flex: 0 0 auto !important;
    margin: auto !important;
    padding: 22px 18px 20px !important;
    border: 1px solid rgba(17, 24, 39, 0.08) !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow:
      0 1px 2px rgba(15, 23, 42, 0.04),
      0 14px 32px rgba(15, 23, 42, 0.07) !important;
    gap: 16px !important;
  }

  /* 清除 postal 层遗留的错位伪元素灰卡 */
  .page--knowledge-graph--idle > .knowledge-graph-toolbar::before,
  .page--knowledge-graph--idle > .knowledge-graph-toolbar::after {
    display: none !important;
    content: none !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-toolbar__head {
    display: grid !important;
    gap: 6px !important;
    justify-items: center !important;
    text-align: center !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-toolbar__head h2 {
    font-size: 18px !important;
    margin: 0 !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-toolbar__head p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    text-align: center !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-search__input,
  .page--knowledge-graph--idle .knowledge-graph-search__button {
    border-radius: 999px !important;
  }

  .page--knowledge-graph--idle > .knowledge-graph-status {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px 12px !important;
    margin: 0 auto !important;
    padding: 0 8px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--postal-muted, #697483) !important;
    font-size: 11px !important;
    text-align: center !important;
  }

  .page--knowledge-graph--idle > .knowledge-graph-status::before,
  .page--knowledge-graph--idle > .knowledge-graph-status::after {
    display: none !important;
    content: none !important;
  }
}

/* __POLISH_KG_IDLE_END__ */

/* __POLISH_KG_IDLE_FIX__ 2026-07-29 — 空态卡片细节修正（仅视觉） */
@media (min-width: 1200px) {
  .page--knowledge-graph--idle .knowledge-graph-toolbar__head {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: center !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }
}

@media (max-width: 1199px) {
  /* 卡片 + 状态行作为整体垂直居中 */
  .page--knowledge-graph--idle {
    justify-content: center !important;
  }

  .page--knowledge-graph--idle > .knowledge-graph-toolbar {
    margin: 0 !important;
  }

  .page--knowledge-graph--idle > .knowledge-graph-status {
    margin: 14px auto 0 !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-toolbar__head {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: center !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  /* 主题筛选 chips 在卡片内换行居中，不再被裁切 */
  .page--knowledge-graph--idle .knowledge-graph-filter-row {
    flex-wrap: wrap !important;
    justify-content: center !important;
    overflow: visible !important;
    max-height: none !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-filter-block {
    justify-items: center !important;
  }
}

/* __POLISH_KG_IDLE_FIX_END__ */

/* ==========================================================================
   __POLISH_KG_UI__ 2026-08-02
   量化资料页视觉精修：只调整视觉，不改任何内容、文案与交互。
   1) 结果面板不再被 680px 固定高度拉伸（单条结果曾被拉成 500px 空白卡）；
   2) 结果行改为紧凑两列：左侧主题/标题/元信息，右侧「查看详情」；
   3) 卡片语言与全站统一：白卡 + 细边 + 轻阴影，去掉紫调描边与重投影；
   4) 搜索区层级统一：酒红实心主按钮 + 描边次按钮，胶囊输入框；
   5) 主题 chips 激活态由近黑改为品牌酒红，与分页激活态一致；
   6) 状态行、空态详情卡收敛为低调元信息与虚线占位。
   ========================================================================== */

/* ---- 1) 面板高度：由内容决定，不再拉伸单条结果 ---- */
.page--knowledge-graph .knowledge-graph-results-panel,
.page--knowledge-graph .knowledge-graph-workbench--with-results > .knowledge-graph-results-panel,
.page--knowledge-graph .knowledge-graph-workbench--search-only.knowledge-graph-workbench--with-results > .knowledge-graph-results-panel {
  height: auto !important;
  min-height: 0 !important;
}

.page--knowledge-graph .knowledge-graph-result-list {
  align-content: start !important;
  grid-auto-rows: min-content !important;
}

/* ---- 2) 桌面端卡片语言与全站统一 ---- */
@media (min-width: 1200px) {
  .page--knowledge-graph .knowledge-graph-toolbar,
  .page--knowledge-graph .knowledge-graph-results-panel,
  .page--knowledge-graph .knowledge-graph-side {
    border: 1px solid rgba(17, 24, 39, 0.08) !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    box-shadow:
      0 1px 2px rgba(15, 23, 42, 0.04),
      0 12px 30px rgba(15, 23, 42, 0.055) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .page--knowledge-graph .knowledge-graph-toolbar {
    gap: 18px !important;
    padding: 22px 26px 24px !important;
  }
}

/* ---- 3) 桌面端：工具栏头部与搜索区 ---- */
@media (min-width: 1200px) {
  .page--knowledge-graph .knowledge-graph-toolbar__head {
    grid-template-columns: minmax(0, 1fr) minmax(0, auto) !important;
    align-items: end !important;
    gap: 24px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid rgba(17, 24, 39, 0.07) !important;
  }

  .page--knowledge-graph .knowledge-graph-toolbar__head p {
    justify-self: end !important;
    max-width: 560px !important;
    margin: 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    text-align: right !important;
  }

  .page--knowledge-graph .knowledge-graph-toolbar__eyebrow,
  .page--knowledge-graph .knowledge-graph-results-panel__eyebrow,
  .page--knowledge-graph .knowledge-graph-side__eyebrow {
    color: #8d5570 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.14em !important;
  }

  .page--knowledge-graph .knowledge-graph-filter-block__label {
    color: #8d5570 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.14em !important;
  }

  .page--knowledge-graph .knowledge-graph-search {
    align-items: end !important;
    gap: 14px !important;
  }

  .page--knowledge-graph .knowledge-graph-search__label {
    color: #8a94a6 !important;
    font-size: 11px !important;
    letter-spacing: 0.1em !important;
  }

  .page--knowledge-graph .knowledge-graph-search__input {
    min-height: 48px !important;
    border: 1px solid rgba(17, 24, 39, 0.12) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    padding: 0 20px !important;
    color: #172230 !important;
    font-size: 14px !important;
  }

  .page--knowledge-graph .knowledge-graph-search__input:focus {
    border-color: rgba(101, 18, 54, 0.42) !important;
    box-shadow: 0 0 0 4px rgba(101, 18, 54, 0.08) !important;
  }

  .page--knowledge-graph .knowledge-graph-search__button {
    min-height: 48px !important;
    border: 1px solid #651236 !important;
    border-radius: 999px !important;
    background: #651236 !important;
    color: #ffffff !important;
    padding: 0 26px !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    box-shadow: 0 8px 18px rgba(101, 18, 54, 0.18) !important;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease !important;
  }

  .page--knowledge-graph .knowledge-graph-search__button:hover {
    border-color: #7a1646 !important;
    background: #7a1646 !important;
  }

  .page--knowledge-graph .knowledge-graph-search__button--random {
    border: 1px solid rgba(101, 18, 54, 0.28) !important;
    background: #ffffff !important;
    color: #651236 !important;
    box-shadow: none !important;
  }

  .page--knowledge-graph .knowledge-graph-search__button--random:hover {
    border-color: rgba(101, 18, 54, 0.5) !important;
    background: rgba(101, 18, 54, 0.05) !important;
    color: #651236 !important;
  }

  .page--knowledge-graph .knowledge-graph-search__button--random.knowledge-graph-search__button--active {
    border-color: #651236 !important;
    background: #651236 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(101, 18, 54, 0.18) !important;
  }
}

/* ---- 4) 桌面端：主题 chips 与状态行 ---- */
@media (min-width: 1200px) {
  .page--knowledge-graph .knowledge-graph-filter-row {
    gap: 9px !important;
  }

  .page--knowledge-graph .knowledge-graph-chip {
    min-height: 34px !important;
    border: 1px solid rgba(17, 24, 39, 0.1) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #3f4a5a !important;
    padding: 0 14px !important;
    gap: 7px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    transition: border-color 0.16s ease, color 0.16s ease, background-color 0.16s ease !important;
  }

  .page--knowledge-graph .knowledge-graph-chip span {
    color: #98a2b3 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
  }

  .page--knowledge-graph .knowledge-graph-chip:hover {
    border-color: rgba(101, 18, 54, 0.32) !important;
    background: rgba(101, 18, 54, 0.035) !important;
    color: #651236 !important;
  }

  .page--knowledge-graph .knowledge-graph-chip--active {
    border-color: #651236 !important;
    background: #651236 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 14px rgba(101, 18, 54, 0.16) !important;
  }

  .page--knowledge-graph .knowledge-graph-chip--active span {
    color: rgba(255, 255, 255, 0.72) !important;
  }

  .page--knowledge-graph .knowledge-graph-status {
    gap: 8px !important;
    margin-top: 14px !important;
  }

  .page--knowledge-graph:not(.page--knowledge-graph--idle) .knowledge-graph-status span {
    border: 1px solid rgba(17, 24, 39, 0.08) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    padding: 6px 13px !important;
    color: #667085 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
  }
}

/* ---- 5) 桌面端：结果面板与紧凑结果行 ---- */
@media (min-width: 1200px) {
  .page--knowledge-graph .knowledge-graph-results-panel__head {
    align-items: end !important;
    padding: 20px 22px 15px !important;
    border-bottom-color: rgba(17, 24, 39, 0.07) !important;
  }

  .page--knowledge-graph .knowledge-graph-results-panel__head h2 {
    color: #172230 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    letter-spacing: -0.005em !important;
  }

  .page--knowledge-graph .knowledge-graph-results-panel__head > span {
    color: #7b8798 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  .page--knowledge-graph .knowledge-graph-result-list {
    gap: 6px !important;
    max-height: none !important;
    padding: 12px !important;
    overflow: visible !important;
  }

  .page--knowledge-graph .knowledge-graph-result {
    position: relative !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      'type action'
      'title action'
      'meta action' !important;
    align-items: center !important;
    row-gap: 4px !important;
    column-gap: 18px !important;
    overflow: hidden !important;
    padding: 12px 16px !important;
    border: 1px solid transparent !important;
    border-radius: 14px !important;
    transition: background-color 0.16s ease, border-color 0.16s ease !important;
  }

  .page--knowledge-graph .knowledge-graph-result + .knowledge-graph-result {
    border-top-color: transparent !important;
    border-top-left-radius: 14px !important;
    border-top-right-radius: 14px !important;
  }

  .page--knowledge-graph .knowledge-graph-result::before {
    content: '' !important;
    position: absolute !important;
    top: 12px !important;
    bottom: 12px !important;
    left: 0 !important;
    width: 3px !important;
    border-radius: 0 999px 999px 0 !important;
    background: #651236 !important;
    opacity: 0 !important;
    transition: opacity 0.16s ease !important;
  }

  .page--knowledge-graph .knowledge-graph-result:hover,
  .page--knowledge-graph .knowledge-graph-result--active {
    border-color: rgba(101, 18, 54, 0.16) !important;
    background: rgba(101, 18, 54, 0.028) !important;
  }

  .page--knowledge-graph .knowledge-graph-result:hover::before,
  .page--knowledge-graph .knowledge-graph-result--active::before {
    opacity: 1 !important;
  }

  .page--knowledge-graph .knowledge-graph-result__type {
    grid-area: type !important;
    align-self: end !important;
    color: #9a650f !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
  }

  .page--knowledge-graph .knowledge-graph-result__title {
    grid-area: title !important;
    color: #172230 !important;
    font-size: 14px !important;
    font-weight: 780 !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere !important;
  }

  .page--knowledge-graph .knowledge-graph-result__meta {
    grid-area: meta !important;
    align-self: start !important;
    color: #7b8798 !important;
    font-size: 11.5px !important;
    line-height: 1.4 !important;
  }

  .page--knowledge-graph .knowledge-graph-result__action {
    grid-area: action !important;
    align-self: center !important;
    justify-self: end !important;
    border: 1px solid rgba(101, 18, 54, 0.26) !important;
    border-radius: 999px !important;
    padding: 5px 13px !important;
    color: #651236 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    transition: opacity 0.16s ease !important;
  }

  .page--knowledge-graph .knowledge-graph-result:hover .knowledge-graph-result__action,
  .page--knowledge-graph .knowledge-graph-result--active .knowledge-graph-result__action {
    opacity: 1 !important;
  }
}

/* ---- 6) 桌面端：空态详情卡收敛为虚线占位 ---- */
@media (min-width: 1200px) {
  .page--knowledge-graph .knowledge-graph-workbench.knowledge-graph-workbench--search-only .knowledge-graph-side.knowledge-graph-side--empty,
  .page--knowledge-graph .knowledge-graph-side.knowledge-graph-side--empty {
    display: grid !important;
    justify-items: center !important;
    align-content: center !important;
    gap: 8px !important;
    min-height: 0 !important;
    padding: 30px 28px !important;
    border: 1px dashed rgba(17, 24, 39, 0.14) !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  .page--knowledge-graph .knowledge-graph-side--empty .knowledge-graph-side__head {
    display: grid !important;
    justify-items: center !important;
    gap: 5px !important;
    text-align: center !important;
  }

  .page--knowledge-graph .knowledge-graph-side--empty .knowledge-graph-side__title {
    color: #344054 !important;
    font-size: 17px !important;
    font-weight: 780 !important;
  }

  .page--knowledge-graph .knowledge-graph-side--empty .knowledge-graph-side__meta {
    color: #98a2b3 !important;
    font-size: 12px !important;
  }

  .page--knowledge-graph .knowledge-graph-side--empty .knowledge-graph-side__summary {
    max-width: 620px !important;
    margin: 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
  }
}

/* ---- 7) 桌面端空态：卡片收窄，主题区整体居中 ---- */
@media (min-width: 1200px) {
  .page--knowledge-graph--idle > .knowledge-graph-toolbar {
    width: min(1296px, calc(100vw - 144px)) !important;
    padding: 40px 52px 36px !important;
    border-color: rgba(17, 24, 39, 0.08) !important;
    border-radius: 22px !important;
    background: #ffffff !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-filter-grid {
    width: min(1100px, 100%) !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-filter-block {
    justify-items: center !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-filter-block__label {
    text-align: center !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-search__input {
    min-height: 52px !important;
    padding-left: 24px !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-search__button {
    min-height: 52px !important;
  }

  .page--knowledge-graph--idle > .knowledge-graph-status span {
    border: 1px solid rgba(17, 24, 39, 0.08) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    padding: 6px 13px !important;
    color: #667085 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
  }
}

/* ---- 8) 移动端：同步修掉拉伸并统一细节 ---- */
@media (max-width: 1199px) {
  .page--knowledge-graph .knowledge-graph-results-panel {
    max-height: none !important;
  }

  .page--knowledge-graph .knowledge-graph-result-list {
    max-height: none !important;
    overflow: visible !important;
  }

  .page--knowledge-graph .knowledge-graph-result {
    min-height: 0 !important;
    padding: 12px 13px 12px 16px !important;
  }

  .page--knowledge-graph .knowledge-graph-side--empty .knowledge-graph-side__title {
    font-size: 16px !important;
  }
}

/* __POLISH_KG_UI_END__ */

/* __POLISH_KG_UI_W__ 2026-08-03 — 空态卡片宽度收敛为与结果态一致（1296px / 100vw-144px，撤销 08-02 的撑满页面宽度） */
@media (min-width: 1200px) {
  .page--knowledge-graph--idle > .knowledge-graph-toolbar {
    width: min(1296px, calc(100vw - 144px)) !important;
    margin-inline: auto !important;
  }
  .page--knowledge-graph--idle .knowledge-graph-filter-grid {
    width: min(1100px, 100%) !important;
  }
}
/* __POLISH_KG_UI_W_END__ */

/* __POLISH_KG_IDLE_LEFT__ 2026-08-02 — 量化资料空态改为整体左对齐（仅排版，不改内容与交互） */
@media (min-width: 1200px) {
  .page--knowledge-graph--idle .knowledge-graph-toolbar__head {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: start !important;
    align-items: start !important;
    gap: 9px !important;
    text-align: left !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-toolbar__head p {
    justify-self: start !important;
    max-width: 760px !important;
    text-align: left !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-search {
    width: min(1040px, 100%) !important;
    margin: 0 !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-filter-grid {
    width: 100% !important;
    margin: 0 !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-filter-block {
    justify-items: start !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-filter-block__label {
    text-align: left !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-filter-row {
    justify-content: flex-start !important;
  }

  .page--knowledge-graph--idle > .knowledge-graph-status {
    box-sizing: border-box !important;
    width: min(1296px, calc(100vw - 144px)) !important;
    max-width: none !important;
    justify-content: flex-start !important;
    margin: 0 auto 36px !important;
    padding: 0 52px !important;
    text-align: left !important;
  }
}

@media (max-width: 1199px) {
  .page--knowledge-graph--idle .knowledge-graph-toolbar__head {
    justify-items: start !important;
    text-align: left !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-toolbar__head p {
    text-align: left !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-filter-block {
    justify-items: start !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-filter-block__label {
    text-align: left !important;
  }

  .page--knowledge-graph--idle .knowledge-graph-filter-row {
    justify-content: flex-start !important;
  }

  .page--knowledge-graph--idle > .knowledge-graph-status {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    justify-content: flex-start !important;
    margin: 14px 0 0 !important;
    padding: 0 18px !important;
    text-align: left !important;
  }
}
/* __POLISH_KG_IDLE_LEFT__END__ */
/* __POLISH_TALENT_FLOWS__START__ */
/* 人才库 UI 润色（pmpolish2）：不改内容，仅排版/比例/字号微调。
   作用域限定 .page--module-talent-flows（概览与机构详情共用此类），不影响人员详情页与其它模块。 */

/* 1. 流动路线条目：公司名与人数同行展示，示例人名独占第二行。
   修复详情页条目自动网格落位导致的「示例人名被挤进右列、人数掉到下一行」错位。 */
.page--module-talent-flows .talent-flows-route-item {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.page--module-talent-flows .talent-flows-route-item__path {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
}

.page--module-talent-flows .talent-flows-route-item__meta {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
}

.page--module-talent-flows .talent-flows-route-item__count {
  grid-column: 2;
  grid-row: 1 / span 2;
  justify-self: end;
  align-self: start;
  white-space: nowrap;
}

/* 2. 机构详情「频繁变动人员」履历时间线：日期列放宽并单行显示，不再折行。 */
.page--module-talent-flows-detail #talent-firm-spotlight .talent-flows-person-timeline__item {
  grid-template-columns: minmax(118px, auto) minmax(0, 1fr);
}

.page--module-talent-flows-detail #talent-firm-spotlight .talent-flows-person-timeline__period {
  white-space: nowrap;
}

/* 3. 概览机构条目 hover：可点条目给出轻微反馈，与全站卡片语言一致。 */
@media (hover: hover) {
  .page--module-talent-flows .talent-flows-mini-item,
  .page--module-talent-flows .talent-flows-route-item,
  .page--module-talent-flows .talent-flows-change-item,
  .page--module-talent-flows .talent-flows-related-item {
    transition: background 0.16s ease, border-color 0.16s ease;
  }

  .page--module-talent-flows .talent-flows-mini-item:hover,
  .page--module-talent-flows .talent-flows-route-item:hover,
  .page--module-talent-flows .talent-flows-change-item:hover,
  .page--module-talent-flows .talent-flows-related-item:hover {
    background: rgba(15, 23, 42, 0.032);
  }

  .page--module-talent-flows .talent-flows-mini-item:hover .talent-flows-mini-item__title,
  .page--module-talent-flows .talent-flows-route-item:hover .talent-flows-route-item__path,
  .page--module-talent-flows .talent-flows-change-item:hover .talent-flows-change-item__name-link,
  .page--module-talent-flows .talent-flows-related-item:hover .talent-flows-related-item__name {
    color: #003087;
  }
}

/* 4. 概览/详情条目主从文字对比微调：标题略收、meta 更柔和。 */
.page--module-talent-flows .talent-flows-mini-item__title,
.page--module-talent-flows .talent-flows-route-item__path,
.page--module-talent-flows .talent-flows-change-item__name,
.page--module-talent-flows .talent-flows-change-item__name-link {
  letter-spacing: -0.005em;
}

.page--module-talent-flows .talent-flows-mini-item__value,
.page--module-talent-flows .talent-flows-route-item__count {
  font-variant-numeric: tabular-nums;
}

/* 5. 移动端路线人数与示例人名的行距收紧（修复后同行展示，无需额外行距）。 */
@media (max-width: 1199px) {
  .page--module-talent-flows .talent-flows-route-item {
    column-gap: calc(12 * var(--rpx));
  }

  .page--module-talent-flows .talent-flows-route-item__count {
    font-size: calc(20 * var(--rpx));
    line-height: 1.4;
  }
}
/* __POLISH_TALENT_FLOWS__END__ */

/* __QUANT_STOCK_RANGE_PICKER__START__ */
/* 净值跟踪-量化选股页 日期区间选择器（仅该页渲染 .nav-range-picker） */
.nav-range-picker {
  display: flex;
  grid-column: 1 / -1;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  margin: 4px 0 12px;
  padding: 10px 14px;
  border: 1px solid #d8e0ea;
  border-radius: 10px;
  background: #f8fafc;
}

.nav-range-picker__label {
  font-size: 13px;
  font-weight: 700;
  color: #0f172a;
}

.nav-range-picker__field {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #475467;
}

.nav-range-picker__input {
  font: inherit;
  font-size: 12px;
  color: #0f172a;
  padding: 4px 6px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  background: #ffffff;
}

.nav-range-picker__input:focus {
  outline: 2px solid rgba(0, 48, 135, 0.25);
  outline-offset: 0;
  border-color: #003087;
}

.nav-range-picker__reset {
  font-size: 12px;
  font-weight: 700;
  color: #003087;
  background: transparent;
  border: 1px solid #003087;
  border-radius: 6px;
  padding: 4px 12px;
  cursor: pointer;
}

.nav-range-picker__reset:hover {
  background: rgba(0, 48, 135, 0.08);
}

.nav-range-picker__hint {
  font-size: 11px;
  color: #98a2b3;
}

@media (max-width: 640px) {
  .nav-range-picker {
    gap: 8px 10px;
    padding: 8px 10px;
  }

  .nav-range-picker__hint {
    flex-basis: 100%;
  }
}
/* __QUANT_STOCK_RANGE_PICKER__END__ */


/* --------------------------------------------------------------------------
   Quant research library detail modal 2026-08-05
   点击文章卡片弹出文章详情（Research note），替代原右侧常驻详情栏；
   关闭（×/背景/Escape）后回到结果列表并保持滚动位置。
   -------------------------------------------------------------------------- */
.knowledge-graph-detail-modal {
  position: fixed;
  inset: 0;
  z-index: 6200;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 56px 24px 48px;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.knowledge-graph-detail-modal__backdrop {
  position: fixed;
  inset: 0;
  display: block;
  background: rgba(26, 18, 32, 0.48);
  backdrop-filter: blur(8px) saturate(0.96);
  -webkit-backdrop-filter: blur(8px) saturate(0.96);
}

.knowledge-graph-detail-modal .knowledge-graph-detail-modal__dialog {
  position: relative;
  width: min(940px, 100%);
  min-height: 0;
  border: 1px solid rgba(89, 62, 116, 0.16);
  border-radius: 26px;
  background: rgba(255, 252, 248, 0.99);
  box-shadow: 0 36px 90px rgba(26, 18, 32, 0.32);
  animation: knowledgeGraphDetailModalIn 0.18s ease-out;
}

.knowledge-graph-detail-modal .knowledge-graph-detail-modal__dialog.knowledge-graph-side,
.knowledge-graph-detail-modal .knowledge-graph-detail-modal__dialog.knowledge-graph-side:not(.knowledge-graph-side--empty) {
  padding: 30px 34px;
}

.knowledge-graph-detail-modal .knowledge-graph-side__close {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(89, 62, 116, 0.14);
  background: rgba(255, 255, 255, 0.92);
}

@keyframes knowledgeGraphDetailModalIn {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 1199px) {
  .knowledge-graph-detail-modal {
    align-items: flex-end;
    padding: 0;
  }

  .knowledge-graph-detail-modal .knowledge-graph-detail-modal__dialog {
    width: 100% !important;
    max-width: none !important;
    max-height: calc(100vh - 30px);
    max-height: calc(100dvh - 30px);
    overflow-y: auto;
    overscroll-behavior: contain;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-radius: 24px 24px 0 0 !important;
    animation: knowledgeGraphDetailModalSheetIn 0.22s ease-out;
  }

  .knowledge-graph-detail-modal .knowledge-graph-detail-modal__dialog.knowledge-graph-side,
  .knowledge-graph-detail-modal .knowledge-graph-detail-modal__dialog.knowledge-graph-side:not(.knowledge-graph-side--empty) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    order: initial !important;
    padding: 22px 18px 32px !important;
  }

  .knowledge-graph-detail-modal .knowledge-graph-side__head,
  .knowledge-graph-detail-modal .knowledge-graph-side__summary,
  .knowledge-graph-detail-modal .knowledge-graph-side__abstract,
  .knowledge-graph-detail-modal .knowledge-graph-side__chips,
  .knowledge-graph-detail-modal .knowledge-graph-side__text-section,
  .knowledge-graph-detail-modal .knowledge-graph-side > .knowledge-graph-side__muted,
  .knowledge-graph-detail-modal .knowledge-graph-side__section {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}

@keyframes knowledgeGraphDetailModalSheetIn {
  from {
    opacity: 0.6;
    transform: translateY(48px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ========================================================================
   2026-08-22 人才库页面重设计（talentredesign1）
   - 概览页「最近一周人员变化」：三竖框 → 单块看板（净变化双向条形排行 + 流动路线）
   - 机构详情页：KPI 卡组 → 数字条；变动/画像两面板 → 合并面板；团队名单大卡片 → 紧凑表格
   ======================================================================== */

/* ---------- 最近一周人员变化看板 ---------- */
.talent-weekly-board {
  display: grid;
  gap: calc(28 * var(--rpx));
  padding: calc(26 * var(--rpx));
  border-radius: calc(24 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 calc(12 * var(--rpx)) calc(32 * var(--rpx)) rgba(15, 23, 42, 0.05);
}

.talent-weekly-board__col {
  display: grid;
  gap: calc(12 * var(--rpx));
  align-content: start;
  min-width: 0;
}

.talent-weekly-board__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: calc(12 * var(--rpx));
  padding-bottom: calc(12 * var(--rpx));
  border-bottom: 1px solid rgba(17, 24, 39, 0.1);
}

.talent-weekly-board__title {
  margin: 0;
  color: #111827;
  font-size: calc(26 * var(--rpx));
  font-weight: 700;
  line-height: 1.3;
}

.talent-weekly-board__hint {
  color: #98a2b3;
  font-size: calc(18 * var(--rpx));
  white-space: nowrap;
}

.talent-weekly-board__movers,
.talent-weekly-board__routes {
  display: grid;
}

.talent-weekly-board__mover {
  display: grid;
  grid-template-areas:
    'main value'
    'track track';
  align-items: center;
  column-gap: calc(16 * var(--rpx));
  row-gap: calc(8 * var(--rpx));
  padding: calc(14 * var(--rpx)) calc(6 * var(--rpx));
  border-bottom: 1px solid rgba(17, 24, 39, 0.06);
  border-radius: calc(12 * var(--rpx));
  transition: background 0.15s ease;
}

.talent-weekly-board__mover:last-child,
.talent-weekly-board__route:last-child {
  border-bottom: 0;
}

.talent-weekly-board__mover:hover {
  background: rgba(248, 250, 252, 0.95);
}

.talent-weekly-board__mover-main {
  grid-area: main;
  display: grid;
  gap: calc(4 * var(--rpx));
  min-width: 0;
}

.talent-weekly-board__mover-title {
  color: #111827;
  font-size: calc(22 * var(--rpx));
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.talent-weekly-board__mover-meta {
  color: #98a2b3;
  font-size: calc(17 * var(--rpx));
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.talent-weekly-board__mover-track {
  grid-area: track;
  position: relative;
  height: calc(10 * var(--rpx));
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.06);
}

.talent-weekly-board__mover-track::before {
  content: '';
  position: absolute;
  left: 50%;
  top: calc(-3 * var(--rpx));
  bottom: calc(-3 * var(--rpx));
  width: 1px;
  background: rgba(17, 24, 39, 0.16);
}

.talent-weekly-board__mover-track i {
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 999px;
}

.talent-weekly-board__mover--up .talent-weekly-board__mover-track i {
  left: 50%;
  background: linear-gradient(90deg, #86efac 0%, #16a34a 100%);
}

.talent-weekly-board__mover--down .talent-weekly-board__mover-track i {
  right: 50%;
  background: linear-gradient(270deg, #fca5a5 0%, #dc2626 100%);
}

.talent-weekly-board__mover-value {
  grid-area: value;
  font-size: calc(24 * var(--rpx));
  font-weight: 700;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.talent-weekly-board__mover--up .talent-weekly-board__mover-value {
  color: #16a34a;
}

.talent-weekly-board__mover--down .talent-weekly-board__mover-value {
  color: #dc2626;
}

.talent-weekly-board__route {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(14 * var(--rpx));
  padding: calc(14 * var(--rpx)) calc(6 * var(--rpx));
  border-bottom: 1px solid rgba(17, 24, 39, 0.06);
}

.talent-weekly-board__route-path {
  display: grid;
  gap: calc(2 * var(--rpx));
  min-width: 0;
  color: #111827;
  font-size: calc(21 * var(--rpx));
  font-weight: 600;
  line-height: 1.45;
}

.talent-weekly-board__route-path a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.talent-weekly-board__route-path a:hover {
  color: #1d4ed8;
}

.talent-weekly-board__route-target {
  display: flex;
  align-items: baseline;
  gap: calc(8 * var(--rpx));
  min-width: 0;
}

.talent-weekly-board__route-target a {
  color: #475467;
  font-weight: 500;
}

.talent-weekly-board__route-arrow {
  color: #98a2b3;
  font-weight: 400;
  line-height: 1;
}

.talent-weekly-board__route-count {
  flex-shrink: 0;
  padding: calc(6 * var(--rpx)) calc(14 * var(--rpx));
  border-radius: 999px;
  border: 1px solid rgba(37, 99, 235, 0.14);
  background: rgba(239, 246, 255, 0.94);
  color: #1d4ed8;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  white-space: nowrap;
}

/* ---------- 机构详情 hero 数字条 ---------- */
.talent-firm-stat-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(12 * var(--rpx));
}

.talent-firm-stat {
  display: grid;
  gap: calc(4 * var(--rpx));
  align-content: start;
  padding: calc(16 * var(--rpx)) calc(18 * var(--rpx));
  border-radius: calc(16 * var(--rpx));
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(17, 24, 39, 0.08);
}

.talent-firm-stat__label {
  color: #667085;
  font-size: calc(17 * var(--rpx));
  font-weight: 700;
}

.talent-firm-stat__value {
  color: #111827;
  font-size: calc(30 * var(--rpx));
  font-weight: 700;
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
}

.talent-firm-stat__value--text {
  color: #344054;
  font-size: calc(20 * var(--rpx));
  font-weight: 500;
  line-height: 1.6;
}

.talent-firm-stat--up .talent-firm-stat__value {
  color: #16a34a;
}

.talent-firm-stat--down .talent-firm-stat__value {
  color: #dc2626;
}

.talent-firm-stat--accent .talent-firm-stat__value {
  color: #1d4ed8;
}

.talent-firm-stat--summary {
  grid-column: 1 / -1;
}

/* ---------- 机构概览合并面板 ---------- */
.talent-firm-overview {
  gap: calc(18 * var(--rpx));
}

.talent-firm-overview__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(12 * var(--rpx));
}

.talent-firm-fact {
  display: grid;
  gap: calc(4 * var(--rpx));
  align-content: start;
  padding: calc(14 * var(--rpx)) calc(16 * var(--rpx));
  border-radius: calc(14 * var(--rpx));
  background: rgba(248, 250, 252, 0.9);
  border: 1px solid rgba(17, 24, 39, 0.06);
}

.talent-firm-fact__label {
  color: #667085;
  font-size: calc(17 * var(--rpx));
  font-weight: 700;
}

.talent-firm-fact__value {
  color: #111827;
  font-size: calc(26 * var(--rpx));
  font-weight: 700;
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
  word-break: break-all;
}

.talent-firm-fact--up .talent-firm-fact__value {
  color: #16a34a;
}

.talent-firm-fact__value--long {
  font-size: calc(22 * var(--rpx));
  line-height: 1.45;
}

.talent-firm-fact--down .talent-firm-fact__value {
  color: #dc2626;
}

.talent-firm-overview__notes {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--rpx));
  align-items: center;
  padding-top: calc(16 * var(--rpx));
  border-top: 1px dashed rgba(17, 24, 39, 0.12);
}

.talent-firm-overview__material {
  display: inline-flex;
  align-items: center;
  min-height: calc(40 * var(--rpx));
  padding: 0 calc(14 * var(--rpx));
  border-radius: 999px;
  border: 1px solid rgba(37, 99, 235, 0.22);
  background: rgba(239, 246, 255, 0.94);
  color: #1d4ed8;
  font-size: calc(16 * var(--rpx));
  font-weight: 700;
  white-space: nowrap;
}

.talent-firm-overview__material:hover {
  border-color: rgba(37, 99, 235, 0.4);
}

/* ---------- 团队名单紧凑表格 ---------- */
.talent-roster-table {
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: calc(20 * var(--rpx));
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 calc(12 * var(--rpx)) calc(32 * var(--rpx)) rgba(15, 23, 42, 0.05);
  overflow: hidden;
}

.talent-roster-table__head {
  display: none;
}

.talent-roster-table__row {
  display: grid;
  gap: calc(6 * var(--rpx));
  padding: calc(16 * var(--rpx)) calc(18 * var(--rpx));
  border-top: 1px solid rgba(17, 24, 39, 0.06);
}

.talent-roster-table__row:first-of-type {
  border-top: 0;
}

.talent-roster-table__row:hover {
  background: rgba(248, 250, 252, 0.95);
}

.talent-roster-table__row--inactive {
  background: rgba(254, 243, 242, 0.35);
}

.talent-roster-table__cell {
  min-width: 0;
  color: #344054;
  font-size: calc(19 * var(--rpx));
  line-height: 1.55;
}

.talent-roster-table__cell[data-label]::before {
  content: attr(data-label) '：';
  color: #98a2b3;
}

.talent-roster-table__cell--name {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--rpx));
  align-items: center;
}

.talent-roster-table__cell--name::before {
  display: none;
}

.talent-roster-table__name {
  color: #111827;
  font-size: calc(22 * var(--rpx));
  font-weight: 600;
}

a.talent-roster-table__name:hover {
  color: #1d4ed8;
  text-decoration: underline;
}

.talent-roster-table__badge {
  display: inline-flex;
  align-items: center;
  padding: calc(2 * var(--rpx)) calc(10 * var(--rpx));
  border-radius: 999px;
  border: 1px solid rgba(17, 24, 39, 0.1);
  background: rgba(248, 250, 252, 0.9);
  color: #475467;
  font-size: calc(15 * var(--rpx));
  font-weight: 700;
  white-space: nowrap;
}

.talent-roster-table__cell--previous {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.talent-roster-table__cell--empty {
  display: none;
}

/* ---------- 详情页路线/变动条目扁平化 ---------- */
.page--module-talent-flows-detail .talent-flows-route-list--detail,
.page--module-talent-flows-detail .talent-flows-change-list {
  display: grid;
  gap: 0;
}

.page--module-talent-flows-detail .talent-flows-route-item--detail,
.page--module-talent-flows-detail .talent-flows-change-item {
  background: none;
  border: 0;
  border-bottom: 1px solid rgba(17, 24, 39, 0.06);
  border-radius: 0;
  box-shadow: none;
  padding: calc(14 * var(--rpx)) calc(4 * var(--rpx));
}

.page--module-talent-flows-detail .talent-flows-route-item--detail:last-child,
.page--module-talent-flows-detail .talent-flows-change-item:last-child {
  border-bottom: 0;
}

/* ---------- 桌面端（min-width: 1200px） ---------- */
@media (min-width: 1200px) {
  .talent-weekly-board {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 40px;
    padding: 28px 32px;
    border-radius: 24px;
  }

  .talent-weekly-board__head {
    padding-bottom: 12px;
  }

  .talent-weekly-board__title {
    font-size: 17px;
  }

  .talent-weekly-board__hint {
    font-size: 12px;
  }

  .talent-weekly-board__mover {
    grid-template-areas: 'main track value';
    grid-template-columns: minmax(0, 1fr) 170px 48px;
    column-gap: 14px;
    padding: 10px 8px;
  }

  .talent-weekly-board__mover-title {
    font-size: 14.5px;
  }

  .talent-weekly-board__mover-meta {
    font-size: 12px;
  }

  .talent-weekly-board__mover-track {
    height: 8px;
  }

  .talent-weekly-board__mover-track::before {
    top: -2px;
    bottom: -2px;
  }

  .talent-weekly-board__mover-value {
    font-size: 15px;
  }

  .talent-weekly-board__route {
    padding: 10px 8px;
  }

  .talent-weekly-board__route-path {
    font-size: 13.5px;
  }

  .talent-weekly-board__route-target {
    gap: 6px;
  }

  .talent-weekly-board__route-count {
    padding: 3px 10px;
    font-size: 12px;
  }

  .talent-firm-stat-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .talent-firm-stat {
    flex: 0 1 150px;
    padding: 14px 18px;
    border-radius: 16px;
  }

  .talent-firm-stat__label {
    font-size: 12px;
  }

  .talent-firm-stat__value {
    font-size: 22px;
  }

  .talent-firm-stat__value--text {
    font-size: 13.5px;
  }

  .talent-firm-stat--summary {
    flex: 1 1 280px;
  }

  .talent-firm-overview__facts {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }

  .talent-firm-fact {
    padding: 14px 16px;
    border-radius: 14px;
  }

  .talent-firm-fact__label {
    font-size: 12px;
  }

  .talent-firm-fact__value {
    font-size: 19px;
  }

  .talent-firm-fact__value--long {
    font-size: 14.5px;
    line-height: 1.5;
  }

  .talent-firm-overview__notes {
    gap: 8px;
    padding-top: 16px;
  }

  .talent-firm-overview__material {
    min-height: 30px;
    padding: 0 12px;
    font-size: 12.5px;
  }

  .talent-roster-table__head {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.6fr) minmax(0, 0.6fr) minmax(0, 1fr) minmax(0, 0.8fr) minmax(0, 1.7fr);
    gap: 12px;
    padding: 10px 18px;
    background: #f8fafc;
    color: #667085;
    font-size: 12px;
    font-weight: 700;
  }

  .talent-roster-table__row {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.6fr) minmax(0, 0.6fr) minmax(0, 1fr) minmax(0, 0.8fr) minmax(0, 1.7fr);
    gap: 12px;
    align-items: center;
    padding: 10px 18px;
  }

  .talent-roster-table__row:first-of-type {
    border-top: 1px solid rgba(17, 24, 39, 0.06);
  }

  .talent-roster-table__cell {
    font-size: 13px;
  }

  .talent-roster-table__cell[data-label]::before {
    display: none;
  }

  .talent-roster-table__cell--empty {
    display: block;
  }

  .talent-roster-table__name {
    font-size: 14px;
  }

  .talent-roster-table__badge {
    font-size: 11px;
    padding: 1px 8px;
  }

  .page--module-talent-flows-detail .talent-flows-route-item--detail,
  .page--module-talent-flows-detail .talent-flows-change-item {
    padding: 12px 4px;
  }
}
/* ========================================================================
   2026-08-22 首页 UI 重设计（homedesign1）
   - hero：深酒红分层渐变 + 玫瑰/琥珀光晕 + 描边 quick-link 胶囊
   - 周报卡：圆角卡片 + 顶部渐变 accent + 悬浮抬升
   - 特色数据带：深酒红底 + 玻璃卡片 + 四色 accent
   - 移动端：新增紧凑 hero 卡 + 报告/模块卡圆角阴影统一
   ======================================================================== */

/* ---------- 桌面 hero ---------- */
@media (min-width: 1200px) {
  .nb-hero--home {
    background:
      radial-gradient(760px 460px at 84% 12%, rgba(217, 119, 87, 0.26), transparent 62%),
      radial-gradient(680px 520px at 8% 92%, rgba(158, 60, 90, 0.38), transparent 60%),
      linear-gradient(155deg, #39071a 0%, #4d0b26 48%, #2b0513 100%);
  }

  .nb-hero__visual--home {
    position: relative;
  }

  .nb-home-hero__glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(72px);
    pointer-events: none;
  }

  .nb-home-hero__glow--rose {
    width: 340px;
    height: 340px;
    right: 8%;
    top: -90px;
    background: rgba(226, 113, 84, 0.34);
    animation: nb-home-glow-drift 11s ease-in-out infinite alternate;
  }

  .nb-home-hero__glow--amber {
    width: 260px;
    height: 260px;
    right: 30%;
    bottom: -110px;
    background: rgba(232, 176, 99, 0.22);
    animation: nb-home-glow-drift 14s ease-in-out infinite alternate-reverse;
  }

  .nb-home-hero__stripe-field {
    gap: 14px;
    padding-right: 30px;
    opacity: 0.9;
  }

  .nb-home-hero__stripe {
    border-radius: 4px 4px 0 0;
    mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.35) 100%);
    -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.35) 100%);
  }

  .nb-home-hero__title {
    text-shadow: 0 2px 24px rgba(20, 4, 10, 0.35);
  }

  .nb-home-hero__desc {
    max-width: 520px;
  }

  @keyframes nb-home-glow-drift {
    from {
      transform: translate(0, 0) scale(1);
    }
    to {
      transform: translate(-26px, 18px) scale(1.08);
    }
  }

  /* ---------- 周报卡 ---------- */
  .page--home .nb-solution-card {
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 18px;
    padding: 24px 24px 20px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
    transition:
      transform 0.2s ease,
      box-shadow 0.2s ease;
  }

  .page--home .nb-solution-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.12);
  }

  .page--home .nb-solution-card::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    height: 4px;
    border-radius: 18px 18px 0 0;
    background: linear-gradient(90deg, #2f6f73, #7fb5b8);
  }

  .page--home .nb-solution-card--cta::before {
    background: linear-gradient(90deg, #651236, #c2567f);
  }

  .page--home .nb-solution-card--stock::before {
    background: linear-gradient(90deg, #8e4635, #dba07e);
  }

  .page--home .nb-solution-card--private::before {
    background: linear-gradient(90deg, #203a73, #6f8fd4);
  }

  .page--home .nb-solution-card {
    border-top-width: 1px;
  }

  .page--home .nb-solution-card__badge {
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(17, 24, 39, 0.06);
    font-size: 12px;
  }

  .page--home .nb-solution-card__rule {
    display: none;
  }

  .page--home .nb-solution-card__list {
    border-top: 1px solid rgba(17, 24, 39, 0.08);
    padding-top: 6px;
  }

  .page--home .nb-solution-card__list-item {
    padding: 6px 4px;
    border-radius: 8px;
    transition: background-color 0.15s ease;
  }

  .page--home .nb-solution-card__list-item:hover {
    background: rgba(17, 24, 39, 0.04);
  }

  .page--home .nb-solution-card .nb-text-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    align-self: flex-start;
    margin-top: 4px;
    padding: 7px 16px;
    border-radius: 999px;
    background: rgba(17, 24, 39, 0.06);
    font-weight: 700;
    transition:
      background-color 0.18s ease,
      color 0.18s ease;
  }

  .page--home .nb-solution-card .nb-text-link:hover {
    background: #4d0b26;
    color: #ffffff;
  }

  /* ---------- 特色数据带 ---------- */
  .home-featured-data-band {
    background:
      radial-gradient(900px 420px at 90% 0%, rgba(217, 119, 87, 0.16), transparent 60%),
      linear-gradient(160deg, #3a0719 0%, #2b0513 100%);
  }

  .home-featured-data-band__inner {
    padding: 56px var(--nb-page-content-gutter);
    gap: 28px;
  }

  .home-featured-data-band__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
  }

  .page--home .home-featured-data-band__heading {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: 0;
    color: #ffffff;
    font-size: 28px;
  }

  .home-featured-data-band__desc {
    margin: 0;
    color: rgba(255, 255, 255, 0.62);
    font-size: 14px;
  }

  .home-featured-data-band__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
  }

  .home-featured-data-band__item {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    padding: 18px 18px 16px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.05);
    transition:
      background-color 0.18s ease,
      border-color 0.18s ease,
      transform 0.18s ease;
  }

  .home-featured-data-band__item:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.24);
    transform: translateY(-2px);
    opacity: 1;
  }

  .home-featured-data-band__accent {
    grid-column: 1 / -1;
    width: 34px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #2dd4bf, #0f766e);
  }

  .home-featured-data-band__item--tone1 .home-featured-data-band__accent {
    background: linear-gradient(90deg, #fbbf24, #b45309);
  }

  .home-featured-data-band__item--tone2 .home-featured-data-band__accent {
    background: linear-gradient(90deg, #fb7185, #be123c);
  }

  .home-featured-data-band__item--tone3 .home-featured-data-band__accent {
    background: linear-gradient(90deg, #38bdf8, #1d4ed8);
  }

  .home-featured-data-band__copy {
    display: grid;
    gap: 6px;
    min-width: 0;
  }

  .home-featured-data-band__title {
    font-size: 16px;
    line-height: 1.35;
  }

  .home-featured-data-band__desc {
    color: rgba(255, 255, 255, 0.6);
    font-size: 12.5px;
    line-height: 1.55;
  }

  .home-featured-data-band__arrow {
    align-self: start;
    color: rgba(255, 255, 255, 0.55);
    font-size: 15px;
  }

  .home-featured-data-band__item:hover .home-featured-data-band__arrow {
    color: #ffffff;
  }
}

/* ---------- 移动端 ---------- */
.home-mobile-hero {
  display: grid;
  gap: calc(16 * var(--rpx));
  margin: calc(20 * var(--rpx)) calc(20 * var(--rpx)) 0;
  padding: calc(32 * var(--rpx)) calc(28 * var(--rpx));
  border-radius: calc(24 * var(--rpx));
  background:
    radial-gradient(circle at 88% 8%, rgba(217, 119, 87, 0.3), transparent 58%),
    linear-gradient(150deg, #3a0719 0%, #4d0b26 55%, #2b0513 100%);
  box-shadow: 0 calc(16 * var(--rpx)) calc(40 * var(--rpx)) rgba(43, 5, 19, 0.28);
}

.home-mobile-hero__eyebrow {
  color: rgba(255, 255, 255, 0.72);
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.page--home .home-mobile-hero__title {
  margin: 0;
  color: #ffffff !important;
  font-size: calc(44 * var(--rpx)) !important;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.home-mobile-hero__desc {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: calc(21 * var(--rpx));
  line-height: 1.65;
}

.home-mobile-hero__links {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10 * var(--rpx));
  margin-top: calc(6 * var(--rpx));
}

.home-mobile-hero__link {
  display: inline-flex;
  align-items: center;
  min-height: calc(44 * var(--rpx));
  padding: 0 calc(18 * var(--rpx));
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.94);
  font-size: calc(19 * var(--rpx));
  font-weight: 600;
}

.home-mobile-hero__link:active {
  background: rgba(255, 255, 255, 0.14);
}

/* 移动端报告卡/模块卡统一圆角阴影与顶部 accent */
.page--home .home-mobile-report-card,
.page--home .home-mobile-module-card {
  border-radius: calc(22 * var(--rpx));
  box-shadow: 0 calc(10 * var(--rpx)) calc(28 * var(--rpx)) rgba(15, 23, 42, 0.07);
}

.page--home .home-mobile-report-card {
  position: relative;
  overflow: hidden;
}

.page--home .home-mobile-report-card::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  z-index: 1 !important;
  width: auto !important;
  height: calc(6 * var(--rpx)) !important;
  background: linear-gradient(90deg, #651236, #c2567f) !important;
}

.page--home .home-mobile-report-card--stock::before {
  background: linear-gradient(90deg, #8e4635, #dba07e);
}

.page--home .home-mobile-report-card--private::before {
  background: linear-gradient(90deg, #203a73, #6f8fd4);
}
/* ========================================================================
   2026-08-22 全站主题统一（homedesign2）
   与首页 homedesign1 同一视觉语言：hero 分层渐变 + 光晕，卡片统一圆角/阴影/悬浮。
   仅桌面端（min-width:1200px）追加；各报告类型保留原有色相（CTA 酒红/股票赭石/私募藏青）。
   ======================================================================== */
@media (min-width: 1200px) {
  /* ---------- 周报 hero：保留各色相，叠光晕增层次 ---------- */
  .report-hero-band {
    background:
      radial-gradient(760px 340px at 86% 0%, rgba(217, 119, 87, 0.22) 0%, transparent 62%),
      radial-gradient(620px 380px at 6% 100%, rgba(0, 0, 0, 0.18) 0%, transparent 60%),
      linear-gradient(90deg, var(--report-band-bg-start) 0%, var(--report-band-bg-start) 74%, var(--report-band-bg-end) 100%);
  }

  .report-hero-band::before {
    mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.4) 100%);
    -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.4) 100%);
  }

  /* ---------- 各模块 hero：与首页同一深酒红分层 ---------- */
  .page--module-talent-flows > .talent-flows-hero-band:first-child,
  .page--module-tracking .tracking-module-intro--hero,
  .page--library .tracking-module-intro--hero,
  .page--library-detail .tracking-module-intro--hero,
  .page--knowledge-graph .knowledge-graph-hero,
  .page--private-manager-map .private-manager-map-hero,
  .job-board-hero,
  .insights-hero-band,
  .page--library-detail > .library-hero-band {
    background:
      radial-gradient(760px 340px at 86% 0%, rgba(217, 119, 87, 0.24) 0%, transparent 62%),
      radial-gradient(640px 400px at 8% 100%, rgba(158, 60, 90, 0.32) 0%, transparent 60%),
      linear-gradient(155deg, #39071a 0%, #4d0b26 52%, #2b0513 100%);
  }

  /* ---------- 卡片统一：圆角 + 细边 + 软阴影 ---------- */
  .chart-card,
  .library-article-row,
  .knowledge-graph-toolbar,
  .knowledge-graph-results-panel,
  .job-card {
    border-radius: 16px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
  }

  .chart-card,
  .library-article-row,
  .job-card {
    transition:
      transform 0.18s ease,
      box-shadow 0.18s ease,
      border-color 0.18s ease;
  }

  .chart-card:hover,
  .library-article-row:hover,
  .job-card:hover {
    transform: translateY(-2px);
    border-color: rgba(17, 24, 39, 0.14);
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.1);
  }
}

/* ---------- Exchange module（问答讨论区） ---------- */
.page--exchange {
  min-height: 60vh;
  background: #f6f7f8;
}

.exchange-content {
  width: 100%;
  box-sizing: border-box;
  padding: 24px var(--nb-page-content-gutter, 72px) 56px;
}

.exchange-ask-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 20px;
  border-radius: 6px;
  background: #ffffff;
  color: #2b0513;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.exchange-ask-button:hover {
  background: rgba(255, 255, 255, 0.86);
}

.exchange-hero-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

/* 手机版统一 UI：隐藏紫色 hero 带，操作按钮收进内容区移动操作行（桌面不显示） */
.exchange-mobile-actions {
  display: none;
}

.exchange-daily-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 20px;
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 6px;
  background: transparent;
  color: #ffffff;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
}

.exchange-daily-button:hover {
  background: rgba(255, 255, 255, 0.16);
}

.exchange-daily-button:disabled {
  opacity: 0.6;
  cursor: default;
}

.exchange-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  border: 1px solid transparent;
}

.exchange-button--primary {
  background: #287b53;
  color: #ffffff;
  border-color: #287b53;
}

.exchange-button--primary:hover:not(:disabled) {
  filter: brightness(0.94);
}

.exchange-button--ghost {
  background: #ffffff;
  color: #374151;
  border-color: rgba(17, 24, 39, 0.16);
}

.exchange-button--ghost:hover:not(:disabled) {
  background: #f3f4f6;
}

.exchange-button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.exchange-search {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}

.exchange-search__input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid rgba(17, 24, 39, 0.16);
  border-radius: 6px;
  background: #ffffff;
  font-size: 14px;
}

.exchange-search__input:focus {
  outline: 2px solid rgba(40, 123, 83, 0.35);
  outline-offset: 0;
  border-color: #287b53;
}

.exchange-state {
  padding: 48px 20px;
  border: 1px dashed rgba(17, 24, 39, 0.16);
  border-radius: 8px;
  background: #ffffff;
  color: #6b7280;
  font-size: 14px;
  text-align: center;
  line-height: 1.8;
}

.exchange-state--error {
  color: #b42318;
}

.exchange-state .exchange-back {
  display: inline-block;
  margin-top: 10px;
}

.exchange-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.exchange-row {
  display: flex;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 8px;
  background: #ffffff;
  transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

.exchange-row:hover {
  border-color: rgba(17, 24, 39, 0.16);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
}

.exchange-row__stats {
  flex: 0 0 56px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 2px;
}

.exchange-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  padding: 6px 4px;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 6px;
  background: #fafafa;
}

.exchange-stat strong {
  font-size: 15px;
  font-weight: 800;
  color: #111827;
  line-height: 1.2;
}

.exchange-stat span {
  font-size: 11px;
  color: #6b7280;
}

.exchange-row__main {
  flex: 1 1 auto;
  min-width: 0;
}

.exchange-row__title {
  display: inline-block;
  color: #1d4ed8;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  word-break: break-word;
}

.exchange-row__title:hover {
  text-decoration: underline;
}

.exchange-row__excerpt {
  margin: 4px 0 0;
  color: #4b5563;
  font-size: 13px;
  line-height: 1.65;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

.exchange-row__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 8px;
}

.exchange-row__meta {
  margin-left: auto;
  color: #6b7280;
  font-size: 12px;
  white-space: nowrap;
}

.exchange-tags {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
}

.exchange-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 4px;
  background: rgba(40, 123, 83, 0.1);
  color: #1f6a44;
  font-size: 12px;
  line-height: 1.6;
}

.exchange-author {
  color: #374151;
  font-size: 12px;
  font-weight: 700;
}

.exchange-author--anonymous {
  color: #9ca3af;
  font-weight: 600;
}

.exchange-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 18px;
}

.exchange-pagination__info {
  color: #6b7280;
  font-size: 13px;
}

.exchange-back {
  display: inline-block;
  margin-bottom: 14px;
  color: #1d4ed8;
  font-size: 13px;
  text-decoration: none;
}

.exchange-back:hover {
  text-decoration: underline;
}

.exchange-question,
.exchange-answer,
.exchange-form {
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 8px;
  background: #ffffff;
}

.exchange-question {
  padding: 20px 22px 14px;
}

.exchange-question__title {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.45;
  color: #111827;
  word-break: break-word;
}

.exchange-question__body {
  margin-top: 12px;
}

.exchange-question .exchange-tags {
  margin-top: 12px;
}

.exchange-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
}

.exchange-meta__time {
  color: #9ca3af;
  font-size: 12px;
}

.exchange-delete {
  padding: 0;
  border: 0;
  background: none;
  color: #b42318;
  font-size: 12px;
  cursor: pointer;
}

.exchange-delete:hover {
  text-decoration: underline;
}

.exchange-delete:disabled {
  cursor: wait;
  opacity: 0.55;
}

.exchange-poster-button {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  border: 1px solid rgba(101, 18, 54, 0.28);
  border-radius: 6px;
  background: rgba(101, 18, 54, 0.06);
  color: #651236;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.6;
  cursor: pointer;
}

.exchange-poster-button:hover {
  border-color: rgba(101, 18, 54, 0.5);
  background: rgba(101, 18, 54, 0.12);
}

.exchange-poster-button:disabled {
  cursor: wait;
  opacity: 0.55;
}

.exchange-question__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}

.exchange-row__actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.exchange-rich-text {
  color: #1f2937;
  font-size: 14px;
  line-height: 1.85;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.exchange-rich-text .katex-display {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 4px 0;
}

.exchange-math-pending {
  padding: 1px 5px;
  border-radius: 4px;
  background: #f3f4f6;
  color: #6b7280;
  font-size: 0.92em;
}

.exchange-comment .exchange-rich-text,
.exchange-comment__body {
  font-size: 13px;
  line-height: 1.7;
}

.exchange-answers__heading {
  margin: 26px 0 12px;
  font-size: 17px;
  font-weight: 800;
  color: #111827;
}

.exchange-answers {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.exchange-answer {
  padding: 18px 22px 12px;
}

.exchange-answer .exchange-meta {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px dashed rgba(17, 24, 39, 0.1);
}

.exchange-actionbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin-top: 12px;
}

.exchange-actionbar__btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 4px;
  border: 0;
  background: none;
  color: #6b7280;
  font-size: 13px;
  line-height: 1.4;
  cursor: pointer;
  transition: color 0.15s ease;
}

.exchange-actionbar__btn:hover {
  color: #651236;
}

.exchange-actionbar__btn--danger:hover {
  color: #b91c1c;
}

.exchange-actionbar__icon {
  font-size: 13px;
}

.exchange-actionbar--question {
  margin-top: 16px;
}

.exchange-upvote {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border: 1px solid rgba(101, 18, 54, 0.32);
  border-radius: 999px;
  background: #fff;
  color: #651236;
  font-size: 13px;
  line-height: 1.4;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.exchange-upvote:hover {
  background: rgba(101, 18, 54, 0.06);
}

.exchange-upvote--active,
.exchange-upvote--active:hover {
  background: #651236;
  border-color: #651236;
  color: #fff;
}

.exchange-upvote:disabled {
  opacity: 0.6;
  cursor: default;
}

.exchange-upvote__thumb {
  font-size: 14px;
}

.exchange-upvote__count {
  font-weight: 700;
  min-width: 8px;
  text-align: center;
}

.exchange-answers__hint {
  margin-left: 8px;
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
}

.exchange-comments {
  margin-top: 12px;
  padding-top: 8px;
  border-top: 1px solid rgba(17, 24, 39, 0.06);
}

.exchange-comment {
  padding: 8px 0 8px 12px;
  border-left: 2px solid rgba(17, 24, 39, 0.12);
}

.exchange-comment + .exchange-comment {
  margin-top: 6px;
}

.exchange-comment .exchange-meta {
  margin-top: 2px;
}

.exchange-comment-toggle {
  display: inline-block;
  margin-top: 8px;
  padding: 0;
  border: 0;
  background: none;
  color: #1d4ed8;
  font-size: 12px;
  cursor: pointer;
}

.exchange-comment-toggle:hover {
  text-decoration: underline;
}

.exchange-comment-form {
  margin-top: 10px;
}

.exchange-comment-form__input {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 10px;
  border: 1px solid rgba(17, 24, 39, 0.16);
  border-radius: 6px;
  font-size: 13px;
  font-family: inherit;
  resize: vertical;
}

.exchange-comment-form__input:focus {
  outline: 2px solid rgba(40, 123, 83, 0.35);
  border-color: #287b53;
}

.exchange-comment-form__footer {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
}

.exchange-comment-form__footer .exchange-form__message {
  flex: 1 1 auto;
}

.exchange-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 16px;
  padding: 20px 22px;
}

.exchange-answer-form {
  margin-top: 26px;
}

.exchange-form__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.exchange-form__label {
  font-size: 13px;
  font-weight: 700;
  color: #374151;
}

.exchange-form__label small {
  margin-left: 6px;
  color: #9ca3af;
  font-weight: 400;
}

.exchange-form__input,
.exchange-form__textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid rgba(17, 24, 39, 0.16);
  border-radius: 6px;
  background: #ffffff;
  font-size: 14px;
  font-family: inherit;
}

.exchange-form__textarea {
  line-height: 1.7;
  resize: vertical;
}

.exchange-form__input:focus,
.exchange-form__textarea:focus {
  outline: 2px solid rgba(40, 123, 83, 0.35);
  border-color: #287b53;
}

.exchange-anonymous-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #4b5563;
  font-size: 13px;
  cursor: pointer;
  user-select: none;
}

.exchange-preview {
  min-height: 44px;
  padding: 12px 14px;
  border: 1px dashed rgba(17, 24, 39, 0.18);
  border-radius: 6px;
  background: #fafafa;
}

.exchange-preview__placeholder {
  color: #9ca3af;
  font-size: 12px;
}

.exchange-form__footer {
  display: flex;
  align-items: center;
  gap: 12px;
}

.exchange-form__footer .exchange-button {
  margin-left: auto;
}

.exchange-form__message {
  color: #b42318;
  font-size: 13px;
}

@media (max-width: 1199px) {
  .page--exchange .job-board-hero {
    display: none;
  }

  .page--exchange .job-board-content {
    width: 100%;
    max-width: none;
    padding-right: 14px;
    padding-left: 14px;
  }

  .exchange-mobile-actions {
    display: flex;
    gap: 10px;
    margin: 2px 0 12px;
  }

  .exchange-mobile-actions__btn {
    flex: 1 1 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 16px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
  }

  .exchange-mobile-actions__btn--primary {
    border: 1px solid #651236;
    background: #651236;
    color: #ffffff;
  }

  .exchange-mobile-actions__btn--ghost {
    border: 1px solid rgba(101, 18, 54, 0.35);
    background: #ffffff;
    color: #651236;
  }

  .exchange-mobile-actions__btn:disabled {
    cursor: wait;
    opacity: 0.6;
  }
}

@media (max-width: 768px) {
  .exchange-content {
    padding: 16px 10px 40px;
  }

  .exchange-row {
    flex-direction: column;
    gap: 8px;
  }

  .exchange-row__stats {
    flex-direction: row;
    flex: 0 0 auto;
  }

  .exchange-stat {
    flex-direction: row;
    gap: 4px;
    padding: 3px 8px;
  }

  .exchange-row__meta {
    margin-left: 0;
    white-space: normal;
  }

  .exchange-row__actions {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .exchange-question,
  .exchange-answer,
  .exchange-form {
    padding-left: 14px;
    padding-right: 14px;
  }

  .exchange-question__title {
    font-size: 18px;
  }
}

/* ---------- 登录引导页美化（auth gate polish） ---------- */
.section-auth-gate.empty-card {
  border: 1px solid rgba(76, 11, 38, 0.1);
  border-radius: 20px;
  background:
    radial-gradient(720px 300px at 100% 0%, rgba(217, 119, 87, 0.12) 0%, transparent 60%),
    radial-gradient(640px 320px at 0% 100%, rgba(158, 60, 90, 0.1) 0%, transparent 55%),
    linear-gradient(135deg, #ffffff 0%, #faf7f5 100%);
  box-shadow: 0 18px 44px rgba(59, 7, 26, 0.1);
}

.section-auth-gate.empty-card::before {
  background: none;
}

.section-auth-gate.empty-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #d97757 0%, #9e3c5a 48%, #4d0b26 100%);
  pointer-events: none;
}

.section-auth-gate__icon {
  background: linear-gradient(145deg, #5c0f2e 0%, #9e3c5a 100%);
  box-shadow:
    0 10px 22px rgba(76, 11, 38, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.section-auth-gate__eyebrow {
  color: #9e3c5a;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.section-auth-gate__title {
  color: #26121b;
}

.section-auth-gate__button,
.job-board-login__button {
  border-radius: 999px;
  background: linear-gradient(135deg, #5c0f2e 0%, #8a2c4f 100%);
  box-shadow: 0 10px 22px rgba(76, 11, 38, 0.26);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    filter 0.18s ease;
}

.section-auth-gate__button::after,
.job-board-login__button::after {
  content: '→';
  margin-left: 8px;
  font-weight: 400;
}

.section-auth-gate__button:hover,
.job-board-login__button:hover {
  background: linear-gradient(135deg, #6d1338 0%, #a03860 100%);
  box-shadow: 0 14px 28px rgba(76, 11, 38, 0.32);
  transform: translateY(-1px);
  filter: none;
}

.section-auth-gate__button:active,
.job-board-login__button:active {
  transform: translateY(0);
}

.section-auth-gate__hint,
.job-board-login__note {
  color: #8a6d77;
}

.section-auth-gate__hint::before,
.job-board-login__note::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  vertical-align: -1px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 1 1 8 0v3'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 1 1 8 0v3'/%3E%3C/svg%3E") center / contain no-repeat;
}

.section-auth-preview__card {
  border: 1px solid rgba(76, 11, 38, 0.08);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 8px 20px rgba(59, 7, 26, 0.06);
}

.section-auth-preview__eyebrow {
  color: #9e3c5a;
}

.section-auth-preview__line {
  background: linear-gradient(90deg, rgba(76, 11, 38, 0.12) 0%, rgba(76, 11, 38, 0.03) 100%);
}

.job-board-login {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(76, 11, 38, 0.1);
  border-top: 1px solid rgba(76, 11, 38, 0.1);
  border-radius: 16px;
  background:
    radial-gradient(520px 220px at 100% 0%, rgba(217, 119, 87, 0.1) 0%, transparent 60%),
    radial-gradient(460px 240px at 0% 100%, rgba(158, 60, 90, 0.08) 0%, transparent 55%),
    linear-gradient(135deg, #ffffff 0%, #faf7f5 100%);
  box-shadow: 0 18px 44px rgba(59, 7, 26, 0.1);
}

.job-board-login::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #d97757 0%, #9e3c5a 48%, #4d0b26 100%);
  pointer-events: none;
}

.job-board-login__eyebrow {
  color: #9e3c5a;
  letter-spacing: 0.12em;
}

.job-board-login__title {
  color: #26121b;
}

/* ---------- Exchange 回答通知 bell ---------- */
.nb-site-header__utility {
  z-index: 3;
}

.exchange-notify {
  position: relative;
  z-index: 5004;
  display: inline-flex;
  align-items: center;
}

.exchange-notify__bell {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid rgba(17, 24, 39, 0.14);
  border-radius: 999px;
  background: #ffffff;
  color: #4b5563;
  cursor: pointer;
  transition:
    border-color 0.16s ease,
    color 0.16s ease,
    box-shadow 0.16s ease;
}

.exchange-notify__bell:hover {
  border-color: rgba(138, 44, 79, 0.45);
  color: #8a2c4f;
  box-shadow: 0 4px 12px rgba(76, 11, 38, 0.12);
}

.exchange-notify__bell svg {
  width: 17px;
  height: 17px;
}

.exchange-notify__bell--unread {
  border-color: rgba(138, 44, 79, 0.45);
  color: #8a2c4f;
}

.exchange-notify__badge {
  position: absolute;
  top: -5px;
  right: -5px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  box-sizing: border-box;
  border-radius: 999px;
  background: #c2334d;
  color: #ffffff;
  font-size: 10px;
  font-weight: 800;
  line-height: 16px;
  text-align: center;
  box-shadow: 0 0 0 2px #ffffff;
}

.exchange-notify__dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 300px;
  max-width: calc(100vw - 32px);
  padding: 8px;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.16);
  z-index: 80;
}

.exchange-notify__head {
  padding: 6px 10px;
  color: #6b7280;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.exchange-notify__item {
  display: block;
  padding: 8px 10px;
  border-radius: 8px;
  text-decoration: none;
}

.exchange-notify__item:hover {
  background: #f6f4f2;
}

.exchange-notify__item-title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #1f2937;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  word-break: break-word;
}

.exchange-notify__item-meta {
  display: block;
  margin-top: 2px;
  color: #9ca3af;
  font-size: 12px;
}

.exchange-notify__empty {
  padding: 18px 10px;
  color: #9ca3af;
  font-size: 13px;
  text-align: center;
}

.exchange-notify__more {
  display: block;
  margin-top: 4px;
  padding: 8px 10px 4px;
  border-top: 1px solid rgba(17, 24, 39, 0.08);
  color: #8a2c4f;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.exchange-notify__more:hover {
  text-decoration: underline;
}

.nav-bar__mobile-auth-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.exchange-notify--mobile .exchange-notify__dropdown {
  right: -6px;
}

/* ---------- 私募管理人：机构点赞 / 避坑 与 私募红黑榜 ---------- */
.talent-flows-search-result-item-wrap {
  display: grid;
  gap: calc(8 * var(--rpx));
}

.talent-institution-vote {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: calc(10 * var(--rpx));
  padding: 0 calc(6 * var(--rpx));
}

.talent-institution-vote__btn {
  display: inline-flex;
  align-items: center;
  gap: calc(7 * var(--rpx));
  min-height: calc(44 * var(--rpx));
  padding: 0 calc(14 * var(--rpx));
  border-radius: 999px;
  border: 1px solid rgba(17, 24, 39, 0.12);
  background: rgba(255, 255, 255, 0.92);
  color: #475467;
  font-size: calc(18 * var(--rpx));
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.talent-institution-vote__btn svg {
  flex: none;
}

.talent-institution-vote__btn:disabled {
  cursor: wait;
  opacity: 0.6;
}

.talent-institution-vote__count {
  font-variant-numeric: tabular-nums;
}

.talent-institution-vote__btn--up:hover {
  border-color: rgba(22, 163, 74, 0.45);
  color: #16a34a;
}

.talent-institution-vote__btn--up.is-active {
  border-color: rgba(22, 163, 74, 0.55);
  background: rgba(22, 163, 74, 0.12);
  color: #15803d;
}

.talent-institution-vote__btn--down:hover {
  border-color: rgba(220, 38, 38, 0.45);
  color: #dc2626;
}

.talent-institution-vote__btn--down.is-active {
  border-color: rgba(220, 38, 38, 0.55);
  background: rgba(220, 38, 38, 0.1);
  color: #b91c1c;
}

.talent-institution-vote__error {
  margin: calc(4 * var(--rpx)) calc(6 * var(--rpx)) calc(10 * var(--rpx));
  color: #b42318;
  font-size: calc(18 * var(--rpx));
  line-height: 1.5;
}

.talent-vote-board {
  display: grid;
  gap: calc(28 * var(--rpx));
  padding: calc(26 * var(--rpx));
  border-radius: calc(24 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 calc(12 * var(--rpx)) calc(32 * var(--rpx)) rgba(15, 23, 42, 0.05);
}

.talent-vote-board__col {
  display: grid;
  gap: calc(12 * var(--rpx));
  align-content: start;
  min-width: 0;
}

.talent-vote-board__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: calc(12 * var(--rpx));
  padding-bottom: calc(12 * var(--rpx));
  border-bottom: 1px solid rgba(17, 24, 39, 0.1);
}

.talent-vote-board__title {
  margin: 0;
  color: #111827;
  font-size: calc(26 * var(--rpx));
  font-weight: 700;
  line-height: 1.3;
}

.talent-vote-board__hint {
  color: #98a2b3;
  font-size: calc(18 * var(--rpx));
  white-space: nowrap;
}

.talent-vote-board__rows {
  display: grid;
}

.talent-vote-board__row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: calc(14 * var(--rpx));
  padding: calc(13 * var(--rpx)) calc(6 * var(--rpx));
  border-bottom: 1px solid rgba(17, 24, 39, 0.06);
  border-radius: calc(12 * var(--rpx));
  color: inherit;
  text-decoration: none;
  transition: background 0.15s ease;
}

.talent-vote-board__row:last-child {
  border-bottom: 0;
}

.talent-vote-board__row:hover {
  background: rgba(248, 250, 252, 0.95);
}

.talent-vote-board__rank {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(34 * var(--rpx));
  height: calc(34 * var(--rpx));
  border-radius: 50%;
  background: rgba(15, 23, 42, 0.06);
  color: #475467;
  font-size: calc(18 * var(--rpx));
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.talent-vote-board__col--up .talent-vote-board__row:nth-child(1) .talent-vote-board__rank,
.talent-vote-board__col--up .talent-vote-board__row:nth-child(2) .talent-vote-board__rank,
.talent-vote-board__col--up .talent-vote-board__row:nth-child(3) .talent-vote-board__rank {
  background: rgba(22, 163, 74, 0.14);
  color: #15803d;
}

.talent-vote-board__col--down .talent-vote-board__row:nth-child(1) .talent-vote-board__rank,
.talent-vote-board__col--down .talent-vote-board__row:nth-child(2) .talent-vote-board__rank,
.talent-vote-board__col--down .talent-vote-board__row:nth-child(3) .talent-vote-board__rank {
  background: rgba(220, 38, 38, 0.12);
  color: #b91c1c;
}

.talent-vote-board__name {
  color: #111827;
  font-size: calc(21 * var(--rpx));
  font-weight: 600;
  line-height: 1.45;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.talent-vote-board__count {
  font-size: calc(23 * var(--rpx));
  font-weight: 700;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.talent-vote-board__col--up .talent-vote-board__count {
  color: #16a34a;
}

.talent-vote-board__col--down .talent-vote-board__count {
  color: #dc2626;
}

@media (min-width: 1200px) {
  .talent-vote-board {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 40px;
    padding: 28px 32px;
    border-radius: 24px;
  }

  .talent-vote-board__head {
    padding-bottom: 12px;
  }

  .talent-vote-board__title {
    font-size: 17px;
  }

  .talent-vote-board__hint {
    font-size: 12px;
  }

  .talent-vote-board__row {
    padding: 10px 8px;
    gap: 12px;
  }

  .talent-vote-board__rank {
    width: 24px;
    height: 24px;
    font-size: 12px;
  }

  .talent-vote-board__name {
    font-size: 14px;
  }

  .talent-vote-board__count {
    font-size: 15px;
  }

  .talent-institution-vote {
    gap: 8px;
  }

  .talent-institution-vote__btn {
    min-height: 30px;
    padding: 0 12px;
    font-size: 12.5px;
  }
}

/* ---------- 管理后台：机构点赞 / 避坑管理 ---------- */
.admin-page__panel--votes {
  margin-top: 24px;
}

.admin-page__title--sub {
  font-size: calc(30 * var(--rpx));
}

.admin-vote-list {
  display: grid;
  gap: calc(10 * var(--rpx));
  margin-top: calc(18 * var(--rpx));
}

.admin-vote-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto auto;
  align-items: center;
  gap: calc(12 * var(--rpx));
  padding: calc(12 * var(--rpx)) calc(14 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: calc(12 * var(--rpx));
  background: rgba(248, 250, 252, 0.85);
}

.admin-vote-row--new {
  margin-top: calc(16 * var(--rpx));
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  background: rgba(255, 255, 255, 0.94);
}

.admin-vote-row__name {
  color: #111827;
  font-size: calc(19 * var(--rpx));
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-vote-row__raw {
  color: #98a2b3;
  font-size: calc(17 * var(--rpx));
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.admin-vote-row__field {
  display: inline-flex;
  align-items: center;
  gap: calc(8 * var(--rpx));
  color: #475467;
  font-size: calc(17 * var(--rpx));
  font-weight: 700;
  white-space: nowrap;
}

.admin-vote-row__field input,
.admin-vote-row__name-input {
  width: calc(110 * var(--rpx));
  min-height: calc(44 * var(--rpx));
  padding: 0 calc(10 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.14);
  border-radius: calc(8 * var(--rpx));
  background: #ffffff;
  color: #111827;
  font-size: calc(18 * var(--rpx));
}

.admin-vote-row__name-input {
  width: 100%;
}

.admin-vote-row__save {
  min-height: calc(44 * var(--rpx));
}

@media (max-width: 900px) {
  .admin-vote-row,
  .admin-vote-row--new {
    grid-template-columns: minmax(0, 1fr);
    justify-items: stretch;
  }

  .admin-vote-row__field input {
    width: 100%;
  }
}

.talent-institution-vote__error--info {
  color: #15803d;
}

/* ---------- 私募红黑榜：数量徽标紧跟机构名 + 匿名留言区 ---------- */
.talent-vote-board__row {
  display: flex;
  align-items: center;
  gap: calc(12 * var(--rpx));
}

.talent-vote-board__name {
  flex: 0 1 auto;
  min-width: 0;
}

.talent-vote-board__count {
  flex: none;
  margin-left: 0;
  padding: calc(4 * var(--rpx)) calc(12 * var(--rpx));
  border-radius: 999px;
  font-size: calc(17 * var(--rpx));
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
}

.talent-vote-board__col--up .talent-vote-board__count {
  background: rgba(22, 163, 74, 0.12);
  color: #15803d;
}

.talent-vote-board__col--down .talent-vote-board__count {
  background: rgba(220, 38, 38, 0.1);
  color: #b91c1c;
}

.talent-board-comments {
  margin-top: calc(24 * var(--rpx));
  padding: calc(22 * var(--rpx)) calc(26 * var(--rpx));
  border-radius: calc(24 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 calc(12 * var(--rpx)) calc(32 * var(--rpx)) rgba(15, 23, 42, 0.05);
}

.talent-board-comments__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: calc(12 * var(--rpx));
  padding-bottom: calc(12 * var(--rpx));
  border-bottom: 1px solid rgba(17, 24, 39, 0.1);
}

.talent-board-comments__title {
  margin: 0;
  color: #111827;
  font-size: calc(26 * var(--rpx));
  font-weight: 700;
  line-height: 1.3;
}

.talent-board-comments__hint {
  color: #98a2b3;
  font-size: calc(17 * var(--rpx));
  white-space: nowrap;
}

.talent-board-comments__form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: calc(12 * var(--rpx));
  align-items: end;
  margin-top: calc(14 * var(--rpx));
}

.talent-board-comments__input {
  width: 100%;
  min-height: calc(64 * var(--rpx));
  padding: calc(10 * var(--rpx)) calc(14 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.14);
  border-radius: calc(12 * var(--rpx));
  background: #ffffff;
  color: #111827;
  font-size: calc(19 * var(--rpx));
  line-height: 1.55;
  resize: vertical;
  font-family: inherit;
}

.talent-board-comments__input:focus {
  outline: none;
  border-color: rgba(0, 48, 135, 0.45);
}

.talent-board-comments__submit {
  min-height: calc(52 * var(--rpx));
  padding: 0 calc(22 * var(--rpx));
  border: none;
  border-radius: calc(12 * var(--rpx));
  background: #111827;
  color: #ffffff;
  font-size: calc(19 * var(--rpx));
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
}

.talent-board-comments__submit:disabled {
  cursor: wait;
  opacity: 0.64;
}

.talent-board-comments__list {
  display: grid;
  margin-top: calc(8 * var(--rpx));
}

.talent-board-comment {
  padding: calc(13 * var(--rpx)) calc(6 * var(--rpx));
  border-bottom: 1px solid rgba(17, 24, 39, 0.06);
}

.talent-board-comment:last-child {
  border-bottom: 0;
}

.talent-board-comment__meta {
  display: flex;
  align-items: center;
  gap: calc(12 * var(--rpx));
}

.talent-board-comment__author {
  color: #475467;
  font-size: calc(17 * var(--rpx));
  font-weight: 700;
}

.talent-board-comment__time {
  color: #98a2b3;
  font-size: calc(16 * var(--rpx));
}

.talent-board-comment__delete {
  margin-left: auto;
  padding: calc(2 * var(--rpx)) calc(10 * var(--rpx));
  border: 1px solid rgba(220, 38, 38, 0.35);
  border-radius: 999px;
  background: transparent;
  color: #b91c1c;
  font-size: calc(15 * var(--rpx));
  font-weight: 700;
  cursor: pointer;
}

.talent-board-comment__delete:disabled {
  cursor: wait;
  opacity: 0.6;
}

.talent-board-comment__body {
  margin: calc(6 * var(--rpx)) 0 0;
  color: #111827;
  font-size: calc(19 * var(--rpx));
  line-height: 1.65;
  white-space: pre-wrap;
  word-break: break-word;
}

@media (min-width: 1200px) {
  .talent-board-comments {
    padding: 22px 28px;
  }

  .talent-board-comments__title {
    font-size: 17px;
  }

  .talent-board-comments__hint {
    font-size: 12px;
  }

  .talent-board-comments__input {
    font-size: 13px;
  }

  .talent-board-comments__submit {
    min-height: 36px;
    font-size: 13px;
  }

  .talent-board-comment__body {
    font-size: 13.5px;
  }

  .talent-vote-board__count {
    font-size: 12px;
    padding: 2px 10px;
  }
}

/* ---------- 留言区美化（pmvote4） ---------- */
.talent-board-comments__head-main {
  display: flex;
  align-items: center;
  gap: calc(12 * var(--rpx));
  min-width: 0;
}

.talent-board-comments__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(30 * var(--rpx));
  padding: 0 calc(12 * var(--rpx));
  border-radius: 999px;
  background: rgba(0, 48, 135, 0.08);
  color: #003087;
  font-size: calc(16 * var(--rpx));
  font-weight: 800;
  white-space: nowrap;
}

.talent-board-comments__form {
  padding: calc(12 * var(--rpx));
  border-radius: calc(16 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(248, 250, 252, 0.9);
}

.talent-board-comments__input {
  border-color: transparent;
  background: transparent;
}

.talent-board-comments__input:focus {
  background: #ffffff;
  border-color: rgba(0, 48, 135, 0.35);
  box-shadow: 0 0 0 3px rgba(0, 48, 135, 0.08);
}

.talent-board-comments__submit {
  display: inline-flex;
  align-items: center;
  gap: calc(8 * var(--rpx));
  border-radius: 999px;
  background: linear-gradient(135deg, #7a1d43 0%, #bf2443 100%);
  box-shadow: 0 calc(8 * var(--rpx)) calc(18 * var(--rpx)) rgba(122, 29, 67, 0.22);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.talent-board-comments__submit:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 calc(10 * var(--rpx)) calc(22 * var(--rpx)) rgba(122, 29, 67, 0.3);
}

.talent-board-comments__list {
  display: grid;
  gap: calc(12 * var(--rpx));
  margin-top: calc(16 * var(--rpx));
}

.talent-board-comment {
  display: flex;
  align-items: flex-start;
  gap: calc(14 * var(--rpx));
  padding: calc(16 * var(--rpx)) calc(18 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.06);
  border-bottom: 1px solid rgba(17, 24, 39, 0.06);
  border-radius: calc(16 * var(--rpx));
  background: rgba(248, 250, 252, 0.85);
  transition: background 0.15s ease, border-color 0.15s ease;
}

.talent-board-comment:hover {
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(0, 48, 135, 0.12);
}

.talent-board-comment__avatar {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(48 * var(--rpx));
  height: calc(48 * var(--rpx));
  border-radius: 50%;
  background: linear-gradient(135deg, #5b6b8c 0%, #8a97b5 100%);
  color: #ffffff;
  font-size: calc(20 * var(--rpx));
  font-weight: 800;
}

.talent-board-comment__main {
  flex: 1;
  min-width: 0;
  display: grid;
  gap: calc(4 * var(--rpx));
}

.talent-board-comment__author {
  color: #344054;
}

.talent-board-comment__time {
  font-weight: 400;
}

.talent-board-comments__empty {
  margin-top: calc(16 * var(--rpx));
  padding: calc(28 * var(--rpx)) calc(16 * var(--rpx));
  border: 1px dashed rgba(17, 24, 39, 0.14);
  border-radius: calc(16 * var(--rpx));
  color: #98a2b3;
  font-size: calc(19 * var(--rpx));
  text-align: center;
}

@media (min-width: 1200px) {
  .talent-board-comment__avatar {
    width: 34px;
    height: 34px;
    font-size: 14px;
  }

  .talent-board-comment {
    padding: 12px 14px;
    gap: 12px;
  }
}

/* ---------- 留言区回复（pmreply1） ---------- */
.talent-board-comment__reply-toggle {
  margin-left: auto;
  padding: calc(2 * var(--rpx)) calc(12 * var(--rpx));
  border: 1px solid rgba(0, 48, 135, 0.3);
  border-radius: 999px;
  background: transparent;
  color: #003087;
  font-size: calc(15 * var(--rpx));
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.talent-board-comment__reply-toggle:hover {
  background: rgba(0, 48, 135, 0.08);
}

.talent-board-comment__reply-toggle[aria-expanded="true"] {
  background: rgba(0, 48, 135, 0.1);
}

.talent-board-comment__reply-toggle + .talent-board-comment__delete {
  margin-left: 0;
}

.talent-board-comment__replies {
  margin-top: calc(10 * var(--rpx));
  padding-left: calc(14 * var(--rpx));
  border-left: 2px solid rgba(0, 48, 135, 0.12);
  display: grid;
}

.talent-board-comment--reply {
  padding: calc(9 * var(--rpx)) calc(4 * var(--rpx));
  border-bottom: 1px solid rgba(17, 24, 39, 0.05);
}

.talent-board-comment--reply:last-child {
  border-bottom: 0;
}

.talent-board-comment__avatar--reply {
  width: calc(34 * var(--rpx));
  height: calc(34 * var(--rpx));
  font-size: calc(15 * var(--rpx));
}

.talent-board-comment--reply .talent-board-comment__body {
  font-size: calc(18 * var(--rpx));
}

.talent-board-comment__reply-form {
  margin-top: calc(10 * var(--rpx));
  padding: calc(10 * var(--rpx));
  border-radius: calc(14 * var(--rpx));
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(248, 250, 252, 0.9);
  display: grid;
  gap: calc(8 * var(--rpx));
  justify-items: end;
}

.talent-board-comment__reply-input {
  width: 100%;
  border-color: transparent;
  background: transparent;
}

.talent-board-comment__reply-input:focus {
  background: #ffffff;
  border-color: rgba(0, 48, 135, 0.35);
  box-shadow: 0 0 0 3px rgba(0, 48, 135, 0.08);
}

.talent-board-comment__reply-submit {
  min-height: calc(52 * var(--rpx));
  padding: 0 calc(22 * var(--rpx));
  font-size: calc(16 * var(--rpx));
}

@media (min-width: 1200px) {
  .talent-board-comment__replies {
    padding-left: 14px;
  }

  .talent-board-comment--reply {
    padding: 8px 6px;
  }

  .talent-board-comment__avatar--reply {
    width: 26px;
    height: 26px;
    font-size: 11px;
  }

  .talent-board-comment--reply .talent-board-comment__body {
    font-size: 13px;
  }

  .talent-board-comment__reply-submit {
    min-height: 32px;
    font-size: 12.5px;
  }
}


/* ==========================================================================
   2026-10-03 Awwwards 级 UI 精修层（入口 token：uiaward1）
   在既有 homedesign1/2、polish、postal 层之上做最后一段精修：
   1) 全局基底：品牌色 selection、数字表格化、桌面细滚动条；
   2) 首页 hero：条纹错落升起入场、内容梯度淡入、快捷胶囊箭头微交互；
   3) 特色数据带：修复 accent 条失系统（原 1/2 青、3/4 白、5+ 回落青），
      改为品牌四色循环（青/铜/赭/玫），空出的第 8 格以品牌条纹幽灵卡补位；
   4) 色板收拢：Exchange 蓝标题/绿按钮/绿标签/绿焦点环、地图黑按钮、
      IMA 青边、量化资料紫色搜索按钮与焦点环全部归入栗色系；
   5) 微交互：tab 悬浮位移、搜索卡聚焦环、列表行悬浮、页脚二维码卡缩放；
   6) 移动端：底部 9 项导航小屏字号收敛防裁切。
   本层只追加在文件末尾，等优先级靠后生效；移动端 postal !important 锁定的
   属性不做覆盖，仅补未锁定项。
   ========================================================================== */

/* ---------- 0. 全局基底 ---------- */

::selection {
  background: rgba(101, 18, 54, 0.92);
  color: #ffffff;
  text-shadow: none;
}

/* 统计类数字表格化，避免计数/日期跳动 */
.nb-solution-card__badge,
.tabs__item-count,
.exchange-stat strong,
.knowledge-graph-chip span,
.knowledge-graph-result__usage,
.knowledge-graph-result__meta,
.home-mobile-report-card__badge,
.home-mobile-module-card__badge,
.job-board-search__count,
.private-manager-map-hero__meta span,
.talent-board-comments__count,
.talent-flows-hero__meta strong {
  font-variant-numeric: tabular-nums;
}

/* 桌面细滚动条（webkit 系；Firefox 用 scrollbar-color） */
@media (min-width: 1200px) {
  html {
    scrollbar-color: rgba(101, 18, 54, 0.28) transparent;
  }

  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  ::-webkit-scrollbar-track {
    background: transparent;
  }

  ::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background: rgba(101, 18, 54, 0.2);
    background-clip: padding-box;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: rgba(101, 18, 54, 0.34);
    background-clip: padding-box;
  }
}

/* ---------- 1. 桌面顶部：导航下划线缓动统一、utility 行字距 ---------- */
@media (min-width: 1200px) {
  .nb-site-header__nav-link,
  .nb-site-header__nav-link::after,
  .nb-site-header__nav-caret {
    transition-timing-function: var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1));
  }

  .nb-site-header__utility-meta {
    letter-spacing: 0.02em;
    font-variant-numeric: tabular-nums;
  }

  .nb-site-header__auth-button {
    transition-timing-function: var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1));
  }

  .nb-site-header__auth-button:active {
    transform: scale(0.96);
  }
}

/* ---------- 2. 首页桌面 hero：条纹错落入场 + 内容梯度淡入 ---------- */
@media (min-width: 1200px) {
  .nb-home-hero__stripe {
    transform-origin: 50% 100%;
    animation: uiaward-stripe-rise 0.9s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1)) both;
  }

  .nb-home-hero__stripe:nth-child(1) { animation-delay: 0.02s; }
  .nb-home-hero__stripe:nth-child(2) { animation-delay: 0.09s; }
  .nb-home-hero__stripe:nth-child(3) { animation-delay: 0.16s; }
  .nb-home-hero__stripe:nth-child(4) { animation-delay: 0.23s; }
  .nb-home-hero__stripe:nth-child(5) { animation-delay: 0.3s; }
  .nb-home-hero__stripe:nth-child(6) { animation-delay: 0.37s; }
  .nb-home-hero__stripe:nth-child(7) { animation-delay: 0.44s; }
  .nb-home-hero__stripe:nth-child(8) { animation-delay: 0.51s; }

  .nb-home-hero__eyebrow,
  .nb-home-hero__title,
  .nb-home-hero__desc,
  .nb-home-hero__quick-links {
    animation: pp-view-in 0.62s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1)) both;
  }

  .nb-home-hero__title { animation-delay: 0.07s; }
  .nb-home-hero__desc { animation-delay: 0.14s; }
  .nb-home-hero__quick-links { animation-delay: 0.21s; }

  .nb-home-hero__quick-link {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }

  .nb-home-hero__quick-link-arrow {
    display: inline-block;
    transition: transform 0.2s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1));
  }

  .nb-home-hero__quick-link:hover .nb-home-hero__quick-link-arrow {
    transform: translateX(3px);
  }

  .nb-home-hero__quick-link:active {
    transform: translateY(0) scale(0.97);
  }
}

@keyframes uiaward-stripe-rise {
  from {
    transform: scaleY(0.001);
    opacity: 0;
  }
  to {
    transform: scaleY(1);
    opacity: 1;
  }
}

/* ---------- 3. 特色数据带：品牌四色 accent 循环 + 第 8 格幽灵条纹卡 ---------- */
@media (min-width: 1200px) {
  .page--home .home-featured-data-band__item::before {
    width: 100%;
    max-width: calc(100% + 4px);
    height: 6px;
    border-radius: 0;
    transition: opacity 0.2s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1));
  }

  .page--home .home-featured-data-band__item:nth-child(4n + 1)::before {
    background: linear-gradient(90deg, #55c7cc 0%, #2f6f73 100%);
  }

  .page--home .home-featured-data-band__item:nth-child(4n + 2)::before {
    background: linear-gradient(90deg, #e8b063 0%, #a46b36 100%);
  }

  .page--home .home-featured-data-band__item:nth-child(4n + 3)::before {
    background: linear-gradient(90deg, #d07a58 0%, #9e3c5a 100%);
  }

  .page--home .home-featured-data-band__item:nth-child(4n + 4)::before {
    background: linear-gradient(90deg, #c2567f 0%, #7a1646 100%);
  }

  .page--home .home-featured-data-band__item:hover::before {
    opacity: 0.85;
  }

  .page--home .home-featured-data-band__arrow {
    transition: transform 0.2s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1));
  }

  .page--home .home-featured-data-band__item:hover .home-featured-data-band__arrow {
    transform: translateX(4px);
  }

  /* 7 张卡片时第 8 格补一枚品牌条纹幽灵卡，消除网格空洞 */
  .page--home .home-featured-data-band__grid:not(:has(> :nth-child(8)))::after {
    content: '';
    min-height: 174px;
    border: 2px dashed rgba(255, 255, 255, 0.22);
    background:
      repeating-linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.09) 0 10px,
        transparent 10px 26px
      );
    opacity: 0.55;
  }
}

/* ---------- 4. 周报章节 pill：悬浮位移与柔影 ---------- */
@media (min-width: 1200px) {
  .tabs--report-desktop .tabs__item {
    transition:
      transform 0.18s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1)),
      background 0.18s ease,
      border-color 0.18s ease,
      color 0.18s ease,
      box-shadow 0.18s ease;
  }

  .tabs--report-desktop .tabs__item:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
  }

  .tabs--report-desktop .tabs__item:active {
    transform: translateY(0) scale(0.98);
  }
}

/* ---------- 5. 按钮与搜索：色板收拢进栗色系 ---------- */

/* 量化资料搜索主按钮：紫 → 品牌栗渐变 */
.knowledge-graph-search__button {
  background: linear-gradient(135deg, #7a1646 0%, #4f0d29 100%);
  box-shadow: 0 8px 20px rgba(101, 18, 54, 0.22);
  transition:
    transform 0.18s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1)),
    box-shadow 0.18s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1)),
    filter 0.18s ease;
}

.knowledge-graph-search__button:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(101, 18, 54, 0.28);
}

.knowledge-graph-search__button:active {
  transform: scale(0.97);
}

/* 量化资料搜索输入框焦点环：紫 → 栗 */
.knowledge-graph-search__input:focus {
  border-color: rgba(101, 18, 54, 0.5);
  box-shadow: 0 0 0 4px rgba(101, 18, 54, 0.1);
}

/* 私募地图「定位」主按钮：纯黑 → 品牌栗渐变（地图缩放/重置按钮保持浅色不动） */
.private-manager-map-search__button {
  background: linear-gradient(135deg, #7a1646 0%, #4f0d29 100%);
  border-color: transparent;
  box-shadow: 0 calc(8 * var(--rpx)) calc(20 * var(--rpx)) rgba(101, 18, 54, 0.2);
}

.private-manager-map-search__button:hover {
  box-shadow: 0 calc(10 * var(--rpx)) calc(24 * var(--rpx)) rgba(101, 18, 54, 0.3);
}

/* Exchange：主按钮 绿 → 栗（含搜索表单的「搜索」按钮） */
.exchange-button--primary {
  background: linear-gradient(135deg, #7a1646 0%, #4f0d29 100%);
  border-color: transparent;
  transition:
    transform 0.16s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1)),
    filter 0.16s ease,
    box-shadow 0.16s ease;
}

.exchange-button--primary:hover:not(:disabled) {
  filter: brightness(1.07);
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(101, 18, 54, 0.24);
}

.exchange-button--primary:active:not(:disabled) {
  transform: scale(0.97);
}

.exchange-search .exchange-button {
  border-radius: 999px;
}

.exchange-search__input {
  border-radius: 999px;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}

.exchange-search__input:focus {
  outline: none;
  border-color: rgba(101, 18, 54, 0.55);
  box-shadow: 0 0 0 3px rgba(101, 18, 54, 0.12);
}

/* ---------- 6. Exchange 列表：标题/标签归栗色系，行卡精修 ---------- */
.exchange-row {
  border-radius: 14px;
  transition:
    transform 0.18s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1)),
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}

.exchange-row:hover {
  transform: translateY(-1px);
  border-color: rgba(101, 18, 54, 0.22);
  box-shadow: 0 12px 28px rgba(43, 5, 19, 0.08);
}

.exchange-row__title {
  color: #651236;
  transition: color 0.16s ease;
}

.exchange-row__title:hover {
  color: #7a1646;
  text-decoration-color: rgba(122, 22, 70, 0.45);
  text-underline-offset: 3px;
}

.exchange-tag {
  border-radius: 999px;
  background: rgba(101, 18, 54, 0.07);
  color: #651236;
  font-weight: 600;
}

.exchange-stat {
  border-radius: 9px;
  border-color: rgba(17, 24, 39, 0.08);
  background: #faf9f6;
}

.exchange-state {
  border-radius: 14px;
}

.exchange-ask-button,
.exchange-daily-button {
  border-radius: 999px;
  transition:
    transform 0.18s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1)),
    background-color 0.18s ease,
    box-shadow 0.18s ease;
}

.exchange-ask-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.exchange-daily-button:hover {
  transform: translateY(-1px);
}

/* ---------- 7. 量化资料列表微交互 ---------- */
.knowledge-graph-result {
  transition:
    background-color 0.16s ease,
    border-color 0.16s ease,
    transform 0.16s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1));
}

.knowledge-graph-result:hover .knowledge-graph-result__title {
  color: #651236;
}

.knowledge-graph-result__usefulness {
  transition: transform 0.16s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1));
}

.knowledge-graph-result:hover .knowledge-graph-result__usefulness {
  transform: scale(1.06);
}

.knowledge-graph-result__keywords span {
  transition:
    border-color 0.16s ease,
    background-color 0.16s ease,
    color 0.16s ease;
}

.knowledge-graph-result:hover .knowledge-graph-result__keywords span {
  border-color: rgba(101, 18, 54, 0.2);
  color: #5b4a63;
}

@media (min-width: 1200px) {
  /* 检索工具卡聚焦态：边框与阴影向品牌色收拢 */
  .knowledge-graph-toolbar {
    transition:
      border-color 0.2s ease,
      box-shadow 0.2s ease;
  }

  .knowledge-graph-toolbar:focus-within {
    border-color: rgba(101, 18, 54, 0.3);
    box-shadow:
      0 0 0 3px rgba(101, 18, 54, 0.08),
      0 14px 34px rgba(43, 5, 19, 0.1);
  }

  .page--knowledge-graph .knowledge-graph-chip {
    transition:
      transform 0.16s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1)),
      border-color 0.16s ease,
      color 0.16s ease,
      background-color 0.16s ease,
      box-shadow 0.16s ease !important;
  }

  .page--knowledge-graph .knowledge-graph-chip:hover {
    transform: translateY(-1px);
  }

  .page--knowledge-graph .knowledge-graph-chip:active {
    transform: scale(0.97);
  }
}

/* ---------- 8. IMA 知识库卡片 hover 归入栗色系 ---------- */
.ima-knowledge-code-card:hover {
  border-color: rgba(101, 18, 54, 0.4);
}

/* ---------- 9. 页脚二维码卡：图片缩放微交互 ---------- */
@media (min-width: 1200px) {
  .nb-footer-qr-card__image {
    overflow: hidden;
  }

  .nb-footer-qr-card__image img,
  img.nb-footer-qr-card__image {
    transition: transform 0.3s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1));
  }

  .nb-footer-qr-card:hover .nb-footer-qr-card__image img,
  .nb-footer-qr-card:hover img.nb-footer-qr-card__image {
    transform: scale(1.03);
  }
}

/* ---------- 10. 登录弹窗：暖色 backdrop 与输入聚焦 ---------- */
.auth-modal__backdrop {
  background: rgba(30, 8, 18, 0.52);
  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

.auth-modal input:focus {
  border-color: rgba(101, 18, 54, 0.5);
  box-shadow: 0 0 0 3px rgba(101, 18, 54, 0.1);
}

@media (min-width: 1200px) {
  .auth-modal__dialog {
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.6) inset,
      0 30px 80px rgba(20, 4, 10, 0.38);
  }
}

/* ---------- 11. 模块 hero 缓慢光晕漂移（桌面端，减动效自动禁用） ---------- */
@media (min-width: 1200px) {
  .page--module-talent-flows > .talent-flows-hero-band:first-child,
  .page--module-tracking .tracking-module-intro--hero,
  .page--library .tracking-module-intro--hero,
  .page--library-detail .tracking-module-intro--hero,
  .page--knowledge-graph .knowledge-graph-hero,
  .page--private-manager-map .private-manager-map-hero,
  .job-board-hero,
  .insights-hero-band,
  .page--library-detail > .library-hero-band,
  .report-hero-band {
    animation: uiaward-hero-drift 22s ease-in-out infinite alternate;
  }
}

@keyframes uiaward-hero-drift {
  from {
    background-position:
      0% 0%,
      0% 0%,
      0% 0%;
  }
  to {
    background-position:
      3% 6%,
      -4% -6%,
      0% 0%;
  }
}

/* ---------- 12. 移动端：小屏底部 9 项导航字号收敛 ---------- */
@media (max-width: 430px) {
  .mobile-bottom-nav__label {
    font-size: 9px !important;
    letter-spacing: -0.01em !important;
  }

  .mobile-bottom-nav__item--active .mobile-bottom-nav__label {
    font-size: 10.5px !important;
    letter-spacing: -0.01em !important;
  }
}

/* ---------- 13. 门禁卡骨架条：shimmer 扫光（登录前预览的呼吸感） ---------- */
.section-auth-preview__line {
  background: linear-gradient(
    90deg,
    rgba(17, 24, 39, 0.12) 0%,
    rgba(17, 24, 39, 0.05) 42%,
    rgba(101, 18, 54, 0.08) 50%,
    rgba(17, 24, 39, 0.05) 58%,
    rgba(17, 24, 39, 0.12) 100%
  );
  background-size: 220% 100%;
  animation: uiaward-shimmer 2.4s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1)) infinite;
}

@keyframes uiaward-shimmer {
  from {
    background-position: 120% 0;
  }
  to {
    background-position: -120% 0;
  }
}

/* ---------- 14. 报告章节吸顶栏：滚动时的柔和分隔 ---------- */
@media (min-width: 1200px) {
  .report-section-nav {
    box-shadow: 0 10px 28px rgba(31, 23, 19, 0.07);
    border-bottom-color: rgba(120, 100, 86, 0.16);
  }

  /* ---------- 15. 桌面章节标题：收紧字距，增强编辑感 ---------- */
  .nb-section-heading__title,
  .page--home .nb-section-heading__title {
    letter-spacing: -0.02em;
  }
}


/* ==========================================================================
   2026-10-03 Awwwards 精修第二轮（入口 token 追加：uiaward2）
   承接 uiaward1，继续收拢残留杂色与补齐微交互：
   1) Exchange 返回链接蓝→栗；问答卡/表单圆角与行卡统一（8→14）；
   2) 量化资料模块紫色 #4d3074 残留（chip 激活基底/通知条/侧栏关闭钮/详情链接）→ 栗；
   3) 尽调资料分页激活态藏青 #203a73 → 栗渐变（与同页策略 pill 激活态一致）；
   4) 私募管理人筛选 chip 激活态与计数 pill 的蓝色 → 栗；
   5) 净值工作台表格行 hover/选中冷灰 → 暖栗 tint；
   6) IMA 二维码卡媒体位加载前 shimmer 占位（图片加载后自然遮盖）；
   7) 移动端 KG 详情关键词 chips 青→琥珀（与桌面端一致）；
   8) 首页周报卡「N 图」徽标灰→栗 tint。
   ========================================================================== */

/* ---------- 1. Exchange 细节 ---------- */
.exchange-back {
  color: #651236;
  font-weight: 600;
  transition: color 0.16s ease;
}

.exchange-back:hover {
  color: #7a1646;
  text-decoration-color: rgba(122, 22, 70, 0.4);
  text-underline-offset: 3px;
}

.exchange-form,
.exchange-question,
.exchange-answer {
  border-radius: 14px;
}

/* ---------- 2. 量化资料紫色残留 → 栗 ---------- */
.knowledge-graph-chip--active {
  border-color: #651236;
  background: #651236;
  color: #ffffff;
}

.knowledge-graph-results-panel__notice {
  background: rgba(101, 18, 54, 0.06);
  color: #651236;
}

.knowledge-graph-side__close {
  background: rgba(101, 18, 54, 0.08);
  color: #651236;
  transition:
    background-color 0.16s ease,
    transform 0.16s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1));
}

.knowledge-graph-side__close:hover {
  background: rgba(101, 18, 54, 0.16);
  transform: rotate(90deg);
}

.knowledge-graph-result__detail-link {
  color: #651236;
}

.knowledge-graph-result__detail-link:hover {
  color: #7a1646;
}

/* ---------- 3. 尽调资料分页 ---------- */
.library-pagination__page--active {
  border-color: transparent;
  background: linear-gradient(135deg, #7a1646 0%, #4f0d29 100%);
  color: #ffffff;
  box-shadow: 0 calc(6 * var(--rpx)) calc(16 * var(--rpx)) rgba(101, 18, 54, 0.2);
}

.library-pagination__button:not(:disabled):hover,
.library-pagination__page:not(.library-pagination__page--active):hover {
  border-color: rgba(101, 18, 54, 0.4);
  color: #651236;
  background: rgba(101, 18, 54, 0.05);
}

/* ---------- 4. 私募管理人筛选 chips / 计数 pill ---------- */
.talent-flows-filter-chip--active {
  border-color: rgba(101, 18, 54, 0.36);
  background: rgba(101, 18, 54, 0.07);
  color: #651236;
}

.talent-flows-status-pill--count {
  border-color: rgba(101, 18, 54, 0.18);
  color: #651236;
}

/* ---------- 5. 净值工作台表格行：暖栗 tint ---------- */
.page--nav-workbench .nav-workbench-table tbody tr {
  transition: background-color 0.14s ease;
}

.page--nav-workbench .nav-workbench-table tbody tr:hover td {
  background: rgba(101, 18, 54, 0.045);
}

.page--nav-workbench .nav-workbench-table tbody tr.is-active td {
  background: rgba(101, 18, 54, 0.075);
}

/* ---------- 6. IMA 二维码媒体位 shimmer 占位 ---------- */
.ima-knowledge-code-card__media {
  background: linear-gradient(100deg, #edf1f0 38%, #f8faf9 50%, #edf1f0 62%);
  background-size: 220% 100%;
  animation: uiaward-shimmer 2.6s linear infinite;
}

/* ---------- 7. 移动端 KG 详情关键词 chips 与桌面统一（琥珀） ---------- */
@media (max-width: 1199px) {
  .knowledge-graph-side__chips span {
    background: rgba(227, 165, 39, 0.14) !important;
    color: #6b4b09 !important;
  }
}

/* ---------- 8. 首页周报卡徽标 → 栗 tint ---------- */
@media (min-width: 1200px) {
  .page--home .nb-solution-card__badge {
    background: rgba(101, 18, 54, 0.08);
    color: #651236;
  }
}


/* ==========================================================================
   2026-10-03 Awwwards 精修第三轮（入口 token 追加：uiaward3）
   1) 量化招聘 / Exchange hero 补齐品牌条纹母题（此前首页/量化资料/私募地图/
      私募管理人/尽调/周报 hero 均有右侧条纹，这两个页面缺失）；
   2) 量化资料详情侧栏「相似资料」条目 hover 紫边 → 栗边并补过渡；
   3) 登录弹窗「申请注册」切换按钮蓝 #1d4ed8 → 栗。
   ========================================================================== */

/* ---------- 1. 招聘/Exchange hero 条纹 ---------- */
@media (min-width: 1200px) {
  .job-board-hero {
    position: relative;
    overflow: hidden;
  }

  .job-board-hero::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: min(24vw, 276px);
    height: 100%;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 6%,
      #d07a58 6%,
      #d07a58 8%,
      #39071a 8%,
      #39071a 24%,
      #6a1637 24%,
      #6a1637 36%,
      #8b283c 36%,
      #8b283c 48%,
      #5a102f 48%,
      #5a102f 60%,
      #884754 60%,
      #884754 75%,
      #633146 75%,
      #633146 87%,
      #5e2d60 87%,
      #5e2d60 100%
    );
    opacity: 0.96;
    mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.4) 100%);
    -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.4) 100%);
    pointer-events: none;
  }

  .job-board-hero__inner {
    position: relative;
    z-index: 1;
  }
}

/* ---------- 2. 量化资料侧栏相似资料条目 ---------- */
.knowledge-graph-side-list__item {
  transition:
    border-color 0.16s ease,
    background-color 0.16s ease,
    transform 0.16s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1));
}

.knowledge-graph-side-list__item:hover {
  border-color: rgba(101, 18, 54, 0.3);
  background: #ffffff;
  transform: translateY(-1px);
}

/* ---------- 3. 登录弹窗切换按钮 ---------- */
.auth-modal__switch-button {
  color: #651236;
  transition: color 0.16s ease;
}

.auth-modal__switch-button:hover {
  color: #7a1646;
}


/* ==========================================================================
   2026-10-03 Awwwards 精修第四轮（入口 token 追加：uiaward4）
   收尾轮：全局表单控件过渡与品牌 accent、键盘焦点环精修。
   ========================================================================== */

/* ---------- 1. 全局表单控件：焦点过渡统一（此前多数输入框聚焦态是瞬变） ---------- */
input,
select,
textarea {
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background-color 0.18s ease;
}

/* 原生 checkbox / radio / range 归入品牌栗色 */
input[type='checkbox'],
input[type='radio'],
input[type='range'] {
  accent-color: #651236;
}

/* ---------- 2. 键盘焦点环：栗色 + 统一偏移（鼠标点击不触发） ---------- */
a:focus-visible,
button:focus-visible,
[role='button']:focus-visible {
  outline: 2px solid rgba(101, 18, 54, 0.62);
  outline-offset: 2px;
}


/* ==========================================================================
   2026-10-03 Awwwards 精修第五轮（入口 token 追加：uiaward5）
   1) 移动端/平板量化资料结果行右上角的 postal 灰色小图 glyph 实为伪元素噪点，
      与星级/下载/收藏按钮视觉冲突，移除（图表卡上的同款 glyph 保留）；
   2) 资料索引加载中的状态 pill 加脉冲圆点，loading 感更明确。
   ========================================================================== */

@media (max-width: 1199px) {
  .knowledge-graph-result::after {
    content: none !important;
  }
}

.knowledge-graph-status--loading span:first-child::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 7px;
  border-radius: 50%;
  background: #651236;
  vertical-align: 1px;
  animation: uiaward-pulse-dot 1.2s ease-in-out infinite;
}

@keyframes uiaward-pulse-dot {
  0%,
  100% {
    transform: scale(0.72);
    opacity: 0.45;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
}


/* ==========================================================================
   2026-10-03 Awwwards 精修第六轮（入口 token 追加：uiaward6，含 JS 增强）
   1) 首页 hero 指针视差：条纹/光晕容器随指针微移（±14px/±8px），营造纵深；
   2) 首页区块滚动 reveal：周报区/特色数据卡片/页脚进入视口时错峰淡入上浮。
   渐进增强：隐藏态 class 由 JS 添加，JS 失效时内容照常可见；reveal 完成后
   移除临时 class，不影响卡片既有 hover 过渡；prefers-reduced-motion 全禁。
   ========================================================================== */

@media (min-width: 1200px) {
  .nb-hero--home .nb-hero__visual--home {
    transform: translate3d(calc(var(--uiaward-px, 0) * 1px), calc(var(--uiaward-py, 0) * 1px), 0);
    will-change: transform;
  }
}

.uiaward-rv {
  opacity: 0;
  transform: translateY(16px);
  transition:
    opacity 0.7s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1)),
    transform 0.7s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1));
}

.uiaward-rv--in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .uiaward-rv {
    opacity: 1;
    transform: none;
  }
}


/* ==========================================================================
   2026-10-03 Awwwards 精修第七轮（入口 token 追加：uiaward7，含 JS 增强）
   1) 首页 hero 标题逐字入场（JS 拆字，.uiaward-char 错峰上浮淡入）；
   2) hero 快捷胶囊磁吸 hover（JS 内联 transform）；
   3) 数字滚动 count-up（私募地图统计胶囊/量化资料总数/招聘条数，首渲染一次）；
   4) IMA 二维码与页脚二维码图片加载淡入。
   全部为渐进增强，JS 失效时内容照常；prefers-reduced-motion 全禁。
   ========================================================================== */

/* ---------- 1. hero 标题逐字入场 ---------- */
.nb-home-hero__title--split {
  animation: none;
}

.uiaward-char {
  display: inline-block;
  opacity: 0;
  transform: translateY(0.42em);
  animation: uiaward-char-in 0.56s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1)) forwards;
}

@keyframes uiaward-char-in {
  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .uiaward-char {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}

/* ---------- 4. 图片加载淡入 ---------- */
.uiaward-img--pending {
  opacity: 0;
  transition: opacity 0.5s ease;
}

.uiaward-img--loaded {
  opacity: 1;
  transition: opacity 0.5s ease;
}


/* ==========================================================================
   2026-10-03 Awwwards 精修第八轮（入口 token 追加：uiaward8，含 JS 增强）
   其余页面全面提升：
   1) 各模块 hero 内容入场（.uiaward-hero-enter 由 JS 按「视图+模块」去重添加，
      同一报告内切章节/同一模块内切策略不重放）；
   2) 内容列表滚动 reveal 扩展到全部模块页（图表卡/资料行/职位卡/讨论行/
      管理人面板/尽调行/IMA 卡片），按完整 hash 去重——翻页与切换重放，
      输入与筛选（整树 re-render 但 hash 不变）不重放。
   桌面端专属（移动端已有 .page 级入场动画）；reveal 完成后清理临时 class。
   ========================================================================== */

@media (min-width: 1200px) {
  .uiaward-hero-enter > * {
    animation: pp-view-in 0.5s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1)) both;
  }

  .uiaward-hero-enter > *:nth-child(2) {
    animation-delay: 0.07s;
  }

  .uiaward-hero-enter > *:nth-child(3) {
    animation-delay: 0.14s;
  }

  .uiaward-hero-enter > *:nth-child(4) {
    animation-delay: 0.21s;
  }
}


/* ==========================================================================
   2026-10-03 Awwwards 精修第九轮（入口 token 追加：uiaward9）
   1) 海报/群友详情弹窗统一质感：圆角 8→16、backdrop 藏青→暖栗 + 轻模糊、
      挂载入场 fade+scale（与登录弹窗/量化资料弹窗同一语言）；
   2) 图表加载占位 .chart-host--pending 静态渐变 → shimmer 扫光。
   ========================================================================== */

/* ---------- 1. 弹窗统一 ---------- */
.job-board-modal__dialog,
.job-board-poster-modal__dialog {
  border-radius: 16px;
  box-shadow: 0 30px 90px rgba(20, 4, 10, 0.36);
}

.job-board-modal--open .job-board-modal__dialog,
.job-board-poster-modal--open .job-board-poster-modal__dialog {
  animation: uiaward-modal-in 0.3s var(--pp-ease, cubic-bezier(0.22, 0.61, 0.36, 1)) both;
}

.job-board-modal--open .job-board-modal__backdrop,
.job-board-poster-modal--open .job-board-poster-modal__backdrop {
  animation: pp-fade-in 0.28s ease both;
}

.job-board-modal__backdrop,
.job-board-poster-modal__backdrop {
  background: rgba(30, 8, 18, 0.58);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

@keyframes uiaward-modal-in {
  from {
    opacity: 0;
    transform: translateY(14px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* ---------- 2. 图表加载占位 shimmer ---------- */
.chart-host--pending {
  background: linear-gradient(
    100deg,
    rgba(248, 250, 252, 0.96) 38%,
    rgba(255, 255, 255, 0.98) 50%,
    rgba(241, 245, 249, 0.88) 62%
  );
  background-size: 220% 100%;
  animation: uiaward-shimmer 2.2s linear infinite;
}

.page--blog {
  min-height: 70vh;
  background: #efefea;
  color: #1d2523;
}

@media (min-width: 1200px) {
  .page--blog {
    padding: 0;
  }
}

.page--blog-detail .insights-hero-band__title {
  max-width: 1080px;
  font-size: clamp(30px, 3.1vw, 46px);
  line-height: 1.16;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

.blog-index,
.blog-reader {
  width: 100%;
  background: #efefea;
}

.blog-index__inner {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 40px var(--nb-page-content-gutter, 72px) 84px;
  box-sizing: border-box;
}

.blog-month + .blog-month {
  margin-top: 48px;
}

.blog-index__heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(29, 37, 35, 0.12);
}

.blog-index__heading h2 {
  margin: 0;
  font-size: 28px;
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.blog-index__heading p,
.blog-index__heading > span {
  margin: 6px 0 0;
  color: #626764;
  font-size: 13px;
  line-height: 1.5;
}

.blog-index__heading > span {
  flex: none;
  margin: 0;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.blog-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 540px;
  padding: 24px;
  overflow: hidden;
  border: 1px solid rgba(29, 37, 35, 0.1);
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.82) 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035);
  color: inherit;
  text-decoration: none;
  transition:
    transform 0.28s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.2s ease,
    box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}

.blog-card:hover,
.blog-card:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(101, 18, 54, 0.24);
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.09);
}

.blog-card__visual {
  display: block;
  height: 132px;
  margin: -24px -24px 20px;
  overflow: hidden;
  border-bottom: 1px solid rgba(29, 37, 35, 0.06);
  background: #f3e9e5;
  color: #651236;
}

.blog-card__visual--term {
  background: #e9f0ee;
  color: #45645f;
}

.blog-card__visual--reversal {
  background: #f1ece4;
  color: #7a513c;
}

.blog-card__visual--allocation {
  background: #eeecf3;
  color: #594f70;
}

.blog-card__visual--graph,
.blog-card__visual--power,
.blog-card__visual--orderbook {
  background: #e9eef2;
  color: #405d70;
}

.blog-card__visual--defense,
.blog-card__visual--shrink {
  background: #f1ece4;
  color: #7a513c;
}

.blog-card__visual--regime,
.blog-card__visual--system {
  background: #eeecf3;
  color: #594f70;
}

.blog-card__visual--ruler,
.blog-card__visual--filter {
  background: #e9f0ee;
  color: #45645f;
}

.blog-card__visual--minute {
  background: #eef1e9;
  color: #5b6844;
}

.blog-card__visual svg {
  display: block;
  width: 100%;
  height: 100%;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

.blog-card:hover .blog-card__visual svg,
.blog-card:focus-visible .blog-card__visual svg {
  transform: scale(1.03);
}

.blog-card__visual .draw {
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
  animation: blog-diagram-draw 0.72s cubic-bezier(0.16, 1, 0.3, 1) backwards;
  animation-delay: calc(var(--blog-order) * 65ms);
}

@keyframes blog-diagram-draw {
  from {
    stroke-dashoffset: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}

.blog-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #80576a;
  font-size: 11.5px;
  font-weight: 650;
  line-height: 1.4;
}

.blog-card__meta time {
  flex: none;
  color: #686d68;
  font-weight: 500;
  white-space: nowrap;
}

.blog-card h3 {
  margin: 20px 0 12px;
  color: #1d2523;
  font-size: 22px;
  font-weight: 650;
  line-height: 1.45;
  letter-spacing: -0.018em;
  text-wrap: balance;
  transition: color 0.18s ease;
}

.blog-card:hover h3 {
  color: #651236;
}

.blog-card__excerpt {
  margin: 0;
  color: #505653;
  font-size: 14px;
  line-height: 1.82;
}

.blog-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 20px;
}

.blog-card__tags > span {
  padding: 3px 8px;
  border-radius: 4px;
  background: #f2edef;
  color: #6f4758;
  font-size: 11px;
  line-height: 1.5;
}

.blog-card__action {
  position: relative;
  width: fit-content;
  margin-top: auto;
  padding-top: 22px;
  color: #651236;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.5;
}

.blog-card__action::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -4px;
  left: 0;
  height: 1px;
  background: currentColor;
  transform: scaleX(0.32);
  transform-origin: left center;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.blog-card:hover .blog-card__action::after,
.blog-card:focus-visible .blog-card__action::after {
  transform: scaleX(1);
}

.blog-reader__toolbar a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.blog-reader__progress {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4900;
  height: 3px;
  overflow: hidden;
  background: rgba(101, 18, 54, 0.1);
  pointer-events: none;
}

.blog-reader__progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: #651236;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.12s linear;
}

@media (max-width: 1199px) {
  .blog-reader__progress {
    display: none;
  }
}

.blog-reader__inner {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 24px var(--nb-page-content-gutter, 48px) 72px;
  box-sizing: border-box;
}

.blog-reader__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

.blog-reader__toolbar a {
  color: #651236;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
}

.blog-reader__frame {
  display: block;
  width: 100%;
  height: 1000px;
  min-height: 900px;
  border: 0;
  background: #f3f5f2;
}

.blog-reader__pager {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 28px;
}

.blog-reader__pager-link {
  display: block;
  padding: 18px 0 0;
  border-top: 1px solid rgba(29, 37, 35, 0.14);
  color: #1d2523;
  text-decoration: none;
}

.blog-reader__pager-link--next {
  text-align: right;
}

.blog-reader__pager-link span {
  display: block;
  margin-bottom: 6px;
  color: #80576a;
  font-size: 11.5px;
  line-height: 1.5;
}

.blog-reader__pager-link strong {
  font-size: 15px;
  font-weight: 650;
  line-height: 1.55;
}

.blog-reader__pager-link:hover strong {
  color: #651236;
}

.blog-empty {
  max-width: 680px;
  margin: 56px auto;
  padding: 0 24px;
  text-align: center;
}

.blog-empty h2 {
  margin: 0 0 12px;
  font-size: 28px;
}

.blog-empty p {
  color: #6b6f6c;
  line-height: 1.75;
}

.blog-empty a {
  display: inline-block;
  margin-top: 12px;
  color: #651236;
  font-weight: 700;
}

@media (min-width: 1600px) {
  .blog-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1199px) {
  .mobile-bottom-nav {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }

  .mobile-bottom-nav.mobile-bottom-nav--admin {
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }

  .blog-index__inner {
    padding: 28px 24px 64px;
  }

  .blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .blog-card {
    min-height: 0;
  }

  .blog-reader__inner {
    padding: 18px 20px 56px;
  }
}

@media (max-width: 720px) {
  .blog-index__inner {
    padding: 24px 14px 52px;
  }

  .blog-index__heading {
    align-items: start;
    gap: 12px;
    margin-bottom: 18px;
    padding-bottom: 14px;
  }

  .blog-index__heading h2 {
    font-size: 23px;
  }

  .blog-index__heading > span {
    padding-top: 5px;
    font-size: 12px;
  }

  .blog-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .blog-card {
    padding: 21px;
    border-radius: 12px;
  }

  .blog-card h3 {
    margin-top: 16px;
    font-size: 20px;
  }

  .blog-reader__inner {
    padding: 14px 0 48px;
  }

  .blog-reader__toolbar {
    padding: 0 14px;
  }

  .blog-reader__toolbar a {
    font-size: 12px;
  }

  .blog-reader__frame {
    min-height: 760px;
  }

  .blog-reader__pager {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    margin: 24px 14px 0;
  }

  .blog-reader__pager-link--next {
    text-align: left;
  }
}

@media (max-width: 720px) {
  .blog-card__visual {
    height: 112px;
    margin: -21px -21px 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .blog-card,
  .blog-card__visual svg,
  .blog-card__action::after,
  .blog-reader__progress span {
    transition: none;
  }

  .blog-card:hover,
  .blog-card:focus-visible,
  .blog-card:hover .blog-card__visual svg,
  .blog-card:focus-visible .blog-card__visual svg {
    transform: none;
  }

  .blog-card__visual .draw {
    stroke-dashoffset: 0;
    animation: none;
  }
}