/* Benchmark archive: source material first, KeWi workbench theme tokens.
   Design refinement follows unslop by Damir Sokolovsky (@heydamir), CC BY 4.0. */
.benchmark-page {min-width:0}
.benchmark-profile {padding:24px 28px;margin-bottom:28px}
.benchmark-profile-main {display:flex;align-items:flex-start;gap:24px;min-width:0}
.benchmark-kicker {font:12px/1.6 var(--sans);color:var(--muted);letter-spacing:0;margin-bottom:8px}
.benchmark-profile h2 {font-size:24px;line-height:1.3;font-weight:500;margin:0 0 8px}
.benchmark-profile-main p {color:var(--secondary);max-width:850px;margin:0 0 12px}
.benchmark-profile-stats {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}
.benchmark-profile-stats>div {display:flex;align-items:baseline;gap:8px}
.benchmark-profile-stats strong {font:500 24px/1.3 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:0}
.benchmark-profile-stats span {font-size:12px;color:var(--muted)}
.benchmark-tabs {margin-bottom:20px;gap:28px}
.benchmark-section-intro {display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin:0 0 20px}
.benchmark-section-intro p {color:var(--secondary);font-size:13px;margin:0;max-width:820px}
.benchmark-section-intro h2 {font-size:16px;font-weight:500;margin:0}
.benchmark-section-intro>.meta {flex-shrink:0}
.benchmark-filters {margin-bottom:20px}
.benchmark-search {position:relative;margin-bottom:12px}
.benchmark-search>.icon {position:absolute;top:12px;left:12px;width:16px;height:16px;color:var(--muted)}
.benchmark-search input {width:100%;min-width:0}
.benchmark-filter-selects {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.benchmark-filter-selects>.select {width:100%;min-width:0;font-size:12px}
.benchmark-records {display:flex;flex-direction:column;gap:12px}
.benchmark-record {display:flex;gap:20px;padding:24px;min-width:0}
.benchmark-record-number {min-width:24px;color:var(--muted);font:12px/1.6 var(--mono);padding-top:4px}
.benchmark-record-body {flex:1;min-width:0}
.benchmark-record-cover {position:relative;display:block;float:right;width:160px;aspect-ratio:16/9;margin:0 0 16px 24px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--bg);overflow:hidden;line-height:1.6}
.benchmark-cover-placeholder {position:absolute;inset:0;display:grid;place-items:center;padding:8px;color:var(--muted);font-size:12px;line-height:1.6;text-align:center}
.benchmark-record-cover img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0}
.benchmark-record-cover.is-loaded img {opacity:1}
.benchmark-record-cover.is-loaded .benchmark-cover-placeholder {visibility:hidden}
.benchmark-record-cover img[hidden] {display:none}
.benchmark-source-id {font-family:var(--mono);color:var(--muted);overflow-wrap:anywhere}
.benchmark-record-meta {display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-size:11px;color:var(--muted);margin-bottom:8px}
.benchmark-record-meta>.badge {font-size:11px;line-height:1.6}
.benchmark-record h2 {font-size:18px;line-height:1.55;margin:0 0 8px;font-weight:500;overflow-wrap:anywhere}
.benchmark-title {display:inline;text-align:left;border:0;padding:0;background:none;color:inherit;font:inherit;cursor:pointer}
.benchmark-title:hover {color:var(--accent)}
.benchmark-summary {color:var(--secondary);font-size:13px;line-height:1.9;margin:0;white-space:pre-line;max-width:1100px;overflow-wrap:anywhere}
.benchmark-content-status {color:var(--secondary);font-size:11px;border-left:1px solid var(--line);padding-left:10px}
.benchmark-coverage-note {font-size:11px;line-height:1.9;color:var(--muted);margin:8px 0 0;overflow-wrap:anywhere}
.benchmark-price {margin:10px 0 0;color:var(--accent);font:13px/1.8 var(--mono);overflow-wrap:anywhere}
.benchmark-stage-tags {display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.benchmark-stage-tags>span {padding:2px 8px;background:var(--bg);color:var(--secondary);border:1px solid var(--border);border-radius:4px;font-size:11px;line-height:1.6}
.benchmark-record-actions {display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:16px;clear:both}
.benchmark-record-actions .text-link {font-size:12px}
.benchmark-action-spacer {flex:1}
.benchmark-progress {display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:32px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--secondary);padding:4px 8px;font-size:11px;line-height:1.6;white-space:nowrap}
.benchmark-progress:hover {background:var(--raised);border-color:var(--line)}
.benchmark-progress>.icon {width:16px;height:16px}
.benchmark-progress.is-done {color:var(--positive);background:var(--positive-soft);border-color:transparent}
.benchmark-more {display:flex;justify-content:center;padding:24px 0 0}
.benchmark-stage-layout {display:grid;grid-template-columns:192px minmax(0,1fr);align-items:start;gap:24px}
.benchmark-stage-index {position:sticky;top:88px;display:flex;flex-direction:column;border-left:1px solid var(--border);padding-left:12px}
.benchmark-stage-index>a {display:flex;align-items:baseline;gap:8px;min-height:48px;padding:10px 8px;color:var(--secondary);font-size:12px;line-height:1.8;border-radius:8px}
.benchmark-stage-index>a:hover {color:var(--text);background:var(--raised)}
.benchmark-stage-index>a>span:first-child {font:12px/1.8 var(--mono);color:var(--accent)}
.benchmark-stage-index>a>.icon {width:16px;height:16px;flex-shrink:0;color:var(--positive)}
.benchmark-stages {display:flex;flex-direction:column;gap:20px;min-width:0}
.benchmark-stage {scroll-margin-top:90px;min-width:0}
.benchmark-stage-head {display:flex;align-items:flex-start;gap:16px;padding:24px;border-bottom:1px solid var(--border)}
.benchmark-stage-num {font:300 32px/1.2 var(--sans);letter-spacing:0;color:var(--accent);padding-top:2px}
.benchmark-stage-head h2 {font-size:20px;font-weight:500;line-height:1.5;margin:4px 0 0}
.benchmark-stage-head .meta {margin:0}
.benchmark-stage-content {padding:24px}
.benchmark-objective {font-size:14px;color:var(--secondary);line-height:1.9;margin:0 0 24px}
.benchmark-planning-note {margin:0 0 16px;padding:12px 16px;background:var(--bg);border-left:2px solid var(--line);font-size:12px;line-height:1.9;color:var(--secondary)}
.benchmark-gate-rule {margin:16px 0;font-size:12px;line-height:1.9;color:var(--secondary)}
.benchmark-stage-block {margin:24px 0}
.benchmark-stage-block h3 {font-size:12px;font-weight:500;letter-spacing:0;color:var(--muted);margin:0 0 12px}
.benchmark-source-chips {display:flex;flex-wrap:wrap;gap:8px}
.benchmark-source-chips>.btn {display:inline-block;text-align:left;white-space:normal;max-width:100%;line-height:1.8}
.benchmark-task {display:flex;align-items:flex-start;gap:12px;border-top:1px solid var(--border);padding:16px 0}
.benchmark-task:last-child {padding-bottom:0}
.benchmark-task-no {font:12px/1.8 var(--mono);color:var(--muted);padding-top:4px;min-width:20px}
.benchmark-task h4 {font-size:13px;line-height:1.8;font-weight:500;margin:0 0 4px}
.benchmark-task p {font-size:12px;line-height:1.9;color:var(--secondary);margin:4px 0 0;overflow-wrap:anywhere}
.benchmark-task .meta {font-size:11px;color:var(--muted)}
.benchmark-deliverable>span {margin-right:8px;color:var(--accent);font-size:11px}
.benchmark-exit {padding:16px;background:var(--bg);border-radius:10px;border:1px solid var(--border)}
.benchmark-progress-note {font-size:12px;line-height:1.9;color:var(--secondary);white-space:pre-wrap;border-left:2px solid var(--accent);padding-left:12px;margin:12px 0 0;overflow-wrap:anywhere}
.benchmark-coverage-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 28px}
.benchmark-coverage-grid .panel-head h2 {font-size:18px;line-height:1.5}
.benchmark-coverage-counts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.benchmark-coverage-counts>div {display:flex;flex-direction:column;gap:4px}
.benchmark-coverage-counts strong {font:400 24px/1.4 var(--sans)}
.benchmark-coverage-counts span {font-size:11px;color:var(--muted)}
.benchmark-gap-list {display:flex;flex-direction:column;gap:12px}
.benchmark-gap {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px}
.benchmark-gap h3 {font-size:15px;font-weight:500;line-height:1.8;margin:0 0 6px}
.benchmark-gap p {font-size:12px;line-height:1.9;color:var(--secondary);margin:0;white-space:pre-line}
.benchmark-gap>.actions {flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}
.benchmark-api>summary {font-size:12px;color:var(--secondary);cursor:pointer}
.benchmark-api pre,.benchmark-json {white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);padding:16px;border:1px solid var(--border);border-radius:8px;color:var(--secondary);font:12px/1.8 var(--mono);max-height:440px;overflow:auto}
.benchmark-value {white-space:pre-wrap;overflow-wrap:anywhere}
.benchmark-definition {margin:0}
.benchmark-definition>div {padding:12px 0;border-bottom:1px solid var(--border);min-width:0}
.benchmark-definition>div:last-child {border-bottom:0}
.benchmark-definition dt {font-size:11px;font-weight:500;color:var(--muted);margin-bottom:6px}
.benchmark-definition dd {font-size:13px;line-height:1.9;color:var(--secondary);margin:0;overflow-wrap:anywhere;min-width:0}
.benchmark-definition dd .benchmark-definition {padding-left:16px;border-left:1px solid var(--border)}
.benchmark-value-list {padding-left:20px;margin:8px 0;color:var(--secondary);font-size:13px;line-height:1.9}
.benchmark-value-list>li {padding:4px 0;min-width:0;overflow-wrap:anywhere}
.benchmark-detail-lead {font-size:15px;line-height:1.9;color:var(--secondary);white-space:pre-line;margin:16px 0 0;overflow-wrap:anywhere}
.benchmark-detail .benchmark-detail-fields {margin-top:24px;border-top:1px solid var(--border)}
.benchmark-topic-source {border:1px solid var(--border);border-radius:10px;padding:16px;background:var(--bg)}
.benchmark-topic-source h3 {font-size:14px;font-weight:500;margin:4px 0 8px;line-height:1.8}
@media(min-width:1500px){.benchmark-record {padding:24px 28px}.benchmark-stage-layout {grid-template-columns:220px minmax(0,1fr);gap:32px}}
@media(max-width:1120px){.benchmark-profile-stats>div {flex-direction:column;gap:4px}.benchmark-stage-layout {grid-template-columns:1fr}.benchmark-stage-index {position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:0;border-bottom:1px solid var(--border);padding:0 0 12px}.benchmark-coverage-grid {grid-template-columns:1fr}}
@media(max-width:760px){.benchmark-profile {padding:20px;margin-bottom:20px}.benchmark-profile-main {gap:12px}.benchmark-kicker {font-size:11px;letter-spacing:0}.benchmark-profile h2 {font-size:24px}.benchmark-profile-main p {font-size:12px}.benchmark-profile-stats {gap:12px;margin-top:20px;padding-top:20px}.benchmark-profile-stats strong {font-size:24px}.benchmark-profile-stats span {font-size:11px}.benchmark-tabs {gap:24px;margin-bottom:20px}.benchmark-section-intro {gap:12px;align-items:flex-start}.benchmark-section-intro p {font-size:12px}.benchmark-section-intro>.meta {font-size:11px}.benchmark-filter-selects {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.benchmark-filter-selects>.select {font-size:12px;min-height:44px}.benchmark-search input {font-size:16px;height:44px}.benchmark-search>.icon {top:14px}.benchmark-record {gap:12px;padding:20px 16px}.benchmark-record-number {font-size:11px;min-width:20px}.benchmark-record h2 {font-size:16px}.benchmark-record-meta {gap:8px 10px;font-size:11px}.benchmark-summary {font-size:12px;line-height:1.9}.benchmark-record-actions {gap:8px 12px}.benchmark-action-spacer {display:none}.benchmark-record-actions>.text-link {min-height:36px;display:inline-flex;align-items:center}.benchmark-progress {min-height:40px;font-size:11px}.benchmark-stage-head {padding:20px 16px;gap:12px}.benchmark-stage-head h2 {font-size:16px}.benchmark-stage-head .meta {font-size:11px}.benchmark-stage-num {font-size:28px}.benchmark-stage-content {padding:20px 16px}.benchmark-objective {font-size:13px}.benchmark-stage-index {grid-template-columns:1fr 1fr}.benchmark-stage-index>a {font-size:11px;padding:8px 4px;gap:8px}.benchmark-task {flex-wrap:wrap;gap:8px}.benchmark-task>.grow {flex-basis:calc(100% - 36px)}.benchmark-task>.benchmark-progress {margin-left:28px}.benchmark-gap {display:block;padding:20px}.benchmark-gap>.actions {justify-content:flex-start;margin-top:16px}.benchmark-coverage-counts {gap:8px}.benchmark-coverage-counts span {font-size:11px}.benchmark-detail-lead {font-size:14px}.benchmark-definition dd {font-size:12px}.benchmark-value-list {font-size:12px}.benchmark-coverage-grid .panel-head h2 {font-size:16px}}
@media(prefers-reduced-motion:reduce){.benchmark-stage {scroll-behavior:auto}}
@media(max-width:760px){.benchmark-record-cover {float:none;width:100%;max-width:320px;margin:0 0 16px}.benchmark-record-meta>.badge {font-size:11px}.benchmark-record-number {min-width:24px;font-size:11px}.benchmark-profile-stats span {font-size:11px}.benchmark-kicker {font-size:11px}.benchmark-filter-selects {gap:8px}.benchmark-section-intro>.meta {font-size:11px}}

.benchmark-profile-scope {margin:16px 0 0;color:var(--secondary);font-size:12px;line-height:1.9}
@media(max-width:760px){.benchmark-profile-stats {grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}.benchmark-profile-scope {font-size:11px}}

.benchmark-profile-reports {display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:12px}.benchmark-profile-reports .text-link {font-size:12px}