/* 1023 Chinese Consumer Insights artwork, approved from review V2 on 2026-10-28.
   Includes the Brand cookie tag, six tag dimensions, unified CMS navigation,
   and aligned dashboard panels. Keep 832×520 artboards and native CSS fitting.
   Source review: previews/consumer-insights-artwork-20261027-v2/.
   Only the Chinese formal page loads this component stylesheet. */
.cai-figure .cai-cookie-tag {
  position:absolute;
  inset-inline-start:3.9474%;
  inset-block-end:5.9211%;
  display:flex;
  align-items:center;
  gap:.7212cqw;
  padding:.9615cqw 1.4423cqw;
  border:1px solid var(--wy-g100);
  border-radius:.9615cqw;
  background:var(--wy-g0);
  color:var(--wy-g700);
  font-size:1.5625cqw;
  line-height:1.4;
  font-weight:500;
  letter-spacing:normal;
  white-space:nowrap;
  box-shadow:0 .4808cqw 1.4423cqw rgba(22,22,27,.08);
}
.cai-cookie-tag svg {
  display:block;
  flex:none;
  width:1.9231cqw;
  height:1.9231cqw;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
/* The added seven-character privacy item needs the same safe text column
   in both CMS scenes. Keep the original type and icon sizes. */
:is(.ctc-figure .ctc-toolbar,.ctc-figure .ctc-workspace,
    .cma-figure .cma-toolbar,.cma-figure .cma-workspace) {
  grid-template-columns:24% minmax(0,1fr);
}
.ctc-figure .ctc-tag-group .ctc-tag { display:block; }
@container gcp-artwork (max-width:600px) {
  :is(.ctc-figure .ctc-toolbar,.ctc-figure .ctc-workspace,
      .cma-figure .cma-toolbar,.cma-figure .cma-workspace) {
    grid-template-columns:28% minmax(0,1fr);
  }
  .cma-figure .cma-nav li {
    justify-content:flex-start;
    gap:1.5cqw;
    padding:1.6cqw 1.4cqw;
  }
  .cma-figure .cma-nav li span { display:inline; }
}
/* At the existing narrow-tablet artwork capacity, six navigation rows use
   the original compact spacing so the privacy entry stays inside the frame. */
@container gcp-artwork (max-width:340px) {
  :is(.ctc-figure .ctc-sidebar,.cma-figure .cma-sidebar) { padding-block:2cqw; }
  :is(.ctc-figure .ctc-nav,.cma-figure .cma-nav) { gap:1cqw; }
  :is(.ctc-figure .ctc-nav li,.cma-figure .cma-nav li) { padding-block:1cqw; }
}

/* V2 · Dashboard: three equally weighted KPIs above two aligned data panels.
   The chart and regional distribution retain the original data and labels. */
.cma-figure .cma-main {
  padding:min(2.8846cqw,24px);
  background:var(--wy-g25);
}
.cma-figure .cma-kpis {
  gap:min(1.4423cqw,12px);
  margin-block-start:min(1.9231cqw,16px);
}
.cma-figure .cma-kpi,
.cma-figure .cma-kpi + .cma-kpi {
  gap:min(.4808cqw,4px);
  padding:min(1.4423cqw,12px) min(1.9231cqw,16px);
  border:1px solid color-mix(in srgb,var(--wy-g100) 70%,var(--wy-g0));
  border-radius:min(.9615cqw,8px);
  background:var(--wy-g0);
}
.cma-figure .cma-value { font-size:min(3.8462cqw,var(--wy-fs-h2)); }
.cma-figure .cma-analysis-layout {
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);
  gap:min(1.9231cqw,16px);
  margin-block-start:min(1.9231cqw,16px);
  align-items:stretch;
}
.cma-figure .cma-trends,
.cma-figure .cma-regions {
  min-inline-size:0;
  inline-size:auto;
  margin:0;
  padding:min(1.9231cqw,16px);
  border:1px solid color-mix(in srgb,var(--wy-g100) 70%,var(--wy-g0));
  border-radius:min(.9615cqw,8px);
  background:var(--wy-g0);
}
.cma-figure .cma-trend-heading { gap:min(.9615cqw,8px); }
.cma-figure .cma-normalization-prefix { display:none; }
.cma-figure .cma-legend {
  gap:min(1.9231cqw,16px);
  margin-block-start:min(.9615cqw,8px);
}
.cma-figure .cma-chart-grid {
  grid-template-columns:2.5em minmax(0,1fr);
  gap:min(.7212cqw,6px) 0;
  margin-block-start:min(.9615cqw,8px);
}
.cma-figure .cma-trend-plot { block-size:min(11.5385cqw,96px); }
.cma-figure .cma-region-title {
  font-size:var(--cma-small);
  line-height:1.4;
}
.cma-figure .cma-region-list {
  gap:min(1.9231cqw,16px);
  margin-block-start:min(1.9231cqw,16px);
}
.cma-figure .cma-region-row {
  grid-template-columns:minmax(0,1fr) auto;
  gap:min(.9615cqw,8px);
  line-height:1.4;
}
.cma-figure .cma-region-value { grid-column:2;grid-row:1; }
.cma-figure .cma-region-track {
  grid-column:1 / -1;
  grid-row:2;
  block-size:min(.4808cqw,4px);
}

/* Reuse the approved native CSS artboard fit for this revised dashboard at
   tablet/desktop capacities too: one transform on the existing artboard,
   no nested fit owner. The outer page grid and text remain responsive.
   Mobile continues to use the unchanged shared ui-artwork-fit.css rule. */
@media (min-width:768px) {
  @supports (transform:scale(tan(atan2(1px,1px)))) {
    .cma-figure[data-wy-ui-artwork] { container-type:size!important; }
    .cma-figure[data-wy-ui-artwork] > .wy-ui-artboard {
      --wy-artwork-width:832px;
      --wy-artwork-height:520px;
      --wy-artwork-fit:min(
        tan(atan2(100cqw,var(--wy-artwork-width))),
        tan(atan2(100cqh,var(--wy-artwork-height)))
      );
      position:absolute;
      inset:50% auto auto 50%;
      z-index:1;
      display:block;
      width:var(--wy-artwork-width);
      height:var(--wy-artwork-height);
      margin:0;
      padding:0;
      container-type:inline-size;
      container-name:var(--wy-artwork-query);
      transform:translate(-50%,-50%) scale(var(--wy-artwork-fit));
      transform-origin:50% 50%;
      --wy-fs-micro:13px;
      --wy-fs-small:15px;
      --wy-fs-body:17px;
      --wy-fs-h4:17px;
      --wy-fs-h3:24px;
      --wy-fs-h2:32px;
      font-size:var(--wy-fs-body);
    }
  }
}