/* Approved Chinese Global Consumer Insights capabilities.
   Promoted from the reviewed preview on 2026-10-15.
   Keep the shared responsive system and English page independent. */

/* Feature 01 · Brand website and visit metrics */
.wy-consumer-insights .ci-feature__media.cai-figure {
  background:radial-gradient(70% 58% at 18% 12%,rgba(184,166,230,.55),transparent 62%),radial-gradient(64% 54% at 88% 82%,rgba(143,178,255,.5),transparent 64%),linear-gradient(146deg,#EAE5FA 0%,#E4E7FB 48%,#DEE9FB 100%);
}
.cai-figure::after {
  content:"";
  position:absolute;
  inset-inline:0;
  inset-block-end:0;
  block-size:14%;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(0deg,rgba(22,22,27,.07),rgba(22,22,27,.025) 45%,rgba(22,22,27,0));
}
.cai-figure .cai-scene {
  --cai-label:min(1.8029cqw,var(--wy-fs-small));
  --cai-number:min(3.8462cqw,var(--wy-fs-h2));
  --cai-pad:min(2.8846cqw,var(--wy-s5));
  position:absolute;
  z-index:1;
  inset:0;
  isolation:isolate;
  color:var(--wy-g700);
  font-family:var(--wy-font-cn);
  line-height:1.4;
  letter-spacing:normal;
}
.cai-figure .cai-scene *,
.cai-figure .cai-scene *::before,
.cai-figure .cai-scene *::after { box-sizing:border-box; }
/* Generated browser raster stays intact. A true 3:2 frame and cover avoid
   narrow contain gutters; the masthead and three dots stay fully visible. */
.cai-figure .cai-website {
  position:absolute;
  z-index:1;
  inset-inline-start:4.8077%;
  inset-block-start:6.1538%;
  inline-size:73.0769%;
  aspect-ratio:3 / 2;
  overflow:hidden;
  padding:0;
  border:1px solid color-mix(in srgb,var(--wy-blue-light) 32%,var(--wy-g100));
  border-radius:min(1.4423cqw,var(--wy-r-card));
  background:var(--wy-g0);
  box-shadow:0 8px 24px -12px color-mix(in srgb,var(--wy-blue-dark) 14%,transparent);
}
.cai-figure .cai-website-raster {
  display:block;
  inline-size:100%;
  block-size:100%;
  min-block-size:0;
  max-inline-size:none;
  padding:0;
  border:0;
  border-radius:0;
  object-fit:cover;
  object-position:center;
}
.cai-figure .cai-dashboard {
  position:absolute;
  z-index:2;
  transform:scale(.7);
  transform-origin:100% 100%;
  inset-inline-start:20.1923%;
  inset-block-start:64.6154%;
  inline-size:75%;
  block-size:26.1538%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center;
  gap:min(2.8846cqw,var(--wy-s5));
  margin:0;
  padding:var(--cai-pad);
  border:1px solid color-mix(in srgb,var(--wy-primary-light) 26%,var(--wy-g100));
  border-radius:min(1.9231cqw,var(--wy-r-lg));
  background:var(--wy-g0);
  box-shadow:0 12px 32px -12px color-mix(in srgb,var(--wy-blue-dark) 12%,transparent),0 2px 6px color-mix(in srgb,var(--wy-ink) 3%,transparent);
}
.cai-figure .cai-metric { min-inline-size:0; }
.cai-figure .cai-metric + .cai-metric { padding-inline-start:min(2.8846cqw,var(--wy-s5));border-inline-start:1px solid var(--wy-g50); }
.cai-figure .cai-metric-label { margin:0;color:var(--wy-g600);font-size:var(--cai-label);font-weight:400;white-space:nowrap; }
.cai-figure .cai-metric-value {
  display:flex;
  align-items:center;
  gap:min(.9615cqw,var(--wy-s2));
  margin:min(.9615cqw,var(--wy-s2)) 0 0;
  color:var(--wy-ink);
  font-family:var(--wy-font-en);
  font-size:var(--cai-number);
  font-weight:500;
  font-variant-numeric:tabular-nums;
  line-height:1.25;
  letter-spacing:normal;
  white-space:nowrap;
}
.cai-figure .cai-metric-trend { display:block;flex:none;inline-size:min(1.9231cqw,var(--wy-s4));block-size:min(1.9231cqw,var(--wy-s4));color:var(--wy-success);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
/* Preserve the two-layer composition at the existing local capacity limits. */
@container gcp-artwork (max-width:600px) {
  .cai-figure .cai-scene { --cai-label:clamp(9px,1.8029cqw,13px);--cai-number:clamp(14px,3.8462cqw,24px);--cai-pad:2cqw; }
  .cai-figure .cai-website { border-radius:2cqw; }
  .cai-figure .cai-dashboard { inset-inline-start:14%;inline-size:81.2%;block-size:28%;gap:2cqw;border-radius:2.5cqw; }
  .cai-figure .cai-metric + .cai-metric { padding-inline-start:2cqw; }
  .cai-figure .cai-metric-value { gap:.8cqw;margin-block-start:1.4cqw; }
  .cai-figure .cai-metric-trend { inline-size:clamp(8px,1.9231cqw,12px);block-size:clamp(8px,1.9231cqw,12px); }
}
@container gcp-artwork (max-width:340px) {
  .cai-figure .cai-scene { --cai-label:9px;--cai-number:14px;--cai-pad:1.6cqw; }
  .cai-figure .cai-dashboard { inset-inline-start:8%;inline-size:87.2%;gap:1.6cqw; }
  .cai-figure .cai-metric + .cai-metric { padding-inline-start:1.6cqw; }
}

/* Feature 02 · CMS user tags */
.wy-consumer-insights .ci-feature__media.ctc-figure {
  scroll-margin-block-start:var(--wy-s8);
  background:radial-gradient(70% 58% at 18% 12%,rgba(184,166,230,.55),transparent 62%),radial-gradient(64% 54% at 88% 82%,rgba(143,178,255,.5),transparent 64%),linear-gradient(146deg,#EAE5FA 0%,#E4E7FB 48%,#DEE9FB 100%);
}
.ctc-figure::after {
  content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:14%;z-index:0;pointer-events:none;
  background:linear-gradient(0deg,rgba(22,22,27,.07),rgba(22,22,27,.025) 45%,rgba(22,22,27,0));
}
.ctc-figure .ctc-scene {
  --ctc-micro:min(1.5625cqw,var(--wy-fs-micro));
  --ctc-small:min(1.8029cqw,var(--wy-fs-small));
  --ctc-body:min(2.0433cqw,var(--wy-fs-body));
  --ctc-title:min(2.8846cqw,var(--wy-fs-h3));
  position:absolute;inset:0;z-index:1;color:var(--wy-g700);font-family:var(--wy-font-cn);line-height:1.4;letter-spacing:normal;
}
.ctc-figure .ctc-scene *,
.ctc-figure .ctc-scene *::before,
.ctc-figure .ctc-scene *::after { box-sizing:border-box; }
.ctc-figure .ctc-icon { display:block;flex:none;inline-size:min(1.9231cqw,var(--wy-s4));block-size:min(1.9231cqw,var(--wy-s4));fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round; }
/* The window continues beyond the right and bottom frame edges. All visible
   data sits within the safe area; only the remaining application canvas clips. */
.ctc-figure .ctc-browser {
  position:absolute;inset-inline-start:5.7692%;inset-block-start:9.2308%;inline-size:96.1538%;block-size:107.6923%;
  display:grid;grid-template-rows:min(4.3269cqw,36px) min(5.7692cqw,48px) minmax(0,1fr);overflow:hidden;
  border:1px solid color-mix(in srgb,var(--wy-blue-light) 32%,var(--wy-g100));border-radius:min(1.4423cqw,var(--wy-r-card));background:var(--wy-g0);
  box-shadow:0 8px 24px -12px color-mix(in srgb,var(--wy-blue-dark) 14%,transparent);
}
.ctc-figure .ctc-browserbar {
  display:flex;align-items:center;gap:min(1.4423cqw,var(--wy-s3));padding-inline:min(1.9231cqw,var(--wy-s4));
  border-block-end:1px solid color-mix(in srgb,var(--wy-g100) 65%,var(--wy-g0));
  background:linear-gradient(180deg,var(--wy-g50),color-mix(in srgb,var(--wy-g50) 75%,var(--wy-g100)));color:var(--wy-g500);
}
.ctc-figure .ctc-window-dots { display:flex;gap:min(.6009cqw,5px);flex:none; }
.ctc-figure .ctc-window-dots i { display:block;inline-size:min(1.0817cqw,9px);block-size:min(1.0817cqw,9px);border-radius:var(--wy-r-full);background:#F36C65; }
.ctc-figure .ctc-window-dots i:nth-child(2) { background:#F3BE48; }
.ctc-figure .ctc-window-dots i:nth-child(3) { background:#47B974; }
.ctc-figure .ctc-history { display:flex;gap:min(1.2019cqw,10px);margin-inline-start:min(.9615cqw,var(--wy-s2)); }
.ctc-figure .ctc-address { display:flex;align-items:center;justify-content:center;gap:min(.7212cqw,6px);inline-size:52%;block-size:min(2.4038cqw,20px);margin-inline:auto;padding-inline:min(1.4423cqw,var(--wy-s3));border-radius:min(.7212cqw,var(--wy-r-sm));background:color-mix(in srgb,var(--wy-g0) 75%,transparent);font-family:var(--wy-font-en);font-size:var(--ctc-micro);white-space:nowrap; }
.ctc-figure .ctc-address .ctc-icon { inline-size:min(1.2019cqw,10px);block-size:min(1.2019cqw,10px); }
.ctc-figure .ctc-browserbar > .ctc-icon { margin-inline-end:min(1.4423cqw,var(--wy-s3)); }
.ctc-figure .ctc-toolbar { display:grid;grid-template-columns:19.5% minmax(0,1fr);border-block-end:1px solid var(--wy-g50);background:var(--wy-g0); }
.ctc-figure .ctc-brand { display:flex;align-items:center;gap:min(.9615cqw,var(--wy-s2));padding-inline:min(2.4038cqw,20px);white-space:nowrap; }
.ctc-figure .ctc-brand-full { display:block;inline-size:min(10.3365cqw,86px);block-size:auto; }
.ctc-figure .ctc-brand-mark { display:none; }
.ctc-figure .ctc-brand-label { color:var(--wy-g500);font-family:var(--wy-font-en);font-size:var(--ctc-micro);font-weight:500; }
.ctc-figure .ctc-topnav { display:flex;align-items:center;gap:min(1.4423cqw,var(--wy-s3));padding-inline:min(3.3654cqw,28px);color:var(--wy-g500);font-size:var(--ctc-micro);white-space:nowrap; }
.ctc-figure .ctc-topnav-current { color:var(--wy-g700);font-weight:500; }
.ctc-figure .ctc-topnav-separator { color:var(--wy-g300); }
.ctc-figure .ctc-workspace { display:grid;grid-template-columns:19.5% minmax(0,1fr);min-block-size:0; }
.ctc-figure .ctc-sidebar { padding:min(2.8846cqw,var(--wy-s5)) min(1.4423cqw,var(--wy-s3));border-inline-end:1px solid var(--wy-g50);background:var(--wy-g25); }
.ctc-figure .ctc-nav { display:grid;gap:min(.9615cqw,var(--wy-s2));margin:0;padding:0;list-style:none; }
.ctc-figure .ctc-nav li { display:flex;align-items:center;gap:min(1.2019cqw,10px);padding:min(1.2019cqw,10px) min(1.4423cqw,var(--wy-s3));border-radius:min(.9615cqw,var(--wy-r-btn));font-size:var(--ctc-micro);color:var(--wy-g600);white-space:nowrap; }
.ctc-figure .ctc-nav .ctc-nav-current { background:var(--wy-primary-subtle);color:var(--wy-primary);font-weight:500; }
.ctc-figure .ctc-main { min-inline-size:0;padding:min(3.3654cqw,28px);padding-inline-end:min(4.8077cqw,40px);background:var(--wy-g0); }
.ctc-figure .ctc-heading { display:flex;align-items:center;justify-content:space-between;gap:min(1.2019cqw,10px); }
.ctc-figure .ctc-title { margin:0;color:var(--wy-ink);font-size:var(--ctc-title);font-weight:500;line-height:1.4;white-space:nowrap; }
.ctc-figure .ctc-custom-tag { display:block;flex:none;padding:min(.6009cqw,5px) min(1.2019cqw,10px);border:1px solid var(--wy-primary);border-radius:min(.7212cqw,var(--wy-r-sm));background:var(--wy-primary);color:var(--wy-g0);font-size:var(--ctc-micro);font-weight:500;white-space:nowrap; }
.ctc-figure .ctc-tag-groups { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:min(3.8462cqw,var(--wy-s6)) min(2.8846cqw,var(--wy-s5));margin:min(3.8462cqw,var(--wy-s6)) 0 0;padding:0;list-style:none; }
.ctc-figure .ctc-tag-group { min-inline-size:0; }
.ctc-figure .ctc-category-name { display:block;color:var(--wy-g600);font-size:var(--ctc-small);font-weight:500;white-space:nowrap; }
.ctc-figure .ctc-tags { display:flex;flex-wrap:wrap;gap:min(.9615cqw,var(--wy-s2));margin:min(.9615cqw,var(--wy-s2)) 0 0;padding:0;list-style:none; }
/* Reuse the original Audience Tagging chips: fine borders, six-pixel corners
   and a quiet tint for identity, intent, behaviour and lifecycle dimensions. */
.ctc-figure .ctc-tag { display:block;max-inline-size:100%;padding:min(.4808cqw,var(--wy-s1)) min(.9615cqw,var(--wy-s2));border:1px solid color-mix(in srgb,var(--wy-g100) 36%,transparent);border-radius:min(.7212cqw,var(--wy-r-sm));background:var(--ctc-tag-fill);color:var(--wy-g700);font-size:var(--ctc-micro);font-weight:400;line-height:1.4;white-space:nowrap; }
.ctc-figure .ctc-tags--identity { --ctc-tag-fill:color-mix(in srgb,var(--wy-blue-subtle) 45%,var(--wy-g25)); }
.ctc-figure .ctc-tags--intent { --ctc-tag-fill:color-mix(in srgb,var(--wy-primary-subtle) 70%,var(--wy-g0)); }
.ctc-figure .ctc-tags--behavior { --ctc-tag-fill:color-mix(in srgb,var(--wy-blue-subtle) 80%,var(--wy-g0)); }
.ctc-figure .ctc-tags--lifecycle { --ctc-tag-fill:color-mix(in srgb,var(--wy-primary-subtle) 40%,var(--wy-g25)); }
/* Existing gcp-artwork capacity boundaries: compact chrome and navigation,
   retain all six dimensions and a representative tag for each. */
@container gcp-artwork (max-width:600px) {
  .ctc-figure .ctc-scene { --ctc-micro:clamp(9px,1.5625cqw,12px);--ctc-small:clamp(9px,1.8029cqw,13px);--ctc-title:clamp(13px,2.8846cqw,20px); }
  .ctc-figure .ctc-browser { inset-inline-start:3.5%;inset-block-start:7%;inline-size:99%;block-size:115%;grid-template-rows:18px 26px minmax(0,1fr);border-radius:2cqw; }
  .ctc-figure .ctc-browserbar { gap:1.8cqw;padding-inline:2cqw; }
  .ctc-figure .ctc-window-dots { gap:1cqw; }
  .ctc-figure .ctc-window-dots i { inline-size:4px;block-size:4px; }
  .ctc-figure .ctc-icon { inline-size:10px;block-size:10px; }
  .ctc-figure .ctc-history { gap:1.5cqw;margin-inline-start:.8cqw; }
  .ctc-figure .ctc-address { block-size:12px;inline-size:59%;border-radius:3px; }
  .ctc-figure .ctc-address .ctc-icon { inline-size:7px;block-size:7px; }
  .ctc-figure .ctc-toolbar,.ctc-figure .ctc-workspace { grid-template-columns:23% minmax(0,1fr); }
  .ctc-figure .ctc-brand { gap:1.3cqw;padding-inline:2.3cqw; }
  .ctc-figure .ctc-brand-full { display:none; }
  .ctc-figure .ctc-brand-mark { display:block;inline-size:14px;block-size:auto; }
  .ctc-figure .ctc-topnav { gap:2cqw;padding-inline:3cqw; }
  .ctc-figure .ctc-sidebar { padding:3cqw 1.2cqw; }
  .ctc-figure .ctc-nav { gap:1.4cqw; }
  .ctc-figure .ctc-nav li { gap:1.5cqw;padding:1.6cqw 1.4cqw;border-radius:1cqw; }
  .ctc-figure .ctc-main { padding:3cqw;padding-inline-end:5cqw; }
  .ctc-figure .ctc-heading { gap:1.5cqw; }
  .ctc-figure .ctc-custom-tag { padding:.6cqw 1.2cqw;border-radius:.8cqw; }
  .ctc-figure .ctc-tag-groups { gap:2cqw 3cqw;margin-block-start:2.5cqw; }
  .ctc-figure .ctc-category-name { line-height:1.2; }
  .ctc-figure .ctc-tags { gap:1cqw;margin-block-start:1cqw; }
  .ctc-figure .ctc-tag { padding:.3cqw 1.2cqw;border-radius:.8cqw;line-height:1.2; }
  .ctc-figure .ctc-tag--extra { display:none; }
}
@container gcp-artwork (max-width:340px) {
  .ctc-figure .ctc-browser { inset-inline-start:2.5%;inset-block-start:4%;inline-size:100%;grid-template-rows:16px 24px minmax(0,1fr); }
  .ctc-figure .ctc-sidebar { padding-block:2cqw; }
  .ctc-figure .ctc-nav { gap:1cqw; }
  .ctc-figure .ctc-nav li { gap:1cqw;padding-inline:.8cqw; }
  .ctc-figure .ctc-icon { inline-size:9px;block-size:9px; }
  .ctc-figure .ctc-main { padding:2.3cqw;padding-inline-end:5cqw; }
  .ctc-figure .ctc-title { font-size:12px; }
  .ctc-figure .ctc-tag-groups { gap:1.5cqw 3cqw;margin-block-start:2cqw; }
  .ctc-figure .ctc-tags { margin-block-start:.7cqw; }
}

/* Feature 03 · CMS analytics and featured insight */
.wy-consumer-insights .ci-feature__media.cma-figure {
  scroll-margin-block-start:var(--wy-s8);
  background:radial-gradient(70% 58% at 18% 12%,rgba(184,166,230,.55),transparent 62%),radial-gradient(64% 54% at 88% 82%,rgba(143,178,255,.5),transparent 64%),linear-gradient(146deg,#EAE5FA 0%,#E4E7FB 48%,#DEE9FB 100%);
}
.cma-figure::after {
  content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:14%;z-index:0;pointer-events:none;
  background:linear-gradient(0deg,rgba(22,22,27,.07),rgba(22,22,27,.025) 45%,rgba(22,22,27,0));
}
.cma-figure .cma-scene {
  --cma-micro:min(1.5625cqw,var(--wy-fs-micro));
  --cma-small:min(1.8029cqw,var(--wy-fs-small));
  --cma-body:min(2.0433cqw,var(--wy-fs-body));
  --cma-title:min(2.8846cqw,var(--wy-fs-h3));
  position:absolute;inset:0;z-index:1;color:var(--wy-g700);font-family:var(--wy-font-cn);line-height:1.4;letter-spacing:normal;
}
.cma-figure .cma-scene *,
.cma-figure .cma-scene *::before,
.cma-figure .cma-scene *::after { box-sizing:border-box; }
.cma-figure .cma-icon { display:block;flex:none;inline-size:min(1.9231cqw,var(--wy-s4));block-size:min(1.9231cqw,var(--wy-s4));fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round; }
/* Reuse the approved CMS shell. The window continues beyond the right and bottom frame edges. All visible
   data sits within the safe area; only the remaining application canvas clips. */
.cma-figure .cma-browser {
  position:absolute;inset-inline-start:5.7692%;inset-block-start:9.2308%;inline-size:96.1538%;block-size:107.6923%;
  display:grid;grid-template-rows:min(4.3269cqw,36px) min(5.7692cqw,48px) minmax(0,1fr);overflow:hidden;
  border:1px solid color-mix(in srgb,var(--wy-blue-light) 32%,var(--wy-g100));border-radius:min(1.4423cqw,var(--wy-r-card));background:var(--wy-g0);
  box-shadow:0 8px 24px -12px color-mix(in srgb,var(--wy-blue-dark) 14%,transparent);
}
.cma-figure .cma-browserbar {
  display:flex;align-items:center;gap:min(1.4423cqw,var(--wy-s3));padding-inline:min(1.9231cqw,var(--wy-s4));
  border-block-end:1px solid color-mix(in srgb,var(--wy-g100) 65%,var(--wy-g0));
  background:linear-gradient(180deg,var(--wy-g50),color-mix(in srgb,var(--wy-g50) 75%,var(--wy-g100)));color:var(--wy-g500);
}
.cma-figure .cma-window-dots { display:flex;gap:min(.6009cqw,5px);flex:none; }
.cma-figure .cma-window-dots i { display:block;inline-size:min(1.0817cqw,9px);block-size:min(1.0817cqw,9px);border-radius:var(--wy-r-full);background:#F36C65; }
.cma-figure .cma-window-dots i:nth-child(2) { background:#F3BE48; }
.cma-figure .cma-window-dots i:nth-child(3) { background:#47B974; }
.cma-figure .cma-history { display:flex;gap:min(1.2019cqw,10px);margin-inline-start:min(.9615cqw,var(--wy-s2)); }
.cma-figure .cma-address { display:flex;align-items:center;justify-content:center;gap:min(.7212cqw,6px);inline-size:52%;block-size:min(2.4038cqw,20px);margin-inline:auto;padding-inline:min(1.4423cqw,var(--wy-s3));border-radius:min(.7212cqw,var(--wy-r-sm));background:color-mix(in srgb,var(--wy-g0) 75%,transparent);font-family:var(--wy-font-en);font-size:var(--cma-micro);white-space:nowrap; }
.cma-figure .cma-address .cma-icon { inline-size:min(1.2019cqw,10px);block-size:min(1.2019cqw,10px); }
.cma-figure .cma-browserbar > .cma-icon { margin-inline-end:min(1.4423cqw,var(--wy-s3)); }
.cma-figure .cma-toolbar { display:grid;grid-template-columns:19.5% minmax(0,1fr);border-block-end:1px solid var(--wy-g50);background:var(--wy-g0); }
.cma-figure .cma-brand { display:flex;align-items:center;gap:min(.9615cqw,var(--wy-s2));padding-inline:min(2.4038cqw,20px);white-space:nowrap; }
.cma-figure .cma-brand-full { display:block;inline-size:min(10.3365cqw,86px);block-size:auto; }
.cma-figure .cma-brand-mark { display:none; }
.cma-figure .cma-brand-label { color:var(--wy-g500);font-family:var(--wy-font-en);font-size:var(--cma-micro);font-weight:500; }
.cma-figure .cma-topnav { display:flex;align-items:center;gap:min(1.4423cqw,var(--wy-s3));padding-inline:min(3.3654cqw,28px);color:var(--wy-g500);font-size:var(--cma-micro);white-space:nowrap; }
.cma-figure .cma-topnav-current { color:var(--wy-g700);font-weight:500; }
.cma-figure .cma-topnav-separator { color:var(--wy-g300); }
.cma-figure .cma-workspace { display:grid;grid-template-columns:19.5% minmax(0,1fr);min-block-size:0; }
.cma-figure .cma-sidebar { padding:min(2.8846cqw,var(--wy-s5)) min(1.4423cqw,var(--wy-s3));border-inline-end:1px solid var(--wy-g50);background:var(--wy-g25); }
.cma-figure .cma-nav { display:grid;gap:min(.9615cqw,var(--wy-s2));margin:0;padding:0;list-style:none; }
.cma-figure .cma-nav li { display:flex;align-items:center;gap:min(1.2019cqw,10px);padding:min(1.2019cqw,10px) min(1.4423cqw,var(--wy-s3));border-radius:min(.9615cqw,var(--wy-r-btn));font-size:var(--cma-micro);color:var(--wy-g600);white-space:nowrap; }
.cma-figure .cma-nav .cma-nav-current { background:var(--wy-primary-subtle);color:var(--wy-primary);font-weight:500; }
.cma-figure .cma-main { min-inline-size:0;padding:min(3.3654cqw,28px);padding-inline-end:min(4.8077cqw,40px);background:var(--wy-g0); }
/* Existing analysis data moves into the CMS canvas. A separate insight card
   occupies the empty lower-right area, clear of the chart and region values. */
.cma-figure .cma-browser { inset-block-start:6.1538%;grid-template-rows:min(3.8462cqw,32px) min(4.8077cqw,40px) minmax(0,1fr); }
.cma-figure .cma-main { padding:min(2.8846cqw,var(--wy-s5));padding-inline-end:min(4.8077cqw,40px); }
.cma-figure .cma-heading { display:flex;align-items:center;justify-content:space-between;gap:min(1.4423cqw,var(--wy-s3)); }
.cma-figure .cma-title { margin:0;color:var(--wy-ink);font-size:var(--cma-title);font-weight:500;line-height:1.4;white-space:nowrap; }
.cma-figure .cma-period { display:flex;align-items:center;gap:min(.7212cqw,6px);padding:min(.4808cqw,var(--wy-s1)) min(.9615cqw,var(--wy-s2));border:1px solid var(--wy-g100);border-radius:min(.7212cqw,var(--wy-r-sm));background:var(--wy-g10);color:var(--wy-g600);font-size:var(--cma-micro);line-height:1.4;white-space:nowrap; }
.cma-figure .cma-period svg { inline-size:min(1.4423cqw,var(--wy-s3));block-size:min(1.4423cqw,var(--wy-s3));fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round; }
.cma-figure .cma-kpis { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:min(1.9231cqw,var(--wy-s4)); }
.cma-figure .cma-kpi { display:grid;align-content:start;justify-items:start;gap:min(.4808cqw,var(--wy-s1));min-inline-size:0; }
.cma-figure .cma-kpi + .cma-kpi { padding-inline-start:min(2.8846cqw,var(--wy-s5));border-inline-start:1px solid var(--wy-g50); }
.cma-figure .cma-kpi-label { color:var(--wy-g500);font-size:var(--cma-micro);line-height:1.4;white-space:nowrap; }
.cma-figure .cma-value { color:var(--wy-g800);font-size:min(2.8846cqw,var(--wy-fs-h3));font-family:var(--wy-font-en);font-weight:500;font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:normal;white-space:nowrap; }
.cma-figure .cma-change { color:var(--wy-blue-shade);font-size:var(--cma-micro);font-family:var(--wy-font-en);line-height:1.4;white-space:nowrap; }
.cma-figure .cma-analysis-layout { margin-block-start:min(1.9231cqw,var(--wy-s4)); }
.cma-figure .cma-trends { min-inline-size:0; }
.cma-figure .cma-trend-heading { display:flex;align-items:baseline;justify-content:space-between;gap:min(.9615cqw,var(--wy-s2)); }
.cma-figure .cma-section-title { color:var(--wy-g700);font-size:var(--cma-small);font-weight:500;line-height:1.4;white-space:nowrap; }
.cma-figure .cma-normalization { color:var(--wy-g500);font-size:var(--cma-micro);line-height:1.4;white-space:nowrap; }
.cma-figure .cma-legend { display:flex;gap:min(2.8846cqw,var(--wy-s5));margin-block-start:min(.4808cqw,var(--wy-s1)); }
.cma-figure .cma-legend-item { display:flex;align-items:center;gap:min(.7212cqw,6px);color:var(--wy-g600);font-size:var(--cma-micro);line-height:1.4;white-space:nowrap; }
.cma-figure .cma-legend-item::before { content:"";display:block;inline-size:min(1.4423cqw,var(--wy-s3));block-size:2px;border-radius:var(--wy-r-full);background:var(--wy-blue); }
.cma-figure .cma-legend-item--conversion::before { background:var(--wy-primary-light); }
.cma-figure .cma-chart-grid { display:grid;grid-template-columns:2.5em minmax(0,1fr);gap:min(.7212cqw,6px) 0;margin-block-start:min(.9615cqw,var(--wy-s2));font-size:var(--cma-micro); }
.cma-figure .cma-y-axis { display:flex;flex-direction:column;justify-content:space-between;padding-inline-end:min(.9615cqw,var(--wy-s2));color:var(--wy-g500);font-size:inherit;font-variant-numeric:tabular-nums;line-height:1.2; }
.cma-figure .cma-trend-plot { display:block;inline-size:100%;block-size:min(7.6923cqw,var(--wy-s8));overflow:visible; }
.cma-figure .cma-reference-lines { stroke:var(--wy-g50);stroke-width:1;vector-effect:non-scaling-stroke; }
.cma-figure .cma-curve { stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke; }
.cma-figure .cma-curve--visits { stroke:var(--wy-blue); }
.cma-figure .cma-curve--conversion { stroke:var(--wy-primary-light); }
.cma-figure .cma-time-axis { grid-column:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));color:var(--wy-g500);font-size:inherit;line-height:1.2; }
.cma-figure .cma-time-axis > span { text-align:center;white-space:nowrap; }
.cma-figure .cma-regions { inline-size:47%;min-inline-size:0;margin-block-start:min(1.9231cqw,var(--wy-s4)); }
.cma-figure .cma-region-title { display:block;color:var(--wy-g700);font-size:var(--cma-micro);font-weight:500;line-height:1.4;white-space:nowrap; }
.cma-figure .cma-region-list { display:grid;gap:min(.4808cqw,var(--wy-s1));margin-block-start:min(.7212cqw,6px); }
.cma-figure .cma-region-row { display:grid;grid-template-columns:4.5em minmax(0,1fr) 2.5em;align-items:center;gap:min(.9615cqw,var(--wy-s2));color:var(--wy-g600);font-size:var(--cma-micro);line-height:1.2; }
.cma-figure .cma-region-name { white-space:nowrap; }
.cma-figure .cma-region-value { text-align:right;font-variant-numeric:tabular-nums; }
.cma-figure .cma-region-track { block-size:min(.4808cqw,var(--wy-s1));border-radius:var(--wy-r-full);overflow:hidden;background:var(--wy-g50); }
.cma-figure .cma-region-fill { display:block;block-size:100%;border-radius:inherit; }
.cma-figure .cma-region-fill--apac { background:var(--wy-blue-light); }
.cma-figure .cma-region-fill--europe { background:var(--wy-primary-light); }
.cma-figure .cma-region-fill--america { background:color-mix(in srgb,var(--wy-blue-light) 55%,var(--wy-primary-subtle)); }
.cma-figure .cma-insight { position:absolute;z-index:2;inset-inline-start:64.4231%;inset-block-start:78.4615%;inline-size:30.7692%;block-size:19.2308%;display:flex;flex-direction:column;justify-content:center;gap:min(.7212cqw,6px);padding:min(1.4423cqw,var(--wy-s3));border:1px solid color-mix(in srgb,var(--wy-primary-light) 26%,var(--wy-g100));border-radius:min(1.9231cqw,var(--wy-r-lg));background:var(--wy-g0);box-shadow:0 12px 32px -12px color-mix(in srgb,var(--wy-blue-dark) 12%,transparent),0 2px 6px color-mix(in srgb,var(--wy-ink) 3%,transparent); }
.cma-figure .cma-insight-title { margin:0;color:var(--wy-g700);font-size:var(--cma-body);font-weight:500;line-height:1.4;white-space:nowrap; }
.cma-figure .cma-insight-text { margin:0;color:var(--wy-g700);font-size:var(--cma-micro);line-height:1.5; }
/* Existing local capacity boundary. Collapse the simulated sidebar as a CMS
   would, place regions beside the chart, and keep the insight in a front strip. */
@container gcp-artwork (max-width:600px) {
  .cma-figure .cma-scene { --cma-micro:clamp(9px,1.5625cqw,12px);--cma-small:clamp(9px,1.8029cqw,13px);--cma-title:clamp(13px,2.8846cqw,20px); }
  .cma-figure .cma-browser { inset-inline-start:3.5%;inset-block-start:4%;inline-size:99%;block-size:115%;grid-template-rows:16px 22px minmax(0,1fr);border-radius:2cqw; }
  .cma-figure .cma-browserbar { gap:1.8cqw;padding-inline:2cqw; }
  .cma-figure .cma-window-dots { gap:1cqw; }
  .cma-figure .cma-window-dots i { inline-size:4px;block-size:4px; }
  .cma-figure .cma-icon { inline-size:10px;block-size:10px; }
  .cma-figure .cma-history { gap:1.5cqw;margin-inline-start:.8cqw; }
  .cma-figure .cma-address { block-size:12px;inline-size:59%;border-radius:3px; }
  .cma-figure .cma-address .cma-icon { inline-size:7px;block-size:7px; }
  .cma-figure .cma-toolbar,.cma-figure .cma-workspace { grid-template-columns:10% minmax(0,1fr); }
  .cma-figure .cma-brand { justify-content:center;padding:0; }
  .cma-figure .cma-brand-full,.cma-figure .cma-brand-label { display:none; }
  .cma-figure .cma-brand-mark { display:block;inline-size:14px;block-size:auto; }
  .cma-figure .cma-topnav { gap:2cqw;padding-inline:2cqw; }
  .cma-figure .cma-sidebar { padding:2cqw 1cqw; }
  .cma-figure .cma-nav { gap:1.4cqw; }
  .cma-figure .cma-nav li { justify-content:center;padding:2cqw 0;border-radius:1cqw; }
  .cma-figure .cma-nav li span { display:none; }
  .cma-figure .cma-main { padding:2cqw;padding-inline-end:5cqw; }
  .cma-figure .cma-title { line-height:1.2; }
  .cma-figure .cma-period { padding:.4cqw .8cqw;gap:.7cqw;line-height:1.2; }
  .cma-figure .cma-period svg { inline-size:8px;block-size:8px; }
  .cma-figure .cma-kpis { gap:1.6cqw;margin-block-start:1.5cqw; }
  .cma-figure .cma-kpi { grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8cqw .6cqw; }
  .cma-figure .cma-kpi + .cma-kpi { padding-inline-start:1.6cqw; }
  .cma-figure .cma-kpi-label { grid-column:1 / -1;line-height:1.2; }
  .cma-figure .cma-value { font-size:clamp(14px,2.8846cqw,24px); }
  .cma-figure .cma-change { font-size:var(--cma-micro);line-height:1.2; }
  .cma-figure .cma-analysis-layout { display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2.5cqw;margin-block-start:2cqw; }
  .cma-figure .cma-trend-heading { gap:1cqw; }
  .cma-figure .cma-section-title,.cma-figure .cma-normalization { font-size:var(--cma-micro);line-height:1.2; }
  .cma-figure .cma-series-title--visits { color:var(--wy-blue-shade); }
  .cma-figure .cma-series-title--conversion { color:var(--wy-primary); }
  .cma-figure .cma-normalization-prefix,.cma-figure .cma-note-space,.cma-figure .cma-legend { display:none; }
  .cma-figure .cma-chart-grid { grid-template-columns:2.2em minmax(0,1fr);margin-block-start:1cqw;row-gap:1cqw;font-size:8px; }
  .cma-figure .cma-y-axis { padding-inline-end:.5cqw; }
  .cma-figure .cma-trend-plot { block-size:7cqw; }
  .cma-figure .cma-regions { inline-size:auto;margin:0; }
  .cma-figure .cma-region-title { line-height:1.2; }
  .cma-figure .cma-region-list { margin-block-start:1cqw;gap:1cqw; }
  .cma-figure .cma-region-row { grid-template-columns:minmax(0,1fr) auto;gap:.5cqw 1cqw;font-size:var(--cma-micro);line-height:1.2; }
  .cma-figure .cma-region-track { grid-column:1 / -1;grid-row:2;block-size:2px; }
  .cma-figure .cma-region-value { grid-column:2;grid-row:1; }
  .cma-figure .cma-insight { inset-inline-start:3%;inset-block-start:auto;inset-block-end:3%;inline-size:94%;block-size:auto;flex-direction:row;align-items:center;justify-content:flex-start;gap:2cqw;padding:2cqw;border-radius:1.6cqw; }
  .cma-figure .cma-insight-title { flex:none;font-size:var(--cma-micro);line-height:1.2; }
  .cma-figure .cma-insight-text { font-size:var(--cma-micro);line-height:1.25; }
}
@container gcp-artwork (max-width:340px) {
  .cma-figure .cma-scene { --cma-micro:8px;--cma-small:8px;--cma-title:12px; }
  .cma-figure .cma-browser { inset-inline-start:2.5%;inline-size:100%; }
  .cma-figure .cma-main { padding-block-start:1.5cqw; }
  .cma-figure .cma-kpis { margin-block-start:.8cqw; }
  .cma-figure .cma-kpi { display:grid;grid-template-columns:minmax(0,1fr); }
  .cma-figure .cma-kpi + .cma-kpi { padding-inline-start:1cqw; }
  .cma-figure .cma-value { font-size:13px; }
  .cma-figure .cma-change { display:none; }
  .cma-figure .cma-analysis-layout { margin-block-start:.8cqw; }
  .cma-figure .cma-region-list { gap:.3cqw;margin-block-start:.8cqw; }
  .cma-figure .cma-region-row { line-height:1.1; }
  .cma-figure .cma-region-track { block-size:1.5px; }
  .cma-figure .cma-insight { gap:1.5cqw;padding:1.6cqw; }
}

/* Feature 04 · Governance stage background */
.wy-consumer-insights .ci-feature__media.gov-figure {
  background:radial-gradient(70% 58% at 18% 12%,rgba(184,166,230,.55),transparent 62%),radial-gradient(64% 54% at 88% 82%,rgba(143,178,255,.5),transparent 64%),linear-gradient(146deg,#EAE5FA 0%,#E4E7FB 48%,#DEE9FB 100%);
}

.gov-figure::after {
  content:"";
  position:absolute;
  inset-inline:0;
  inset-block-end:0;
  block-size:14%;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(0deg,rgba(22,22,27,.07),rgba(22,22,27,.025) 45%,rgba(22,22,27,0));
}

.gov-figure .gov-scene { z-index:1; }