
/* rxcontent isolated content-page Beauty Engine. Mobile-first. */
.rxcontent-root {
  --rxc-bg: #f8f6ef;
  --rxc-surface: rgba(255, 255, 255, 0.94);
  --rxc-soft: #f7f9ff;
  --rxc-text: #1c2330;
  --rxc-muted: #6b7280;
  --rxc-blue: #3463e6;
  --rxc-blue-soft: #eaf0ff;
  --rxc-gold: #b78b25;
  --rxc-red: #d2383f;
  --rxc-green: #36884a;
  --rxc-line: #eadfc9;
  --rxc-shadow: 0 1rem 2.75rem rgba(34, 43, 72, 0.1);
  --rxc-radius-sm: 0.75rem;
  --rxc-radius-md: 1rem;
  --rxc-radius-lg: 1.375rem;
  --rxc-gap-1: 0.5rem;
  --rxc-gap-2: 0.75rem;
  --rxc-gap-3: 1rem;
  --rxc-gap-4: 1.375rem;
  --rxc-page: min(100%, 52rem);
  color: var(--rxc-text);
}

.rxcontent-root .rxcontent-page {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--rxc-page);
  margin-inline: auto;
  padding-inline: clamp(0.875rem, 4vw, 1.5rem);
}

.rxcontent-root .rxcontent-nav,
.rxcontent-root .rxcontent-subnav {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  display: flex;
  gap: var(--rxc-gap-2);
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 0.25rem;
  border-radius: 999rem;
  background: rgba(255,255,255,0.78);
  border: 0.0625rem solid var(--rxc-line);
}

.rxcontent-root .rxcontent-nav::-webkit-scrollbar,
.rxcontent-root .rxcontent-subnav::-webkit-scrollbar {
  display: none;
}

.rxcontent-root .rxcontent-nav > *,
.rxcontent-root .rxcontent-subnav > * {
  flex: 0 0 auto;
  white-space: nowrap;
}

.rxcontent-root .rxcontent-card,
.rxcontent-root .rxcontent-section {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-inline: auto;
  border-radius: var(--rxc-radius-lg);
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: break-word;
  background-clip: padding-box;
}

.rxcontent-root .rxcontent-section {
  margin-block: var(--rxc-gap-3);
}

.rxcontent-root .rxcontent-elevated {
  border: 0.0625rem solid rgba(234, 223, 201, 0.95);
  background: var(--rxc-surface);
  box-shadow: var(--rxc-shadow);
}

.rxcontent-root .rxcontent-title {
  font-size: clamp(1.25rem, 5.2vw, 1.9rem);
  line-height: 1.22;
  letter-spacing: 0;
  color: var(--rxc-text);
}

.rxcontent-root .rxcontent-title-accent {
  color: var(--rxc-blue);
}

.rxcontent-root .rxcontent-body {
  font-size: clamp(0.95rem, 3.8vw, 1.08rem);
  line-height: 1.72;
  color: var(--rxc-text);
}

.rxcontent-root .rxcontent-muted {
  color: var(--rxc-muted);
}

.rxcontent-root .rxcontent-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--rxc-gap-3);
  width: 100%;
  max-width: 100%;
}

.rxcontent-root .rxcontent-stat {
  box-sizing: border-box;
  min-width: 0;
  padding: clamp(0.875rem, 3.8vw, 1.125rem);
  border: 0.0625rem solid rgba(234, 223, 201, 0.95);
  border-radius: var(--rxc-radius-md);
  background: rgba(255,255,255,0.72);
}

.rxcontent-root .rxcontent-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.rxcontent-root .rxcontent-kline,
.rxcontent-root .rxcontent-chart {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  border-radius: var(--rxc-radius-md);
}

.rxcontent-root .rxcontent-report-block {
  box-sizing: border-box;
  padding: clamp(1rem, 4vw, 1.375rem);
  border: 0.0625rem solid rgba(234, 223, 201, 0.95);
  border-radius: var(--rxc-radius-lg);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,255,255,0.86)),
    radial-gradient(circle at 0% 0%, rgba(52,99,230,0.08), transparent 36%);
}

.rxcontent-root .rxcontent-report-block + .rxcontent-report-block {
  margin-top: var(--rxc-gap-3);
}

.rxcontent-root .rxcontent-compact-note {
  font-size: clamp(0.82rem, 3.4vw, 0.95rem);
  line-height: 1.65;
  color: var(--rxc-muted);
}

.rxcontent-root .rxcontent-noise {
  display: none;
}

@media (min-width: 45rem) {
  .rxcontent-root {
    --rxc-page: min(100%, 66rem);
  }

  .rxcontent-root .rxcontent-grid[data-rxc-cols="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rxcontent-root .rxcontent-grid[data-rxc-cols="3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
