.model-selection-launcher{z-index:45;border:1px solid var(--line);background:var(--text);color:var(--on-accent);box-shadow:0 8px 28px var(--shadow);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:11px 12px;font-size:14px;display:flex;position:fixed;bottom:24px;right:12px}.model-selection-frame{z-index:50;border:1px solid var(--line);width:448px;height:min(360px,100dvh - 48px);box-shadow:0 18px 64px var(--shadow);background:var(--surface);border-radius:20px;position:fixed;bottom:24px;right:24px}.model-selection-frame.expanded{height:min(680px,100dvh - 48px)}.model-selection-launcher[hidden],.model-selection-frame[hidden]{display:none}@media (max-width:767px){.model-selection-launcher,.model-selection-frame{display:none}}body:has(.overview-root #compare-bar:not(:empty)) .model-selection-launcher{bottom:100px}:is(body:has(.overview-root #comparison[open]) .model-selection-launcher,body:has(.overview-root #comparison[open]) .model-selection-frame){display:none}

.overview-root .product-evaluations .overview-panel { max-width: 100%; }
.overview-root .product-evaluation + .product-evaluation { border-top: 1px solid var(--line); padding-top: 24px; margin-top: 24px; }
.overview-root .product-bot-badge { display: inline-flex; align-items: center; gap: 6px; }
.overview-root .product-overall { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; margin: 16px 0 0 36px; color: var(--muted); font-size: 13px; }
.overview-root .product-overall strong { color: var(--ink); font-size: 24px; font-weight: 500; font-variant-numeric: tabular-nums; }
.overview-root .product-overall > span { margin-left: auto; font-size: 11px; }
.overview-root .product-evaluation-details { margin: 20px 0 0 36px; font-size: 13px; }
.overview-root .product-evaluation-details summary { display: flex; justify-content: space-between; cursor: pointer; list-style: none; color: var(--muted); padding: 8px 0; }
.overview-root .product-evaluation-details summary::-webkit-details-marker { display: none; }
.overview-root .product-evaluation-details summary:hover { color: var(--blue); }
.overview-root .product-evaluation-details[open] summary > span { transform: rotate(45deg); }
.overview-root .product-detail-body { padding-top: 8px; line-height: 1.8; }
.overview-root .product-detail-body p { margin: 0 0 12px; color: var(--muted); }
.overview-root .product-score-table { width: 100%; font-size: 13px; border-collapse: collapse; margin: 8px 0 20px; }
.overview-root .product-score-table caption { text-align: left; color: var(--ink); padding: 8px 0; }
.overview-root .product-score-table th { font-weight: 400; text-align: left; white-space: normal; }
.overview-root .product-score-table td { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.overview-root .product-score-table th, .overview-root .product-score-table td { padding: 8px 0; border-bottom: 1px solid var(--line); }
.overview-root .product-score-table th:first-child { width: auto; min-width: 0; padding-left: 0; font-size: inherit; }
.overview-root .product-score-table td:nth-child(2) { width: 80px; text-align: right; }
@media (max-width: 600px) {
  .overview-root .product-overall, .overview-root .product-evaluation-details, .overview-root .product-evaluations .release-metrics { margin-left: 0; }
  .overview-root .product-overall > span { margin-left: 0; flex-basis: 100%; }
  .overview-root .product-evaluations .overview-panel-heading { gap: 8px; align-items: baseline; }
  .overview-root .product-evaluations .overview-panel-heading h2 { font-size: 22px; }
}

.overview-root .product-bot-badge { display: inline-flex; align-items: center; gap: 4px; margin-left: 8px; color: var(--muted); font-size: 11px; font-weight: 400; white-space: nowrap; vertical-align: middle; }

/* Shared model identity layout */
.overview-root .model-name strong,
.overview-root .overview-rank-model strong {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px 8px;
}

.overview-root .model-name strong > .model-result-link {
  min-width: 0;
  max-width: 100%;
}

.overview-root .model-name-tags {
  display: none;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}

.overview-root .model-name-tags:has(> :not([hidden])) {
  display: inline-flex;
}

.overview-root .model-status-tags {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}

.overview-root .model-status-tags:empty {
  display: none;
}

.overview-root .product-bot-badge,
.overview-root .model-status-badge,
.overview-root .model-name strong .model-new-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  height: 20px;
  margin: 0;
  padding: 0 5px;
  border: 1px solid #e5e8ef;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

.overview-root .product-bot-badge {
  gap: 3px;
  background: #f5f6f8;
  color: #687080;
}

.overview-root .product-bot-badge svg {
  width: 12px;
  height: 12px;
  flex: none;
}

.overview-root .model-status-badge {
  background: #eef1f8;
  color: #637395;
}

.overview-root .highlight-identity .model-name {
  flex: 1;
}

@media (max-width: 760px) {
  .overview-root .highlight-identity .model-name strong {
    align-items: center;
    flex-wrap: wrap;
    column-gap: 6px;
  }

  .overview-root .highlight-identity .model-status-tags {
    flex-basis: 100%;
  }

  .overview-root .radar-table .model-name strong {
    align-items: flex-start;
    column-gap: 6px;
  }

  .overview-root .radar-table .model-name-tags {
    margin-block-start: calc((1.35em - 18px) / 2);
  }

  .overview-root .product-bot-badge,
  .overview-root .model-status-badge,
  .overview-root .model-name strong .model-new-badge {
    height: 18px;
    padding-inline: 4px;
    font-size: 10px;
  }
}

/* Reviewed UI repairs */
.overview-root .model-name strong,
.overview-root .overview-rank-model strong {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px 8px;
}

.overview-root .model-name strong > .model-result-link {
  min-width: 0;
  max-width: 100%;
}

.overview-root .model-name-tags {
  display: none;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}

.overview-root .model-name-tags:has(> :not([hidden])) {
  display: inline-flex;
}

.overview-root .model-status-tags {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}

.overview-root .model-status-tags:empty {
  display: none;
}

.overview-root .product-bot-badge,
.overview-root .model-status-badge,
.overview-root .model-name strong .model-new-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  height: 20px;
  margin: 0;
  padding: 0 5px;
  border: 1px solid #e5e8ef;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

.overview-root .product-bot-badge {
  gap: 3px;
  background: #f5f6f8;
  color: #687080;
}

.overview-root .product-bot-badge svg {
  width: 12px;
  height: 12px;
  flex: none;
}

.overview-root .model-status-badge {
  background: #eef1f8;
  color: #637395;
}

.overview-root .highlight-identity .model-name {
  flex: 1;
}

@media (max-width: 760px) {
  .overview-root .model-name strong {
    flex-wrap: wrap;
  }

  .overview-root .model-name strong > .model-result-link {
    flex-shrink: 0;
  }

  .overview-root .highlight-identity .model-name strong {
    align-items: center;
    flex-wrap: wrap;
    column-gap: 6px;
  }

  .overview-root .highlight-identity .model-status-tags {
    flex-basis: 100%;
  }

  .overview-root .radar-table .model-name strong {
    align-items: center;
    column-gap: 6px;
  }

  .overview-root .radar-table .model-name-tags {
    margin-block-start: 0;
  }

  .overview-root .product-bot-badge,
  .overview-root .model-status-badge,
  .overview-root .model-name strong .model-new-badge {
    height: 18px;
    padding-inline: 4px;
    font-size: 10px;
  }
}

.overview-root .configuration-choice .effort-value {
  color: var(--muted);
  font: 12px/1.5 var(--sans);
  padding-block: 5px;
}

.overview-root .comparison-evidence h4 {
  margin: 8px 0;
  font-size: 12px;
  font-weight: 500;
}