.rp-unit {
  --unit-surface: #162234;
  --unit-line: #334155;
  --unit-muted: #aebdce;
  --unit-ink: #eef2f8;
  --unit-accent: #f4b93f;
  max-width: 1180px;
  margin: 0 auto;
  color: var(--unit-ink);
  font-variant-numeric: tabular-nums;
}
html.light-ui .rp-unit {
  --unit-surface: #fff;
  --unit-line: var(--rp-line);
  --unit-muted: var(--rp-muted);
  --unit-ink: var(--rp-ink);
  --unit-accent: #844f00;
}
.golden-app .ga-main-content .rp-unit .rp-unit-heading {
  margin: 2px 0 18px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.rp-unit-heading h1 { margin: 0; color: var(--unit-ink); font-size: clamp(24px, 3vw, 34px); line-height: 1.15; letter-spacing: -.025em; }
.rp-unit-heading p { margin: 7px 0 0; color: var(--unit-muted); font-size: 13px; line-height: 1.55; }
.rp-unit-freshness { margin: 0 0 18px; color: var(--unit-muted); font-size: 12px; }
.rp-unit-freshness span { color: var(--unit-accent); }
.rp-unit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.rp-unit-card { min-width: 0; min-height: 164px; padding: 18px; border: 1px solid var(--unit-line); border-radius: 14px; background: var(--unit-surface); }
.rp-unit-card h2 { margin: 0; color: var(--unit-muted); font-size: 13px; font-weight: 650; line-height: 1.4; }
.rp-unit-value { margin: 20px 0 0; color: var(--unit-ink); font-size: clamp(24px, 3vw, 32px); font-weight: 750; line-height: 1.1; letter-spacing: -.025em; white-space: nowrap; }
.rp-unit-card-note { margin: 12px 0 0; color: var(--unit-muted); font-size: 11px; line-height: 1.45; }
.rp-unit-footnote { max-width: 86ch; margin: 18px 0 0; color: var(--unit-muted); font-size: 12px; line-height: 1.6; }
.rp-unit-error, .rp-unit-loading { margin: 0 0 16px; padding: 12px 14px; border: 1px solid var(--unit-line); border-radius: 12px; background: var(--unit-surface); font-size: 13px; line-height: 1.5; }
.rp-unit-error { color: #ffacb4; }
html.light-ui .rp-unit-error { color: #a51d34; }
@media (max-width: 1023px) { .rp-unit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .rp-unit-grid { grid-template-columns: 1fr; } .rp-unit-card { min-height: 132px; padding: 16px; } .rp-unit-value { margin-top: 12px; } }