/* ===================================================================
 * APS Processors (aps-chipsets) - front-end styles
 * Dedicated, self-contained stylesheet (same pattern as aps-compare.css) -
 * loaded only on the Processors list page and Processor/Manufacturer
 * archive pages. Uses the site's own skin color variables
 * (--aps-skin-color-1/2/3, defined by aps-styles.css) so it always
 * matches whatever skin is selected in APS Settings > Design.
 * =================================================================== */

.aps-chip-wrap {
	--chip-accent:var(--aps-skin-color-2, #d31249);
	--chip-accent-soft:color-mix(in srgb, var(--chip-accent) 10%, #fff);
	--chip-ink:#151a24;
	--chip-muted:#68707d;
	--chip-line:#eaebef;
	--chip-surface:#ffffff;
	--chip-surface-2:#f7f8fa;
	--chip-radius:7px;
	--chip-radius-sm:5px;
	--chip-shadow:0 1px 2px rgba(16,24,40,.04), 0 8px 24px -12px rgba(16,24,40,.12);
	--chip-shadow-hover:0 2px 4px rgba(16,24,40,.06), 0 16px 32px -12px rgba(16,24,40,.18);
	color:var(--chip-ink);
}

/* ---------- shared bits ---------- */
.aps-chip-wrap .aps-chip-crumbs {margin-bottom:14px;}
.aps-chip-wrap .aps-chip-pill {display:inline-flex; align-items:center; gap:6px; padding:4px 12px; border-radius:999px; background:var(--chip-surface-2); border:1px solid var(--chip-line); font-size:12.5px; font-weight:600; color:var(--chip-muted); white-space:nowrap; text-decoration:none;}
.aps-chip-wrap .aps-chip-pill strong {color:var(--chip-ink); font-weight:700;}
.aps-chip-wrap a.aps-chip-pill-link {color:var(--chip-accent); border-color:color-mix(in srgb, var(--chip-accent) 30%, var(--chip-line)); background:var(--chip-accent-soft); font-weight:700;}
.aps-chip-wrap a.aps-chip-pill-link:hover {background:var(--chip-accent); color:#fff;}
.aps-chip-wrap .aps-chip-page-title {margin:0; font-size:28px; font-weight:800; line-height:1.25; color:var(--chip-ink);}

/* ---------- AnTuTu badge (cards) ---------- */
.aps-chip-wrap .aps-chip-antutu-badge {display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:700; color:var(--chip-muted); white-space:nowrap;}
.aps-chip-wrap .aps-chip-antutu-badge .aps-chip-ico {width:14px; height:14px; color:var(--chip-accent);}
.aps-chip-wrap .aps-chip-badge-logo {display:block; height:14px; width:auto; max-width:64px; object-fit:contain;}
.aps-chip-wrap .aps-chip-antutu-badge strong {font-size:12.5px; font-weight:800; color:var(--chip-accent); font-variant-numeric:tabular-nums;}

/* ---------- search ---------- */
.aps-chip-wrap .aps-chip-search {position:relative; width:100%; max-width:560px;}
.aps-chip-wrap .aps-chip-search-input {display:block; width:100%; height:48px; margin:0; padding:0 44px; border:1px solid var(--chip-line); border-radius:var(--chip-radius); background:var(--chip-surface); color:var(--chip-ink); font-size:15px; line-height:48px; box-shadow:var(--chip-shadow); outline:none; transition:border-color .15s ease, box-shadow .15s ease; -webkit-appearance:none; appearance:none; box-sizing:border-box;}
.aps-chip-wrap .aps-chip-search-input::-webkit-search-cancel-button {display:none;}
.aps-chip-wrap .aps-chip-search-input:focus {border-color:var(--chip-accent); box-shadow:0 0 0 4px color-mix(in srgb, var(--chip-accent) 14%, transparent);}
.aps-chip-wrap .aps-chip-search-ico {position:absolute; top:50%; inset-inline-start:15px; width:18px; height:18px; margin-top:-9px; color:var(--chip-muted); pointer-events:none;}
.aps-chip-wrap .aps-chip-search-ico svg {display:block; width:100%; height:100%;}
.aps-chip-wrap .aps-chip-search.is-loading .aps-chip-search-ico {color:var(--chip-accent); animation:aps-chip-pulse .8s ease-in-out infinite alternate;}
@keyframes aps-chip-pulse {from {opacity:1;} to {opacity:.3;}}
.aps-chip-wrap .aps-chip-search-clear {position:absolute; top:50%; inset-inline-end:10px; width:28px; height:28px; margin:-14px 0 0; padding:5px; border:0; border-radius:999px; background:var(--chip-surface-2); color:var(--chip-muted); cursor:pointer; line-height:0;}
.aps-chip-wrap .aps-chip-search-clear[hidden] {display:none;}
.aps-chip-wrap .aps-chip-search-clear svg {width:100%; height:100%;}
.aps-chip-wrap .aps-chip-search-clear:hover {color:var(--chip-ink);}
.aps-chip-wrap .aps-chip-search-panel {position:absolute; top:calc(100% + 6px); inset-inline:0; z-index:60; max-height:400px; overflow-y:auto; padding:6px; background:var(--chip-surface); border:1px solid var(--chip-line); border-radius:var(--chip-radius); box-shadow:0 18px 40px -12px rgba(16,24,40,.28);}
.aps-chip-wrap .aps-chip-search-panel[hidden] {display:none;}
.aps-chip-wrap .aps-chip-search-item {display:flex; align-items:center; gap:12px; padding:9px 10px; border-radius:var(--chip-radius-sm); color:inherit; text-decoration:none;}
.aps-chip-wrap .aps-chip-search-item:hover, .aps-chip-wrap .aps-chip-search-item.is-active {background:var(--chip-surface-2);}
.aps-chip-wrap .aps-chip-search-logo {display:flex; align-items:center; justify-content:center; width:36px; height:36px; flex:0 0 auto; border-radius:var(--chip-radius-sm); background:var(--chip-accent-soft); color:var(--chip-accent); font-weight:800; overflow:hidden;}
.aps-chip-wrap .aps-chip-search-logo img {width:100%; height:100%; object-fit:contain;}
.aps-chip-wrap .aps-chip-search-text {display:flex; flex-direction:column; min-width:0; flex:1;}
.aps-chip-wrap .aps-chip-search-name {font-size:14px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.aps-chip-wrap .aps-chip-search-sub {font-size:12px; color:var(--chip-muted);}
.aps-chip-wrap .aps-chip-search-score {display:flex; flex-direction:column; align-items:flex-end; flex:0 0 auto; font-size:13px; font-weight:800; color:var(--chip-accent); font-variant-numeric:tabular-nums; line-height:1.2;}
.aps-chip-wrap .aps-chip-search-score small {font-size:10px; font-weight:700; color:var(--chip-muted);}
.aps-chip-wrap .aps-chip-search-empty, .aps-chip-wrap .aps-chip-search-more {padding:14px 12px; font-size:13px; color:var(--chip-muted);}
.aps-chip-wrap .aps-chip-search-more {padding:10px 12px; border-top:1px solid var(--chip-line); margin-top:4px; font-size:12px;}

/* ---------- index: head + manufacturer bar ---------- */
.aps-chip-wrap .aps-chip-index-head {margin-bottom:22px;}
.aps-chip-wrap .aps-chip-index-sub {margin:6px 0 16px; font-size:14px; color:var(--chip-muted);}
.aps-chip-wrap .aps-chip-brandbar {display:flex; gap:8px; margin:0 0 30px; overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch;}
.aps-chip-wrap .aps-chip-brandbar::-webkit-scrollbar {display:none;}
.aps-chip-wrap .aps-chip-brandbar-item {display:inline-flex; align-items:center; gap:8px; flex:0 0 auto; padding:7px 14px; border:1px solid var(--chip-line); border-radius:999px; background:var(--chip-surface); color:var(--chip-ink); font-size:13px; font-weight:700; text-decoration:none; transition:border-color .15s ease, color .15s ease;}
.aps-chip-wrap .aps-chip-brandbar-item:hover {border-color:var(--chip-accent); color:var(--chip-accent);}
.aps-chip-wrap .aps-chip-brandbar-item img {display:block; width:20px; height:20px; object-fit:contain;}
.aps-chip-wrap .aps-chip-brandbar-item em {font-style:normal; font-size:11.5px; font-weight:700; color:var(--chip-muted); padding:1px 7px; border-radius:999px; background:var(--chip-surface-2);}

/* ---------- index: manufacturer sections ---------- */
.aps-chip-wrap .aps-chip-company-section {margin-bottom:40px; scroll-margin-top:90px;}
.aps-chip-wrap .aps-chip-company-head {display:flex; align-items:center; gap:12px; margin-bottom:14px;}
.aps-chip-wrap .aps-chip-company-logo {display:flex; align-items:center; justify-content:center; width:44px; height:44px; flex:0 0 auto; border-radius:var(--chip-radius-sm); background:var(--chip-surface); border:1px solid var(--chip-line); overflow:hidden;}
.aps-chip-wrap .aps-chip-company-logo img {max-width:72%; max-height:72%; object-fit:contain;}
.aps-chip-wrap .aps-chip-company-text {display:flex; flex-direction:column; min-width:0;}
.aps-chip-wrap .aps-chip-company-name {margin:0; font-size:20px; font-weight:800; line-height:1.25;}
.aps-chip-wrap .aps-chip-company-name a {color:inherit; text-decoration:none;}
.aps-chip-wrap .aps-chip-company-name a:hover {color:var(--chip-accent);}
.aps-chip-wrap .aps-chip-company-sub {font-size:12.5px; color:var(--chip-muted);}
.aps-chip-wrap .aps-chip-company-all {margin-inline-start:auto; flex:0 0 auto; font-size:13.5px; font-weight:700; color:var(--chip-accent); text-decoration:none;}
.aps-chip-wrap .aps-chip-company-all:hover {text-decoration:underline;}

/* ---------- processor cards (compact grid) ---------- */
.aps-chip-wrap .aps-chip-grid-cards {display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:14px;}
.aps-chip-wrap .aps-chip-card {display:flex; flex-direction:column; gap:6px; min-width:0; padding:14px; background:var(--chip-surface); border:1px solid var(--chip-line); border-radius:var(--chip-radius); box-shadow:var(--chip-shadow); color:var(--chip-ink); text-decoration:none; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.aps-chip-wrap .aps-chip-card:hover {transform:translateY(-3px); box-shadow:var(--chip-shadow-hover); border-color:color-mix(in srgb, var(--chip-accent) 30%, var(--chip-line));}
.aps-chip-wrap .aps-chip-card.is-collapsed {display:none;}
.aps-chip-wrap .aps-chip-card-top {display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:4px;}
.aps-chip-wrap .aps-chip-card-icon {display:flex; align-items:center; justify-content:center; width:40px; height:40px; flex:0 0 auto; border-radius:var(--chip-radius-sm); background:var(--chip-accent-soft); color:var(--chip-accent); font-size:16px; font-weight:800; overflow:hidden;}
.aps-chip-wrap .aps-chip-card-icon img {width:100%; height:100%; object-fit:contain;}
.aps-chip-wrap .aps-chip-card-year {font-size:11.5px; font-weight:700; color:var(--chip-muted); padding:2px 8px; border-radius:999px; background:var(--chip-surface-2);}
.aps-chip-wrap .aps-chip-card-name {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; min-height:2.6em; font-size:14.5px; font-weight:800; line-height:1.3;}
.aps-chip-wrap .aps-chip-card-segment {font-size:11.5px; font-weight:600; color:var(--chip-muted);}
.aps-chip-wrap .aps-chip-card-meta {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 10px; margin-top:auto; padding-top:8px; border-top:1px solid var(--chip-line);}
.aps-chip-wrap .aps-chip-card-count {font-size:11.5px; font-weight:600; color:var(--chip-muted); white-space:nowrap;}

/* ---------- manufacturer page ---------- */
.aps-chip-wrap .aps-chip-hero {display:flex; align-items:center; gap:18px; padding:22px; margin-bottom:22px; background:linear-gradient(135deg, var(--chip-surface-2), var(--chip-surface)); border:1px solid var(--chip-line); border-radius:var(--chip-radius);}
.aps-chip-wrap .aps-chip-hero-logo {display:flex; align-items:center; justify-content:center; width:72px; height:72px; flex:0 0 auto; border-radius:var(--chip-radius); background:var(--chip-surface); border:1px solid var(--chip-line); overflow:hidden;}
.aps-chip-wrap .aps-chip-hero-logo img {max-width:72%; max-height:72%; object-fit:contain;}
.aps-chip-wrap .aps-chip-hero-text {min-width:0;}
.aps-chip-wrap .aps-chip-hero-title {margin:0 0 4px; font-size:24px; font-weight:800; line-height:1.25;}
.aps-chip-wrap .aps-chip-hero-desc {margin:0; font-size:14px; color:var(--chip-muted);}
.aps-chip-wrap .aps-chip-hero-about {margin-top:8px; font-size:14px; color:var(--chip-ink);}
.aps-chip-wrap .aps-chip-hero-about p {margin:0;}
.aps-chip-wrap .aps-chip-toolbar {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin:0 0 24px;}
.aps-chip-wrap .aps-chip-toolbar .aps-chip-search {flex:1 1 320px;}
.aps-chip-wrap .aps-chip-sort {display:inline-flex; align-items:center; gap:2px; padding:3px; border:1px solid var(--chip-line); border-radius:999px; background:var(--chip-surface-2); max-width:100%; overflow-x:auto;}
.aps-chip-wrap .aps-chip-sort-label {padding:0 8px 0 10px; font-size:12px; font-weight:600; color:var(--chip-muted); white-space:nowrap;}
.aps-chip-wrap .aps-chip-sort a {padding:7px 14px; border-radius:999px; font-size:13px; font-weight:700; color:var(--chip-muted); text-decoration:none; white-space:nowrap;}
.aps-chip-wrap .aps-chip-sort a:hover {color:var(--chip-ink);}
.aps-chip-wrap .aps-chip-sort a.is-active {background:var(--chip-surface); color:var(--chip-accent); box-shadow:0 1px 3px rgba(16,24,40,.12);}
.aps-chip-wrap .aps-chip-group {margin-bottom:32px;}
.aps-chip-wrap .aps-chip-group-title {display:flex; align-items:center; gap:8px; margin:0 0 14px; font-size:17px; font-weight:800; line-height:1.3;}
.aps-chip-wrap .aps-chip-group-title span {padding:1px 9px; border-radius:999px; background:var(--chip-surface-2); border:1px solid var(--chip-line); font-size:12px; font-weight:700; color:var(--chip-muted);}

/* ---------- processor page ---------- */
.aps-chip-wrap .aps-chip-title-row {display:flex; align-items:center; gap:16px; margin:4px 0 14px;}
.aps-chip-wrap .aps-chip-title-logo {display:flex; align-items:center; justify-content:center; width:64px; height:64px; flex:0 0 auto; border-radius:var(--chip-radius); background:var(--chip-surface); border:1px solid var(--chip-line); overflow:hidden;}
.aps-chip-wrap .aps-chip-title-logo img {max-width:74%; max-height:74%; object-fit:contain;}
.aps-chip-wrap .aps-chip-title-text {min-width:0;}
.aps-chip-wrap .aps-chip-title-meta {display:flex; flex-wrap:wrap; gap:8px; margin-top:8px;}
.aps-chip-wrap .aps-chip-keyspecs {display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:10px; margin:0 0 30px;}
.aps-chip-wrap .aps-chip-keyspec {display:flex; align-items:center; gap:10px; min-width:0; padding:12px; background:var(--chip-surface); border:1px solid var(--chip-line); border-radius:var(--chip-radius); box-shadow:var(--chip-shadow);}
.aps-chip-wrap .aps-chip-keyspec-ico {display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:34px; height:34px; border-radius:5px; background:var(--chip-accent-soft); color:var(--chip-accent);}
.aps-chip-wrap .aps-chip-keyspec-ico i.aps-chip-ico {width:20px; height:20px; --aps-icon-size:20px;}
.aps-chip-wrap .aps-chip-keyspec-text {display:flex; flex-direction:column; min-width:0;}
.aps-chip-wrap .aps-chip-keyspec-label {font-size:11.5px; font-weight:600; color:var(--chip-muted); line-height:1.3;}
.aps-chip-wrap .aps-chip-keyspec-value {font-size:14px; font-weight:800; color:var(--chip-ink); line-height:1.3; overflow-wrap:anywhere;}
.aps-chip-wrap .aps-chip-core-summary {display:flex; align-items:center; gap:12px; margin:0 0 10px; padding:12px 14px; border-radius:var(--chip-radius-sm); background:var(--chip-accent-soft);}
.aps-chip-wrap .aps-chip-core-total {font-size:30px; font-weight:800; line-height:1; color:var(--chip-accent); font-variant-numeric:tabular-nums;}
.aps-chip-wrap .aps-chip-core-type {display:flex; flex-direction:column; min-width:0;}
.aps-chip-wrap .aps-chip-core-type strong {font-size:15px; font-weight:800; color:var(--chip-ink);}
.aps-chip-wrap .aps-chip-core-type em {font-style:normal; font-size:12.5px; font-weight:600; color:var(--chip-muted);}

/* ---------- section titles (Benchmarks / Specifications) ---------- */
.aps-chip-wrap .aps-chip-block-title {display:flex; align-items:center; gap:10px; margin:0 0 16px; font-size:20px; font-weight:800; line-height:1.3; color:var(--chip-ink);}
.aps-chip-wrap .aps-chip-block-title .aps-chip-ico {width:22px; height:22px; color:var(--chip-accent); flex:0 0 auto;}
.aps-chip-wrap .aps-chip-ico {display:inline-block; width:1em; height:1em; vertical-align:-.15em;}

/* ---------- Benchmarks ---------- */
.aps-chip-wrap .aps-chip-bench {margin:0 0 36px;}
.aps-chip-wrap .aps-chip-bench-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:16px;}
.aps-chip-wrap .aps-chip-bench-card {position:relative; padding:20px 12px 16px; background:var(--chip-surface); border:1px solid var(--chip-line); border-top:0; border-radius:0 0 var(--chip-radius) var(--chip-radius); box-shadow:var(--chip-shadow); overflow:hidden;}
.aps-chip-wrap .aps-chip-bench-card::before {content:""; position:absolute; inset:0 0 auto 0; height:4px; background:var(--chip-accent);}
.aps-chip-wrap .aps-chip-bench-gb::before {background:#2f6fed;}
.aps-chip-wrap .aps-chip-bench-3dm::before {background:#f28c28;}
.aps-chip-wrap .aps-chip-bench-top {display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px;}
.aps-chip-wrap .aps-chip-bench-name {display:inline-flex; align-items:center; gap:10px; min-width:0; font-size:15px; font-weight:800; letter-spacing:.01em;}
.aps-chip-wrap .aps-chip-bench-logo {display:block; height:26px; width:auto; max-width:120px; object-fit:contain; flex:0 0 auto;}
.aps-chip-wrap .aps-chip-bench-ver {padding:3px 10px; border-radius:999px; background:var(--chip-surface-2); border:1px solid var(--chip-line); font-size:11.5px; font-weight:700; color:var(--chip-muted); white-space:nowrap;}
.aps-chip-wrap .aps-chip-bench-score {font-size:30px; font-weight:800; line-height:1.15; letter-spacing:-.01em; font-variant-numeric:tabular-nums; margin-bottom:10px;}
.aps-chip-wrap .aps-chip-bench-bar {display:block; height:8px; border-radius:999px; background:var(--chip-surface-2); overflow:hidden;}
.aps-chip-wrap .aps-chip-bench-bar > span {display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg, color-mix(in srgb, var(--chip-accent) 70%, #fff), var(--chip-accent));}
.aps-chip-wrap .aps-chip-bench-gb .aps-chip-bench-bar > span {background:linear-gradient(90deg, #7aa4f5, #2f6fed);}
.aps-chip-wrap .aps-chip-bench-3dm .aps-chip-bench-bar > span {background:linear-gradient(90deg, #f7b877, #f28c28);}
.aps-chip-wrap .aps-chip-bench-rank {display:inline-flex; align-items:center; gap:6px; margin-top:12px; padding:5px 12px; border-radius:999px; background:var(--chip-accent-soft); color:var(--chip-accent); font-size:12.5px; font-weight:800;}
.aps-chip-wrap .aps-chip-bench-rank .aps-chip-ico {width:15px; height:15px;}
.aps-chip-wrap .aps-chip-bench-split {display:flex; height:10px; margin-top:16px; border-radius:999px; overflow:hidden; gap:2px;}
.aps-chip-wrap .aps-chip-bench-split > span {display:block; height:100%;}
.aps-chip-wrap .aps-chip-seg-cpu {background:#2f6fed;}
.aps-chip-wrap .aps-chip-seg-gpu {background:#12b886;}
.aps-chip-wrap .aps-chip-seg-mem {background:#f28c28;}
.aps-chip-wrap .aps-chip-seg-ux {background:#9b5de5;}
.aps-chip-wrap .aps-chip-bench-legend {list-style:none; margin:12px 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:8px 14px;}
.aps-chip-wrap .aps-chip-bench-legend li {display:flex; align-items:center; gap:7px; margin:0; font-size:12.5px; min-width:0;}
.aps-chip-wrap .aps-chip-bench-legend i {width:9px; height:9px; border-radius:3px; flex:0 0 auto;}
.aps-chip-wrap .aps-chip-bench-legend span {color:var(--chip-muted); font-weight:600;}
.aps-chip-wrap .aps-chip-bench-legend strong {margin-inline-start:auto; font-weight:800; font-variant-numeric:tabular-nums;}
.aps-chip-wrap .aps-chip-bench-row + .aps-chip-bench-row {margin-top:16px;}
.aps-chip-wrap .aps-chip-bench-row-head {display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:8px;}
.aps-chip-wrap .aps-chip-bench-row-head span {font-size:13px; font-weight:600; color:var(--chip-muted);}
.aps-chip-wrap .aps-chip-bench-row-head strong {font-size:24px; font-weight:800; font-variant-numeric:tabular-nums; line-height:1.1;}
.aps-chip-wrap .aps-chip-bench-note {margin:10px 0 0; font-size:12px; color:var(--chip-muted);}

/* ---------- Specifications ---------- */
.aps-chip-wrap .aps-chip-specs {margin:0 0 36px;}
.aps-chip-wrap .aps-chip-spec-board {display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:16px; align-items:start;}
.aps-chip-wrap .aps-chip-spec-card {background:var(--chip-surface); border:1px solid var(--chip-line); border-radius:var(--chip-radius); padding:16px 12px; box-shadow:var(--chip-shadow);}
.aps-chip-wrap .aps-chip-spec-head {display:flex; align-items:center; gap:10px; margin:0 0 10px; font-size:15px; font-weight:800; color:var(--chip-ink);}
.aps-chip-wrap .aps-chip-spec-ico {display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:5px; background:var(--chip-accent-soft); color:var(--chip-accent); flex:0 0 auto;}
.aps-chip-wrap .aps-chip-spec-ico .aps-chip-ico {width:24px; height:24px;}
.aps-chip-wrap .aps-chip-kv {display:flex; align-items:baseline; justify-content:space-between; gap:14px; padding:10px 0; border-bottom:1px solid var(--chip-line); font-size:13.5px;}
.aps-chip-wrap .aps-chip-kv:last-child {border-bottom:0; padding-bottom:0;}
.aps-chip-wrap .aps-chip-kv-label {color:var(--chip-muted); font-weight:600; flex:0 0 42%;}
.aps-chip-wrap .aps-chip-kv-value {font-weight:700; text-align:end; min-width:0; overflow-wrap:anywhere;}
.aps-chip-wrap .aps-chip-kv-list {align-items:flex-start;}
.aps-chip-wrap .aps-chip-tags {display:inline-flex; flex-wrap:wrap; justify-content:flex-end; gap:6px;}
.aps-chip-wrap .aps-chip-tag {padding:3px 9px; border-radius:5px; background:var(--chip-surface-2); border:1px solid var(--chip-line); font-size:12px; font-weight:700; line-height:1.4;}
.aps-chip-wrap .aps-chip-yes, .aps-chip-wrap .aps-chip-no {display:inline-flex; align-items:center; gap:5px;}
.aps-chip-wrap .aps-chip-yes {color:#12a150;}
.aps-chip-wrap .aps-chip-no {color:var(--chip-muted);}
.aps-chip-wrap .aps-chip-yes .aps-chip-ico, .aps-chip-wrap .aps-chip-no .aps-chip-ico {width:15px; height:15px;}
.aps-chip-wrap .aps-chip-core-list {list-style:none; margin:0 0 6px; padding:0; display:flex; flex-direction:column; gap:8px;}
.aps-chip-wrap .aps-chip-core-row {display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0; padding:10px 12px; background:var(--chip-surface-2); border-radius:4px; font-size:13px;}
.aps-chip-wrap .aps-chip-core-count {display:inline-flex; align-items:center; justify-content:center; min-width:30px; height:26px; padding:0 6px; border-radius:5px; background:var(--chip-accent); color:#fff; font-weight:800; font-size:12px; flex:0 0 auto;}
.aps-chip-wrap .aps-chip-core-name {flex:1; font-weight:700; padding:0 4px;}
.aps-chip-wrap .aps-chip-core-clock {color:var(--chip-muted); font-weight:700; white-space:nowrap; font-variant-numeric:tabular-nums;}

@media (max-width:600px) {
	.aps-chip-wrap .aps-chip-bench-score {font-size:26px;}
	.aps-chip-wrap .aps-chip-spec-board, .aps-chip-wrap .aps-chip-bench-grid {grid-template-columns:1fr;}
}

.aps-chip-devices-head {display:flex; align-items:center; justify-content:space-between; gap:12px; margin:8px 0 18px;}
.aps-chip-wrap .aps-chip-devices-head h2 {margin:0; font-size:20px; font-weight:800;}

@media (max-width:900px) {
	.aps-chip-wrap .aps-chip-grid-cards {grid-template-columns:repeat(3, minmax(0,1fr));}
}
@media (max-width:782px) {
	.aps-chip-wrap .aps-chip-hero {padding:18px; gap:14px;}
	.aps-chip-wrap .aps-chip-hero-logo {width:56px; height:56px;}
	.aps-chip-wrap .aps-chip-hero-title {font-size:21px;}
	.aps-chip-wrap .aps-chip-page-title {font-size:24px;}
	.aps-chip-wrap .aps-chip-title-logo {width:54px; height:54px;}
}
@media (max-width:600px) {
	.aps-chip-wrap .aps-chip-grid-cards {grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px;}
	.aps-chip-wrap .aps-chip-card {padding:12px;}
	.aps-chip-wrap .aps-chip-card-name {font-size:13.5px;}
	.aps-chip-wrap .aps-chip-toolbar {flex-direction:column; align-items:stretch;}
	.aps-chip-wrap .aps-chip-toolbar .aps-chip-search {flex:0 0 auto;}
	.aps-chip-wrap .aps-chip-sort-label {display:none;}
	.aps-chip-wrap .aps-chip-sort a {flex:1; text-align:center;}
	.aps-chip-wrap .aps-chip-company-name {font-size:18px;}
}

/* ---------- Processor card on the Filters page (grouped by manufacturer) ---------- */
.aps-fp-options-grouped .aps-fp-option-group {
	padding:10px 14px 4px;
	font-size:11px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:var(--chip-muted, #8a8f98);
	border-top:1px solid rgba(0,0,0,.06);
	margin-top:4px;
	list-style:none;
}
.aps-fp-options-grouped li.aps-fp-option-group:first-child {
	border-top:0;
	margin-top:0;
	padding-top:0;
}

/* ---------- Processor archive - device grid (spec-page style, no CTAs) ----------
   Every selector is scoped under .aps-chip-wrap on purpose: the plugin's main
   stylesheet targets ".aps-container p/h3/ul", which outranks a lone class
   and was silently overriding this grid's spacing and font sizes. */
.aps-chip-wrap .aps-chip-devices-wrap {display:flex; flex-direction:column; gap:28px;}
.aps-chip-wrap .aps-chip-device-grid {list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:18px;}
.aps-chip-wrap .aps-chip-device-card {container-type:inline-size; display:flex; flex-direction:column; margin:0; background:var(--chip-surface); border:1px solid var(--chip-line); border-radius:var(--chip-radius-sm); overflow:hidden; box-shadow:var(--chip-shadow); transition:transform .18s ease, box-shadow .18s ease;}
.aps-chip-wrap .aps-chip-device-card:hover {transform:translateY(-3px); box-shadow:var(--chip-shadow-hover);}
.aps-chip-wrap .aps-chip-device-thumb {display:block; aspect-ratio:1/1; overflow:hidden; background:var(--chip-surface-2);}
.aps-chip-wrap .aps-chip-device-thumb img {display:block; width:100%; height:100%; object-fit:contain; padding:8%; box-sizing:border-box;}
/* font size follows the card's own width (cqi = % of the card), so the text
   fits the space it is given at any screen size; the vw line before it is
   the fallback for browsers without container-query units */
.aps-chip-wrap .aps-chip-device-name {margin:8px 0 0; padding:0 6%; text-align:center; font-weight:600; line-height:1.3; min-height:2.6em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-size:clamp(9px, 2.3vw, 14px); font-size:clamp(9px, 10.5cqi, 14px);}
.aps-chip-wrap .aps-chip-device-name a {color:inherit; text-decoration:none;}
.aps-chip-wrap .aps-chip-device-name a:hover {color:var(--chip-accent);}
.aps-chip-wrap .aps-chip-device-price {margin-top:auto; padding:4px 6% 10px; text-align:center; font-weight:700; color:var(--chip-accent); font-size:clamp(9px, 2.3vw, 13px); font-size:clamp(9px, 10cqi, 13px);}
.aps-chip-wrap .aps-chip-devices-empty {color:var(--chip-muted);}

@media (max-width:600px) {
	.aps-chip-wrap .aps-chip-device-grid {gap:8px;}
	.aps-chip-wrap .aps-chip-devices-wrap {gap:20px;}
}

/* ---------- "Load More Devices" button ---------- */
.aps-chip-wrap .aps-chip-load-more-row {display:flex; justify-content:center;}
.aps-chip-wrap .aps-chip-load-more {display:inline-flex; align-items:center; justify-content:center; margin:0; padding:10px 28px; border-radius:999px; border:1px solid var(--chip-accent); background:transparent; color:var(--chip-accent); font-weight:700; font-size:14px; line-height:1.2; cursor:pointer; transition:background .15s ease, color .15s ease;}
.aps-chip-wrap .aps-chip-load-more:hover:not(:disabled) {background:var(--chip-accent); color:#fff;}
.aps-chip-wrap .aps-chip-load-more:disabled {opacity:.6; cursor:default;}

/* ---------- icon-library icons ("Processor: ..." set) ---------- */
.aps-chip-wrap i.aps-chip-ico {display:inline-flex; align-items:center; justify-content:center; font-style:normal; line-height:0; vertical-align:middle;}
.aps-chip-wrap i.aps-chip-ico:before {vertical-align:middle;}
.aps-chip-wrap .aps-chip-block-title i.aps-chip-ico {--aps-icon-size:22px;}
.aps-chip-wrap .aps-chip-spec-ico i.aps-chip-ico {--aps-icon-size:24px;}
.aps-chip-wrap .aps-chip-antutu-badge i.aps-chip-ico {--aps-icon-size:14px;}

/* ---------- processor page breadcrumbs on phones: the current item repeats
   the H1 right below it, so it is dropped (with the separator before it) ---------- */
@media (max-width:600px) {
	.aps-chip-wrap ol.aps-chip-crumbs-trim li:last-child {display:none;}
	.aps-chip-wrap ol.aps-chip-crumbs-trim li:nth-last-child(2):after {content:none;}
}

/* ---------- processor widgets (sidebars) ---------- */
.aps-chip-wrap.aps-chip-widget .aps-chip-wlist, .aps-chip-wrap.aps-chip-widget .aps-chip-wtop {list-style:none; margin:0; padding:0;}
.aps-chip-wrap.aps-chip-widget .aps-chip-wlist li, .aps-chip-wrap.aps-chip-widget .aps-chip-wtop li {margin:0; padding:0; border:0; list-style:none;}
.aps-chip-wrap.aps-chip-widget .aps-chip-wlist li:before, .aps-chip-wrap.aps-chip-widget .aps-chip-wtop li:before {content:none;}
.aps-chip-wrap .aps-chip-wlist-item, .aps-chip-wrap .aps-chip-wtop-item {display:flex; align-items:center; gap:10px; min-width:0; padding:8px 4px; border-bottom:1px solid var(--chip-line); color:var(--chip-ink); text-decoration:none; transition:color .15s ease, background .15s ease;}
.aps-chip-wrap .aps-chip-wlist li:last-child .aps-chip-wlist-item, .aps-chip-wrap .aps-chip-wtop li:last-child .aps-chip-wtop-item {border-bottom:0;}
.aps-chip-wrap .aps-chip-wlist-item:hover, .aps-chip-wrap .aps-chip-wtop-item:hover, .aps-chip-wrap .aps-chip-wlist-item.is-current {color:var(--chip-accent);}
.aps-chip-wrap .aps-chip-wlist-logo {display:flex; align-items:center; justify-content:center; width:30px; height:30px; flex:0 0 auto; border-radius:var(--chip-radius-sm); background:var(--chip-accent-soft); color:var(--chip-accent); font-size:13px; font-weight:800; overflow:hidden;}
.aps-chip-wrap .aps-chip-wlist-logo img {width:100%; height:100%; object-fit:contain;}
.aps-chip-wrap .aps-chip-wlist-name {flex:1; min-width:0; font-size:14px; font-weight:700; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.aps-chip-wrap .aps-chip-wlist-count {flex:0 0 auto; padding:1px 8px; border-radius:999px; background:var(--chip-surface-2); border:1px solid var(--chip-line); font-style:normal; font-size:11.5px; font-weight:700; color:var(--chip-muted);}
.aps-chip-wrap .aps-chip-wlist.is-grid {display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px;}
.aps-chip-wrap .aps-chip-wlist.is-grid .aps-chip-wlist-item {flex-direction:column; justify-content:center; gap:6px; height:100%; padding:12px 8px; border:1px solid var(--chip-line); border-radius:var(--chip-radius); background:var(--chip-surface); text-align:center; box-sizing:border-box;}
.aps-chip-wrap .aps-chip-wlist.is-grid li:last-child .aps-chip-wlist-item {border-bottom:1px solid var(--chip-line);}
.aps-chip-wrap .aps-chip-wlist.is-grid .aps-chip-wlist-item:hover, .aps-chip-wrap .aps-chip-wlist.is-grid .aps-chip-wlist-item.is-current {border-color:var(--chip-accent);}
.aps-chip-wrap .aps-chip-wlist.is-grid .aps-chip-wlist-logo {width:40px; height:40px;}
.aps-chip-wrap .aps-chip-wlist.is-grid .aps-chip-wlist-name {flex:0 0 auto; width:100%; font-size:12.5px; white-space:normal;}
.aps-chip-wrap .aps-chip-wtop-rank {display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; flex:0 0 auto; border-radius:999px; background:var(--chip-surface-2); border:1px solid var(--chip-line); font-size:11.5px; font-weight:800; color:var(--chip-muted);}
.aps-chip-wrap .aps-chip-wtop li:first-child .aps-chip-wtop-rank {background:var(--chip-accent); border-color:var(--chip-accent); color:#fff;}
.aps-chip-wrap .aps-chip-wtop-text {display:flex; flex-direction:column; gap:6px; flex:1; min-width:0;}
.aps-chip-wrap .aps-chip-wtop-name {font-size:13.5px; font-weight:700; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.aps-chip-wrap .aps-chip-wtop .aps-chip-bench-bar {height:5px;}
.aps-chip-wrap .aps-chip-wtop-score {flex:0 0 auto; font-size:13px; font-weight:800; color:var(--chip-accent); font-variant-numeric:tabular-nums;}

/* ---------- AnTuTu box in AnTuTu's own brand colours (not the site skin) ---------- */
.aps-chip-wrap .aps-chip-bench-antutu::before {background:#e8352e;}
.aps-chip-wrap .aps-chip-bench-antutu .aps-chip-bench-bar > span {background:linear-gradient(90deg, #ff8a3d, #e8352e);}

/* ---------- ad slots (APS Settings > Processors) ---------- */
.aps-chip-wrap .aps-chip-ad {min-width:0; overflow:hidden; text-align:center;}
.aps-chip-wrap .aps-chip-ad.is-left {text-align:left;}
.aps-chip-wrap .aps-chip-ad.is-right {text-align:right;}
.aps-chip-wrap .aps-chip-ad ins, .aps-chip-wrap .aps-chip-ad iframe, .aps-chip-wrap .aps-chip-ad img {max-width:100%;}
.aps-chip-wrap .aps-chip-spec-board > .aps-chip-ad {grid-column:1 / -1;}
.aps-chip-wrap .aps-chip-ad-top {margin:0 0 24px;}
.aps-chip-wrap .aps-chip-page-desc {margin:10px 0 20px; font-size:14px; line-height:1.6; color:var(--chip-ink); max-width:70ch;}
.aps-chip-wrap .aps-chip-page-desc p {margin:0 0 10px;}
.aps-chip-wrap .aps-chip-page-desc p:last-child {margin-bottom:0;}
