/* Traffic illustration: a single draw explains each selected series. */
.marketing-illustration{padding:32px 34px 28px}
.marketing-chart-heading h3{font-size:29px;line-height:1.18;margin-bottom:10px}
.marketing-chart-heading>p:last-child{max-width:none;margin-bottom:0}
.marketing-chart-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;margin:24px 0 22px}
.marketing-chart-toolbar .marketing-chart-controls{margin:0;gap:6px}
.marketing-chart-controls button{min-height:44px}
.marketing-chart-replay{padding:9px 0;min-height:44px;background:transparent;color:#344a5e;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.marketing-chart-replay:hover{color:#172b40}
.marketing-chart-replay:disabled{color:#53636e;text-decoration:none;cursor:default}
.marketing-chart-controls button:focus-visible,.marketing-chart-replay:focus-visible{outline:2px solid #10243b;outline-offset:3px}
.marketing-chart .chart-axis-title,.marketing-chart .chart-tick{font-size:14px}
.marketing-chart .chart-series{transition:opacity .2s ease}
.marketing-chart .chart-line{stroke-width:3.2}
.marketing-chart-legend{margin-top:10px;gap:16px 24px;font-size:15px}
.marketing-chart-disclosure{margin-top:22px;max-width:620px;font-size:14px;line-height:1.5}
.marketing-chart-disclosure strong{font-weight:600}
.marketing-chart-data{margin-top:14px}
.marketing-chart-data summary{min-height:40px;padding-block:5px}
@media(prefers-reduced-motion:no-preference){
  .marketing-illustration.is-waiting .chart-line{stroke-dasharray:1;stroke-dashoffset:1}
  .marketing-illustration.is-waiting .chart-series circle{opacity:0}
  .marketing-illustration.is-drawing .chart-line{stroke-dasharray:1;stroke-dashoffset:0;animation:traffic-draw-v13 1.8s linear both}
  .marketing-illustration.is-drawing .chart-series circle{animation:traffic-point-v13 .18s ease-out both;animation-delay:calc(var(--point) * .32s)}
  @keyframes traffic-draw-v13{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
  @keyframes traffic-point-v13{from{opacity:0}to{opacity:1}}
}
@media(prefers-reduced-motion:reduce){
  .marketing-illustration .chart-series{transition:none}
  .marketing-illustration .chart-line,.marketing-illustration .chart-series circle{animation:none;stroke-dasharray:none;stroke-dashoffset:0;opacity:1}
}
@media(max-width:767px){
  .marketing-illustration{padding:25px 18px 23px}
  .marketing-chart-heading h3{font-size:25px}
  .marketing-chart-toolbar{margin:20px 0 17px;gap:5px 18px}
  .marketing-chart-toolbar .marketing-chart-controls{gap:5px;flex-wrap:wrap}
  .marketing-chart-controls button{padding-inline:10px;font-size:14px}
  .marketing-chart-replay{min-height:38px}
  .marketing-chart .chart-axis-title,.marketing-chart .chart-tick{font-size:25px}
  .marketing-chart-legend{font-size:14px;gap:9px 18px;margin-top:12px}
  .marketing-chart-disclosure{font-size:14px;margin-top:18px}
}