/* Pure-rendered liveboard statistics. The parent owns visibility and playback. */
.rich-stats,.crawl-strip{--stats-blue:#2563eb;--stats-green:#059669;--stats-other:#71717a;--stats-good:#047857;--stats-error:#b91c1c;color:var(--ink,#27272a);font-variant-numeric:tabular-nums;min-width:0;max-width:100%;box-sizing:border-box}
[data-theme=dark] .rich-stats,[data-theme=dark] .crawl-strip{--stats-blue:#60a5fa;--stats-green:#34d399;--stats-other:#a1a1aa;--stats-good:#6ee7b7;--stats-error:#fca5a5}
.rich-stats *,.crawl-strip *{box-sizing:border-box}
.rich-stats a,.crawl-strip a{color:inherit;text-decoration:none}
.rich-stats a:hover,.crawl-strip a:hover{color:var(--accent,#c2410c);text-decoration:underline}
.rich-stats a:focus-visible,.crawl-strip a:focus-visible,.crawl-strip .crawl-viewport:focus-visible{outline:2px solid var(--accent,#c2410c);outline-offset:2px}
.rich-stats .stats-empty,.crawl-strip .stats-empty{margin:0;min-width:0;color:var(--muted,#71717a);font-size:12px;display:flex;align-items:center;justify-content:center;flex:1}
.rich-stats .stats-delay,.crawl-strip .stats-delay{color:var(--accent,#c2410c);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;max-width:150px}
.rich-stats--panes{container-type:inline-size;display:flex;flex-direction:column;gap:5px;flex:0 0 136px;height:136px;min-height:136px;overflow:hidden;padding:8px 12px;background:var(--panel,#fff);border:1px solid var(--line,#e4e4e7);border-radius:16px}
.rich-stats .stats-pane-heading{display:flex;align-items:center;gap:10px;min-width:0;min-height:16px;flex:0 0 16px;line-height:16px}
.rich-stats .stats-pane-labels{display:flex;gap:12px;white-space:nowrap;min-width:0;color:var(--muted,#71717a);font-size:10px}
.rich-stats .stats-pane-labels>span{display:inline-flex;align-items:center;gap:4px}
.rich-stats .stats-pane-labels>span::before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:var(--line,#e4e4e7);flex:none}
.rich-stats .stats-pane-labels>[aria-current=true]{color:var(--ink,#27272a);font-weight:700}
.rich-stats .stats-pane-labels>[aria-current=true]::before{background:var(--accent-fill,#ea580c)}
.rich-stats .stats-trail-hint{margin-left:auto;white-space:nowrap;font-size:9px;color:var(--muted,#71717a);overflow:hidden;text-overflow:ellipsis}
.rich-stats .stats-pane-content{display:flex;flex:1;min-width:0;min-height:0;overflow:hidden}
.rich-stats .stats-counter{display:flex;gap:20px;width:100%;min-width:0;min-height:0}
.rich-stats .stats-counter>dl{display:flex;align-items:center;gap:22px;margin:0;min-width:0;flex:1.6}
.rich-stats .stats-metric{min-width:0}
.rich-stats .stats-metric dt{color:var(--muted,#71717a);font-size:11px;line-height:1.45;white-space:nowrap}
.rich-stats .stats-metric dd{display:flex;gap:5px;align-items:baseline;min-width:0;margin:3px 0 0;white-space:nowrap}
.rich-stats .stats-metric strong{font-size:clamp(24px,3.2vw,36px);font-weight:700;letter-spacing:-.045em;line-height:1.1}
.rich-stats .stats-metric small{font-size:11px;color:var(--muted,#71717a)}
.rich-stats .stats-metric--hot strong{color:var(--accent,#c2410c)}
.rich-stats .stats-counter>.stats-chart{flex:1;min-width:0}
.rich-stats .stats-chart{display:flex;flex-direction:column;gap:3px;margin:0;min-height:0;min-width:0;flex:1}
.rich-stats .stats-chart figcaption{display:flex;align-items:center;gap:10px;min-width:0;white-space:nowrap;line-height:14px;font-size:10px;color:var(--muted,#71717a)}
.rich-stats .stats-chart figcaption>strong{color:var(--ink,#27272a);font-size:10px;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.rich-stats .stats-legend{display:inline-flex;align-items:center;gap:7px;min-width:0;font-size:9px}
.rich-stats .stats-legend>span{display:inline-flex;align-items:center;gap:3px}
.rich-stats .stats-legend i{display:block;width:6px;height:6px;border-radius:1px}
.rich-stats .stats-camp--blue{background:var(--stats-blue)}
.rich-stats .stats-camp--green{background:var(--stats-green)}
.rich-stats .stats-camp--other{background:var(--stats-other)}
.rich-stats .stats-comparison{margin:0;font-size:9px;line-height:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--muted,#71717a)}
.rich-stats .stats-bars{display:flex;align-items:stretch;gap:2px;flex:1;min-height:0;min-width:0}
.rich-stats .stats-bucket{display:flex;flex-direction:column;justify-content:flex-end;flex:1;gap:2px;min-width:0;min-height:0}
.rich-stats .stats-bucket-value{font-size:8px;line-height:10px;height:10px;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted,#71717a);flex-shrink:0}
.rich-stats .stats-stack{display:flex;flex-direction:column;justify-content:flex-end;flex:1;min-height:0;min-width:0;border-bottom:1px solid var(--line,#e4e4e7)}
.rich-stats .stats-stack>.stats-camp{display:block;flex-shrink:0;min-width:0}
.rich-stats .stats-stack>.stats-camp:first-child{border-radius:2px 2px 0 0}
.rich-stats .stats-bucket-time{font-size:8px;line-height:10px;height:10px;white-space:nowrap;text-align:center;overflow:visible;color:var(--muted,#71717a);flex-shrink:0}
.rich-stats .stats-bucket--current .stats-bucket-time,.rich-stats .stats-bucket--current .stats-bucket-value{color:var(--accent,#c2410c);font-weight:700}
.rich-stats .stats-unknown{color:var(--muted,#71717a);font-size:11px;text-align:center}
.rich-stats .stats-volume{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:16px;width:100%;min-height:0;min-width:0}
.rich-stats .stats-ranking{list-style:none;display:grid;grid-auto-flow:column;grid-template-rows:repeat(4,minmax(0,1fr));gap:0 10px;min-height:0;min-width:0;width:100%;padding:0;margin:0}
.rich-stats .stats-ranking--keywords{grid-template-columns:repeat(5,minmax(0,1fr))}
.rich-stats .stats-ranking--events{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
.rich-stats .stats-ranking li{display:flex;align-items:center;gap:5px;min-width:0;min-height:0;border-radius:4px;padding:0 2px;font-size:12px;line-height:1.2}
.rich-stats .stats-ranking li[data-active=true]{background:var(--accent-soft,#fff1e7);box-shadow:inset 0 0 0 1px var(--accent-fill,#ea580c)}
.rich-stats .stats-place{color:var(--muted,#71717a);font-size:10px;flex:0 0 15px;text-align:right}
.rich-stats .stats-row-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rich-stats .stats-spark{display:block;width:48px;height:18px;flex:0 0 48px;overflow:hidden;margin-left:auto;color:var(--accent,#c2410c)}
.rich-stats .stats-spark--event{width:62px;flex-basis:62px;color:var(--stats-blue)}
.rich-stats .stats-new{font-size:9px;line-height:14px;padding:0 3px;border-radius:3px;background:var(--subtle,#f4f4f5);color:var(--ink,#27272a);white-space:nowrap;flex-shrink:0}
.rich-stats .stats-move{font-size:10px;white-space:nowrap;color:var(--muted,#71717a)}
.rich-stats .stats-move--up{color:var(--stats-good)}
.rich-stats--header{display:flex;align-items:center;gap:10px;min-width:0}
.rich-stats--header>dl{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:0;min-width:0}
.rich-stats--header .stats-metric dt{font-size:10px}
.rich-stats--header .stats-metric strong{font-size:calc(22px * min(var(--ui,1),1.15));letter-spacing:-.03em}
.rich-stats--header .stats-metric small{font-size:10px}
.rich-stats--header .stats-spark--visitors{width:58px;flex-basis:58px;height:20px;margin:0 0 0 4px;align-self:center}
.crawl-strip{display:flex;align-items:center;gap:12px;min-height:28px;max-height:36px;overflow:hidden;padding:4px 20px;border-bottom:1px solid var(--line,#e4e4e7);background:var(--panel,#fff);font-size:11px;line-height:20px}
.crawl-strip>strong{font-size:10px;font-weight:600;color:var(--muted,#71717a);white-space:nowrap;flex-shrink:0}
.crawl-strip .crawl-viewport{min-width:0;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.crawl-strip .crawl-track{display:flex;width:max-content;max-width:none}
.crawl-strip .crawl-group{display:flex;align-items:center;gap:20px;flex:none;list-style:none;margin:0;padding:0 20px 0 0;white-space:nowrap;min-height:20px}
.crawl-strip .crawl-group--copy{display:none}
.crawl-strip .crawl-group>li{display:inline-flex;align-items:center;gap:5px;max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crawl-strip .crawl-result a{max-width:180px;overflow:hidden;text-overflow:ellipsis}
.crawl-strip .crawl-result>span,.crawl-strip .crawl-job--upcoming>span,.crawl-strip .crawl-job--upcoming time{color:var(--muted,#71717a)}
.crawl-strip .crawl-result>b{color:var(--accent,#c2410c)}
.crawl-strip .crawl-result--failed,.crawl-strip .crawl-result--failed .crawl-result-status{color:var(--stats-error)}
.crawl-strip .crawl-job--running{color:var(--stats-good);background:var(--subtle,#f4f4f5);border-radius:4px;padding:0 5px}
.crawl-strip .crawl-dot{width:5px;height:5px;background:var(--stats-good);border-radius:50%;display:block;flex-shrink:0}
.crawl-strip .crawl-job--upcoming>b{font-weight:500}
@container(max-width:700px){.rich-stats .stats-counter{gap:12px}.rich-stats .stats-counter>dl{gap:14px}.rich-stats .stats-metric strong{font-size:28px}.rich-stats .stats-metric dt,.rich-stats .stats-metric small{font-size:10px}.rich-stats .stats-ranking{column-gap:5px}.rich-stats .stats-ranking li{gap:3px;font-size:11px}.rich-stats .stats-ranking--keywords .stats-spark{width:36px;flex-basis:36px}.rich-stats .stats-trail-hint{display:none}.rich-stats .stats-volume{gap:12px}}
@container(max-width:500px){.rich-stats .stats-counter{gap:8px}.rich-stats .stats-counter>dl{gap:8px}.rich-stats .stats-metric strong{font-size:23px}.rich-stats .stats-metric dd{gap:2px}.rich-stats .stats-pane-labels{gap:8px;font-size:9px}.rich-stats .stats-ranking--keywords .stats-spark{width:24px;flex-basis:24px}.rich-stats .stats-place{flex-basis:12px}.rich-stats .stats-legend{gap:4px}.rich-stats .stats-chart figcaption{gap:5px;font-size:9px}.rich-stats .stats-chart figcaption>strong{font-size:9px}}
@media(max-width:1100px){.rich-stats--header>dl{gap:7px 12px}.rich-stats--header .stats-metric strong{font-size:20px}.crawl-strip{padding-inline:14px;gap:8px}}
@media(prefers-reduced-motion:no-preference){.crawl-strip .crawl-viewport{overflow-x:hidden}.crawl-strip .crawl-track{animation:rich-crawl-lap var(--crawl-duration,60s) linear infinite}.crawl-strip .crawl-group--copy{display:flex}}
/* Hover and pause hold the marquee where it is; keyboard focus turns it into a scrollable list so every link can be reached. */
.crawl-strip:hover .crawl-track,[data-paused=true] .crawl-strip .crawl-track,.crawl-strip[data-paused=true] .crawl-track{animation-play-state:paused}
.crawl-strip:focus-within .crawl-track{animation:none;transform:none}
.crawl-strip:focus-within .crawl-viewport{overflow-x:auto}
.crawl-strip:focus-within .crawl-group--copy{display:none}
[data-motion=reduce] .crawl-strip .crawl-track,.crawl-strip[data-motion=reduce] .crawl-track{animation:none;transform:none}
[data-motion=reduce] .crawl-strip .crawl-group--copy,.crawl-strip[data-motion=reduce] .crawl-group--copy{display:none}
[data-motion=reduce] .crawl-strip .crawl-viewport,.crawl-strip[data-motion=reduce] .crawl-viewport{overflow-x:auto}
@keyframes rich-crawl-lap{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Keep the original scheduled jobs beside the moving crawl log. */
.crawl-strip .crawl-running,.crawl-strip .crawl-schedule ul{display:flex;align-items:center;gap:12px;list-style:none;margin:0;padding:0;white-space:nowrap}
.crawl-strip .crawl-running{flex-shrink:0;gap:6px}
.crawl-strip .crawl-running li{display:flex;align-items:center;gap:4px;padding:0 6px;font-size:12px}
.crawl-strip .crawl-schedule{display:flex;align-items:center;gap:12px;flex-shrink:0;font-size:12px;white-space:nowrap}
.crawl-strip .crawl-schedule>strong{font-size:12px;color:var(--muted);font-weight:600}
.crawl-strip .crawl-schedule li{display:flex;align-items:center;gap:4px}
.crawl-strip .crawl-schedule b{font-weight:400;color:var(--ink)}
.crawl-strip time{font-variant-numeric:tabular-nums;color:var(--muted)}
.crawl-strip time[data-due=true]{color:var(--stats-good)}
@media(max-width:1100px){.crawl-strip .crawl-schedule ul{gap:8px}.crawl-strip .crawl-schedule li:nth-child(n+4){display:none}}