/* Article-local figures. Read the shared tokens without changing other pages. */
.ds-story{max-width:960px;margin:28px 0 18px;padding:24px;border:1px solid var(--line);border-radius:4px;background:var(--porcelain)}
.ds-story-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.reading-body .ds-story-top p{margin:0;font-size:17px;line-height:1.35;color:var(--ink-soft)}
.ds-story-replay{flex:none;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:var(--paper);font:500 14px/1.3 var(--sans);cursor:pointer}
.ds-story-replay,
.ds-fig .ds-seg button {
  transition-property: color, background-color, border-color, transform;
  transition-duration: var(--motion-feedback);
  transition-timing-function: var(--ease);
}
.ds-story-replay:hover:not(:disabled):not([aria-disabled="true"]) { background: var(--chip); border-color: var(--ink-soft); }
.ds-fig .ds-seg button:hover:not(:disabled):not([aria-disabled="true"]):not([aria-pressed="true"]) { background: var(--f-line); color: var(--f-ink); }
@media (prefers-reduced-motion: no-preference) {
  .ds-story-replay:active:not(:disabled):not([aria-disabled="true"]),
  .ds-fig .ds-seg button:active:not(:disabled):not([aria-disabled="true"]) {
    transform: scale(var(--press-scale));
    transition-duration: var(--motion-feedback), var(--motion-feedback),
      var(--motion-feedback), var(--motion-press);
  }
}
.reading-body .ds-story-lanes{max-width:none;list-style:none;padding:0;margin:0}
.reading-body .ds-story-lanes li{margin:0 0 22px}
.reading-body .ds-story-lanes li:last-child{margin-bottom:0}
.ds-story-label{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:15px;line-height:1.4;font-weight:500}
.ds-story-label small{display:block;margin-top:2px;font-size:13px;color:var(--ink-soft);font-weight:400}
.ds-story-values{white-space:nowrap;font-size:17px;font-variant-numeric:tabular-nums;font-weight:500}
.ds-story-track{position:relative;height:28px;margin:6px 6px 0;background:linear-gradient(var(--line),var(--line)) center / 100% 1px no-repeat}
.ds-story-track::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),var(--line) calc(25% - 1px),var(--line) 25%);opacity:.55}
.ds-story-was,.ds-story-now{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%)}
.ds-story-was{left:var(--was);border:1.5px solid var(--ink-soft);background:var(--porcelain)}
.ds-story-now{left:var(--now);background:var(--ink);box-shadow:0 0 0 3px var(--porcelain)}
.ds-story-change{position:absolute;left:var(--start);top:calc(50% - 1px);width:var(--distance);height:2px;background:var(--ink);transform-origin:left center}
.ds-story-down{transform-origin:right center}
.ds-story-axis{display:flex;justify-content:space-between;margin:2px 6px 16px;font-size:11px;line-height:1.4;color:var(--ink-soft);font-variant-numeric:tabular-nums}
.ds-story figcaption{font-size:12px;line-height:1.5;color:var(--ink-soft)}
.ds-audit-details{max-width:960px;margin:0 0 28px;border-bottom:1px solid var(--line)}
.ds-audit-details>summary{min-height:44px;padding:10px 0;font-size:15px;cursor:pointer;text-underline-offset:4px}
.ds-audit-details>summary:hover{text-decoration:underline}
.ds-audit-details .ds-fig{max-width:none;margin:16px 0 20px}
.ds-audit-details .reading-table{max-width:none}
.ds-audit-details .ds-fig .ds-hand{font-size:18px;line-height:1.35}
.ds-audit-details .ds-fig .ds-legend,.ds-audit-details .ds-fig .gnote,.ds-audit-details .ds-fig .delta{font-size:15px;line-height:1.4}
@media (max-width:540px){
  .ds-story{padding:18px 14px}
  .ds-story-top{gap:8px;margin-bottom:20px}
  .reading-body .ds-story-top p{font-size:15px}
  .ds-story-label{flex-wrap:wrap;gap:6px 12px;font-size:14px}
  .ds-story-values{font-size:16px}
}
@media (min-width:1000px){
  .audit-article .reading-main{width:min(1040px,calc(100% - 96px))}
  .audit-article .reading-hero{max-width:none}
  .audit-article .reading-hero h1{font-size:clamp(40px,4vw,52px)}
  .audit-article .reading-body{max-width:none}
}

.ds-fig{
  --f-paper:var(--porcelain);--f-bg:var(--paper);--f-ink:var(--ink);
  --f-soft:var(--ink-soft);--f-line:var(--line);--f-pen:var(--pen);
  --f-up:var(--orange,#ff823d);--f-up-ink:var(--orange-ink);--f-ease:var(--ease,cubic-bezier(0.22,1,0.36,1));
  --f-hand:var(--sans);
  --f-sans:var(--sans,"IBM Plex Sans",Arial,sans-serif);
  --f-display:var(--display,"Unbounded",Arial,sans-serif);
  font-family:var(--f-sans);color:var(--f-ink);max-width:760px;margin:32px 0 44px;padding:0;
}
.ds-fig *{box-sizing:border-box}
.ds-fig .ds-card{background:var(--f-paper);border:1px solid var(--f-line);border-radius:4px;
  box-shadow:5px 5px 0 #24251f12;padding:22px 22px 18px;position:relative}
.ds-fig .ds-hand{font-family:var(--f-hand);color:var(--f-pen);font-size:28px;line-height:1;margin:0}
.ds-fig figcaption{font-size:13px;line-height:1.5;color:var(--f-soft);margin:12px 2px 0}
.ds-fig .up{color:var(--f-up-ink)} .ds-fig .down{color:var(--f-pen)}

/* top row */
.ds-fig .ds-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ds-fig .ds-seg{display:inline-flex;border:1px solid var(--f-line);border-radius:999px;padding:3px;background:var(--f-bg)}
.ds-fig .ds-seg button{font:500 13px/1 var(--f-sans);color:var(--f-soft);background:none;border:0;border-radius:999px;
  padding:9px 13px;min-height:34px;cursor:pointer}
.ds-fig .ds-seg button[aria-pressed="true"]{background:var(--f-ink);color:var(--f-paper)}
.ds-fig .ds-seg button:focus-visible{outline:2px solid var(--f-pen);outline-offset:2px}
.ds-fig .ds-readout{font-size:15px;line-height:1.5;min-height:3em;margin:14px 0 6px}
.ds-fig .ds-readout .oz{color:var(--f-soft);font-size:13px}
.ds-fig .ds-legend{display:flex;flex-wrap:wrap;gap:4px 18px;font-family:var(--f-hand);font-size:22px;line-height:1;color:var(--f-soft);margin:0 0 6px}
.ds-fig .ds-legend span{display:inline-flex;align-items:center;gap:6px}
.ds-fig .ds-legend svg{overflow:visible}

/* audit chart */
.ds-fig .ds-chart{position:relative;transition:opacity 160ms ease}
.ds-fig .ds-chart.fading{opacity:0}
.ds-fig svg{display:block;overflow:visible}
.ds-fig .ds-chart svg,.ds-fig .ds-curve svg{max-width:100%;height:auto}
.ds-fig .ds-split>*,.ds-fig .ds-controls>*{min-width:0}
.ds-fig .grid line{stroke:var(--f-line);stroke-dasharray:1 5;stroke-linecap:round}
.ds-fig .tick{font-size:11px;fill:var(--f-soft);font-variant-numeric:tabular-nums}
.ds-fig .ghead{transition:opacity 180ms}
.ds-fig .gname{font-size:14px;font-weight:600;fill:var(--f-ink)}
.ds-fig .gnote{font-family:var(--f-hand);font-size:22px}
.ds-fig .gnote.up{fill:var(--f-up-ink)} .ds-fig .gnote.down{fill:var(--f-pen)}
.ds-fig .row{cursor:pointer;outline:none;transition:opacity 180ms}
.ds-fig .row .hl{fill:transparent;transition:fill 180ms}
.ds-fig .row:focus-visible .hl{stroke:var(--f-pen);stroke-width:1.5}
.ds-fig .has-sel .row,.ds-fig .has-sel .ghead{opacity:.2}
.ds-fig .has-sel .row.sel{opacity:1}
.ds-fig .row.sel .hl{fill:var(--pen-wash)}
.ds-fig .lab{font-size:13px;fill:var(--f-ink)}
.ds-fig .was{fill:var(--f-paper);stroke:var(--f-soft);stroke-width:1.5}
.ds-fig .stroke,.ds-fig .head{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ds-fig .row.up .stroke,.ds-fig .row.up .head{stroke:var(--f-up)}
.ds-fig .row.down .stroke,.ds-fig .row.down .head{stroke:var(--f-pen)}
.ds-fig .delta{font-family:var(--f-hand);font-size:23px}
.ds-fig .row.up .delta{fill:var(--f-up-ink)} .ds-fig .row.down .delta{fill:var(--f-pen)}

/* table fallback */
.ds-fig details{margin:10px 2px 0;font-size:14px}
.ds-fig details .reading-table{margin:8px 0 0}
.ds-fig summary{cursor:pointer;color:var(--f-soft);font-size:13px;padding:6px 0}

/* bedtime */
.ds-fig .ds-controls{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px;margin:18px 0 8px}
.ds-fig .ds-field{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--f-soft)}
.ds-fig .ds-field output{color:var(--f-ink);font-weight:600;font-variant-numeric:tabular-nums}
.ds-fig select{font:400 15px var(--f-sans);color:var(--f-ink);background:var(--f-bg);border:1px solid var(--f-line);
  border-radius:4px;padding:8px 10px;min-height:40px;width:100%}
.ds-fig input[type=range]{width:100%;accent-color:var(--f-pen);height:28px;margin:0;cursor:pointer}
.ds-fig select:focus-visible,.ds-fig input:focus-visible{outline:2px solid var(--f-pen);outline-offset:2px}
.ds-fig .ds-split{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:end;margin-top:14px}
.ds-fig .ds-big{font-family:var(--f-display);font-weight:500;font-size:56px;letter-spacing:-2.4px;line-height:1;font-variant-numeric:tabular-nums}
.ds-fig .ds-big small{font-family:var(--f-sans);font-size:18px;letter-spacing:0;color:var(--f-soft);margin-left:6px;font-weight:400}
.ds-fig .ds-sub{margin:8px 0 0;font-size:15px;color:var(--f-soft)}
.ds-fig .ds-compare{margin:14px 0 4px;font-family:var(--f-hand);font-size:26px;line-height:1.05;color:var(--f-pen)}
.ds-fig .c-axis{stroke:var(--f-ink);stroke-width:1.2;stroke-linecap:round}
.ds-fig .c-cup{stroke:var(--f-soft);stroke-dasharray:4 5;stroke-width:1.2}
.ds-fig .c-hand{font-family:var(--f-hand);font-size:21px;fill:var(--f-soft)}
.ds-fig .c-pen{font-family:var(--f-hand);font-size:24px;fill:var(--f-pen)}
.ds-fig .c-area{fill:var(--pen-wash)}
.ds-fig .c-line{fill:none;stroke:var(--f-pen);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ds-fig .c-after{fill:none;stroke:var(--f-pen);stroke-width:1.6;stroke-dasharray:2 5;stroke-linecap:round;opacity:.5}
.ds-fig .c-bed{stroke:var(--f-ink);stroke-width:1;stroke-dasharray:1 4;stroke-linecap:round}
.ds-fig .c-dot{fill:var(--f-pen);stroke:var(--f-paper);stroke-width:2.5}
.ds-fig .c-moon{fill:var(--f-ink)}

@media (max-width:540px){
  .ds-fig .ds-card{padding:16px 14px 14px}
  .ds-fig .ds-controls{grid-template-columns:1fr;gap:14px}
  .ds-fig .ds-split{grid-template-columns:1fr;gap:6px}
  .ds-fig .ds-big{font-size:48px}
}