/* Authored motion and the redrawn historical evidence. */
.reading-progress{position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--mint);transform:scaleX(0);transform-origin:left center;pointer-events:none}
.site-header nav a{position:relative}
.site-header nav a::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:var(--mint);transform:scaleX(0);transform-origin:left;transition:transform 260ms var(--ease)}
.site-header nav a.active::after{transform:scaleX(1)}
#hero-title em{display:inline-block}
.stage-toolbar .stage-motion{gap:5px;color:var(--muted)}
.stage-toolbar .stage-motion .icon{width:13px;height:13px}
.stage-toolbar .stage-motion[aria-pressed=true]{color:var(--mint)}
.point-ring{transform-box:fill-box;transform-origin:center}
.button:active:not(:disabled){transform:translateY(1px)}
.button{transition:background 200ms,color 200ms,border-color 200ms,transform 160ms var(--ease)}
.echo-evidence{margin-top:68px;padding-top:44px;border-top:1px solid var(--line)}
.echo-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:36px}
.echo-heading h3{font-size:25px;line-height:1.5}
.echo-heading>p{max-width:440px;font-size:14px;line-height:1.9}
.echo-workbench{display:grid;grid-template-columns:minmax(0,1fr) 254px;gap:48px;align-items:stretch}
.echo-plot-area{min-width:0}
.echo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:40px;margin-bottom:12px}
.echo-toolbar>span{font-size:11px;color:var(--muted);white-space:nowrap}
.echo-chart{display:block;width:100%;height:330px;touch-action:pan-y;overflow:visible}
.echo-chart text{font-family:var(--font);font-size:11px;letter-spacing:0}
.echo-axis{fill:var(--muted)}
.echo-row-label{font-size:12px!important;font-weight:500}
.echo-gridline{stroke:var(--line);stroke-opacity:.65;stroke-width:1}
.echo-chart-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line-soft);padding-top:15px}
.echo-chart-foot>span{font-size:11px;color:var(--muted)}
.echo-range{gap:5px;align-items:center}
.echo-range button{font-size:11px;padding:5px 9px;border:1px solid transparent;border-radius:4px;color:var(--muted);white-space:nowrap;transition:background 180ms,color 180ms,border-color 180ms}
.echo-range button[aria-pressed=true]{color:var(--mint);background:#172c2c;border-color:#345b55}
.echo-probe{font-size:11px;min-height:20px;margin-top:12px;color:var(--dim)}
.echo-readings{border-left:1px solid var(--line);padding:13px 0 0 30px;display:flex;flex-direction:column;justify-content:center}
.echo-reading>span{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}
.echo-reading i{width:14px;height:2px;display:block;flex-shrink:0;background:var(--blue)}
.echo-reading.later i{background:var(--mint)}
.echo-reading strong{display:block;font-size:27px;font-weight:500;line-height:1.5;letter-spacing:-.02em;margin:9px 0 24px;color:var(--ink);white-space:nowrap}
.echo-reading strong small{font-size:12px;letter-spacing:0;color:var(--muted);font-weight:400;margin-left:7px}
.echo-delta{border-top:1px solid var(--line);padding-top:21px}
.echo-delta>span{font-size:11px;color:var(--muted)}
.echo-delta strong{display:block;color:var(--mint);font-size:35px;font-weight:500;line-height:1.5;margin:6px 0 9px;letter-spacing:-.02em}
.echo-delta small{font-size:13px;font-weight:400;margin-left:7px;letter-spacing:0}
.echo-delta p{font-size:12px;line-height:1.9}
.echo-source-note{font-size:11px;line-height:1.9;color:var(--muted);margin-top:28px;max-width:88ch}
.echo-method{font-size:11px;color:var(--muted);margin-top:12px;max-width:98ch}
.echo-method summary{cursor:pointer;width:fit-content;color:var(--mint);padding:5px 0}
.echo-method p{margin-top:8px;line-height:1.95}
.echo-no-script{font-size:13px;padding:24px 0}
.echo-chart:empty{display:none}
.motion-paused .site-header nav a::after{transition:none}
@media(max-width:1100px){.echo-workbench{grid-template-columns:minmax(0,1fr) 222px;gap:28px}.echo-readings{padding-left:24px}.echo-heading{gap:40px}}
@media(max-width:720px){
  .echo-evidence{margin-top:48px;padding-top:34px}
  .echo-heading{display:block;margin-bottom:26px}
  .echo-heading h3{font-size:23px}
  .echo-heading>p{margin-top:18px;font-size:13px}
  .echo-workbench{display:block}
  .echo-toolbar{gap:12px}
  .echo-toolbar .segmented button{font-size:11px;padding:7px 9px}
  .echo-toolbar>span{font-size:11px}
  .echo-chart-foot{gap:8px;align-items:flex-start;flex-wrap:wrap}
  .echo-range button{padding:4px 8px}
  .echo-readings{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-left:0;border-top:1px solid var(--line);padding:25px 0 0;margin-top:26px}
  .echo-reading>span{font-size:11px;gap:6px}
  .echo-reading i{width:10px}
  .echo-reading strong{font-size:23px;margin:8px 0 0}
  .echo-reading strong small{font-size:11px;margin-left:4px}
  .echo-delta{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:center;padding-top:18px}
  .echo-delta>span{grid-column:1;align-self:end}
  .echo-delta strong{grid-column:1;font-size:30px;margin:0}
  .echo-delta p{grid-column:2;grid-row:1/3;font-size:11px}
  .echo-source-note{margin-top:24px}
  .stage-toolbar{gap:13px}
  .stage-toolbar .icon-button{width:28px;height:30px}
}
@media(max-width:370px){
  .echo-toolbar{align-items:flex-start;flex-wrap:wrap;gap:10px}
  .echo-toolbar>span{width:100%}
  .echo-readings{gap:12px}
  .echo-reading>span{font-size:11px}
  .echo-reading strong{font-size:20px}
  .echo-reading strong small{font-size:11px;margin-left:3px}
  .echo-delta{column-gap:16px}
  .stage-toolbar{gap:12px}
}
@media(prefers-reduced-motion:reduce){.site-header nav a::after,.button,.echo-range button{transition:none}.button:active:not(:disabled){transform:none}}
@media print{.reading-progress,.stage-motion,.echo-toolbar,.echo-range,.echo-probe{display:none!important}.echo-workbench{grid-template-columns:minmax(0,1fr) 220px}.echo-chart text{fill:#45616b}.echo-readings{border-color:#a6bac6}.echo-reading strong{color:#16303a}}
.stage-load-label{position:absolute;z-index:2;max-width:156px;padding:5px 8px;background:#080e14e8;pointer-events:none;font-size:11px;line-height:1.65;font-variant-numeric:tabular-nums}
.stage-load-label strong,.stage-load-label span{display:block;white-space:nowrap}
.stage-load-label strong{font-weight:600;color:var(--load-color,var(--mint))}
.stage-load-label span{color:var(--muted)}
.stage-host:not(.ready) .stage-load-label{display:none}
