.cpu-catalog, .cpu-compare-tray, .cpu-compare-dialog, .cpu-help-popover, .cpu-ajax-status {
    --cpu-orange: #ff8617;
    --cpu-orange-strong: #ed6c00;
    --cpu-green: #48d58b;
    --cpu-blue: #4ca9ff;
    --cpu-purple: #a77bf3;
    --cpu-red: #f05a55;
    --cpu-surface: color-mix(in srgb, var(--core-body-background) 91%, var(--core-text-color) 9%);
    --cpu-surface-raised: color-mix(in srgb, var(--core-body-background) 84%, var(--core-text-color) 16%);
    --cpu-surface-soft: color-mix(in srgb, var(--core-body-background) 96%, var(--core-text-color) 4%);
    --cpu-line: color-mix(in srgb, var(--core-text-color) 13%, transparent);
    --cpu-line-soft: color-mix(in srgb, var(--core-text-color) 8%, transparent);
    --cpu-shadow: 0 24px 70px color-mix(in srgb, #000 18%, transparent);
}

body.dark-theme .cpu-catalog,
body.dark-theme .cpu-compare-tray,
body.dark-theme .cpu-compare-dialog,
body.dark-theme .cpu-help-popover,
body.dark-theme .cpu-ajax-status {
    --cpu-green: #5c9a7c;
    --cpu-blue: #5b8eae;
    --cpu-purple: #7a76a8;
    --cpu-red: #c46e6a;
}

body.dark-theme .cpu-status--available i, body.dark-theme .cpu-compact-header__reference dd i {
    box-shadow: none;
}

.cpu-catalog {
    height: calc(100vh - var(--pcsc-header-height, 66px));
    overflow-x: hidden;
    overflow-y: auto;
    color: var(--core-text-color);
    background: var(--core-body-background);
    scroll-behavior: smooth;
    scroll-padding-top: 7rem;
}

.cpu-catalog *, .cpu-catalog *::before, .cpu-catalog *::after { box-sizing: border-box; }
.cpu-catalog h1, .cpu-catalog h2, .cpu-catalog h3, .cpu-catalog p, .cpu-compare-dialog h2, .cpu-compare-dialog p { margin: 0; padding: 0; text-shadow: none; }
.cpu-catalog button, .cpu-catalog input, .cpu-catalog select, .cpu-compare-tray button, .cpu-compare-dialog button { font: inherit; }
.cpu-container { width: min(calc(100% - 2rem), 1420px); margin-inline: auto; }
.cpu-sr-only, .cpu-catalog caption {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.cpu-eyebrow {
    display: flex;
    align-items: center;
    gap: .6rem;
    color: var(--cpu-orange) !important;
    font-size: .73rem;
    font-weight: 850;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.cpu-eyebrow > span { width: 1.65rem; height: 2px; background: var(--cpu-orange); }

/* Hero */
.cpu-catalog__hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(4.5rem, 8vw, 7.5rem) 0 clamp(4rem, 7vw, 6.5rem);
    border-bottom: 1px solid var(--cpu-line-soft);
    background:
        radial-gradient(circle at 80% 32%, color-mix(in srgb, var(--cpu-orange) 13%, transparent), transparent 31%),
        radial-gradient(circle at 62% 80%, color-mix(in srgb, var(--cpu-blue) 7%, transparent), transparent 28%);
}
.cpu-catalog__grid-glow {
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .55;
    background-image: linear-gradient(var(--cpu-line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--cpu-line-soft) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(90deg, transparent 3%, #000 55%, #000 100%);
}
.cpu-catalog__hero-layout { display: grid; align-items: center; grid-template-columns: minmax(0, 1.05fr) minmax(440px, .95fr); gap: clamp(3rem, 8vw, 8rem); }
.cpu-catalog__hero-copy { max-width: 760px; }
.cpu-catalog__hero h1 {
    max-width: 760px;
    margin: 1.2rem 0 1.55rem;
    color: var(--core-text-color);
    font-size: clamp(3.15rem, 6.2vw, 6.15rem);
    line-height: .95;
    letter-spacing: -.072em;
}
.cpu-catalog__hero h1 em { color: transparent; background: linear-gradient(105deg, #ffb653, var(--cpu-orange), #ff6c31); background-clip: text; font-style: normal; }
.cpu-catalog__intro { max-width: 680px; color: var(--core-secondary-text-color); font-size: clamp(1.02rem, 1.5vw, 1.2rem); line-height: 1.75; }
.cpu-catalog__hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.cpu-action {
    display: inline-flex;
    min-height: 3.25rem;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    padding: .8rem 1.25rem;
    border: 1px solid transparent;
    border-radius: .8rem;
    font-size: .92rem;
    font-weight: 800;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.cpu-catalog a.cpu-action--primary, .cpu-catalog a.cpu-action--primary:visited { color: #1d0e01 !important; background: linear-gradient(135deg, #ffb34f, var(--cpu-orange)); box-shadow: 0 12px 32px color-mix(in srgb, var(--cpu-orange) 25%, transparent); }
.cpu-catalog a.cpu-action--secondary, .cpu-catalog a.cpu-action--secondary:visited { color: var(--core-text-color) !important; background: var(--cpu-surface); border-color: var(--cpu-line); }
.cpu-action:hover { transform: translateY(-2px); }
.cpu-catalog__disclosure { display: flex; max-width: 650px; align-items: flex-start; gap: .5rem; margin-top: 1.5rem !important; color: var(--core-secondary-text-color); font-size: .7rem; line-height: 1.55; }
.cpu-catalog__disclosure i { margin-top: .17rem; color: var(--cpu-orange); }

.cpu-catalog__hero-panel {
    position: relative;
    min-height: 470px;
    padding: 2rem;
    overflow: hidden;
    background: color-mix(in srgb, var(--cpu-surface) 92%, transparent);
    border: 1px solid var(--cpu-line);
    border-radius: 1.7rem;
    box-shadow: var(--cpu-shadow), inset 0 1px color-mix(in srgb, #fff 8%, transparent);
    backdrop-filter: blur(18px);
}
.cpu-catalog__chip-visual { position: relative; display: grid; width: 210px; height: 210px; margin: .3rem auto 1.6rem; place-items: center; }
.cpu-catalog__chip-visual::before, .cpu-catalog__chip-visual::after { position: absolute; border: 1px solid color-mix(in srgb, var(--cpu-orange) 22%, transparent); border-radius: 1.8rem; content: ""; transform: rotate(45deg); }
.cpu-catalog__chip-visual::before { inset: 24px; animation: cpuOrbit 14s linear infinite; }
.cpu-catalog__chip-visual::after { inset: 47px; border-color: color-mix(in srgb, var(--cpu-blue) 25%, transparent); animation: cpuOrbit 10s linear reverse infinite; }
.cpu-catalog__chip-core { z-index: 2; display: grid; width: 88px; height: 88px; color: #211001; background: linear-gradient(145deg, #ffbc62, var(--cpu-orange)); border-radius: 1.35rem; box-shadow: 0 0 45px color-mix(in srgb, var(--cpu-orange) 28%, transparent); place-items: center; }
.cpu-catalog__chip-core i { font-size: 2.1rem; }
.cpu-catalog__trace { position: absolute; width: 22px; height: 2px; background: var(--cpu-orange); box-shadow: 0 0 8px var(--cpu-orange); animation: cpuTrace 2.6s ease-in-out infinite; }
.cpu-catalog__trace--one { top: 22px; left: 45px; transform: rotate(45deg); }
.cpu-catalog__trace--two { top: 42px; right: 25px; transform: rotate(-45deg); animation-delay: -.6s; }
.cpu-catalog__trace--three { bottom: 35px; left: 22px; transform: rotate(-45deg); animation-delay: -1.2s; }
.cpu-catalog__trace--four { right: 39px; bottom: 18px; transform: rotate(45deg); animation-delay: -1.8s; }
.cpu-catalog__hero-stats { display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1px solid var(--cpu-line-soft); }
.cpu-catalog__hero-stats div { display: grid; gap: .25rem; padding: 1rem .65rem; text-align: center; border-right: 1px solid var(--cpu-line-soft); }
.cpu-catalog__hero-stats div:last-child { border: 0; }
.cpu-catalog__hero-stats strong { font-size: 1.55rem; letter-spacing: -.04em; }
.cpu-catalog__hero-stats span { color: var(--core-secondary-text-color); font-size: .67rem; }
.cpu-catalog__reference { display: grid; grid-template-columns: 1fr auto; gap: .3rem 1rem; padding-top: 1.25rem; }
.cpu-catalog__reference > span { display: flex; align-items: center; gap: .45rem; color: var(--core-secondary-text-color); font-size: .69rem; font-weight: 800; text-transform: uppercase; }
.cpu-catalog__reference > span i { width: .5rem; height: .5rem; background: var(--cpu-green); border-radius: 50%; box-shadow: 0 0 8px var(--cpu-green); }
.cpu-catalog__reference strong { color: var(--cpu-green); }
.cpu-catalog__reference p { grid-column: 1 / -1; color: var(--core-secondary-text-color); font-size: .73rem; line-height: 1.55; }

/* Leader cards */
.cpu-answers { padding: clamp(4.5rem, 7vw, 7rem) 0; background: var(--cpu-surface-soft); border-bottom: 1px solid var(--cpu-line-soft); }
.cpu-section-heading { display: grid; align-items: end; grid-template-columns: minmax(0, 1fr) minmax(320px, .62fr); gap: 2rem; margin-bottom: 2.35rem; }
.cpu-section-heading h2 { max-width: 820px; margin-top: .8rem; color: var(--core-text-color); font-size: clamp(2.15rem, 4.4vw, 4rem); line-height: 1.02; letter-spacing: -.055em; text-align: left; }
.cpu-section-heading > p { color: var(--core-secondary-text-color); font-size: .95rem; line-height: 1.7; }
.cpu-answers__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.cpu-leaderboard { min-width: 0; overflow: hidden; padding: 1.25rem; background: var(--cpu-surface); border: 1px solid var(--cpu-line); border-radius: 1.25rem; box-shadow: 0 16px 45px color-mix(in srgb, #000 8%, transparent); transition: transform .25s ease, border-color .25s ease; }
.cpu-leaderboard:hover { border-color: color-mix(in srgb, var(--cpu-orange) 38%, var(--cpu-line)); transform: translateY(-3px); }
.cpu-leaderboard__header { display: flex; min-width: 0; align-items: center; gap: .9rem; padding: .15rem .15rem 1rem; border-bottom: 1px solid var(--cpu-line-soft); }
.cpu-leaderboard__icon { display: grid; width: 2.75rem; height: 2.75rem; flex: none; color: var(--cpu-orange); background: color-mix(in srgb, var(--cpu-orange) 12%, transparent); border-radius: .75rem; place-items: center; }
.cpu-leaderboard__header p { margin-bottom: .18rem; color: var(--core-secondary-text-color); font-size: .59rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.cpu-leaderboard__header > div { min-width: 0; overflow: hidden; }
.cpu-leaderboard__header h3 { overflow: hidden; color: var(--core-text-color); font-size: 1.06rem; text-overflow: ellipsis; white-space: nowrap; }
.cpu-leaderboard__list { min-width: 0; margin: 0; padding: .35rem 0; list-style: none; }
.cpu-leaderboard__list li { display: grid; min-width: 0; min-height: 72px; align-items: center; grid-template-columns: 1.7rem minmax(0, 1fr) auto; gap: .5rem; border-bottom: 1px solid var(--cpu-line-soft); }
.cpu-leaderboard__list li:last-child { border: 0; }
.cpu-leaderboard__rank { color: var(--core-secondary-text-color); font-size: .64rem; font-weight: 800; }
.cpu-leaderboard__product { display: grid; min-width: 0; overflow: hidden; align-items: center; grid-template-columns: 46px minmax(0, 1fr); gap: .7rem; }
.cpu-leaderboard__thumb { display: grid; width: 46px; height: 46px; overflow: hidden; color: var(--cpu-orange) !important; background: color-mix(in srgb, #fff 92%, var(--cpu-surface)); border: 1px solid var(--cpu-line-soft); border-radius: .65rem; text-decoration: none !important; place-items: center; }
.cpu-leaderboard__thumb img { width: 100%; height: 100%; padding: 4px; object-fit: contain; }
.cpu-leaderboard__product > span:last-child { display: grid; min-width: 0; overflow: hidden; gap: .08rem; }
.cpu-leaderboard__product a:not(.cpu-leaderboard__price) { color: inherit !important; text-decoration: none !important; }
.cpu-leaderboard__product > span:last-child > a:not(.cpu-leaderboard__price) { display: block; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cpu-leaderboard__product strong { display: block; min-width: 0; max-width: 100%; overflow: hidden; color: var(--core-text-color); font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.cpu-leaderboard__product small { display: block; overflow: hidden; color: var(--core-secondary-text-color); font-size: .61rem; text-overflow: ellipsis; white-space: nowrap; }
.cpu-leaderboard__price { display: inline-flex; align-items: center; gap: .28rem; overflow: hidden; max-width: 100%; color: var(--cpu-orange) !important; font-size: .61rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.cpu-leaderboard__price:hover { text-decoration: underline; }
.cpu-leaderboard__score { flex: none; color: var(--cpu-green); font-size: .72rem; white-space: nowrap; }
.cpu-leaderboard__link { display: flex; align-items: center; justify-content: space-between; padding: .85rem .25rem .1rem; color: var(--cpu-orange) !important; font-size: .7rem; font-weight: 800; text-decoration: none; }
.cpu-leaderboard__link i { transition: transform .2s ease; }
.cpu-leaderboard__link:hover i { transform: translateX(4px); }

/* Explorer toolbar */
.cpu-explorer { padding: clamp(4.5rem, 7vw, 7rem) 0 6rem; }
.cpu-section-heading--explorer { margin-bottom: 1.75rem; }
.cpu-toolbar { position: sticky; z-index: 18; top: .75rem; margin-bottom: .85rem; }
.cpu-toolbar__primary { display: grid; align-items: center; grid-template-columns: minmax(280px, 1fr) auto minmax(220px, auto) auto auto; gap: .6rem; padding: .65rem; background: color-mix(in srgb, var(--cpu-surface) 94%, transparent); border: 1px solid var(--cpu-line); border-radius: 1rem; box-shadow: 0 15px 40px color-mix(in srgb, #000 13%, transparent); backdrop-filter: blur(18px); }
.cpu-search { display: grid; min-width: 0; min-height: 3rem; align-items: center; grid-template-columns: auto 1fr auto; gap: .65rem; padding: 0 .9rem; background: var(--cpu-surface-soft); border: 1px solid var(--cpu-line-soft); border-radius: .72rem; }
.cpu-search > i { color: var(--cpu-orange); }
.cpu-search input { width: 100%; min-width: 0; margin: 0; padding: 0; color: var(--core-text-color); background: transparent; border: 0; outline: 0; }
.cpu-search a { color: var(--core-secondary-text-color) !important; }
.cpu-filter-menu { position: relative; }
.cpu-filter-menu summary { display: flex; min-height: 3rem; align-items: center; gap: .55rem; padding: 0 .95rem; color: var(--core-text-color); background: var(--cpu-surface-soft); border: 1px solid var(--cpu-line-soft); border-radius: .72rem; cursor: pointer; font-size: .8rem; font-weight: 800; list-style: none; }
.cpu-filter-menu summary::-webkit-details-marker { display: none; }
.cpu-filter-menu summary > i { color: var(--cpu-orange); }
.cpu-filter-menu summary > span { display: grid; min-width: 1.25rem; height: 1.25rem; color: #211001; background: var(--cpu-orange); border-radius: 50%; font-size: .62rem; place-items: center; }
.cpu-filter-menu__panel { position: absolute; top: calc(100% + .7rem); right: -16rem; width: min(870px, calc(100vw - 2rem)); padding: 1.25rem; background: color-mix(in srgb, var(--core-body-background) 95%, var(--core-text-color) 5%); border: 1px solid var(--cpu-line); border-radius: 1.15rem; box-shadow: var(--cpu-shadow); }
.cpu-filter-menu__heading { display: flex; align-items: center; justify-content: space-between; padding-bottom: 1rem; border-bottom: 1px solid var(--cpu-line-soft); }
.cpu-filter-menu__heading div { display: grid; gap: .15rem; }
.cpu-filter-menu__heading small { color: var(--cpu-orange); font-size: .6rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.cpu-filter-menu__heading strong { font-size: 1.1rem; }
.cpu-filter-menu__heading a { color: var(--core-secondary-text-color) !important; font-size: .7rem; }
.cpu-filter-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; padding: 1rem 0; }
.cpu-filter-grid fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.cpu-filter-grid legend { margin-bottom: .55rem; color: var(--core-secondary-text-color); font-size: .61rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.cpu-filter-grid select { width: 100%; min-width: 0; height: 2.7rem; margin: 0; padding: 0 .7rem; color: var(--core-text-color); background: var(--cpu-surface); border: 1px solid var(--cpu-line); border-radius: .6rem; font-size: .76rem; }
.cpu-segmented { display: grid; grid-template-columns: repeat(3, 1fr); gap: .3rem; }
.cpu-segmented input, .cpu-check-grid input, .cpu-toggle-list input { position: absolute; opacity: 0; pointer-events: none; }
.cpu-segmented span, .cpu-check-grid span { display: grid; min-height: 2.7rem; color: var(--core-secondary-text-color); background: var(--cpu-surface); border: 1px solid var(--cpu-line); border-radius: .6rem; cursor: pointer; font-size: .7rem; font-weight: 750; place-items: center; }
.cpu-segmented input:checked + span, .cpu-check-grid input:checked + span { color: var(--core-text-color); background: color-mix(in srgb, var(--cpu-orange) 13%, var(--cpu-surface)); border-color: color-mix(in srgb, var(--cpu-orange) 55%, transparent); }
.cpu-check-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .3rem; }
.cpu-check-grid > label { min-width: 0; color: inherit; border: 0; box-shadow: none; }
.cpu-check-grid > label:has(input[type="checkbox"]:checked) { color: inherit; border-color: transparent; box-shadow: none; }
.cpu-check-grid span { min-height: 2.15rem; }
.cpu-check-grid input:focus-visible + span { outline: 2px solid var(--cpu-blue); outline-offset: 2px; }
.cpu-range-inputs { display: grid; align-items: center; grid-template-columns: 1fr auto 1fr; gap: .35rem; }
.cpu-range-inputs label { display: grid; min-width: 0; align-items: center; grid-template-columns: auto 1fr; padding: 0 .55rem; background: var(--cpu-surface); border: 1px solid var(--cpu-line); border-radius: .6rem; }
.cpu-range-inputs label span, .cpu-range-inputs > i { color: var(--core-secondary-text-color); font-size: .66rem; font-style: normal; }
.cpu-range-inputs input { width: 100%; min-width: 0; height: 2.6rem; margin: 0; padding: 0 .25rem; color: var(--core-text-color); background: transparent; border: 0; outline: 0; }
body.dark-theme .cpu-catalog input[type="number"] { color-scheme: dark; accent-color: var(--cpu-orange); }
body.dark-theme .cpu-catalog input[type="number"]::-webkit-inner-spin-button,
body.dark-theme .cpu-catalog input[type="number"]::-webkit-outer-spin-button { filter: invert(1) brightness(.55); opacity: .9; }
.cpu-toggle-list { display: grid; gap: .35rem; }
.cpu-toggle-list span { display: flex; align-items: center; gap: .55rem; color: var(--core-secondary-text-color); cursor: pointer; font-size: .7rem; }
.cpu-toggle-list span i { position: relative; width: 1.8rem; height: 1rem; background: var(--cpu-surface-raised); border-radius: 1rem; transition: background .2s; }
.cpu-toggle-list span i::after { position: absolute; top: 2px; left: 2px; width: .75rem; height: .75rem; background: var(--core-secondary-text-color); border-radius: 50%; content: ""; transition: transform .2s, background .2s; }
.cpu-toggle-list input:checked + span { color: var(--core-text-color); }
.cpu-toggle-list input:checked + span i { background: color-mix(in srgb, var(--cpu-orange) 42%, transparent); }
.cpu-toggle-list input:checked + span i::after { background: var(--cpu-orange); transform: translateX(.8rem); }
.cpu-filter-menu__actions { display: flex; align-items: center; justify-content: space-between; padding-top: 1rem; border-top: 1px solid var(--cpu-line-soft); }
.cpu-filter-menu__actions span { color: var(--core-secondary-text-color); font-size: .7rem; }
.cpu-filter-menu__actions button, .cpu-search-submit { min-height: 2.75rem; padding: 0 1rem; color: #211001; background: var(--cpu-orange); border: 0; border-radius: .65rem; cursor: pointer; font-size: .75rem; font-weight: 850; }
.cpu-toolbar__select { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .5rem; padding: 0 .6rem; background: var(--cpu-surface-soft); border: 1px solid var(--cpu-line-soft); border-radius: .72rem; }
.cpu-toolbar__select > span { color: var(--core-secondary-text-color); font-size: .65rem; font-weight: 800; text-transform: uppercase; }
.cpu-toolbar__select select { min-width: 0; height: 2.9rem; margin: 0; padding: 0 1.5rem 0 .2rem; color: var(--core-text-color); background: transparent; border: 0; outline: 0; font-size: .72rem; }
body.dark-theme .cpu-toolbar__select select { color: #f5f2ec; background-color: #171717; color-scheme: dark; }
body.dark-theme .cpu-toolbar__select select option { color: #f5f2ec; background-color: #171717; }
.cpu-toolbar__select--count { grid-template-columns: auto 4.4rem; }
.cpu-search-submit { display: none; }

.cpu-result-bar { display: flex; min-height: 3.6rem; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .6rem; padding: .35rem .25rem .35rem .8rem; }
.cpu-result-bar > div:first-child { color: var(--core-secondary-text-color); font-size: .78rem; }
.cpu-result-bar > div:first-child strong { color: var(--core-text-color); }
.cpu-result-bar > div:first-child span { margin-left: .25rem; }
.cpu-view-tabs { display: flex; gap: .25rem; padding: .25rem; background: var(--cpu-surface); border: 1px solid var(--cpu-line-soft); border-radius: .75rem; }
.cpu-view-tabs button { display: flex; min-height: 2.4rem; align-items: center; gap: .45rem; padding: 0 .8rem; color: var(--core-secondary-text-color); background: transparent; border: 0; border-radius: .55rem; cursor: pointer; font-size: .69rem; font-weight: 800; }
.cpu-view-tabs button[aria-selected="true"] { color: #211001; background: var(--cpu-orange); box-shadow: 0 5px 18px color-mix(in srgb, var(--cpu-orange) 22%, transparent); }
.cpu-filter-chips { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin-bottom: .8rem; }
.cpu-filter-chips > span { margin-right: .2rem; color: var(--core-secondary-text-color); font-size: .62rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.cpu-filter-chips a { display: inline-flex; min-height: 1.8rem; align-items: center; gap: .4rem; padding: 0 .65rem; color: var(--core-text-color) !important; background: var(--cpu-surface); border: 1px solid var(--cpu-line); border-radius: 2rem; font-size: .64rem; text-decoration: none; }
.cpu-filter-chips a i { color: var(--cpu-orange); }
.cpu-filter-chips a.cpu-filter-chips__clear { color: var(--cpu-orange) !important; background: transparent; border-color: transparent; }

/* Table */
.cpu-table-shell { overflow-x: auto; background: var(--cpu-surface-soft); border: 1px solid var(--cpu-line); border-radius: 1rem; box-shadow: 0 20px 55px color-mix(in srgb, #000 9%, transparent); scrollbar-color: var(--cpu-orange) var(--cpu-surface); }
.cpu-table { width: 100%; min-width: 1080px; border-spacing: 0; color: var(--core-text-color); background: transparent; text-align: left; }
.cpu-table th, .cpu-table td { max-width: none; padding: .95rem .75rem; border: 0; border-bottom: 1px solid var(--cpu-line-soft); background: transparent; vertical-align: middle; }
.cpu-table thead th { position: static; z-index: auto; color: var(--core-secondary-text-color); background: var(--cpu-surface); font-size: .61rem; font-weight: 850; letter-spacing: .065em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.cpu-table tbody tr { background: transparent; transition: background .18s ease; }
.cpu-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--cpu-surface) 35%, transparent); }
.cpu-table tbody tr:hover { background: color-mix(in srgb, var(--cpu-orange) 5%, var(--cpu-surface)); }
.cpu-table tbody tr:last-child th, .cpu-table tbody tr:last-child td { border-bottom: 0; }
.cpu-table__compare { width: 44px; text-align: center !important; }
.cpu-table__product { width: 315px; min-width: 315px; }
.cpu-col { min-width: 126px; font-size: .72rem; }
.cpu-catalog[data-view="overview"] .cpu-col:not(.cpu-col--overview),
.cpu-catalog[data-view="specs"] .cpu-col:not(.cpu-col--specs),
.cpu-catalog[data-view="workloads"] .cpu-col:not(.cpu-col--workloads) { display: none; }
.cpu-info { display: inline-grid; width: 1.15rem; height: 1.15rem; margin-left: .2rem; padding: 0; color: var(--core-secondary-text-color); background: transparent; border: 1px solid var(--cpu-line); border-radius: 50%; cursor: help; font-size: .55rem; place-items: center; }
.cpu-compare-check { position: relative; display: inline-grid; cursor: pointer; place-items: center; }
.cpu-compare-check input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; cursor: inherit; opacity: 0; }
.cpu-compare-check span { display: grid; width: 1.3rem; height: 1.3rem; color: transparent; border: 1px solid var(--cpu-line); border-radius: .35rem; place-items: center; transition: all .18s ease; }
.cpu-compare-check input:focus-visible + span { outline: 2px solid var(--cpu-blue); outline-offset: 2px; }
.cpu-compare-check input:checked + span { color: #211001; background: var(--cpu-orange); border-color: var(--cpu-orange); }
.cpu-compare-check input:disabled + span { cursor: not-allowed; opacity: .26; }
.cpu-product { display: grid; align-items: center; grid-template-columns: 56px minmax(0, 1fr); gap: .8rem; }
.cpu-product__image { display: grid; width: 56px; height: 56px; overflow: hidden; color: var(--cpu-orange) !important; background: color-mix(in srgb, #fff 92%, var(--cpu-surface)); border: 1px solid var(--cpu-line); border-radius: .72rem; place-items: center; }
.cpu-product__image img { width: 100%; height: 100%; padding: 4px; object-fit: contain; }
.cpu-product__copy { min-width: 0; }
.cpu-product__name { display: grid; align-items: center; grid-template-columns: minmax(0, 1fr) auto; gap: .35rem; margin: .32rem 0 .18rem; }
.cpu-product__name > a:not(.cpu-set-reference) { display: block; overflow: hidden; margin: 0; color: var(--core-text-color) !important; font-size: .77rem; font-weight: 800; line-height: 1.25; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.cpu-product__name > a:not(.cpu-set-reference):hover { color: var(--cpu-orange) !important; }
.cpu-set-reference { display: grid; width: 1.45rem; height: 1.45rem; flex: none; color: var(--core-secondary-text-color); background: var(--cpu-surface-soft); border: 1px solid var(--cpu-line); border-radius: .4rem; cursor: pointer; text-decoration: none; font-size: .62rem; place-items: center; }
.cpu-set-reference:hover { color: var(--cpu-green); border-color: color-mix(in srgb, var(--cpu-green) 55%, var(--cpu-line)); }
.cpu-set-reference.is-active { color: #04210f; background: var(--cpu-green); border-color: var(--cpu-green); }
.cpu-set-reference.is-disabled { cursor: not-allowed; opacity: .32; }
.cpu-product__copy > small { display: block; overflow: hidden; color: var(--core-secondary-text-color); font-size: .61rem; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.cpu-product__badges { display: flex; flex-wrap: wrap; gap: .28rem; }
.cpu-product__badges span { padding: .16rem .36rem; color: var(--core-secondary-text-color); background: var(--cpu-surface-raised); border-radius: .25rem; font-size: .49rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.cpu-product__badges .cpu-brand--amd { color: #ff766d; background: color-mix(in srgb, #f05a55 13%, transparent); }
.cpu-product__badges .cpu-brand--intel { color: var(--cpu-blue); background: color-mix(in srgb, var(--cpu-blue) 13%, transparent); }
.cpu-product__badges .cpu-workstation { color: var(--cpu-purple); background: color-mix(in srgb, var(--cpu-purple) 13%, transparent); }
.cpu-admin { position: relative; margin-top: .25rem; }
.cpu-admin summary { color: var(--core-secondary-text-color); cursor: pointer; font-size: .52rem; }
.cpu-admin > div { position: absolute; z-index: 4; display: flex; top: 1.2rem; left: 0; gap: .35rem; padding: .4rem; background: var(--core-body-background); border: 1px solid var(--cpu-line); border-radius: .5rem; box-shadow: var(--cpu-shadow); }
.cpu-admin a, .cpu-admin button { color: var(--core-text-color) !important; background: var(--cpu-surface); border: 1px solid var(--cpu-line); border-radius: .35rem; cursor: pointer; font-size: .55rem; padding: .3rem; white-space: nowrap; }
.cpu-price a, .cpu-price strong { display: block; color: var(--core-text-color) !important; font-size: .84rem; text-decoration: none; }
.cpu-table td > strong { display: block; font-size: .75rem; line-height: 1.3; }
.cpu-table td > small, .cpu-price small, .cpu-updated { display: block; margin-top: .2rem; color: var(--core-secondary-text-color); font-size: .57rem; line-height: 1.3; }
.cpu-score { display: grid; min-width: 95px; gap: .42rem; }
.cpu-score strong { font-size: .77rem; font-variant-numeric: tabular-nums; }
.cpu-score > span { display: block; width: 100%; height: 4px; overflow: hidden; background: var(--cpu-line); border-radius: 5px; }
.cpu-score > span i { display: block; width: var(--score-width, 0%); height: 100%; background: var(--score-color, var(--cpu-orange)); border-radius: inherit; transition: width .6s ease, background-color .35s ease; }
.cpu-score--compact { min-width: 80px; }
.cpu-value { display: grid; gap: .42rem; }
.cpu-value strong { color: var(--value-color, var(--cpu-green)); font-size: .78rem; }
.cpu-value span { display: block; width: 58px; height: 4px; overflow: hidden; background: var(--cpu-line); border-radius: 5px; }
.cpu-value i { display: block; width: var(--value-width, 0%); height: 100%; background: var(--value-color, var(--cpu-green)); border-radius: inherit; }
.cpu-status { display: inline-flex; align-items: center; gap: .4rem; color: var(--core-secondary-text-color); font-size: .65rem; font-weight: 750; white-space: nowrap; }
.cpu-status i { width: .42rem; height: .42rem; background: var(--core-secondary-text-color); border-radius: 50%; }
.cpu-status--available { color: var(--cpu-green); }
.cpu-status--available i { background: var(--cpu-green); box-shadow: 0 0 7px color-mix(in srgb, var(--cpu-green) 60%, transparent); }
.cpu-table__empty td { padding: 4rem !important; text-align: center; }
.cpu-table__empty td > i { margin-bottom: 1rem; color: var(--cpu-orange); font-size: 1.6rem; }
.cpu-table__empty h3 { margin-bottom: .5rem; }
.cpu-table__empty p { margin-bottom: 1rem; color: var(--core-secondary-text-color); }
.cpu-table__empty a { color: var(--cpu-orange) !important; }

.cpu-pagination { display: grid; align-items: center; grid-template-columns: 1fr auto 1fr; gap: 1rem; margin-top: 1.2rem; }
.cpu-pagination > a, .cpu-pagination > span { display: flex; align-items: center; gap: .5rem; color: var(--core-text-color) !important; font-size: .7rem; font-weight: 800; text-decoration: none; }
.cpu-pagination > a:last-child, .cpu-pagination > span:last-child { justify-self: end; }
.cpu-pagination .is-disabled { opacity: .35; }
.cpu-pagination > div { display: flex; gap: .25rem; }
.cpu-pagination > div a { display: grid; width: 2.25rem; height: 2.25rem; color: var(--core-secondary-text-color) !important; border: 1px solid transparent; border-radius: .55rem; font-size: .68rem; text-decoration: none; place-items: center; }
.cpu-pagination > div a[aria-current="page"] { color: #211001 !important; background: var(--cpu-orange); }
.cpu-method { display: grid; align-items: center; grid-template-columns: auto minmax(0, 1fr) auto; gap: 1.2rem; margin-top: 3rem; padding: 1.5rem; background: var(--cpu-surface); border: 1px solid var(--cpu-line); border-radius: 1rem; }
.cpu-method > span { display: grid; width: 3.2rem; height: 3.2rem; color: var(--cpu-orange); background: color-mix(in srgb, var(--cpu-orange) 12%, transparent); border-radius: .8rem; place-items: center; }
.cpu-method h2 { margin-bottom: .35rem; color: var(--core-text-color); font-size: 1rem; text-align: left; }
.cpu-method p { max-width: 900px; color: var(--core-secondary-text-color); font-size: .7rem; line-height: 1.6; }
.cpu-method > a { display: flex; align-items: center; gap: .5rem; color: var(--cpu-orange) !important; font-size: .68rem; font-weight: 800; text-decoration: none; white-space: nowrap; }

/* Comparison */
.cpu-compare-tray { position: fixed; z-index: 50; right: 0; bottom: 0; left: 0; padding: .65rem 0; background: color-mix(in srgb, var(--core-body-background) 92%, transparent); border-top: 1px solid var(--cpu-line); box-shadow: 0 -15px 45px color-mix(in srgb, #000 18%, transparent); backdrop-filter: blur(18px); transform: translateY(110%); transition: transform .3s ease; }
.cpu-compare-tray.is-visible { transform: translateY(0); }
.cpu-compare-tray > .cpu-container { display: grid; align-items: center; grid-template-columns: auto minmax(0, 1fr) auto; gap: 1rem; }
.cpu-compare-tray__title { display: flex; align-items: center; gap: .65rem; }
.cpu-compare-tray__title > span { display: grid; width: 2.3rem; height: 2.3rem; color: var(--cpu-orange); background: color-mix(in srgb, var(--cpu-orange) 12%, transparent); border-radius: .6rem; place-items: center; }
.cpu-compare-tray__title div { display: grid; gap: .1rem; }
.cpu-compare-tray__title strong { font-size: .72rem; }
.cpu-compare-tray__title small { color: var(--core-secondary-text-color); font-size: .56rem; }
.cpu-compare-tray__items { display: flex; min-width: 0; gap: .4rem; overflow-x: auto; }
.cpu-compare-pill { display: flex; min-width: 0; max-width: 240px; align-items: center; gap: .4rem; padding: .45rem .55rem; color: var(--core-text-color); background: var(--cpu-surface); border: 1px solid var(--cpu-line); border-radius: .55rem; }
.cpu-compare-pill span { overflow: hidden; font-size: .62rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.cpu-compare-pill button { padding: 0; color: var(--core-secondary-text-color); background: transparent; border: 0; cursor: pointer; }
.cpu-compare-tray__actions { display: flex; gap: .45rem; }
.cpu-compare-tray__actions button { min-height: 2.35rem; padding: 0 .75rem; color: var(--core-secondary-text-color); background: transparent; border: 1px solid var(--cpu-line); border-radius: .55rem; cursor: pointer; font-size: .65rem; font-weight: 800; }
.cpu-compare-tray__actions .cpu-compare-tray__open { color: #211001; background: var(--cpu-orange); border-color: var(--cpu-orange); }
.cpu-compare-tray__open:disabled { cursor: not-allowed; opacity: .42; }
.cpu-compare-dialog { position: fixed; z-index: 1200; inset: 0; display: grid; padding: .5rem; background: rgba(0, 0, 0, .76); backdrop-filter: blur(6px); place-items: center; }
.cpu-compare-dialog[hidden] { display: none; }
.cpu-compare-dialog__panel { display: grid; width: min(1480px, 100%); height: min(940px, calc(100vh - 1rem)); overflow: hidden; color: var(--core-text-color); background: var(--core-body-background); border: 1px solid var(--cpu-line); border-radius: 1rem; box-shadow: 0 35px 100px rgba(0, 0, 0, .58); grid-template-rows: auto minmax(0, 1fr) auto; }
.cpu-compare-dialog__header, .cpu-compare-dialog__footer { display: flex; align-items: center; justify-content: space-between; padding: 1.15rem 1.3rem; background: var(--cpu-surface); border-bottom: 1px solid var(--cpu-line); }
.cpu-compare-dialog__header h2 { margin-top: .35rem; color: var(--core-text-color); font-size: 1.6rem; text-align: left; letter-spacing: -.04em; }
.cpu-compare-dialog__header small { display: block; margin-top: .25rem; color: var(--core-secondary-text-color); font-size: .58rem; }
.cpu-compare-dialog__header > button { display: grid; width: 2.4rem; height: 2.4rem; color: var(--core-text-color); background: transparent; border: 1px solid var(--cpu-line); border-radius: .6rem; cursor: pointer; place-items: center; }
.cpu-compare-dialog__content { min-height: 0; padding: 0; overflow: auto; overscroll-behavior: contain; scrollbar-color: var(--cpu-orange) var(--cpu-surface); }
.cpu-comparison-table { width: 100%; margin: 0; border-spacing: 0; table-layout: fixed; text-align: left; }
.cpu-comparison-table[data-count="2"] { min-width: 760px; }
.cpu-comparison-table[data-count="3"] { min-width: 990px; }
.cpu-comparison-table[data-count="4"] { min-width: 1220px; }
.cpu-comparison-table th, .cpu-comparison-table td { padding: .62rem .75rem; color: var(--core-text-color); background: var(--core-body-background); border: 0; border-bottom: 1px solid var(--cpu-line-soft); font-size: .68rem; white-space: normal; vertical-align: middle; }
.cpu-comparison-table thead th { position: sticky; z-index: 7; top: 0; height: 92px; background: var(--cpu-surface); vertical-align: middle; }
.cpu-comparison-table thead th:first-child { z-index: 9; width: 220px; }
.cpu-comparison-table tbody > tr:not(.cpu-compare-section) > th { position: sticky; z-index: 3; left: 0; width: 220px; color: var(--core-secondary-text-color); background: var(--cpu-surface-soft); font-size: .55rem; letter-spacing: .055em; text-transform: uppercase; }
.cpu-comparison-table thead th:first-child { left: 0; color: var(--core-secondary-text-color); font-size: .55rem; letter-spacing: .055em; text-transform: uppercase; }
.cpu-comparison-table thead a { display: block; max-width: 230px; margin: .32rem 0 .2rem; color: var(--core-text-color) !important; font-size: .76rem; line-height: 1.25; text-decoration: none; }
.cpu-comparison-table thead small { color: var(--core-secondary-text-color); font-size: .53rem; font-weight: 500; }
.cpu-compare-card__brand { color: var(--cpu-orange); font-size: .52rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.cpu-compare-section th { padding: .72rem .8rem; color: var(--core-text-color); background: color-mix(in srgb, var(--cpu-orange) 8%, var(--cpu-surface)); border-top: 1px solid color-mix(in srgb, var(--cpu-orange) 24%, var(--cpu-line)); border-bottom-color: color-mix(in srgb, var(--cpu-orange) 16%, var(--cpu-line)); text-align: left; }
.cpu-compare-section strong { display: block; color: var(--cpu-orange); font-size: .67rem; letter-spacing: .065em; text-transform: uppercase; }
.cpu-compare-section span { display: block; margin-top: .18rem; color: var(--core-secondary-text-color); font-size: .55rem; font-weight: 500; letter-spacing: normal; text-transform: none; }
.cpu-comparison-table td.is-best { color: var(--cpu-green); font-weight: 850; background: color-mix(in srgb, var(--cpu-green) 7%, transparent); }
.cpu-compare-score, .cpu-compare-value { display: grid; gap: .32rem; }
.cpu-compare-score strong, .cpu-compare-value strong { color: var(--core-text-color); font-size: .72rem; font-variant-numeric: tabular-nums; }
.cpu-comparison-table td.is-best .cpu-compare-score strong, .cpu-comparison-table td.is-best .cpu-compare-value strong { color: var(--cpu-green); }
.cpu-compare-score > span, .cpu-compare-value > span { display: block; width: 100%; height: 11px; overflow: hidden; background: color-mix(in srgb, var(--core-text-color) 16%, transparent); border-radius: 3px; }
.cpu-compare-score i, .cpu-compare-value i { display: block; width: var(--score-width, 0%); height: 100%; background: var(--score-color, var(--cpu-orange)); border-radius: inherit; }
.cpu-compare-value i { width: var(--value-width, 0%); background: var(--value-color, var(--cpu-green)); }
.cpu-compare-dialog__footer { justify-content: flex-end; gap: .5rem; border-top: 1px solid var(--cpu-line); border-bottom: 0; }
.cpu-compare-dialog__footer button { min-height: 2.4rem; padding: 0 .8rem; color: var(--core-text-color); background: var(--cpu-surface-raised); border: 1px solid var(--cpu-line); border-radius: .55rem; cursor: pointer; font-size: .65rem; font-weight: 800; }
.cpu-help-popover { position: fixed; z-index: 80; width: min(260px, calc(100vw - 2rem)); padding: .75rem; color: var(--core-text-color); background: var(--core-body-background); border: 1px solid var(--cpu-line); border-radius: .6rem; box-shadow: var(--cpu-shadow); font-size: .66rem; line-height: 1.55; }

@keyframes cpuOrbit { to { transform: rotate(405deg); } }
@keyframes cpuTrace { 0%, 100% { opacity: .25; } 50% { opacity: 1; } }

@media (max-width: 1100px) {
    .cpu-catalog__hero-layout { grid-template-columns: minmax(0, 1fr) 400px; gap: 3rem; }
    .cpu-answers__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cpu-leaderboard:last-child { grid-column: 1 / -1; }
    .cpu-toolbar__primary { grid-template-columns: minmax(220px, 1fr) auto minmax(190px, auto) auto; }
    .cpu-toolbar__select--count { display: none; }
}

@media (max-width: 820px) {
    .cpu-catalog { height: calc(100vh - var(--pcsc-header-height-mobile, 60px)); }
    .cpu-catalog__hero { padding-top: 4rem; }
    .cpu-catalog__hero-layout { grid-template-columns: 1fr; }
    .cpu-catalog__hero h1 { font-size: clamp(3rem, 12vw, 5rem); }
    .cpu-catalog__hero-panel { display: grid; min-height: 0; grid-template-columns: 180px 1fr; align-items: center; }
    .cpu-catalog__chip-visual { width: 160px; height: 160px; margin: 0; }
    .cpu-catalog__hero-stats { grid-template-columns: 1fr; border-block: 0; border-left: 1px solid var(--cpu-line-soft); }
    .cpu-catalog__hero-stats div { grid-template-columns: auto 1fr; text-align: left; border-right: 0; border-bottom: 1px solid var(--cpu-line-soft); }
    .cpu-catalog__reference { grid-column: 1 / -1; }
    .cpu-section-heading { grid-template-columns: 1fr; gap: 1rem; }
    .cpu-section-heading > p { max-width: 620px; }
    .cpu-toolbar { position: sticky; top: 0; z-index: 30; order: -3; }
    .cpu-toolbar__primary { grid-template-columns: minmax(0, 1fr) auto; }
    .cpu-toolbar__select { grid-column: 1 / -1; }
    .cpu-filter-menu[open] { grid-column: 1 / -1; }
    .cpu-filter-menu__panel { position: static; top: auto; right: auto; inset: auto; width: auto; max-height: min(70vh, 32rem); overflow-y: auto; margin-top: .7rem; }
    [data-cpu-results-frame] { display: flex; flex-direction: column; }
    .cpu-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cpu-result-bar { align-items: flex-start; flex-direction: column; }
    .cpu-view-tabs { width: 100%; max-width: 100%; min-width: 0; overflow: hidden; }
    .cpu-view-tabs button { flex: 1; justify-content: center; }
    .cpu-table-shell { overflow: visible; background: transparent; border: 0; box-shadow: none; }
    .cpu-table { display: block; min-width: 0; max-width: 100%; }
    .cpu-table thead { display: none; }
    .cpu-table tbody { display: grid; gap: .75rem; }
    .cpu-table tbody tr { position: relative; display: grid; min-width: 0; max-width: 100%; overflow: hidden; padding: 1rem; background: var(--cpu-surface) !important; border: 1px solid var(--cpu-line); border-radius: .9rem; box-shadow: 0 10px 30px color-mix(in srgb, #000 8%, transparent); grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem 1rem; }
    .cpu-table th, .cpu-table td { display: block; min-width: 0; width: auto; padding: 0; border: 0; }
    .cpu-table__compare { position: absolute; z-index: 2; top: 1rem; right: 1rem; }
    .cpu-table__product { grid-column: 1 / -1; padding-right: 2.2rem !important; }
    .cpu-product { grid-template-columns: 62px minmax(0, 1fr); }
    .cpu-product__image { width: 62px; height: 62px; }
    .cpu-product__name > a:not(.cpu-set-reference) { white-space: normal; }
    .cpu-col { display: grid !important; min-width: 0; max-width: 100%; min-height: 52px; align-content: center; padding-top: .7rem !important; border-top: 1px solid var(--cpu-line-soft) !important; }
    .cpu-catalog[data-view="overview"] .cpu-col:not(.cpu-col--overview),
    .cpu-catalog[data-view="specs"] .cpu-col:not(.cpu-col--specs),
    .cpu-catalog[data-view="workloads"] .cpu-col:not(.cpu-col--workloads) { display: none !important; }
    .cpu-col::before { display: block; margin-bottom: .35rem; color: var(--core-secondary-text-color); content: attr(data-label); font-size: .54rem; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
    .cpu-score, .cpu-score--compact { min-width: 0; max-width: 100%; }
    .cpu-value span { width: 100%; max-width: 58px; }
    .cpu-method { align-items: start; grid-template-columns: auto 1fr; }
    .cpu-method > a { grid-column: 2; }
    .cpu-compare-tray > .cpu-container { grid-template-columns: auto 1fr; }
    .cpu-compare-tray__items { grid-column: 1 / -1; grid-row: 2; order: 3; }
    .cpu-compare-tray__actions { justify-self: end; }
    .cpu-compare-tray { padding: .45rem 0; }
    .cpu-compare-tray > .cpu-container { gap: .45rem; }
    .cpu-compare-tray__title strong { font-size: .62rem; }
    .cpu-compare-tray__actions button { min-height: 2rem; padding: 0 .55rem; font-size: .58rem; }
    .cpu-compare-dialog { padding: .3rem; }
    .cpu-compare-dialog__panel { width: 100%; height: calc(100dvh - .6rem); max-height: calc(100vh - .6rem); border-radius: .7rem; }
    .cpu-compare-dialog__header,
    .cpu-compare-dialog__footer { padding: .6rem .65rem; gap: .45rem; }
    .cpu-compare-dialog .cpu-eyebrow { gap: .35rem; font-size: .55rem; letter-spacing: .08em; }
    .cpu-compare-dialog .cpu-eyebrow > span { width: 1rem; }
    .cpu-compare-dialog__header h2 { margin-top: .1rem; font-size: 1.05rem; letter-spacing: -.03em; }
    .cpu-compare-dialog__header small { margin-top: .15rem; font-size: .5rem; line-height: 1.35; }
    .cpu-compare-dialog__header > button { width: 2rem; height: 2rem; border-radius: .45rem; }
    .cpu-compare-dialog__footer { flex-wrap: wrap; }
    .cpu-compare-dialog__footer button { min-height: 2rem; padding: 0 .5rem; font-size: .58rem; }
    .cpu-comparison-table[data-count="2"] { min-width: 460px; }
    .cpu-comparison-table[data-count="3"] { min-width: 580px; }
    .cpu-comparison-table[data-count="4"] { min-width: 700px; }
    .cpu-comparison-table th,
    .cpu-comparison-table td { padding: .4rem .38rem; font-size: .58rem; }
    .cpu-comparison-table thead th { height: 70px; }
    .cpu-comparison-table thead th:first-child,
    .cpu-comparison-table tbody > tr:not(.cpu-compare-section) > th {
        width: 96px;
        min-width: 96px;
        max-width: 96px;
        padding: .4rem .32rem;
        font-size: .46rem;
        letter-spacing: .02em;
        overflow-wrap: anywhere;
    }
    .cpu-comparison-table thead a { max-width: 100%; margin: .18rem 0 .1rem; font-size: .6rem; }
    .cpu-comparison-table thead small { font-size: .45rem; }
    .cpu-compare-card__brand { font-size: .45rem; letter-spacing: .04em; }
    .cpu-compare-section th { padding: .45rem .4rem; }
    .cpu-compare-section strong { font-size: .54rem; letter-spacing: .04em; }
    .cpu-compare-section span { margin-top: .1rem; font-size: .46rem; }
    .cpu-compare-score,
    .cpu-compare-value { gap: .2rem; }
    .cpu-compare-score strong,
    .cpu-compare-value strong { font-size: .6rem; }
    .cpu-compare-score > span,
    .cpu-compare-value > span { height: 8px; }

}

@media (max-width: 620px) {
    .cpu-container { width: min(calc(100% - 1rem), 1420px); }
    .cpu-catalog__hero { padding: 3.5rem 0; }
    .cpu-catalog__hero h1 { letter-spacing: -.06em; }
    .cpu-catalog__hero-panel { display: block; padding: 1.2rem; }
    .cpu-catalog__chip-visual { margin-inline: auto; }
    .cpu-catalog__hero-stats { grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--cpu-line-soft); border-left: 0; }
    .cpu-catalog__hero-stats div { display: grid; grid-template-columns: 1fr; padding: .8rem .25rem; text-align: center; border-right: 1px solid var(--cpu-line-soft); border-bottom: 0; }
    .cpu-answers, .cpu-explorer { padding-block: 4rem; }
    .cpu-section-heading h2 { font-size: 2.5rem; }
    .cpu-answers__grid { grid-template-columns: 1fr; }
    .cpu-leaderboard:last-child { grid-column: auto; }
    .cpu-toolbar__primary { grid-template-columns: 1fr auto; padding: .45rem; }
    .cpu-search { min-height: 2.8rem; }
    .cpu-filter-menu summary { width: 2.8rem; min-height: 2.8rem; justify-content: center; padding: 0; }
    .cpu-filter-menu summary > i { font-size: .9rem; }
    .cpu-filter-menu summary:not(:has(span)) { font-size: 0; }
    .cpu-filter-menu summary > span { position: absolute; top: -.25rem; right: -.25rem; }
    .cpu-toolbar__select { grid-column: 1 / -1; }
    .cpu-filter-menu__panel { inset: auto; max-height: min(70vh, 32rem); padding: 1rem; }
    .cpu-filter-grid { grid-template-columns: 1fr; }
    .cpu-filter-menu__actions { position: sticky; bottom: -1rem; margin: 0 -1rem -1rem; padding: .85rem 1rem; background: var(--core-body-background); }
    .cpu-result-bar { padding-inline: 0; }
    .cpu-view-tabs button { padding-inline: .55rem; }
    .cpu-view-tabs button i { display: none; }
    .cpu-table tbody tr { grid-template-columns: 1fr 1fr; padding: .85rem; }
    .cpu-product { grid-template-columns: 54px minmax(0, 1fr); }
    .cpu-product__image { width: 54px; height: 54px; }
    .cpu-pagination > a span, .cpu-pagination > span span { display: none; }
    .cpu-pagination { grid-template-columns: auto 1fr auto; }
    .cpu-pagination > div { justify-content: center; }
    .cpu-pagination > div a { width: 2rem; height: 2rem; }
    .cpu-method { grid-template-columns: 1fr; }
    .cpu-method > span { display: none; }
    .cpu-method > a { grid-column: auto; }
    .cpu-compare-tray__title > span { display: none; }
    .cpu-compare-tray__actions > button:first-child { display: none; }
    .cpu-compare-tray__actions .cpu-compare-tray__open { padding-inline: .6rem; }
}

@media (prefers-reduced-motion: reduce) {
    .cpu-catalog { scroll-behavior: auto; }
    .cpu-catalog *, .cpu-catalog *::before, .cpu-catalog *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Dense comparison-first layout */
.cpu-compact-header {
    padding: 1.35rem 0 1rem;
    background: var(--cpu-surface-soft);
    border-bottom: 1px solid var(--cpu-line);
}
.cpu-compact-header__layout { display: grid; align-items: center; grid-template-columns: minmax(420px, 1fr) auto auto; gap: 1.5rem; }
.cpu-compact-header__title .cpu-eyebrow { margin-bottom: .4rem; }
.cpu-compact-header__title h1 { color: var(--core-text-color); font-size: clamp(1.75rem, 3vw, 2.7rem); line-height: 1.05; letter-spacing: -.045em; text-align: left; }
.cpu-compact-header__title > p:last-child { max-width: 720px; margin-top: .48rem; color: var(--core-secondary-text-color); font-size: .76rem; line-height: 1.55; }
.cpu-compact-header__stats { display: grid; grid-template-columns: repeat(4, auto); margin: 0; overflow: hidden; background: var(--cpu-surface); border: 1px solid var(--cpu-line); border-radius: .7rem; }
.cpu-compact-header__stats > div { display: grid; min-width: 78px; gap: .15rem; padding: .65rem .75rem; border-right: 1px solid var(--cpu-line-soft); }
.cpu-compact-header__stats > div:last-child { border: 0; }
.cpu-compact-header__stats dt { color: var(--core-secondary-text-color); font-size: .5rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.cpu-compact-header__stats dd { margin: 0; color: var(--core-text-color); font-size: 1rem; font-weight: 850; }
.cpu-compact-header__stats small { color: var(--core-secondary-text-color); font-size: .48rem; }
.cpu-compact-header__stats .cpu-compact-header__reference { min-width: 118px; }
.cpu-compact-header__reference dd { color: var(--cpu-green); }
.cpu-compact-header__reference dd i { display: inline-block; width: .42rem; height: .42rem; margin-right: .3rem; background: var(--cpu-green); border-radius: 50%; box-shadow: 0 0 7px var(--cpu-green); }
.cpu-compact-header__links { display: grid; gap: .22rem; }
.cpu-compact-header__links a { display: flex; align-items: center; gap: .45rem; padding: .3rem .4rem; color: var(--core-secondary-text-color) !important; font-size: .62rem; font-weight: 750; text-decoration: none; white-space: nowrap; }
.cpu-compact-header__links a:hover { color: var(--cpu-orange) !important; }
.cpu-compact-header__links i { width: .9rem; color: var(--cpu-orange); text-align: center; }

.cpu-explorer--primary { padding: 1rem 0 3.25rem; }
.cpu-catalog--dense .cpu-toolbar { top: .45rem; margin-bottom: .55rem; }
.cpu-catalog--dense .cpu-toolbar__primary { grid-template-columns: minmax(280px, 1fr) auto minmax(235px, auto) auto auto; padding: .42rem; border-radius: .72rem; }
.cpu-catalog--dense .cpu-search, .cpu-catalog--dense .cpu-filter-menu summary { min-height: 2.55rem; border-radius: .5rem; }
.cpu-catalog--dense .cpu-toolbar__select { border-radius: .5rem; }
.cpu-catalog--dense .cpu-toolbar__select select { height: 2.45rem; }
.cpu-catalog--dense .cpu-search-submit { min-height: 2.45rem; }
.cpu-product__badges .cpu-reference-badge { color: var(--cpu-green); background: color-mix(in srgb, var(--cpu-green) 10%, transparent); border-color: color-mix(in srgb, var(--cpu-green) 38%, transparent); }
.cpu-score > span, .cpu-compare-score > span { position: relative; }
.cpu-score.has-reference-marker > span::after, .cpu-compare-score.has-reference-marker > span::after { position: absolute; z-index: 2; top: -2px; bottom: -2px; left: var(--reference-position, 100%); width: 2px; background: #f7f7f2; box-shadow: 0 0 0 1px color-mix(in srgb, #000 55%, transparent), 0 0 6px var(--cpu-green); content: ""; transform: translateX(-1px); }
.cpu-data-controls { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .42rem; }
.cpu-sort-presets { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem; }
.cpu-sort-presets > span { margin-right: .25rem; color: var(--core-secondary-text-color); font-size: .53rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.cpu-sort-presets a { padding: .38rem .62rem; color: var(--core-secondary-text-color) !important; background: transparent; border: 1px solid transparent; border-radius: .42rem; font-size: .62rem; font-weight: 750; text-decoration: none; }
.cpu-sort-presets a:hover { color: var(--core-text-color) !important; background: var(--cpu-surface); border-color: var(--cpu-line); }
.cpu-sort-presets a[aria-current="true"] { color: var(--cpu-orange) !important; background: color-mix(in srgb, var(--cpu-orange) 9%, var(--cpu-surface)); border-color: color-mix(in srgb, var(--cpu-orange) 35%, transparent); }
.cpu-catalog--dense .cpu-view-tabs { padding: .18rem; border-radius: .58rem; }
.cpu-catalog--dense .cpu-view-tabs button { min-height: 2rem; padding: 0 .62rem; border-radius: .42rem; font-size: .61rem; }
.cpu-result-meta { display: flex; min-height: 1.8rem; align-items: center; justify-content: space-between; padding: 0 .35rem; color: var(--core-secondary-text-color); font-size: .61rem; }
.cpu-result-meta strong { color: var(--core-text-color); }
.cpu-result-meta > span { font-size: .56rem; }
.cpu-affiliate-note { display: flex; min-height: 2rem; align-items: center; gap: .5rem; margin: 0 .25rem .5rem; padding: .38rem .6rem; color: var(--core-secondary-text-color); background: color-mix(in srgb, var(--cpu-orange) 5%, var(--cpu-surface-soft)); border: 1px solid var(--cpu-line-soft); border-radius: .5rem; }
.cpu-affiliate-note > i { color: var(--cpu-orange); font-size: .85rem; }
.cpu-affiliate-note p { flex: 1; color: var(--core-secondary-text-color); font-size: .62rem; line-height: 1.4; }
.cpu-affiliate-note strong { color: var(--core-text-color); }
.cpu-affiliate-note a { color: var(--cpu-orange) !important; font-size: .62rem; font-weight: 800; text-decoration: none; }
.cpu-catalog--dense .cpu-filter-chips { margin: .2rem 0 .45rem; }

.cpu-catalog--dense .cpu-table-shell { border-radius: .65rem; }
.cpu-catalog--dense .cpu-table { min-width: 1020px; table-layout: fixed; }
.cpu-catalog--dense[data-view="specs"] .cpu-table { min-width: 1320px; }
.cpu-catalog--dense[data-view="workloads"] .cpu-table { min-width: 1160px; }
.cpu-catalog--dense .cpu-table th, .cpu-catalog--dense .cpu-table td { padding: .42rem .48rem; }
.cpu-catalog--dense .cpu-table thead th { height: 34px; padding-block: .35rem; font-size: .54rem; }
.cpu-catalog--dense .cpu-table tbody tr { height: 57px; }
.cpu-catalog--dense .cpu-table__compare { width: 38px; }
.cpu-catalog--dense .cpu-table__product { width: 300px; min-width: 300px; }
.cpu-catalog--dense .cpu-col { width: 122px; min-width: 0; font-size: .66rem; }
.cpu-catalog--dense[data-view="specs"] .cpu-col--specs { overflow-wrap: anywhere; white-space: normal; }
.cpu-catalog--dense .cpu-product { grid-template-columns: 40px minmax(0, 1fr); gap: .58rem; }
.cpu-catalog--dense .cpu-product__image { width: 40px; height: 40px; border-radius: .48rem; }
.cpu-catalog--dense .cpu-product__name { margin: .2rem 0 0; }
.cpu-catalog--dense .cpu-product__name > a:not(.cpu-set-reference) { font-size: .7rem; }
.cpu-catalog--dense .cpu-set-reference { width: 1.3rem; height: 1.3rem; font-size: .55rem; }
.cpu-catalog--dense .cpu-product__copy > small { display: none; }
.cpu-catalog--dense .cpu-product__badges { gap: .2rem; }
.cpu-catalog--dense .cpu-product__badges span { padding: .1rem .28rem; font-size: .43rem; }
.cpu-catalog--dense .cpu-table td > strong, .cpu-catalog--dense .cpu-price a, .cpu-catalog--dense .cpu-price strong { font-size: .68rem; }
.cpu-catalog--dense .cpu-table td > small, .cpu-catalog--dense .cpu-price small, .cpu-catalog--dense .cpu-updated { margin-top: .12rem; font-size: .49rem; }
.cpu-price__source { display: block; color: var(--core-secondary-text-color); line-height: 1.25; white-space: nowrap; }
.cpu-price__source i { margin-right: .12rem; color: var(--cpu-orange); }
.cpu-catalog--dense .cpu-score { min-width: 0; gap: .26rem; }
.cpu-catalog--dense .cpu-score strong, .cpu-catalog--dense .cpu-value strong { font-size: .69rem; }
.cpu-catalog--dense .cpu-score > span { height: 11px; background: color-mix(in srgb, var(--core-text-color) 15%, transparent); }
.cpu-catalog--dense .cpu-value { gap: .26rem; }
.cpu-catalog--dense .cpu-value span { width: 100%; height: 11px; background: color-mix(in srgb, var(--core-text-color) 15%, transparent); }
.cpu-catalog--dense .cpu-status { font-size: .57rem; }
.cpu-catalog--dense .cpu-compare-check span { width: 1.15rem; height: 1.15rem; }
.cpu-catalog--dense .cpu-pagination { margin-top: .75rem; }
.cpu-catalog--dense .cpu-method { margin-top: 1.75rem; padding: 1rem 1.2rem; }
.cpu-answers--supporting { padding: 3.5rem 0; }
.cpu-supporting-heading { display: grid; align-items: end; grid-template-columns: 1fr minmax(300px, .55fr); gap: 2rem; margin-bottom: 1.4rem; }
.cpu-supporting-heading h2 { margin-top: .45rem; color: var(--core-text-color); font-size: clamp(1.55rem, 3vw, 2.5rem); line-height: 1.05; letter-spacing: -.045em; text-align: left; }
.cpu-supporting-heading > p { color: var(--core-secondary-text-color); font-size: .75rem; line-height: 1.6; }
.cpu-ajax-status { position: fixed; z-index: 90; top: calc(var(--pcsc-header-height, 66px) + .75rem); left: 50%; display: flex; align-items: center; gap: .45rem; padding: .55rem .8rem; color: var(--core-text-color); background: var(--core-body-background); border: 1px solid var(--cpu-line); border-radius: 2rem; box-shadow: var(--cpu-shadow); font-size: .62rem; font-weight: 800; opacity: 0; pointer-events: none; transform: translate(-50%, -12px); transition: opacity .18s ease, transform .18s ease; }
.cpu-ajax-status.is-visible { opacity: 1; transform: translate(-50%, 0); }
[data-cpu-results-frame] { transition: opacity .15s ease; }
[data-cpu-results-frame].is-loading { opacity: .48; pointer-events: none; }

@media (max-width: 1180px) {
    .cpu-compact-header__layout { grid-template-columns: 1fr auto; }
    .cpu-compact-header__links { grid-column: 1 / -1; display: flex; padding-top: .45rem; border-top: 1px solid var(--cpu-line-soft); }
    .cpu-catalog--dense .cpu-toolbar__primary { grid-template-columns: minmax(220px, 1fr) auto minmax(190px, auto) auto; }
}

@media (max-width: 820px) {
    .cpu-compact-header { padding: 1.2rem 0; }
    .cpu-compact-header__layout { grid-template-columns: 1fr; gap: .8rem; }
    .cpu-compact-header__stats { width: 100%; grid-template-columns: repeat(4, 1fr); }
    .cpu-compact-header__stats > div { min-width: 0; padding: .5rem; }
    .cpu-compact-header__links { grid-column: auto; overflow-x: auto; }
    .cpu-data-controls { align-items: stretch; flex-direction: column; }
    .cpu-sort-presets { order: 2; overflow-x: auto; flex-wrap: nowrap; padding-bottom: .2rem; }
    .cpu-sort-presets { width: 100%; min-width: 0; max-width: 100%; }
    .cpu-sort-presets a { white-space: nowrap; }
    .cpu-catalog--dense .cpu-toolbar,
    .cpu-catalog--dense .cpu-toolbar__primary { min-width: 0; max-width: 100%; }
    .cpu-catalog--dense .cpu-toolbar__primary { grid-template-columns: minmax(0, 1fr) auto; }
    .cpu-catalog--dense .cpu-toolbar__select { width: 100%; max-width: 100%; min-width: 0; grid-column: 1 / -1; overflow: hidden; }
    .cpu-catalog--dense .cpu-toolbar__select select { width: 100%; max-width: 100%; min-width: 0; }
    .cpu-catalog--dense .cpu-view-tabs { width: 100%; max-width: 100%; min-width: 0; overflow: hidden; }
    .cpu-catalog--dense .cpu-table,
    .cpu-catalog--dense[data-view] .cpu-table,
    .cpu-catalog--dense[data-view="overview"] .cpu-table,
    .cpu-catalog--dense[data-view="specs"] .cpu-table,
    .cpu-catalog--dense[data-view="workloads"] .cpu-table { min-width: 0; max-width: 100%; table-layout: auto; }
    .cpu-catalog--dense .cpu-table tbody tr { min-width: 0; max-width: 100%; overflow: hidden; }
    .cpu-catalog--dense .cpu-table tbody tr { height: auto; }
    .cpu-catalog--dense .cpu-table th, .cpu-catalog--dense .cpu-table td { padding: 0; }
    .cpu-catalog--dense .cpu-table__product { width: auto; min-width: 0; }
    .cpu-catalog--dense .cpu-col { width: auto; min-width: 0; max-width: 100%; }
    .cpu-catalog--dense .cpu-product { grid-template-columns: 48px minmax(0, 1fr); }
    .cpu-catalog--dense .cpu-product__image { width: 48px; height: 48px; }
    .cpu-catalog--dense .cpu-product__copy > small { display: block; }
    .cpu-catalog--dense .cpu-score > span, .cpu-catalog--dense .cpu-value span { height: 10px; }
    .cpu-result-meta > span { display: none; }
    .cpu-supporting-heading { grid-template-columns: 1fr; gap: .7rem; }
}

@media (max-width: 560px) {
    .cpu-compact-header__stats { grid-template-columns: .72fr .9fr .72fr 1.25fr; }
    .cpu-compact-header__stats .cpu-compact-header__reference { min-width: 0; }
    .cpu-compact-header__stats .cpu-compact-header__reference small { display: none; }
    .cpu-compact-header__title h1 { font-size: 1.8rem; }
    .cpu-compact-header__links a { font-size: .57rem; }
}

@media (max-width: 420px) {
    .cpu-toolbar__select {
        grid-column: 1 / -1;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        grid-template-columns: auto minmax(0, 1fr);
        padding: 0 .55rem;
    }
    .cpu-toolbar__select > span { font-size: .55rem; }
    .cpu-toolbar__select select { width: 100%; max-width: 100%; min-width: 0; height: 2.2rem; font-size: .62rem; }
}