.site-main.site-main--pc {
  animation: none;
}


.lookup-kicker {
  margin: 0 0 0.4rem;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--site-default-fg-color--light);
}

.lookup-kicker a {
  color: inherit;
  text-decoration: none;
}

.lookup-kicker a:hover {
  color: var(--site-accent-fg-color);
}

.lookup-hero h1 {
  margin: 0 0 0.5rem;
  font-size: 1.7rem;
  font-weight: 650;
  letter-spacing: -0.02em;
}

.lookup-lead {
  margin: 0 0 1.5rem;
  color: var(--site-default-fg-color--light);
  line-height: 1.55;
}

.lookup-index {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lookup-card {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 1rem 1.1rem;
  border: 1px solid var(--site-border-color);
  border-radius: var(--site-radius-lg);
  background: var(--site-surface-color);
  text-decoration: none;
  color: inherit;
}

.lookup-card:hover {
  border-color: var(--site-accent-fg-color);
}

.lookup-card__kind {
  font-weight: 600;
}

.lookup-card__desc {
  font-size: 0.9rem;
  color: var(--site-default-fg-color--light);
}

.hw-tabs,
.hw-subtabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0 0 1rem;
}

.hw-tabs__item,
.hw-subtabs__item {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0.35rem 0.75rem;
  border-radius: var(--site-radius-pill);
  text-decoration: none;
  color: var(--site-default-fg-color--light);
  background: var(--site-default-fg-color--lightest);
  font-size: 0.88rem;
}

.hw-tabs__item.is-active,
.hw-subtabs__item.is-active {
  color: var(--site-on-primary-color);
  background: var(--site-accent-fg-color);
}

.hw-search {
  display: block;
  margin: 0 0 1rem;
}

.hw-search input {
  width: 100%;
  min-height: 44px;
  padding: 0.55rem 0.85rem;
  border: 1px solid var(--site-border-color);
  border-radius: var(--site-radius);
  background: var(--site-surface-color);
  color: inherit;
  font: inherit;
}

.hw-list,
.hw-ladder {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hw-list li + li,
.hw-ladder li + li {
  border-top: 1px solid var(--site-default-fg-color--lightest);
}

.hw-list a,
.hw-ladder a {
  display: grid;
  gap: 0.1rem 0.8rem;
  padding: 0.7rem 0;
  text-decoration: none;
  color: inherit;
  min-height: 44px;
}

.hw-list a {
  grid-template-columns: auto 1fr;
  grid-template-areas: "brand name" "brand meta";
}

.hw-list__brand {
  grid-area: brand;
  align-self: center;
  min-width: 4.2rem;
  font-size: 0.75rem;
  color: var(--site-default-fg-color--light);
}

.hw-list__name {
  grid-area: name;
  font-weight: 600;
}

.hw-list__meta {
  grid-area: meta;
  font-size: 0.8rem;
  color: var(--site-default-fg-color--light);
}

.hw-ladder a {
  grid-template-columns: 2rem 1fr auto;
  align-items: center;
}

.hw-ladder__rank {
  font-variant-numeric: tabular-nums;
  color: var(--site-default-fg-color--light);
}

.hw-ladder__score {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.hw-note,
.hw-empty,
.hw-aliases {
  font-size: 0.88rem;
  color: var(--site-default-fg-color--light);
}

.hw-specs {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  gap: 0.75rem 1.25rem;
  margin: 1.4rem 0;
}

.hw-specs div {
  margin: 0;
}

.hw-specs dt {
  font-size: 0.75rem;
  color: var(--site-default-fg-color--light);
}

.hw-specs dd {
  margin: 0.15rem 0 0;
  font-weight: 550;
}

.hw-scores ul,
.hw-sources ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hw-scores li {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.8rem;
  padding: 0.45rem 0;
  border-bottom: 1px solid var(--site-default-fg-color--lightest);
}

.hw-back {
  margin-top: 2rem;
}

.hw-list li.is-hidden {
  display: none;
}

@media (max-width: 768px) {
  .hw-tabs__item,
  .hw-subtabs__item {
    min-height: 44px;
  }
  .hw-list a {
    grid-template-columns: 1fr;
    grid-template-areas: "brand" "name" "meta";
  }
}

/* PC application: shared reading tokens, with a wider data workspace. */
.hw-app {
  color: var(--site-default-fg-color);
  scroll-margin-top: calc(var(--site-header-height, 56px) + 16px);
}
.js .hw-app,
.hw-app[data-hw-bound] {
  padding-top: 0;
}
.hw-loading {
  display: none;
}
.js .hw-app:not([data-hw-ready]):not([data-hw-load-error]) > .hw-fallback {
  display: none;
}
.js .hw-app:not([data-hw-ready]):not([data-hw-load-error]) > .hw-loading {
  display: block;
}
.hw-loading__body {
  min-height: 36rem;
}
.hw-loading__tabs {
  display: flex;
  gap: 2rem;
  padding: 1.2rem 0;
  border-bottom: 1px solid var(--reading-rule);
}
.hw-loading__categories,
.hw-loading__filters {
  display: flex;
  gap: 1rem;
  margin: 1.5rem 0;
}
.hw-loading__categories i,
.hw-loading__filters i,
.hw-loading__search {
  display: block;
  border-radius: 4px;
  background: var(--site-default-fg-color);
  opacity: 0.045;
}
.hw-loading__categories i {
  width: 3rem;
  height: 1rem;
}
.hw-loading__search {
  height: 2.8rem;
}
.hw-loading__filters i {
  width: 10rem;
  max-width: 30%;
  height: 2.8rem;
}
.hw-loading__row {
  height: 5rem;
  border-bottom: 1px solid var(--reading-rule);
}
.hw-app * {
  box-sizing: border-box;
}
.hw-app a {
  color: inherit;
  text-decoration: none;
}
.hw-app a:hover {
  color: var(--reading-accent);
}
.hw-app button,
.hw-app input,
.hw-app select {
  font: inherit;
  color: inherit;
}
.hw-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding: 0.5rem 0 1.2rem;
}
.hw-header h1 {
  font-size: clamp(1.8rem, 2.8vw, 2.4rem);
  font-weight: 650;
  line-height: 1.2;
  letter-spacing: -0.04em;
  margin: 0.2rem 0 0.55rem;
}
.hw-muted {
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--site-default-fg-color--light);
}
.hw-header .hw-muted {
  margin: 0;
}
.hw-snapshot {
  display: grid;
  gap: 0.2rem;
  text-align: right;
  font-size: 0.75rem;
  color: var(--site-default-fg-color--light);
  white-space: nowrap;
}
.hw-snapshot time {
  font-size: 0.875rem;
  color: var(--site-default-fg-color);
  font-variant-numeric: tabular-nums;
}
.hw-views {
  display: flex;
  gap: 1.75rem;
  border-bottom: 1px solid var(--reading-rule);
}
.hw-tab {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.85rem 0.1rem;
  color: var(--site-default-fg-color--light) !important;
  font-size: 0.875rem;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
}
.hw-tab.is-current {
  color: var(--reading-accent) !important;
  border-bottom-color: var(--reading-accent);
  font-weight: 600;
}
.hw-views .hw-tab {
  font-size: 1rem;
  padding: 0.9rem 0.1rem;
}
.hw-tab small {
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  opacity: 0.8;
}
.hw-icon {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
}
.hw-workspace {
  display: grid;
  min-width: 0;
}
.hw-browser {
  min-width: 0;
}
.hw-categories {
  display: flex;
  gap: 1.5rem;
  overflow-x: auto;
  /* overflow-x:auto otherwise computes overflow-y to auto. */
  overflow-y: hidden;
  margin: 0.5rem 0 0.6rem;
}
.hw-categories .hw-tab {
  border-bottom: 0;
  padding: 0.65rem 0;
}
.hw-toolbar {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 0 0 1rem;
}
.hw-query {
  flex: 1 1 13rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  border: 1px solid var(--reading-rule);
  border-radius: var(--site-radius-sm);
  height: 2.625rem;
  padding: 0 0.75rem;
  background: var(--reading-surface);
}
.hw-query > span {
  color: var(--site-default-fg-color--light);
  font-size: 1.45rem;
}
.hw-query input {
  width: 100%;
  min-width: 0;
  border: 0;
  background: transparent;
  height: 100%;
  font-size: 0.875rem;
}
.hw-select {
  display: grid;
  gap: 0.25rem;
  flex: 0 1 auto;
  min-width: 7.5rem;
  max-width: 100%;
}
.hw-select > span {
  font-size: 0.75rem;
  color: var(--site-default-fg-color--light);
}
.hw-select select {
  height: 2.625rem;
  max-width: 100%;
  border: 1px solid var(--reading-rule);
  border-radius: var(--site-radius-sm);
  background: var(--reading-surface);
  padding: 0 1.75rem 0 0.6rem;
  font-size: 0.875rem;
}
.hw-result-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-height: 2.6rem;
  color: var(--site-default-fg-color--light);
  font-size: 0.75rem;
}
.hw-app .hw-text-link {
  color: var(--reading-accent);
  font-size: 0.875rem;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  text-align: left;
}
.hw-text-link:hover {
  text-decoration: underline !important;
  text-underline-offset: 0.2em;
}
.hw-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1rem;
  line-height: 1.45;
  font-variant-numeric: tabular-nums;
}
.hw-table thead {
  border-top: 1px solid var(--reading-rule);
  background: var(--reading-rail);
}
.hw-table th,
.hw-table td {
  text-align: left;
  padding: 0.85rem 0.75rem;
  border-bottom: 1px solid var(--reading-rule);
}
.hw-table thead th {
  font-size: 0.75rem;
  color: var(--site-default-fg-color--light);
  font-weight: 500;
  white-space: nowrap;
}
.hw-table th:first-child {
  padding-left: 0.8rem;
}
.hw-table tbody th {
  width: 30%;
  font-weight: 500;
}
.hw-table td {
  white-space: nowrap;
}
.hw-model-link,
.hw-ranking__identity {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.hw-model-link {
  padding: 0.1rem 0;
}
.hw-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  color: var(--site-default-fg-color);
}
.hw-mark svg {
  display: block;
  flex-shrink: 0;
  fill: currentColor;
}
.hw-mark .hw-icon {
  fill: none;
}
.hw-identity-copy {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
  overflow-wrap: anywhere;
}
.hw-brand {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--site-default-fg-color--light);
}
.hw-model {
  font-size: 1rem;
  font-weight: 550;
}
.hw-platform-tag {
  display: inline-block;
  margin-left: 0.55rem;
  padding: 0.05rem 0.4rem;
  border-radius: 4px;
  background: var(--reading-rail);
  font-size: 0.6875rem;
  line-height: 1.5;
}
.hw-catalog-benchmark {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 0.3rem;
  padding: 0.9rem 1rem;
  border: 1px solid var(--reading-rule);
  border-radius: 10px;
  background: linear-gradient(110deg, color-mix(in srgb, var(--reading-accent) 6%, transparent), transparent 75%);
}
.hw-benchmark-title,
.hw-benchmark-note {
  display: block;
}
.hw-benchmark-title {
  font-size: 0.875rem;
  font-weight: 600;
}
.hw-benchmark-note {
  margin-top: 0.2rem;
  font-size: 0.75rem;
  color: var(--site-default-fg-color--light);
}
.hw-catalog-benchmark .hw-metric-tabs {
  flex-shrink: 0;
  margin: 0;
}
.hw-table--cpu {
  table-layout: fixed;
}
.hw-table--cpu tbody th,
.hw-table.hw-table--cpu thead th:first-child {
  width: 32%;
}
.hw-table--cpu thead th:nth-child(2) { width: 13%; }
.hw-table--cpu thead th:nth-child(3) { width: 17%; }
.hw-table--cpu thead th:nth-child(4) { width: 24%; }
.hw-table--cpu thead th:last-child { width: 14%; }
.hw-table--cpu tbody td,
.hw-table--cpu tbody th {
  padding-block: 1rem;
  vertical-align: middle;
}
.hw-table--cpu .hw-mark {
  width: 2.5rem;
  height: 2.5rem;
  flex-basis: 2.5rem;
  border: 1px solid var(--reading-rule);
  border-radius: 9px;
  background: var(--reading-surface);
}
.hw-table--cpu .hw-mark svg { width: 28px; height: 28px; }
.hw-table--cpu .hw-identity-copy { gap: 0.3rem; }
.hw-spec-main { display: block; font-weight: 550; }
.hw-spec-main small,
.hw-spec-divider {
  color: var(--site-default-fg-color--light);
  font-weight: 400;
}
.hw-spec-note,
.hw-score-missing {
  display: block;
  color: var(--site-default-fg-color--light);
  font-size: 0.75rem;
  margin-top: 0.2rem;
}
.hw-inline-score {
  display: grid;
  grid-template-columns: 7ch minmax(0, 1fr);
  font-size: 0.9375rem;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  max-width: 15rem;
  margin: 0;
}
.hw-inline-score .hw-score-missing {
  grid-column: 1;
  margin: 0;
  text-align: left;
  font-size: 0.9375rem;
  line-height: 1.5;
}
.hw-inline-score strong {
  white-space: nowrap;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
}
.hw-score-track {
  display: block;
  height: 6px;
  overflow: hidden;
  border-radius: 9px;
  background: color-mix(in srgb, var(--reading-accent) 10%, var(--reading-surface));
}
.hw-score-track > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: color-mix(in srgb, var(--reading-accent) 65%, var(--reading-surface));
}
.hw-table tbody tr:hover,
.hw-ranking li:hover {
  background: var(--reading-rail);
}
.hw-table .is-selected,
.hw-ranking .is-selected {
  background: color-mix(in srgb, var(--reading-accent) 8%, transparent);
}
.hw-table .is-selected .hw-model {
  color: var(--reading-accent);
}
.hw-metrics {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin: -0.5rem 0 1.4rem;
  font-size: 0.75rem;
  color: var(--site-default-fg-color--light);
}
.hw-metric-tabs {
  display: flex;
  gap: 0.3rem;
  padding: 0.25rem;
  background: var(--reading-rail);
  border-radius: var(--site-radius-sm);
}
.hw-metric-tabs .hw-tab {
  padding: 0.3rem 0.85rem;
  border: 0;
  border-radius: var(--site-radius-sm);
}
.hw-metric-tabs .is-current {
  background: var(--reading-surface);
}
.hw-ladder-heading {
  display: flex;
  justify-content: space-between;
  padding: 0.7rem 0.75rem;
  font-size: 0.75rem;
  color: var(--site-default-fg-color--light);
  border-block: 1px solid var(--reading-rule);
  background: var(--reading-rail);
}
.hw-ranking {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hw-ranking li {
  border-bottom: 1px solid var(--reading-rule);
}
.hw-ranking li > a {
  display: flex;
  gap: 1rem;
  padding: 0.75rem;
}
.hw-ranking__rank {
  width: 1.8rem;
  flex-shrink: 0;
  padding-top: 1rem;
  font-size: 0.875rem;
  font-variant-numeric: tabular-nums;
  color: var(--site-default-fg-color--light);
}
.hw-ranking__body {
  flex: 1;
  min-width: 0;
}
.hw-ranking__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.hw-ranking__identity {
  min-width: 0;
}
.hw-ranking__identity strong {
  display: block;
  font-size: 1rem;
  font-weight: 550;
}
.hw-ranking__value {
  font-size: 1.25rem;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  white-space: nowrap;
}
.hw-ranking__value small {
  font-size: 0.75rem;
  margin-left: 0.2rem;
}
.hw-bar {
  display: block;
  height: 0.35rem;
  background: var(--reading-rail);
  margin: 0.7rem 0 0.3rem;
  border-radius: var(--site-radius-pill);
  overflow: hidden;
}
.hw-bar > span {
  display: block;
  height: 100%;
  background: var(--reading-accent);
  border-radius: inherit;
  opacity: 0.7;
}
.hw-ranking__meta {
  font-size: 0.75rem;
  color: var(--site-default-fg-color--light);
}
/* A full ranking with a model locator, separate from catalog filtering. */
.hw-ladder-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.6rem 1.5rem;
  padding: 1rem 0;
}
.hw-ladder-controls .hw-categories,
.hw-ladder-controls .hw-metrics {
  margin: 0;
}
.hw-ladder-controls .hw-tab {
  min-height: 42px;
}
.hw-ladder-intro {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  padding-top: 0.4rem;
}
.hw-ladder-intro h2 {
  margin: 0 0 0.3rem;
  padding: 0;
  border: 0;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.hw-ladder-intro .hw-result-meta {
  min-height: 0;
  margin: 0;
  line-height: 1.7;
}
.hw-ladder-caption {
  margin: 0.7rem 0 1rem;
  font-size: 0.8125rem;
  line-height: 1.65;
  color: var(--site-default-fg-color--light);
  max-width: 50rem;
}
.hw-locator {
  position: relative;
  flex: 0 1 20rem;
  min-width: 0;
  max-width: 100%;
}
.hw-locator .hw-query {
  height: 2.75rem;
}
.hw-locator__hint {
  margin: 0.4rem 0 0;
  font-size: 0.75rem;
  color: var(--site-default-fg-color--light);
}
.hw-locator__popup {
  position: absolute;
  z-index: 25;
  inset: calc(2.75rem + 6px) 0 auto;
  padding: 0.3rem;
  border: 1px solid var(--reading-rule);
  border-radius: 8px;
  background: var(--reading-bg);
  box-shadow: 0 12px 32px rgb(0 0 0 / 12%);
}
.hw-locator__popup [role="listbox"] {
  max-height: min(22rem, 48dvh);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.hw-locator__popup [role="option"] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.6rem;
  width: 100%;
  min-height: 54px;
  padding: 0.65rem;
  border: 0;
  border-radius: 5px;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.hw-locator__popup [role="option"]:is(:hover, [aria-selected="true"]) {
  background: color-mix(in srgb, var(--reading-accent) 9%, var(--reading-bg));
}
.hw-locator__popup strong {
  display: block;
  font-size: 0.875rem;
  font-weight: 550;
  overflow-wrap: anywhere;
}
.hw-locator__popup small {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.7rem;
  color: var(--site-default-fg-color--light);
}
.hw-locator__position {
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
  color: var(--reading-accent);
  text-align: right;
  flex: 0 0 auto;
  max-width: 43%;
}
.hw-locator__popup p {
  margin: 0;
  padding: 0.6rem;
  font-size: 0.75rem;
  color: var(--site-default-fg-color--light);
}
.is-ladder .hw-ladder-heading {
  background: transparent;
  border-top: 0;
  padding: 0.6rem 1rem;
}
.is-ladder .hw-ranking li {
  position: relative;
  border-radius: 6px;
  scroll-margin-block: calc(var(--site-header-height, 56px) + 1rem);
}
.is-ladder .hw-ranking li > a {
  padding: 1rem;
}
.is-ladder .hw-ranking__rank {
  padding-top: 0.7rem;
  font-size: 0.875rem;
}
.is-ladder .hw-ranking li:nth-child(-n + 3) .hw-ranking__rank {
  color: var(--reading-accent);
  font-weight: 650;
}
.is-ladder .hw-ranking__meta {
  display: block;
  margin-top: 0.3rem;
}
.is-ladder .hw-bar {
  height: 4px;
  margin: 0.65rem 0 0;
}
.is-ladder .hw-bar > span {
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--reading-accent) 55%, var(--reading-bg)),
    var(--reading-accent)
  );
  opacity: 0.8;
}
.is-ladder .hw-ranking .is-located {
  background: color-mix(in srgb, var(--reading-accent) 8%, var(--reading-bg));
  box-shadow: inset 3px 0 var(--reading-accent);
}
.is-located .hw-ranking__identity strong,
.is-located .hw-ranking__value {
  color: var(--reading-accent);
}
.hw-locate-back {
  display: block;
  margin: -0.2rem 1rem 0.6rem auto;
  padding: 0.45rem 0.4rem;
  border: 0;
  border-radius: 4px;
  background: transparent;
  font-size: 0.75rem !important;
  color: var(--reading-accent) !important;
  cursor: pointer;
}
.hw-locate-back:hover {
  background: var(--reading-rail);
}
.hw-locate-back[hidden],
.hw-locator__popup[hidden] {
  display: none;
}
@media (max-width: 700px) {
  .hw-ladder-intro {
    gap: 0.9rem;
  }
  .hw-locator {
    flex-basis: 100%;
  }
  .hw-ladder-caption {
    margin-top: 0.6rem;
  }
  .is-ladder .hw-ranking li > a {
    padding: 0.9rem 0.5rem;
    gap: 0.6rem;
  }
  .is-ladder .hw-ranking__identity strong {
    font-size: 0.9375rem;
    line-height: 1.45;
  }
  .is-ladder .hw-ranking__value {
    font-size: 1.1rem;
  }
  .is-ladder .hw-ranking__top {
    gap: 0.6rem;
  }
  .hw-locate-back {
    min-height: 44px;
    margin-bottom: 0.25rem;
  }
}
.hw-method {
  margin: 1.5rem 0;
  border-top: 1px solid var(--reading-rule);
  padding-top: 1rem;
  font-size: 0.875rem;
  color: var(--site-default-fg-color--light);
  line-height: 1.7;
}
.hw-method summary {
  cursor: pointer;
}
.hw-blank {
  padding: 3.5rem 1rem;
  text-align: center;
  border-block: 1px solid var(--reading-rule);
}
.hw-blank__mark {
  font-size: 2.5rem;
  color: var(--site-default-fg-color--light);
}
.hw-blank h3 {
  font-size: 1.1rem;
  font-weight: 550;
  margin: 0.5rem 0;
}
.hw-blank p {
  font-size: 0.875rem;
  color: var(--site-default-fg-color--light);
  margin: 0;
}
.hw-blank + .hw-text-link {
  display: block;
  text-align: center;
  margin: 1rem;
}
.hw-detail {
  min-width: 0;
  padding: 1.25rem;
  border: 1px solid var(--reading-rule);
  border-radius: var(--site-radius-lg);
  background: var(--reading-bg);
}
.hw-detail__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
}
.hw-close {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  font-size: 1.5rem;
  border: 0;
  transition: background 150ms ease;
  border-radius: var(--site-radius-sm);
}
.hw-eyebrow {
  font-size: 0.75rem;
  color: var(--reading-accent);
  margin: 0 0 0.5rem;
}
.hw-detail h2 {
  font-size: 1.6rem;
  line-height: 1.25;
  letter-spacing: -0.025em;
  margin: 0;
  overflow-wrap: anywhere;
}
.hw-detail__summary {
  font-size: 0.875rem;
  color: var(--site-default-fg-color--light);
  margin: 0.65rem 0 1.5rem;
}
.hw-spec-group {
  border-top: 1px solid var(--reading-rule);
  padding: 1.2rem 0;
}
.hw-spec-group h3 {
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0 0 1rem;
}
.hw-spec-group dl {
  margin: 0 0 0.5rem;
}
.hw-spec-group dl > div {
  display: grid;
  grid-template-columns: minmax(6rem, 1fr) minmax(0, 1.5fr);
  gap: 0.75rem;
  padding: 0.35rem 0;
  font-size: 0.9375rem;
}
.hw-spec-group dt {
  color: var(--site-default-fg-color--light);
}
.hw-spec-group dd {
  margin: 0;
  text-align: right;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
.hw-sources {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.875rem;
}
.hw-sources li + li {
  margin-top: 0.65rem;
}
.hw-sources a {
  color: var(--reading-accent);
}
@media (min-width: 1200px) {
  .hw-app.has-detail .hw-workspace {
    grid-template-columns: minmax(0, 1fr) 368px;
    gap: 2rem;
  }
  .hw-detail {
    border-left: 1px solid var(--reading-rule);
    position: sticky;
    top: calc(var(--site-header-height, 56px) + 1rem);
    align-self: start;
    max-height: calc(100dvh - var(--site-header-height, 56px) - 2rem);
    overflow-y: auto;
  }
  .has-detail .hw-table th:nth-child(n + 4),
  .has-detail .hw-table td:nth-child(n + 4) {
    display: none;
  }
  .has-detail .hw-table tbody th {
    width: 48%;
  }
  .has-detail .hw-toolbar .hw-query {
    flex-basis: 100%;
  }
}
@media (max-width: 1199px) {
  .hw-app.has-detail .hw-browser {
    display: none;
  }
  .hw-detail {
    max-width: 46rem;
    width: 100%;
    margin: 0 auto;
    padding: 1.25rem;
    background: var(--reading-bg);
  }
}
@media (max-width: 700px) {
  .hw-header {
    gap: 1rem;
    padding-bottom: 1.2rem;
    align-items: start;
  }
  .hw-header h1 {
    font-size: 1.85rem;
  }
  .hw-header .hw-muted {
    font-size: 0.8125rem;
    max-width: 16rem;
  }
  .hw-snapshot {
    font-size: 0.75rem;
    padding-top: 0.3rem;
  }
  .hw-snapshot time {
    font-size: 0.75rem;
  }
  .hw-categories {
    gap: 1.25rem;
  }
  .hw-toolbar {
    gap: 0.6rem;
  }
  .hw-query {
    flex-basis: 100%;
  }
  .hw-select {
    flex: 1 1 8rem;
    min-width: min(100%, 8rem);
  }
  .hw-select select {
    width: 100%;
    padding-right: 0.2rem;
    font-size: 0.8125rem;
  }
  .hw-result-meta > span:last-child:not(:first-child) {
    display: none;
  }
  .hw-table,
  .hw-table tbody {
    display: block;
  }
  .hw-table thead {
    display: none;
  }
  .hw-table tbody tr {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem 0.5rem;
    padding: 1rem 0.25rem;
    border-bottom: 1px solid var(--reading-rule);
  }
  .hw-table tbody tr:first-child {
    border-top: 1px solid var(--reading-rule);
  }
  .hw-table tbody th {
    grid-column: 1/-1;
    width: auto;
    padding: 0;
    border: 0;
  }
  .hw-table td,
  .hw-table td:last-child {
    display: block;
    text-align: left;
    padding: 0;
    border: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 0.875rem;
  }
  .hw-table td:before {
    content: attr(data-label);
    display: block;
    color: var(--site-default-fg-color--light);
    font-size: 0.75rem;
    margin-bottom: 0.15rem;
  }
  .hw-metrics {
    flex-wrap: wrap;
    gap: 0.75rem;
  }
  .hw-ranking li > a {
    gap: 0.5rem;
    padding-inline: 0.25rem;
  }
  .hw-ranking__rank {
    width: 1.4rem;
    font-size: 0.75rem;
  }
  .hw-ranking__value {
    font-size: 1.1rem;
  }
}

/* Match workspace density while retaining the shared selector's popup. */
.hw-select > .viz-select {
  color: var(--site-default-fg-color);
  font-size: 14px;
}
.hw-select .viz-select-trigger {
  min-height: 42px;
  padding: 8px 10px;
  background: var(--reading-surface);
}
.hw-select .viz-select-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .hw-select .viz-select-value { white-space: normal; text-wrap: balance; }
}
.hw-select .viz-select > .viz-select-source {
  position: absolute;
  width: 100%;
  height: 100%;
}

.hw-close:hover {
  background: var(--reading-surface);
}

/* Shared Reference detail rhythm. */
.hw-workspace {
  margin-top: 1.5rem;
}
.hw-close:hover {
  background: var(--reading-surface);
}
.hw-detail #hw-detail-title {
  outline: none;
}
.hw-app {
  scroll-margin-top: calc(var(--site-header-height, 56px) + 16px);
}

@media (max-width: 700px) {
  .hw-catalog-benchmark {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 0.45rem 0.65rem;
    padding: 0.8rem;
  }
  .hw-catalog-benchmark > div { display: contents; }
  .hw-catalog-benchmark .hw-benchmark-title { grid-column: 1; grid-row: 1; }
  .hw-catalog-benchmark .hw-metric-tabs { grid-column: 2; grid-row: 1; }
  .hw-catalog-benchmark .hw-benchmark-note { grid-column: 1 / -1; grid-row: 2; margin: 0; }
  .hw-table--cpu tbody tr {
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem 1rem;
    padding: 1rem 0.3rem;
  }
  .hw-table--cpu tbody th {
    width: auto;
    padding: 0;
  }
  .hw-table--cpu tbody td { padding: 0; }
  .hw-table--cpu .hw-spec-note { display: inline; margin-left: 0.5rem; }
  .hw-table--cpu td:nth-child(3) .hw-spec-main { display: inline; }
}

/* Keep the first results in view; secondary filters remain available on phones. */
.hw-filter-toggle{display:none}
.hw-extra-filters{display:contents}
@media(max-width:700px){
 .hw-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding-bottom:12px}
 .hw-toolbar .hw-query{min-width:0;height:44px}
 .hw-filter-toggle{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--reading-rule);border-radius:var(--site-radius-sm);background:var(--reading-surface);color:var(--site-default-fg-color);font:inherit;font-size:13px}
 .hw-filter-toggle::after{content:'+';font-size:16px}
 .hw-filter-toggle[aria-expanded=true]::after{content:'−'}
 .hw-extra-filters{display:none;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .hw-extra-filters[data-expanded]{display:grid}
 .hw-extra-filters .hw-select{min-width:0}
 .hw-extra-filters .hw-select:last-child{grid-column:1/-1}
 .hw-catalog-benchmark{margin:0 0 10px;padding:10px 12px}
 .hw-catalog-benchmark .hw-benchmark-note{display:none}
 .hw-workspace{margin-top:12px}
 .hw-app .hw-header{margin-bottom:0;padding-bottom:8px}
 .hw-app .hw-views .hw-tab{padding-block:10px}
}

.hw-sample-tag {
  display: inline-block;
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  border-left: 1px solid var(--reading-rule);
  color: var(--site-default-fg-color--light);
  font-size: 0.75rem;
  font-weight: 400;
}