.dashboard .masthead{height:76px}.dashboard .masthead nav{gap:26px}.header-description{font-size:var(--text-small);color:var(--muted);margin-left:22px}.dashboard .masthead nav a{display:block}.dashboard h1{font-size:var(--text-title);letter-spacing:-.045em;line-height:1.15}.dashboard h2{font-size:var(--text-section);letter-spacing:-.035em}.dashboard .section{padding:35px 0}.experiment-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 20px;border-bottom:1px solid var(--rule)}.experiment-bar>label{display:flex;align-items:center;gap:18px;font:var(--text-small) var(--mono);color:var(--muted)}.experiment-bar select{min-width:350px;max-width:65vw;font-size:var(--text-body);background:transparent;border:0;border-bottom:1px solid var(--rule);padding-left:0}.experiment-steps{display:flex;gap:6px}.experiment-steps button{background:transparent;border:1px solid var(--rule);width:32px;height:32px;font-size:var(--text-body)}.experiment-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:27px 0 24px}.experiment-intro .eyebrow{font-size:var(--text-small);color:var(--accent);margin-bottom:12px}.experiment-intro .muted{font-size:var(--text-body);max-width:700px;margin-top:12px}.experiment-intro>.pill{margin-top:5px}.dashboard-filters{display:flex;justify-content:space-between;align-items:center;gap:15px;border-block:1px solid var(--rule);padding:13px 0;margin-bottom:0}.dashboard-filters>div{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.dashboard-filters label{font:var(--text-small) var(--mono);color:var(--muted);display:flex;align-items:center;gap:12px}.dashboard-filters select{min-width:140px}.dashboard-filters>p{font:var(--text-small) var(--mono);color:var(--muted)}.reset-button{font-size:var(--text-small);color:var(--muted);background:none;border:0;padding:10px 0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:38px;align-items:start}.chart-panel{min-width:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.panel-heading h2{font-size:var(--text-section)}.panel-heading p{font-size:var(--text-small);color:var(--muted);margin-top:6px}.sort-label{display:flex;align-items:center;gap:8px;font-size:var(--text-small);color:var(--muted)}.sort-label select{font-size:var(--text-small)}.chart-axis{display:flex;justify-content:space-between;margin:23px 62px 8px 221px;font:var(--text-small) var(--mono);color:var(--muted)}.token-chart{display:flex;flex-direction:column;gap:3px}.chart-row{display:grid;grid-template-columns:210px minmax(0,1fr) 60px;align-items:center;gap:11px;background:transparent;border:0;text-align:left;padding:5px 0;width:100%;min-height:32px}.chart-row:hover{background:var(--fine)}.chart-name{font-size:var(--text-small);line-height:1.6;font-weight:550;letter-spacing:-.02em}.chart-track{height:17px;background:var(--fine);position:relative}.chart-bar{display:block;height:100%;width:var(--bar-size);background:var(--model-color)}.chart-value{font:var(--text-small) var(--mono);text-align:right;color:var(--ink);white-space:nowrap}.chart-row[data-model="sol"]{--model-color:#8b969d}.chart-row[data-model="astra"]{--model-color:#e04b32}.chart-row[data-model="sol-6"]{--model-color:#78866e}.chart-footnote{font-size:var(--text-small);color:var(--muted);line-height:1.8;margin-top:18px;max-width:700px}.numbers-details{margin-top:0}.numbers-details summary{font-size:var(--text-small);padding:14px 0}.numbers-details .download-links{margin:18px 0}.numbers-details .small{margin-top:14px}.numbers-details table{font-size:var(--text-small)}.numbers-details th,.numbers-details td{padding:12px 7px}.rating-panel{padding:23px;background:var(--surface);border:1px solid var(--rule)}.rating-panel>.eyebrow{font-size:var(--text-small);color:var(--muted);margin-bottom:15px}.rating-panel h2{font-size:var(--text-section);line-height:1.2}.rating-panel>p:not(.eyebrow):not(.rating-total){font-size:var(--text-small);line-height:1.8;color:var(--muted);margin-top:15px}.rating-criteria{margin-top:22px;border-top:1px solid var(--rule)}.rating-criteria>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--rule);padding:13px 0;font-size:var(--text-small)}.rating-criteria>div>span:last-child{font:var(--text-small) var(--mono);color:var(--muted)}.rating-total{font-size:var(--text-small);display:flex;justify-content:space-between;align-items:center;margin-top:17px}.rating-total strong{font:var(--text-section) var(--mono)}.rating-panel .rating-note{font-size:var(--text-small)!important}.rating-panel .text-link{font-size:var(--text-small);margin-top:20px;gap:12px}.dashboard .drawings-section{margin-top:35px;border-top:1px solid var(--rule)}.drawings-section .section-heading{align-items:flex-end}.drawings-section .section-description{font-size:var(--text-small);margin-top:9px;max-width:650px}.drawings-section .gallery{margin-top:22px;gap:25px 20px}.drawings-section .drawing-preview{height:220px}.dashboard .card-title{display:block;margin:0 0 12px}.dashboard .card-title h3{font-size:var(--text-body);font-weight:550;line-height:1.6;letter-spacing:-.02em}.dashboard .card-actions{margin-top:0;padding-top:10px;border-top:0}.dashboard .card-actions a,.dashboard .card-actions button{font-size:var(--text-small)}.dashboard .gallery+.small{margin-top:25px}.dashboard .dialog-head h2{font-weight:550}.dashboard .experiment-notes{border-bottom:0}.planned-state{padding:45px 0 80px}.planned-state>.dot{margin-bottom:15px}.planned-state h2{margin-bottom:20px}.planned-state p{font-size:var(--text-body);color:var(--muted);max-width:680px;margin-top:15px}.planned-state button{margin-top:25px}.dashboard footer>a:last-child{font-size:var(--text-small);color:var(--muted)}.dashboard .table-model{font-size:var(--text-small);line-height:1.7}.rating-proposal{margin:24px 0;border:1px solid var(--rule);padding:20px}.rating-proposal h3{margin-top:0!important}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 260px;gap:25px}.chart-row{grid-template-columns:185px minmax(0,1fr) 54px;gap:8px}.chart-name{font-size:var(--text-small)}.chart-axis{margin-left:193px;margin-right:54px}.rating-panel{padding:18px}.rating-criteria>div{font-size:var(--text-small)}.dashboard .header-description{margin-left:0}.drawings-section .drawing-preview{height:200px}}
@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.rating-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.rating-panel>.eyebrow,.rating-panel>h2,.rating-panel>p:not(.rating-total),.rating-panel>.text-link{grid-column:1}.rating-criteria{grid-column:2;grid-row:1/6;margin-top:0}.rating-total{grid-column:2}.rating-panel .text-link{margin-top:12px}.chart-row{grid-template-columns:210px minmax(0,1fr) 60px}.chart-name{font-size:var(--text-small)}.chart-axis{margin-left:221px;margin-right:62px}.header-description{display:none}}
@media(max-width:600px){.dashboard .wrap{padding-inline:20px}.dashboard .masthead{height:70px;gap:12px}.dashboard .masthead nav{gap:15px}.dashboard .masthead nav a{font-size:var(--text-small)}.dashboard .theme-button{width:30px;height:30px}.experiment-bar{gap:12px;padding-top:17px}.experiment-bar>label{display:block;min-width:0;flex:1;font-size:var(--text-small)}.experiment-bar select{display:block;margin-top:7px;min-width:0;width:100%;max-width:100%;font-size:var(--text-small)}.experiment-steps{margin-top:14px}.experiment-steps button{width:28px;height:28px}.dashboard h1{font-size:var(--text-title)}.experiment-intro{padding:23px 0}.experiment-intro .eyebrow{font-size:var(--text-small)}.experiment-intro .muted{font-size:var(--text-small)}.experiment-intro>.pill{font-size:var(--text-small);padding:5px}.dashboard-filters{align-items:flex-start;flex-wrap:wrap;margin-bottom:0}.dashboard-filters>div{width:100%;gap:12px}.dashboard-filters label{flex:1;display:block;min-width:0;font-size:var(--text-small)}.dashboard-filters select{display:block;margin-top:6px;min-width:0;width:100%;font-size:var(--text-small)}.dashboard-filters>p{font-size:var(--text-small)}.dashboard-filters .reset-button{padding:0;font-size:var(--text-small)}.panel-heading{gap:10px}.panel-heading h2{font-size:var(--text-section)}.panel-heading p{font-size:var(--text-small)}.sort-label{font-size:0;gap:0}.sort-label select{font-size:var(--text-small);max-width:130px}.chart-row{grid-template-columns:150px minmax(0,1fr) 48px;gap:7px;min-height:38px}.chart-name{font-size:var(--text-small);line-height:1.45;letter-spacing:-.025em}.chart-value{font-size:var(--text-small)}.chart-track{height:16px}.chart-axis{margin-left:157px;margin-right:50px;font-size:var(--text-small)}.chart-footnote{font-size:var(--text-small)}.rating-panel{display:block;padding:20px}.rating-criteria{margin-top:18px}.rating-panel h2{font-size:var(--text-section)}.rating-total{margin-top:18px}.rating-criteria>div{font-size:var(--text-small);padding:12px 0}.dashboard .drawings-section{margin-top:30px}.drawings-section .section-heading{align-items:flex-start}.drawings-section .section-heading>.text-link{font-size:var(--text-small)}.dashboard .gallery{grid-template-columns:1fr}.drawings-section .drawing-preview{height:270px}.dashboard .card-title h3{font-size:var(--text-body)}.dashboard .card-title{margin-bottom:11px}.dashboard .dialog-head h2{font-size:var(--text-body)}.dashboard footer{gap:15px}.dashboard footer p{width:auto;order:initial}.dashboard .numbers-details .small{font-size:var(--text-small)}.dashboard .section{padding:28px 0}}
.benchmark-scroll{margin-top:16px;position:relative}
.benchmark-table{width:100%;min-width:580px;table-layout:fixed}
.benchmark-table th:first-child{width:34%}.benchmark-table th:nth-child(2){width:25%}.benchmark-table th:nth-child(3){width:12%}.benchmark-table th:last-child{width:29%}
.benchmark-table th,.benchmark-table td{padding:13px 14px;vertical-align:middle}
.benchmark-table th:first-child,.benchmark-table td:first-child{padding-left:0}.benchmark-table th:last-child,.benchmark-table td:last-child{padding-right:0}
.benchmark-table tr:hover{background:var(--fine)}
.benchmark-name{font:550 var(--text-body)/1.5 Arial,sans-serif;letter-spacing:-.02em;text-align:left;white-space:normal;background:none;border:0;padding:0;color:var(--ink)}
.benchmark-name:hover{text-decoration:underline;text-underline-offset:4px}
.metric-value{display:block;font:var(--text-body) var(--mono);color:var(--ink)}
.metric-track{display:block;height:5px;background:var(--fine);margin-top:8px}
.metric-track>span{display:block;height:100%}.preference-bar{background:var(--muted)}.usage-bar{background:var(--muted)}
.usage-scope{display:block;font:var(--text-small) var(--mono);color:var(--muted);margin-top:7px}
.ratings-cell{color:var(--muted)}
.drawings-reveal{position:relative}.drawings-reveal[data-locked="true"] #drawing-content{filter:blur(9px);pointer-events:none;user-select:none;max-height:480px;overflow:hidden}
.reveal-gate{position:absolute;z-index:2;top:50px;left:50%;transform:translateX(-50%);width:min(480px,calc(100% - 24px));padding:30px;background:var(--paper);border:1px solid var(--rule);text-align:center;box-shadow:0 12px 40px rgba(0,0,0,.12)}
.reveal-gate .eyebrow{font-size:var(--text-small);color:var(--accent);margin-bottom:13px}
.reveal-gate h2{font-size:var(--text-section)}.reveal-gate>p:not(.eyebrow){font-size:var(--text-body);line-height:1.7;color:var(--muted);margin-top:15px}
.reveal-gate .submit-vote{display:flex;margin-top:23px;min-width:0;min-height:46px;font-size:var(--text-body);background:var(--ink);color:var(--paper)}
.browse-results{display:block;margin:14px auto 0;padding:7px 10px;font-size:var(--text-small);border:0;background:none;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.reveal-gate #reveal-note{font-size:var(--text-small)}
@media(max-width:600px){.benchmark-name{font-size:var(--text-small)}.benchmark-table th,.benchmark-table td{padding:12px 10px}.reveal-gate{top:25px;padding:24px 20px}.reveal-gate h2{font-size:var(--text-section)}.panel-heading{flex-wrap:wrap}.sort-label{font-size:var(--text-small)}.sort-label select{max-width:none}}

@media(max-width:600px){.benchmark-table{min-width:640px}.benchmark-table th{font-size:var(--text-small);letter-spacing:0;white-space:normal}.benchmark-table th,.benchmark-table td{padding:12px 4px}.benchmark-name{font-size:var(--text-small)}.benchmark-table .metric-value{font-size:var(--text-small)}.benchmark-table .ratings-cell{font-size:var(--text-small)}}

.sort-controls{position:relative;border:0!important;flex-shrink:0}
.sort-controls>summary{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--rule);font-size:var(--text-small);list-style:none}
#sort-count{font:var(--text-small) var(--mono);color:var(--muted)}
.sort-menu{position:absolute;z-index:5;right:0;top:calc(100% + 8px);width:590px;max-width:calc(100vw - 40px);padding:18px;background:var(--paper);border:1px solid var(--rule);box-shadow:0 10px 30px rgba(0,0,0,.15)}
.sort-menu-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:var(--text-body)}
.sort-menu-heading button{background:none;border:0;padding:2px 6px;font-size:var(--text-section);color:var(--muted)}
.sort-menu>p{font-size:var(--text-small);color:var(--muted);margin:8px 0 16px}
#sort-rules{display:flex;flex-direction:column;gap:10px}
#sort-rules:empty::after{content:'No rules. Default model and effort order.';font-size:var(--text-small);color:var(--muted)}
.sort-rule{display:grid;grid-template-columns:18px minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:7px}
.sort-priority{font:var(--text-small) var(--mono);color:var(--muted)}
.sort-rule select{width:100%;min-width:0;font-size:var(--text-small);padding:7px 20px 7px 7px}
.sort-rule-actions{display:flex;gap:3px}.sort-rule-actions button{width:26px;height:32px;border:1px solid var(--rule);background:transparent;font-size:var(--text-body);padding:0}
.sort-menu-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.sort-menu-footer .outline-button{font-size:var(--text-small)}
.sort-heading{display:inline-flex;align-items:center;gap:3px;max-width:100%;padding:0;border:0;background:none;color:var(--muted);font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left}
.sort-heading:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.sort-heading[data-active="true"]{color:var(--ink)}
.sort-indicator{font:var(--text-small) var(--mono);color:var(--muted);white-space:nowrap}.sort-heading[data-active="true"] .sort-indicator{color:var(--accent)}
@media(max-width:600px){.sort-controls[open]{width:100%}.sort-controls>summary{width:max-content;margin-left:auto}.sort-menu{position:static;width:100%;max-width:none;margin-top:8px;padding:14px}.sort-rule{grid-template-columns:16px minmax(0,1fr) auto;gap:6px}.sort-priority{grid-row:1/3}.sort-rule select{grid-column:2}.sort-rule-actions{grid-column:3;grid-row:1/3}.benchmark-table th:first-child{width:32%}.benchmark-table th:nth-child(3){width:14%}.sort-heading{gap:1px}.sort-indicator{font-size:var(--text-small)}}

.score-notes{margin-top:20px}.score-notes .chart-footnote{margin-top:0}

.model-drawings{display:flex;flex-direction:column;gap:25px;min-width:0}.dashboard .gallery{align-items:start;grid-template-columns:repeat(var(--model-columns,3),minmax(0,1fr))}
@media(max-width:1100px){.dashboard .gallery:not([data-wide="true"]){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.dashboard .gallery{grid-template-columns:1fr}}
.additional-source-notes{display:contents}

.configuration-label{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.effort-bar{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;vertical-align:middle}
.effort-segment{width:7px;height:7px;border:1px solid var(--rule);background:var(--fine)}
/* Effort is shown in plain ink (black in the light theme, white in the dark theme) so colour only means model or usability. */
.effort-segment.is-filled{background:var(--ink);border-color:var(--ink)}
#filter-effort-bar:empty{display:none}
.dashboard-filters label[for="effort-filter"]{position:relative}
@media(max-width:600px){#filter-effort-bar:not(:empty){display:flex;align-items:center;position:absolute;right:0;top:0;height:1.5em}}

/* Automated-harness metrics and creator colours (colours follow artificialanalysis.ai creator palette) */
:root{--brand-openai:#1f1f1f;--brand-anthropic:#cc785c;--brand-google:#34a853}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--brand-openai:#ececec}}
:root[data-theme="dark"]{--brand-openai:#ececec}
:root[data-theme="light"]{--brand-openai:#1f1f1f}
[data-provider="openai"]{--brand:var(--brand-openai)}
[data-provider="anthropic"]{--brand:var(--brand-anthropic)}
[data-provider="google"]{--brand:var(--brand-google)}
.brand-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0;background:color-mix(in srgb,var(--brand,var(--muted)) calc(var(--shade,1) * 100%),var(--paper))}
.cost-bar,.time-bar,.steps-bar{background:var(--muted)}
.metric-cell{white-space:nowrap}
.benchmark-table th:first-child{width:28%}.benchmark-table th:nth-child(n+2){width:auto}
/* One column per model (effort levels stacked below its heading); more than four models scroll sideways instead of wrapping */
.model-heading{display:flex;align-items:center;gap:8px;margin:0;padding-bottom:8px;border-bottom:1px solid var(--rule);font:550 var(--text-body)/1.3 Arial,sans-serif;letter-spacing:-.02em}
.dashboard .gallery[data-wide="true"]{grid-template-columns:repeat(var(--model-columns),minmax(150px,1fr));gap:28px 12px;overflow-x:auto;padding-bottom:12px}
@media(max-width:600px){.dashboard .gallery[data-wide="true"]{grid-template-columns:1fr;overflow-x:visible}}
/* Wide galleries: one grid, model headings on row 1, effort levels in rows below so the same effort lines up across models */
.dashboard .gallery[data-wide="true"] .model-drawings{display:contents}
.dashboard .gallery[data-wide="true"] .model-heading{grid-column:var(--col);grid-row:1}
.dashboard .gallery[data-wide="true"] .result-card{grid-column:var(--col);grid-row:var(--row)}
@media(max-width:600px){.dashboard .gallery[data-wide="true"] .model-heading,.dashboard .gallery[data-wide="true"] .result-card{grid-column:auto;grid-row:auto}}
.dashboard .gallery[data-wide="true"] .drawing-preview{height:auto;aspect-ratio:4/3;padding:6px}
/* Title and experiment picker share one row; the picker drops below the title (without its arrows) only when there is no room */
.experiment-bar{flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding:16px 0 14px}
.experiment-bar .experiment-intro{display:block;flex:1 1 auto;min-width:0;padding:0}
.experiment-bar h1{margin:0}
.experiment-picker{display:flex;align-items:center;gap:12px;flex:0 1 auto;min-width:0;margin-left:auto}
.experiment-picker label{display:block;min-width:0}
.experiment-picker select{display:block;min-width:260px;max-width:100%;width:auto;margin:0;font-size:var(--text-body);background:transparent;border:0;border-bottom:1px solid var(--rule);padding-left:0}
.experiment-picker .experiment-steps{margin-top:0}
.experiment-bar[data-wrapped="true"] .experiment-steps{display:none}
.experiment-bar[data-wrapped="true"] .experiment-picker{margin-left:0}
@media(max-width:600px){.experiment-bar{padding-top:12px}.experiment-picker{width:100%}.experiment-picker label{flex:1}.experiment-picker select{min-width:0;width:100%;font-size:var(--text-small)}}
