/* assets/dcr-dashboard.css · The Desert Camel Report, the dashboard page (desert-camel-report/index.html), charts first
   (8 Nov 2026). Loaded after assets/dcr.css and assets/dcr-page-index.css on that page only; every class here is
   .dsh-* (the hero section keeps .dcr-hero), so nothing on the other six pages changes.

   MODE   Dark Command. Panels are solid elev-1 (.dcr-w): data ink never sits on glass. Glass comes only from
          assets/liquid-glass.css through the classes it already dresses: .dcr-tile (the city chips, the stat row)
          and .dcr-chip (the stack switch). No new glass selector.
   COLOUR Every value is a token. Series follow the entity on every page: Egypt / Funding / SDR dv-1, UAE / Launch /
          AE dv-2, Saudi Arabia / New sales leader / RevOps dv-3, Expansion dv-5, Layoff dv-6. Magnitude is one
          hue (purple 900 -> 600). Magenta twice at most per screen: the hero's action, then one insight per
          chart (the busiest week's caret, the empty coverage cell's outline). Text never wears a series colour.
   CHARTS Bars from zero, 4px rounded data ends, 2px surface gaps, labels direct. The plots are drawn by
          assets/dcr-viz-dashboard.js from the tables in the page, at the host's own pixel width (1:1 viewBox).
   RTL    Logical properties. Plot areas are dir="ltr": charts and numerals don't mirror (brand law).
   ================================================================================================= */

main.dcr[data-dcr-page="index"]{ --dsh-gap:clamp(16px, 2vw, 24px); }

/* ---------------------------------------------------------------- shared bits */
.dsh-sw{ display:inline-block; flex:none; inline-size:10px; block-size:10px; border-radius:3px; background:var(--c, var(--dv-6)); }
.dsh-cap{ margin:0; font:400 14px/1.6 var(--font-sans); color:var(--ink-muted); }
.dsh-take{ margin:0; font:400 14px/1.6 var(--font-sans); color:var(--ink); text-wrap:pretty; }
.dsh-take b{ font-weight:600; }
.dsh-fig{ margin:0; display:grid; gap:12px; min-inline-size:0; position:relative; }

.dsh-legend{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px 16px;
  font:500 12px/1.6 var(--font-sans); color:var(--ink); }
.dsh-legend li{ display:inline-flex; align-items:center; gap:7px; }
.dsh-legend li .dsh-sw{ background:var(--c); }
.dsh-legends .dsh-legend--market{ display:none; }
.dsh-fig[data-dsh-view-cur="market"] .dsh-legend--kind{ display:none; }
.dsh-fig[data-dsh-view-cur="market"] .dsh-legend--market{ display:flex; }

/* "See the numbers": open in the HTML (no script, the table is the chart), closed once the plot is drawn */
.dsh-seedata{ margin:0; }
.dsh-seedata > summary{ display:inline-flex; align-items:center; gap:8px; min-block-size:40px; cursor:pointer; list-style:none;
  font:600 14px/1.3 var(--font-sans); color:var(--ink); text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; }
.dsh-seedata > summary::-webkit-details-marker{ display:none; }
.dsh-seedata > summary::after{ content:"+"; font:500 14px/1 var(--font-mono); }
.dsh-seedata[open] > summary::after{ content:"\2212"; }
.dsh-seedata > summary:focus-visible{ outline:3px solid var(--focus-ring); outline-offset:2px; border-radius:4px; }
.dsh-table{ font-size:14px; }
.dsh-table caption{ text-align:start; }

/* ---------------------------------------------------------------- 1 · hero */
.dcr-hero{ padding-block:clamp(28px, 5vw, 64px) clamp(28px, 4vw, 48px); }
.dsh-hero{ display:grid; gap:0; }
.dsh-hero__copy{ display:grid; gap:16px; justify-items:center; text-align:center; max-inline-size:880px; margin-inline:auto; }
.dsh-edition{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px 14px;
  font:500 12px/1.4 var(--font-mono); letter-spacing:var(--track-label); text-transform:uppercase; color:var(--ink-muted); }
.dsh-edition__k{ color:var(--ink); }
.dsh-edition__n{ padding:3px 10px; border-radius:999px; background:var(--elev-3); color:var(--ink); }
.dsh-hero__h{ margin:0; text-wrap:balance; max-inline-size:20ch; }
.dsh-hero__mk{ display:block; margin-block-start:12px; font:400 clamp(18px, 2vw, 24px)/1.35 var(--font-sans); letter-spacing:0;
  text-transform:none; color:var(--ink-muted); }
.dsh-hero__lead{ font:400 var(--fs-lead, 18px)/1.6 var(--font-sans); color:var(--ink-muted); max-inline-size:52ch; }
.dsh-hero__acts{ justify-content:center; margin-block-start:4px; }

/* the three markets: one photo each under the Command duo (black -> cyan, a 30% anchor hold aimed at the chip at
   the top, so the white ink sits in the duo's anchor half); the chip is dark glass (.dcr-tile, tint .82+) */
.dsh-cities-fig{ margin:clamp(28px, 4vw, 48px) auto 0; max-inline-size:1200px; inline-size:100%; display:grid; gap:12px; }
.dsh-cities{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:clamp(12px, 1.6vw, 20px); }
.dsh-city{ position:relative; isolation:isolate; overflow:hidden; aspect-ratio:4 / 5; min-inline-size:0;
  border-radius:var(--radius-base, 24px); background:var(--elev-1); }
.dsh-city__pic, .dsh-city__pic img{ position:absolute; inset:0; inline-size:100%; block-size:100%; }
.dsh-city__pic img{ object-fit:cover; object-position:50% 78%; }
.dsh-city::after{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none; opacity:.55; mix-blend-mode:multiply;
  background:linear-gradient(to bottom, var(--black) 0, var(--black) 30%, var(--cyan) 100%); }
html:root body .dsh-city__chip{ position:absolute; z-index:2; inset-block-start:clamp(10px, 1.2vw, 14px); inset-inline:clamp(10px, 1.2vw, 14px);
  display:grid; gap:6px; padding:14px 16px 13px; border-radius:18px; text-align:start; color:var(--white); }
.dsh-city__mk{ display:flex; align-items:center; gap:8px; font:500 11px/1.4 var(--font-mono); letter-spacing:var(--track-label);
  text-transform:uppercase; color:var(--silver); }
.dsh-city__mk .dsh-sw{ inline-size:8px; block-size:8px; border-radius:50%; }
.dsh-city__v{ font:500 clamp(26px, 2.6vw, 32px)/1.05 var(--font-mono); letter-spacing:-0.02em; color:var(--white); }
.dsh-city__l{ font:500 14px/1.6 var(--font-sans); color:var(--white); }
.dsh-city__src{ font:400 12px/1.6 var(--font-sans); color:var(--silver); }
.dsh-city__src a{ color:var(--white); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
.dsh-city__src a:focus-visible{ outline:3px solid var(--focus-ring-on-duo, #fff); outline-offset:2px; border-radius:2px; }

/* the range: a hairline axis from 0, the source's low-to-high bar in the market's colour, the typical dot in ink */
.dsh-range{ display:grid; gap:4px; margin-block:4px 2px; }
.dsh-range__track{ position:relative; block-size:14px; }
.dsh-range__track::before{ content:""; position:absolute; inset-inline:0; inset-block-start:50%; block-size:1px; background:rgba(255,255,255,.28); }
.dsh-range__track::after{ content:""; position:absolute; inset-inline-start:0; inset-block:2px; inline-size:1px; background:rgba(255,255,255,.5); }
.dsh-range__bar{ position:absolute; inset-block-start:50%; left:var(--a); width:calc(var(--b) - var(--a)); min-width:2px; block-size:6px;
  translate:0 -50%; border-radius:3px; background:var(--c); }
.dsh-range__dot{ position:absolute; inset-block-start:50%; left:var(--t); inline-size:12px; block-size:12px; translate:-50% -50%;
  border-radius:50%; background:var(--white); box-shadow:0 0 0 2px var(--black); }
.dsh-range__ends{ display:flex; justify-content:space-between; gap:8px; font:500 11px/1.3 var(--font-mono); color:var(--silver); }
.dsh-cities__cap{ text-align:center; max-inline-size:60ch; margin-inline:auto; }

/* the stat row: four tiles on one strip of glass, each value with its micro chart */
html:root body .dsh-kpis{ position:relative; z-index:1; list-style:none; margin:16px auto 0; padding:6px; inline-size:100%; max-inline-size:1100px;
  display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); border-radius:20px; }
@media (min-width:900px){
  html:root body .dsh-kpis{ grid-template-columns:repeat(4, minmax(0, 1fr)); margin-block-start:calc(-1 * clamp(56px, 6vw, 84px)); }
  .dsh-kpi + .dsh-kpi{ box-shadow:inset 1px 0 0 var(--lg-hair); }
  [dir="rtl"] .dsh-kpi + .dsh-kpi{ box-shadow:inset -1px 0 0 var(--lg-hair); }
}
.dsh-kpi{ display:grid; gap:6px; align-content:start; padding:14px 16px; min-inline-size:0; }
.dsh-kpi__v{ font:500 clamp(30px, 3vw, 48px)/1 var(--font-mono); letter-spacing:-0.03em; color:var(--ink); }
.dsh-kpi__l{ font:600 14px/1.35 var(--font-sans); color:var(--ink); }
.dsh-kpi__viz{ display:grid; gap:4px; margin-block-start:4px; }
.dsh-kpi__s{ font:500 11px/1.4 var(--font-mono); letter-spacing:var(--track-label); text-transform:uppercase; color:var(--ink-muted); }
.dsh-spark{ display:block; block-size:28px; inline-size:100%; }
.dsh-spark svg{ display:block; overflow:visible; }
.dsh-meter{ display:block; block-size:8px; border-radius:4px; background:var(--elev-4); overflow:hidden; direction:ltr; }
.dsh-meter > span{ display:block; block-size:100%; inline-size:var(--w); border-radius:4px; background:var(--c); }
.dsh-cols{ display:flex; align-items:flex-end; gap:3px; block-size:28px; direction:ltr; }
.dsh-cols > span{ flex:1 1 0; max-inline-size:14px; block-size:max(var(--h), 0%); border-radius:3px 3px 0 0; background:var(--dv-6); }
.dsh-dots{ display:grid; grid-template-columns:repeat(3, 8px); gap:4px; direction:ltr; }
.dsh-dots > span{ inline-size:8px; block-size:8px; border-radius:50%; box-shadow:inset 0 0 0 1.5px var(--dv-6); }
.dsh-dots > span.on{ background:var(--purple-500); box-shadow:none; }
@media (max-width:899.98px){ .dsh-kpi:nth-child(n+3){ box-shadow:inset 0 1px 0 var(--lg-hair); } }

.dsh-about{ max-inline-size:1100px; inline-size:100%; margin:10px auto 0; text-align:center; }
.dsh-about > summary{ display:inline-flex; align-items:center; gap:8px; min-block-size:44px; padding-inline:6px; cursor:pointer; list-style:none;
  font:500 12px/1.4 var(--font-mono); letter-spacing:var(--track-label); text-transform:uppercase; color:var(--ink-muted);
  text-decoration:underline; text-underline-offset:4px; }
.dsh-about > summary::-webkit-details-marker{ display:none; }
.dsh-about > summary::after{ content:"+"; font-size:14px; }
.dsh-about[open] > summary::after{ content:"\2212"; }
.dsh-about > summary:hover{ color:var(--ink); }
.dsh-about > summary:focus-visible{ outline:3px solid var(--focus-ring); outline-offset:2px; border-radius:4px; }
.dsh-about dl{ margin:8px 0 0; display:grid; gap:12px 24px; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); text-align:start; }
.dsh-about dt{ font:600 14px/1.6 var(--font-sans); color:var(--ink); }
.dsh-about dd{ margin:4px 0 0; font:400 14px/1.6 var(--font-sans); color:var(--ink-muted); }
.dsh-about .dcr-stamp{ display:flex; margin-block-start:4px; font-size:11px; }
.dsh-about__note{ margin-block-start:14px; text-align:start; font:400 14px/1.6 var(--font-sans); color:var(--ink-muted); }

@media (max-width:719.98px){
  /* phones: the first screen reaches the market figures; the chips themselves carry source, sample and date */
  .dsh-hero__copy{ gap:12px; }
  .dsh-edition{ gap:6px 10px; }
  .dsh-hero__lead{ display:none; }
  .dsh-hero__mk{ margin-block-start:8px; font-size:18px; }
  .dsh-cities-fig{ margin-block-start:24px; }
  .dsh-cities{ grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:84%; overflow-x:auto; overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory; scroll-padding-inline:var(--gutter, 16px); padding-inline:var(--gutter, 16px);
    margin-inline:calc(-1 * var(--gutter, 16px)); padding-block-end:6px; scrollbar-width:thin; }
  .dsh-city{ scroll-snap-align:start; aspect-ratio:1 / 1; }
}

/* ---------------------------------------------------------------- 2 · the dashboard grid */
.dsh-head{ display:grid; gap:8px; padding-block:clamp(24px, 4vw, 40px) 0; }
.dsh-head .t-eyebrow{ margin:0; }
.dsh-head__h{ margin:0; font:600 var(--fs-h2, 32px)/1.2 var(--font-sans); letter-spacing:-0.01em; color:var(--ink); }
.dsh-head__p{ font:400 16px/1.6 var(--font-sans); color:var(--ink-muted); }
.dsh-sec{ padding-block:clamp(16px, 2vw, 24px) clamp(40px, 5vw, 72px); }
.dsh-grid{ display:grid; gap:var(--dsh-gap); grid-template-columns:minmax(0, 1fr); }
@media (min-width:960px){
  .dsh-grid{ grid-template-columns:repeat(12, minmax(0, 1fr)); }
  .dsh-grid > *{ grid-column:span 12; }
  .dsh-grid > .dsh-w--8{ grid-column:span 8; }
  .dsh-grid > .dsh-w--7{ grid-column:span 7; }
  .dsh-grid > .dsh-w--5{ grid-column:span 5; }
  .dsh-grid > .dsh-w--6{ grid-column:span 6; }
  .dsh-grid > .dsh-w--4, .dsh-grid > .dsh-stack{ grid-column:span 4; }
}
.dsh-stack{ display:grid; gap:var(--dsh-gap); align-content:start; min-inline-size:0; }
@media (min-width:720px) and (max-width:959.98px){
  .dsh-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .dsh-grid > .dsh-w--8, .dsh-grid > .dsh-w--7, .dsh-grid > .dsh-w--12, .dsh-grid > .dsh-w--5{ grid-column:1 / -1; }
  .dsh-stack{ grid-template-columns:repeat(2, minmax(0, 1fr)); grid-column:1 / -1; }
}
.dsh-w{ gap:16px; }
.dsh-w .dcr-w__foot{ margin-block-start:auto; }

/* the stack switch: glass chips (liquid-glass.css), the selected one solid ink */
.dsh-switch{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.dsh-switch[hidden]{ display:none; }
.dsh-switch__k{ margin:0 4px 0 0; }

/* the plots: the script sizes the SVG to the host, 1:1 */
.dsh-plot{ position:relative; inline-size:100%; min-inline-size:0; }
.dsh-plot[hidden]{ display:none; }
.dsh-plot svg{ display:block; overflow:visible; }
.dsh-plot:focus-visible{ outline:3px solid var(--focus-ring); outline-offset:4px; border-radius:8px; }
.dsh-plot .ax{ font:500 11px/1 var(--font-mono); fill:var(--ink-muted); }
.dsh-plot .ax--hi{ fill:var(--ink); font-weight:600; }
.dsh-plot .grid{ stroke:var(--dv-grid); stroke-width:1; shape-rendering:crispEdges; }
.dsh-plot .base{ stroke:var(--elev-4); stroke-width:1; shape-rendering:crispEdges; }
.dsh-plot .seg{ transition:opacity var(--dur-instant, 120ms) var(--ease-standard, ease); }
.dsh-plot .is-dim .seg{ opacity:.45; }
.dsh-plot .col.is-on .seg, .dsh-plot .row.is-on .seg{ opacity:1; }
.dsh-plot .hit{ fill:transparent; cursor:default; }
.dsh-plot .caret{ fill:var(--dv-highlight); }
.dsh-plot .lab{ font:600 12px/1 var(--font-sans); fill:var(--ink); }
.dsh-plot .val{ font:500 12px/1 var(--font-mono); fill:var(--ink); }
.dsh-plot .val--em{ font-weight:700; }
.dsh-plot .sk{ font:400 12px/1.3 var(--font-sans); fill:var(--ink); }
.dsh-plot .sk--em{ font-weight:600; }
.dsh-peak{ display:none; }

/* the tooltip: values lead, names follow; line keys, not boxes */
.dsh-tip{ position:absolute; z-index:5; pointer-events:none; min-inline-size:150px; max-inline-size:240px; padding:10px 12px;
  border-radius:10px; background:var(--elev-3); box-shadow:0 8px 24px rgba(0,0,0,.5), inset 0 0 0 1px var(--elev-4);
  font:400 12px/1.6 var(--font-sans); color:var(--ink-muted); }
.dsh-tip[hidden]{ display:none; }
.dsh-tip__h{ margin:0 0 6px; font:600 12px/1.3 var(--font-sans); color:var(--ink); }
.dsh-tip__r{ display:grid; grid-template-columns:12px auto 1fr; align-items:center; gap:8px; }
.dsh-tip__r i{ display:block; inline-size:12px; block-size:2px; border-radius:1px; background:var(--c); }
.dsh-tip__r b{ font:600 12px/1.45 var(--font-mono); color:var(--ink); }

/* ranked bars as a list: the name, the value printed, the bar from zero (4px data end, square at the baseline) */
.dsh-bars{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.dsh-bar{ display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:baseline; gap:4px 12px; }
.dsh-bar__l{ font:500 14px/1.35 var(--font-sans); color:var(--ink); min-inline-size:0; }
.dsh-bar__v{ font:500 14px/1.35 var(--font-mono); color:var(--ink-muted); }
.dsh-bar--em .dsh-bar__l{ font-weight:600; }
.dsh-bar--em .dsh-bar__v{ font-weight:700; color:var(--ink); }
.dsh-bar__t{ grid-column:1 / -1; display:block; block-size:10px; border-radius:0 2px 2px 0; background:var(--dv-grid); direction:ltr; }
.dsh-bar__f{ display:block; inline-size:var(--w); min-inline-size:3px; block-size:100%; border-radius:0 4px 4px 0; background:var(--c, var(--dv-6)); }
.dsh-bar--em:not([style]) .dsh-bar__f{ background:var(--silver); }

/* row B · the coverage heat grid: one hue, purple 900 -> 600 by count; zero is a hatch with words, never red */
.dsh-heat{ inline-size:100%; border-collapse:separate; border-spacing:4px; table-layout:fixed; margin-inline:-4px; inline-size:calc(100% + 8px); }
.dsh-heat th{ font:500 11px/1.3 var(--font-mono); letter-spacing:var(--track-label); text-transform:uppercase; color:var(--ink-muted);
  text-align:start; padding:0 2px 4px; vertical-align:bottom; }
.dsh-heat thead td:first-child, .dsh-heat tbody th{ inline-size:28%; }
.dsh-heat tbody th{ font:600 14px/1.3 var(--font-sans); text-transform:none; letter-spacing:0; color:var(--ink); vertical-align:middle; padding-inline-end:6px; }
.dsh-heat__c{ padding:0; block-size:var(--dsh-cell, 76px); border-radius:10px; background:var(--elev-3); }
@media (min-width:960px){ .dsh-heat{ --dsh-cell:104px; } }
.dsh-heat__c a{ display:grid; align-content:center; gap:2px; block-size:100%; min-block-size:var(--dsh-cell, 76px); padding:8px 10px; border-radius:10px;
  color:var(--white); text-decoration:none; }
.dsh-heat__c a:hover{ box-shadow:inset 0 0 0 2px var(--white); }
.dsh-heat__c a:focus-visible{ outline:3px solid var(--focus-ring); outline-offset:2px; }
.dsh-heat__n{ font:500 24px/1 var(--font-mono); }
.dsh-heat__u{ font:500 11px/1.3 var(--font-sans); color:var(--silver); }
.dsh-heat__c--1{ background:var(--purple-900); }
.dsh-heat__c--2{ background:var(--purple-800); }
.dsh-heat__c--3{ background:var(--purple-700); }
.dsh-heat__c--4{ background:var(--purple-600); }
.dsh-heat__c--4 .dsh-heat__u, .dsh-heat__c--3 .dsh-heat__u{ color:var(--white); }
.dsh-heat__c--0{ background:repeating-linear-gradient(135deg, var(--elev-2) 0 6px, var(--elev-4) 6px 8px); }
.dsh-heat__c--0 .dsh-heat__n{ color:var(--ink-muted); }
.dsh-heat__c--0 .dsh-heat__u{ color:var(--ink); }
.dsh-heat__c[data-dcr-insight]{ box-shadow:inset 0 0 0 2px var(--dv-highlight); }
.dsh-ramp{ display:flex; align-items:center; gap:3px; font:500 11px/1 var(--font-mono); color:var(--ink-muted); }
.dsh-ramp span{ margin-inline:3px; }
.dsh-ramp i{ display:block; inline-size:22px; block-size:8px; border-radius:2px; }
.dsh-ramp__s0{ background:repeating-linear-gradient(135deg, var(--elev-2) 0 3px, var(--elev-4) 3px 4px); }
.dsh-ramp__s1{ background:var(--purple-900); } .dsh-ramp__s2{ background:var(--purple-800); }
.dsh-ramp__s3{ background:var(--purple-700); } .dsh-ramp__s4{ background:var(--purple-600); }

/* row B · the butterfly */
.dsh-legend--split{ justify-content:space-between; }

/* row C · the INFINITE Pipeline: the authored figures, never redrawn */
.dsh-pipe{ display:grid; gap:var(--dsh-gap); grid-template-columns:minmax(0, 1fr); }
.dsh-pipe__key{ margin:0 auto; inline-size:100%; max-inline-size:560px; display:grid; gap:8px; justify-items:center; text-align:center; }
.dsh-pipe__mark, .dsh-role__loc{ display:block; inline-size:100%; block-size:auto; }
.dsh-pipe__roles{ list-style:none; margin:0; padding:0; display:grid; gap:var(--dsh-gap); grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); }
.dsh-role{ display:grid; gap:10px; align-content:start; padding:14px; border-radius:16px; background:var(--elev-2); min-inline-size:0; }
.dsh-role__n{ display:flex; align-items:center; gap:8px; font:600 16px/1.3 var(--font-sans); color:var(--ink); }
.dsh-role__rooms{ font:500 11px/1.4 var(--font-mono); letter-spacing:var(--track-label); text-transform:uppercase; color:var(--ink-muted); }
.dsh-role__facts{ margin:0; display:grid; gap:10px; }
.dsh-role__facts dt{ font:500 11px/1.4 var(--font-mono); letter-spacing:var(--track-label); text-transform:uppercase; color:var(--ink-muted); }
.dsh-role__facts dd{ margin:4px 0 0; display:grid; gap:4px; font:400 14px/1.6 var(--font-sans); color:var(--ink-muted); }
.dsh-role__facts dd b{ color:var(--ink); font-weight:600; }
.dsh-role__sk{ color:var(--ink); font-weight:500; }
.dsh-role__go{ display:flex; flex-wrap:wrap; gap:6px 16px; font-size:14px; }
.dsh-mini{ display:block; block-size:6px; border-radius:0 3px 3px 0; background:var(--dv-grid); direction:ltr; }
.dsh-mini > span{ display:block; block-size:100%; inline-size:var(--w); border-radius:0 3px 3px 0; background:var(--c, var(--dv-6)); }
.dsh-mini--floor > span{ background:repeating-linear-gradient(135deg, var(--c) 0 3px, transparent 3px 6px); }

/* row D · the latest moves, a compact timeline */
.dsh-feed{ list-style:none; margin:0; padding:0; display:grid; }
.dsh-feed__i{ display:grid; gap:4px; padding-block:12px; padding-inline-start:14px; position:relative; }
.dsh-feed__i + .dsh-feed__i{ box-shadow:inset 0 1px 0 var(--hairline); }
.dsh-feed__i::before{ content:""; position:absolute; inset-inline-start:0; inset-block:14px; inline-size:3px; border-radius:2px; background:var(--c); }
.dsh-feed__meta{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 12px; font:500 11px/1.4 var(--font-mono);
  letter-spacing:var(--track-label); text-transform:uppercase; color:var(--ink-muted); }
.dsh-feed__k{ display:inline-flex; align-items:center; gap:6px; color:var(--ink); }
.dsh-feed__h{ font:500 14px/1.6 var(--font-sans); color:var(--ink); text-wrap:pretty; }
.dsh-feed__amt{ margin-inline-start:6px; padding:1px 7px; border-radius:6px; background:var(--elev-3); font-size:12px; white-space:nowrap; }
.dsh-feed .dcr-cite{ font-size:12px; }
@media (max-width:719.98px){ .dsh-feed__i:nth-child(n+7){ display:none; } }   /* phones: the newest six; the moves page has all */
@media (min-width:720px){ .dsh-feed{ grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:24px; }
  .dsh-feed__i:nth-child(2){ box-shadow:none; } }

/* row D · voices */
.dsh-quote{ margin:0; display:grid; grid-template-columns:minmax(0, 1fr); grid-auto-flow:row; overflow:visible; }
.dsh-quote > li{ inline-size:auto; max-inline-size:none; }
.dsh-quote .dcr-voice{ border-radius:16px; }

/* row E · trending */
.dsh-trend__t{ font:600 18px/1.35 var(--font-sans); color:var(--ink); text-wrap:balance; }
.dsh-trend .dcr-tag{ justify-self:start; }
.dsh-trend__bars{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.dsh-trend__bars li{ display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:4px 12px; font:400 14px/1.35 var(--font-sans); color:var(--ink-muted); }
.dsh-trend__bars .dsh-mini{ grid-column:1 / -1; grid-row:2; }
.dsh-trend__bars b{ color:var(--ink); font-weight:600; }
.dsh-trend__r{ color:var(--ink); font-weight:500; }
.dsh-trend__a{ font:400 14px/1.6 var(--font-sans); color:var(--ink-muted); }

/* row E · add your numbers: an ink button (the page's magenta action is the hero's) */
.dsh-enh{ align-content:start; }
.dsh-enh__p{ font:400 14px/1.6 var(--font-sans); color:var(--ink-muted); }
.dsh-enh .k-acts{ margin:0; }
main.dcr .dsh-enh__btn{ background:var(--ink); color:var(--ground); }
main.dcr .dsh-enh__btn:hover{ background:var(--silver); }
.dsh-enh__list{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.dsh-enh__list li{ display:grid; gap:2px; }
.dsh-enh__list .t-eyebrow{ margin:0; }
.dsh-enh__list a{ font:500 14px/1.6 var(--font-sans); color:var(--ink); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
.dsh-enh__list a:focus-visible{ outline:3px solid var(--focus-ring); outline-offset:2px; border-radius:2px; }

@media (forced-colors:active){
  .dsh-bar__f, .dsh-mini > span, .dsh-meter > span, .dsh-range__bar, .dsh-cols > span, .dsh-dots > span.on{ background:CanvasText; forced-color-adjust:none; }
  .dsh-heat__c[data-dcr-insight]{ outline:2px solid Highlight; }
}
@media (prefers-reduced-motion:no-preference){ .dsh-cities{ scroll-behavior:smooth; } }

/* row A · the kind bars sit beside the weekly chart: same rows, more air, so the two panels end together */
@media (min-width:960px){
  #moves-kind .dsh-bars{ gap:20px; }
  #moves-kind .dsh-bar__t{ block-size:12px; }
}