/* Feature 03 reuses the verified gcp figure, scene, panels and header.
   The shared 16:10 media, background, typography tokens, border and shadow
   remain untouched. Compact rules extend the existing gcp-artwork mode. */
.cad-figure .cad-dashboard { left:3.8462%;top:6.9231%;width:84.6154%;height:86.1538%; }
.cad-figure .cad-header { justify-content:space-between; }
.cad-figure .cad-heading { display:flex;align-items:center;gap:min(1.2019cqw,10px); }
.cad-figure .cad-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:var(--wy-r-sm);background:var(--wy-g10);font-size:var(--gcp-micro);line-height:1.4;color:var(--wy-g600);white-space:nowrap; }
.cad-figure .cad-period svg { width:min(1.4423cqw,var(--wy-s3));height:min(1.4423cqw,var(--wy-s3));stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round; }
.cad-figure .cad-body { gap:min(1.9231cqw,var(--wy-s4)); }
.cad-figure .cad-kpis { display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); }
.cad-figure .cad-kpi { min-width:0;display:grid;align-content:start;justify-items:start;gap:min(.4808cqw,var(--wy-s1)); }
.cad-figure .cad-kpi+.cad-kpi { border-left:1px solid var(--wy-g50);padding-left:min(2.8846cqw,var(--wy-s5)); }
.cad-figure .cad-kpi-label { font-size:var(--gcp-micro);line-height:1.4;color:var(--wy-g500);white-space:nowrap; }
.cad-figure .cad-value { font-size:min(3.8462cqw,var(--wy-fs-h2));line-height:1.1;font-weight:500;letter-spacing:var(--wy-ls-num);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--wy-g800); }
.cad-figure .cad-kpi-unit { font-size:var(--gcp-body);letter-spacing:0; }
.cad-figure .cad-change { font-size:var(--gcp-micro);line-height:1.4;color:var(--wy-blue-shade);white-space:nowrap; }
.cad-figure :is(.cad-trends,.cad-regions) { width:73.1707%;min-width:0; }
.cad-figure .cad-trend-heading { display:flex;align-items:baseline;justify-content:space-between;gap:min(.9615cqw,var(--wy-s2)); }
.cad-figure .cad-section-title { font-size:var(--gcp-small);line-height:1.4;font-weight:500;color:var(--wy-g700);white-space:nowrap; }
.cad-figure .cad-normalization { font-size:var(--gcp-micro);line-height:1.4;color:var(--wy-g500);white-space:nowrap; }
.cad-figure .cad-legend { display:flex;gap:min(2.8846cqw,var(--wy-s5));margin-top:min(.4808cqw,var(--wy-s1)); }
.cad-figure .cad-legend-item { display:flex;align-items:center;gap:min(.7212cqw,6px);font-size:var(--gcp-micro);line-height:1.4;color:var(--wy-g600);white-space:nowrap; }
.cad-figure .cad-legend-item::before { content:"";display:block;width:min(1.4423cqw,var(--wy-s3));height:2px;border-radius:var(--wy-r-full);background:var(--wy-blue); }
.cad-figure .cad-legend-item--conversion::before { background:var(--wy-primary-light); }
.cad-figure .cad-chart-grid { display:grid;grid-template-columns:2.5em minmax(0,1fr);gap:min(.7212cqw,6px) 0;margin-top:min(.9615cqw,var(--wy-s2));font-size:var(--gcp-micro); }
.cad-figure .cad-y-axis { display:flex;flex-direction:column;justify-content:space-between;padding-right:min(.9615cqw,var(--wy-s2));font-size:inherit;line-height:1.2;color:var(--wy-g500);font-variant-numeric:tabular-nums; }
.cad-figure .cad-trend-plot { display:block;width:100%;height:min(9.6154cqw,80px);overflow:visible; }
.cad-figure .cad-reference-lines { stroke:var(--wy-g50);stroke-width:1;vector-effect:non-scaling-stroke; }
.cad-figure .cad-curve { stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke; }
.cad-figure .cad-curve--visits { stroke:var(--wy-blue); }
.cad-figure .cad-curve--conversion { stroke:var(--wy-primary-light); }
.cad-figure .cad-time-axis { grid-column:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));font-size:inherit;line-height:1.2;color:var(--wy-g500); }
.cad-figure .cad-time-axis>span { text-align:center;white-space:nowrap; }
.cad-figure .cad-regions { margin-top:auto; }
.cad-figure .cad-region-title { display:block;font-size:var(--gcp-micro);line-height:1.4;font-weight:500;color:var(--wy-g700); }
.cad-figure .cad-region-list { display:grid;gap:min(.4808cqw,var(--wy-s1));margin-top:min(.7212cqw,6px); }
.cad-figure .cad-region-row { display:grid;grid-template-columns:4.5em minmax(0,1fr) 2.5em;align-items:center;gap:min(.9615cqw,var(--wy-s2));font-size:var(--gcp-micro);line-height:1.2;color:var(--wy-g600); }
.cad-figure .cad-region-name { white-space:nowrap; }
.cad-figure .cad-region-value { text-align:right;font-variant-numeric:tabular-nums; }
.cad-figure .cad-region-track { height:min(.4808cqw,var(--wy-s1));background:var(--wy-g50);border-radius:var(--wy-r-full);overflow:hidden; }
.cad-figure .cad-region-fill { display:block;height:100%;border-radius:inherit; }
.cad-figure .cad-region-fill--apac { background:var(--wy-blue-light); }
.cad-figure .cad-region-fill--europe { background:var(--wy-primary-light); }
.cad-figure .cad-region-fill--america { background:color-mix(in srgb,var(--wy-blue-light) 55%,var(--wy-primary-subtle)); }
.cad-figure .cad-insight { left:67.3077%;top:52.6923%;width:28.8462%;height:40.3846%;z-index:1;background:color-mix(in srgb,var(--wy-g0) 90%,var(--wy-g25)); }
.cad-figure .cad-insight-header { padding:min(1.4423cqw,var(--wy-s3)) min(1.9231cqw,var(--wy-s4)); }
.cad-figure .cad-insight-header .gcp-title { font-size:var(--gcp-small); }
.cad-figure .cad-insight-body { flex:1;min-height:0;display:flex;flex-direction:column;padding:min(1.9231cqw,var(--wy-s4)); }
.cad-figure .cad-insight-text { margin:0;font-size:var(--gcp-micro);line-height:1.5;color:var(--wy-g700); }
.cad-figure .cad-action { display:grid;gap:min(.4808cqw,var(--wy-s1));margin-top:auto;padding:min(.9615cqw,var(--wy-s2));border-radius:var(--wy-r-btn);background:color-mix(in srgb,var(--wy-blue-subtle) 60%,var(--wy-primary-subtle)); }
.cad-figure .cad-action-label { font-size:var(--gcp-micro);line-height:1.4;color:var(--wy-blue-shade); }
.cad-figure .cad-action-text { font-size:var(--gcp-micro);line-height:1.4;font-weight:500;color:var(--wy-g700); }

/* Same 600px compact mode as Features 01/02. Keep the three KPIs, normalized
   curves, four weeks, three regions and full insight visible. Axis text uses
   HTML so its font floor is independent of the SVG plot's scaling. */
@container gcp-artwork (max-width:600px) {
  .cad-figure .cad-dashboard { top:4%;height:88%; }
  .cad-figure .cad-header { padding:1.25cqw 1.5cqw; }
  .cad-figure .cad-heading { gap:1cqw; }
  .cad-figure .cad-heading .gcp-profile-icon { width:3cqw;height:3cqw; }
  .cad-figure .cad-heading .gcp-title { font-size:var(--gcp-body); }
  .cad-figure .cad-period { padding:.3cqw .6cqw;gap:.5cqw;line-height:1.2; }
  .cad-figure .cad-period svg { width:2cqw;height:2cqw; }
  .cad-figure .cad-body { padding:1.5cqw;gap:1cqw; }
  .cad-figure .cad-kpi { gap:.3cqw; }
  .cad-figure .cad-kpi+.cad-kpi { padding-left:2cqw; }
  .cad-figure .cad-kpi-label { line-height:1.2; }
  .cad-figure .cad-value { font-size:clamp(16px,4.68cqw,24px); }
  .cad-figure .cad-kpi-unit { font-size:var(--gcp-micro); }
  .cad-figure .cad-change { display:none; }
  .cad-figure .cad-trend-heading { gap:1cqw; }
  .cad-figure .cad-section-title { line-height:1.2; }
  .cad-figure .cad-series-title--visits { color:var(--wy-blue-shade); }
  .cad-figure .cad-series-title--conversion { color:var(--wy-primary); }
  .cad-figure .cad-normalization { line-height:1.2; }
  .cad-figure .cad-normalization-prefix,.cad-figure .cad-note-space,.cad-figure .cad-legend { display:none; }
  .cad-figure .cad-chart-grid { margin-top:1cqw;row-gap:.5cqw; }
  .cad-figure .cad-y-axis { padding-right:.5cqw; }
  .cad-figure .cad-y-axis>span:nth-child(2) { display:none; }
  .cad-figure .cad-trend-plot { height:8.3333cqw; }
  .cad-figure .cad-region-title { display:none; }
  .cad-figure .cad-region-list { margin-top:0;gap:.5cqw; }
  .cad-figure .cad-region-row { gap:.75cqw; }
  .cad-figure .cad-region-track { height:.75cqw; }
  .cad-figure .cad-insight { top:36%;height:57%; }
  .cad-figure .cad-insight-header { padding:.75cqw 1cqw; }
  .cad-figure .cad-insight-header .gcp-title { font-size:var(--gcp-micro);line-height:1.2; }
  .cad-figure .cad-insight-body { padding:1cqw; }
  .cad-figure .cad-insight-text { line-height:1.1;text-wrap:wrap; }
  .cad-figure .cad-action { gap:.25cqw;padding:.75cqw; }
  .cad-figure .cad-action-label,.cad-figure .cad-action-text { line-height:1.1; }
}
@container gcp-artwork (max-width:340px) {
  .cad-figure .cad-insight { top:38%;height:55%; }
}