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

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

body.dark-theme .chassis-status--available i {
    box-shadow: none;
}

.chassis-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;
}

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

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

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

.chassis-view-tabs { display: flex; gap: .25rem; padding: .25rem; background: var(--chassis-surface); border: 1px solid var(--chassis-line-soft); border-radius: .75rem; }
.chassis-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; }
.chassis-view-tabs button[aria-selected="true"] { color: #211001; background: var(--chassis-accent); box-shadow: 0 5px 18px color-mix(in srgb, var(--chassis-accent) 22%, transparent); }
.chassis-filter-chips { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin-bottom: .8rem; }
.chassis-filter-chips > span { margin-right: .2rem; color: var(--core-secondary-text-color); font-size: .62rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.chassis-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(--chassis-surface); border: 1px solid var(--chassis-line); border-radius: 2rem; font-size: .64rem; text-decoration: none; }
.chassis-filter-chips a i { color: var(--chassis-accent); }
.chassis-filter-chips a.chassis-filter-chips__clear { color: var(--chassis-accent) !important; background: transparent; border-color: transparent; }

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

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

.chassis-answers { padding: clamp(4.5rem, 7vw, 7rem) 0; background: var(--chassis-surface-soft); border-bottom: 1px solid var(--chassis-line-soft); }
.chassis-answers--supporting { padding: 3.5rem 0; }
.chassis-supporting-heading { display: grid; align-items: end; grid-template-columns: 1fr minmax(300px, .55fr); gap: 2rem; margin-bottom: 1.4rem; }
.chassis-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; }
.chassis-supporting-heading > p { color: var(--core-secondary-text-color); font-size: .75rem; line-height: 1.6; }
.chassis-answers__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.chassis-answers__grid + .chassis-answers__grid { margin-top: 1rem; }
.chassis-leaderboard { min-width: 0; overflow: hidden; padding: 1.25rem; background: var(--chassis-surface); border: 1px solid var(--chassis-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; }
.chassis-leaderboard:hover { border-color: color-mix(in srgb, var(--chassis-accent) 38%, var(--chassis-line)); transform: translateY(-3px); }
.chassis-leaderboard__header { display: flex; min-width: 0; align-items: center; gap: .9rem; padding: .15rem .15rem 1rem; border-bottom: 1px solid var(--chassis-line-soft); }
.chassis-leaderboard__icon { display: grid; width: 2.75rem; height: 2.75rem; flex: none; color: var(--chassis-accent); background: color-mix(in srgb, var(--chassis-accent) 12%, transparent); border-radius: .75rem; place-items: center; }
.chassis-leaderboard__header p { margin-bottom: .18rem; color: var(--core-secondary-text-color); font-size: .59rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.chassis-leaderboard__header > div { min-width: 0; overflow: hidden; }
.chassis-leaderboard__header h3 { overflow: hidden; color: var(--core-text-color); font-size: 1.06rem; text-overflow: ellipsis; white-space: nowrap; }
.chassis-leaderboard__list { min-width: 0; margin: 0; padding: .35rem 0; list-style: none; }
.chassis-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(--chassis-line-soft); }
.chassis-leaderboard__list li:last-child { border: 0; }
.chassis-leaderboard__rank { color: var(--core-secondary-text-color); font-size: .64rem; font-weight: 800; }
.chassis-leaderboard__product { display: grid; min-width: 0; overflow: hidden; align-items: center; grid-template-columns: 46px minmax(0, 1fr); gap: .7rem; }
.chassis-leaderboard__thumb { display: grid; width: 46px; height: 46px; overflow: hidden; color: var(--chassis-accent) !important; background: color-mix(in srgb, #fff 92%, var(--chassis-surface)); border: 1px solid var(--chassis-line-soft); border-radius: .65rem; text-decoration: none !important; place-items: center; }
.chassis-leaderboard__thumb img { width: 100%; height: 100%; padding: 4px; object-fit: contain; }
.chassis-leaderboard__product > span:last-child { display: grid; min-width: 0; overflow: hidden; gap: .08rem; }
.chassis-leaderboard__product a:not(.chassis-leaderboard__price) { color: inherit !important; text-decoration: none !important; }
.chassis-leaderboard__product > span:last-child > a:not(.chassis-leaderboard__price) { display: block; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chassis-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; }
.chassis-leaderboard__product small { display: block; overflow: hidden; color: var(--core-secondary-text-color); font-size: .61rem; text-overflow: ellipsis; white-space: nowrap; }
.chassis-leaderboard__price { display: inline-flex; align-items: center; gap: .28rem; overflow: hidden; max-width: 100%; color: var(--chassis-accent) !important; font-size: .61rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.chassis-leaderboard__price:hover { text-decoration: underline; }
.chassis-leaderboard__score { flex: none; color: var(--chassis-green); font-size: .72rem; white-space: nowrap; }
.chassis-leaderboard__link { display: flex; align-items: center; justify-content: space-between; padding: .85rem .25rem .1rem; color: var(--chassis-accent) !important; font-size: .7rem; font-weight: 800; text-decoration: none; }
.chassis-leaderboard__link i { transition: transform .2s ease; }
.chassis-leaderboard__link:hover i { transform: translateX(4px); }

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

@media (max-width: 1100px) {
    .chassis-toolbar__primary { grid-template-columns: minmax(220px, 1fr) auto minmax(190px, auto) auto; }
    .chassis-toolbar__select--count { display: none; }
    .chassis-answers__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
    .chassis-catalog { height: calc(100vh - var(--pcsc-header-height-mobile, 60px)); }
    .chassis-toolbar { position: sticky; top: 0; z-index: 30; order: -3; }
    .chassis-toolbar__primary { grid-template-columns: minmax(0, 1fr) auto; }
    .chassis-toolbar__select { grid-column: 1 / -1; }
    .chassis-filter-menu[open] { grid-column: 1 / -1; }
    .chassis-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-chassis-results-frame] { display: flex; flex-direction: column; }
    .chassis-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .chassis-view-tabs { width: 100%; max-width: 100%; min-width: 0; overflow: hidden; }
    .chassis-view-tabs button { flex: 1; justify-content: center; }
    .chassis-table-shell { overflow: visible; background: transparent; border: 0; box-shadow: none; }
    .chassis-table { display: block; min-width: 0; max-width: 100%; }
    .chassis-table thead { display: none; }
    .chassis-table tbody { display: grid; gap: .75rem; }
    .chassis-table tbody tr { position: relative; display: grid; min-width: 0; max-width: 100%; overflow: hidden; padding: 1rem; background: var(--chassis-surface) !important; border: 1px solid var(--chassis-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; }
    .chassis-table th, .chassis-table td { display: block; min-width: 0; width: auto; padding: 0; border: 0; }
    .chassis-table__compare { position: absolute; z-index: 2; top: 1rem; right: 1rem; }
    .chassis-table__product { grid-column: 1 / -1; padding-right: 2.2rem !important; }
    .chassis-product { grid-template-columns: 62px minmax(0, 1fr); }
    .chassis-product__image { width: 62px; height: 62px; }
    .chassis-product__copy > a { white-space: normal; }
    .chassis-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(--chassis-line-soft) !important; }
    .chassis-catalog[data-view="overview"] .chassis-col:not(.chassis-col--overview),
    .chassis-catalog[data-view="specs"] .chassis-col:not(.chassis-col--specs),
    .chassis-catalog[data-view="workloads"] .chassis-col:not(.chassis-col--workloads) { display: none !important; }
    .chassis-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; }
    .chassis-score, .chassis-score--compact { min-width: 0; max-width: 100%; }
    .chassis-value span { width: 100%; max-width: 58px; }
    .chassis-method { align-items: start; grid-template-columns: auto 1fr; }
    .chassis-method > a { grid-column: 2; }
    .chassis-compare-tray > .chassis-container { grid-template-columns: auto 1fr; }
    .chassis-compare-tray__items { grid-column: 1 / -1; grid-row: 2; order: 3; }
    .chassis-compare-tray__actions { justify-self: end; }
    .chassis-compare-tray { padding: .45rem 0; }
    .chassis-compare-tray > .chassis-container { gap: .45rem; }
    .chassis-compare-tray__title strong { font-size: .62rem; }
    .chassis-compare-tray__actions button { min-height: 2rem; padding: 0 .55rem; font-size: .58rem; }
    .chassis-compare-dialog { padding: .3rem; }
    .chassis-compare-dialog__panel { width: 100%; height: calc(100dvh - .6rem); max-height: calc(100vh - .6rem); border-radius: .7rem; }
    .chassis-compare-dialog__header,
    .chassis-compare-dialog__footer { padding: .6rem .65rem; gap: .45rem; }
    .chassis-compare-dialog .chassis-eyebrow { gap: .35rem; font-size: .55rem; letter-spacing: .08em; }
    .chassis-compare-dialog .chassis-eyebrow > span { width: 1rem; }
    .chassis-compare-dialog__header h2 { margin-top: .1rem; font-size: 1.05rem; letter-spacing: -.03em; }
    .chassis-compare-dialog__header small { margin-top: .15rem; font-size: .5rem; line-height: 1.35; }
    .chassis-compare-dialog__header > button { width: 2rem; height: 2rem; border-radius: .45rem; }
    .chassis-compare-dialog__footer { flex-wrap: wrap; }
    .chassis-compare-dialog__footer button { min-height: 2rem; padding: 0 .5rem; font-size: .58rem; }
    .chassis-comparison-table[data-count="2"] { min-width: 460px; }
    .chassis-comparison-table[data-count="3"] { min-width: 580px; }
    .chassis-comparison-table[data-count="4"] { min-width: 700px; }
    .chassis-comparison-table th,
    .chassis-comparison-table td { padding: .4rem .38rem; font-size: .58rem; }
    .chassis-comparison-table thead th { height: 70px; }
    .chassis-comparison-table thead th:first-child,
    .chassis-comparison-table tbody > tr:not(.chassis-compare-section) > th {
        width: 96px;
        min-width: 96px;
        max-width: 96px;
        padding: .4rem .32rem;
        font-size: .46rem;
        letter-spacing: .02em;
        overflow-wrap: anywhere;
    }
    .chassis-comparison-table thead a { max-width: 100%; margin: .18rem 0 .1rem; font-size: .6rem; }
    .chassis-comparison-table thead small { font-size: .45rem; }
    .chassis-compare-card__brand { font-size: .45rem; letter-spacing: .04em; }
    .chassis-compare-section th { padding: .45rem .4rem; }
    .chassis-compare-section strong { font-size: .54rem; letter-spacing: .04em; }
    .chassis-compare-section span { margin-top: .1rem; font-size: .46rem; }
    .chassis-compare-score,
    .chassis-compare-value { gap: .2rem; }
    .chassis-compare-score strong,
    .chassis-compare-value strong { font-size: .6rem; }
    .chassis-compare-score > span,
    .chassis-compare-value > span { height: 8px; }

    .chassis-supporting-heading { grid-template-columns: 1fr; gap: .7rem; }
    .chassis-answers__grid { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
    .chassis-container { width: min(calc(100% - 1rem), 1420px); }
    .chassis-explorer { padding-block: 4rem; }
    .chassis-toolbar__primary { grid-template-columns: 1fr auto; padding: .45rem; }
    .chassis-search { min-height: 2.8rem; }
    .chassis-filter-menu summary { width: 2.8rem; min-height: 2.8rem; justify-content: center; padding: 0; }
    .chassis-filter-menu summary > i { font-size: .9rem; }
    .chassis-filter-menu summary:not(:has(span)) { font-size: 0; }
    .chassis-filter-menu summary > span { position: absolute; top: -.25rem; right: -.25rem; }
    .chassis-toolbar__select { grid-column: 1 / -1; }
    .chassis-filter-menu__panel { inset: auto; max-height: min(70vh, 32rem); padding: 1rem; }
    .chassis-filter-grid { grid-template-columns: 1fr; }
    .chassis-filter-menu__actions { position: sticky; bottom: -1rem; margin: 0 -1rem -1rem; padding: .85rem 1rem; background: var(--core-body-background); }
    .chassis-view-tabs button { padding-inline: .55rem; }
    .chassis-view-tabs button i { display: none; }
    .chassis-table tbody tr { grid-template-columns: 1fr 1fr; padding: .85rem; }
    .chassis-product { grid-template-columns: 54px minmax(0, 1fr); }
    .chassis-product__image { width: 54px; height: 54px; }
    .chassis-pagination > a span, .chassis-pagination > span span { display: none; }
    .chassis-pagination { grid-template-columns: auto 1fr auto; }
    .chassis-pagination > div { justify-content: center; }
    .chassis-pagination > div a { width: 2rem; height: 2rem; }
    .chassis-method { grid-template-columns: 1fr; }
    .chassis-method > span { display: none; }
    .chassis-method > a { grid-column: auto; }
    .chassis-answers, .chassis-explorer { padding-block: 4rem; }
    .chassis-answers--supporting { padding: 2.5rem 0; }
    .chassis-compare-tray__title > span { display: none; }
    .chassis-compare-tray__actions > button:first-child { display: none; }
    .chassis-compare-tray__actions .chassis-compare-tray__open { padding-inline: .6rem; }
}

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

/* Dense comparison-first layout */
.chassis-compact-header {
    padding: 1.35rem 0 1rem;
    background: var(--chassis-surface-soft);
    border-bottom: 1px solid var(--chassis-line);
}
.chassis-compact-header__layout { display: grid; align-items: center; grid-template-columns: minmax(420px, 1fr) auto auto; gap: 1.5rem; }
.chassis-compact-header__title .chassis-eyebrow { margin-bottom: .4rem; }
.chassis-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; }
.chassis-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; }
.chassis-compact-header__title > p:last-child a { color: var(--chassis-accent) !important; font-weight: 800; text-decoration: none; }
.chassis-compact-header__stats { display: grid; grid-template-columns: repeat(4, auto); margin: 0; overflow: hidden; background: var(--chassis-surface); border: 1px solid var(--chassis-line); border-radius: .7rem; }
.chassis-compact-header__stats > div { display: grid; min-width: 78px; gap: .15rem; padding: .65rem .75rem; border-right: 1px solid var(--chassis-line-soft); }
.chassis-compact-header__stats > div:last-child { border: 0; }
.chassis-compact-header__stats dt { color: var(--core-secondary-text-color); font-size: .5rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.chassis-compact-header__stats dd { margin: 0; color: var(--core-text-color); font-size: 1rem; font-weight: 850; }
.chassis-compact-header__stats small { color: var(--core-secondary-text-color); font-size: .48rem; }
.chassis-compact-header__links { display: grid; gap: .22rem; }
.chassis-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; }
.chassis-compact-header__links a:hover { color: var(--chassis-accent) !important; }
.chassis-compact-header__links i { width: .9rem; color: var(--chassis-accent); text-align: center; }

.chassis-explorer--primary { padding: 1rem 0 3.25rem; }
.chassis-catalog--dense .chassis-toolbar { top: .45rem; margin-bottom: .55rem; }
.chassis-catalog--dense .chassis-toolbar__primary { grid-template-columns: minmax(280px, 1fr) auto minmax(235px, auto) auto auto; padding: .42rem; border-radius: .72rem; }
.chassis-catalog--dense .chassis-search, .chassis-catalog--dense .chassis-filter-menu summary { min-height: 2.55rem; border-radius: .5rem; }
.chassis-catalog--dense .chassis-toolbar__select { border-radius: .5rem; }
.chassis-catalog--dense .chassis-toolbar__select select { height: 2.45rem; }
.chassis-catalog--dense .chassis-search-submit { min-height: 2.45rem; }
.chassis-data-controls { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .42rem; }
.chassis-sort-presets { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem; }
.chassis-sort-presets > span { margin-right: .25rem; color: var(--core-secondary-text-color); font-size: .53rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.chassis-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; }
.chassis-sort-presets a:hover { color: var(--core-text-color) !important; background: var(--chassis-surface); border-color: var(--chassis-line); }
.chassis-sort-presets a[aria-current="true"] { color: var(--chassis-accent) !important; background: color-mix(in srgb, var(--chassis-accent) 9%, var(--chassis-surface)); border-color: color-mix(in srgb, var(--chassis-accent) 35%, transparent); }
.chassis-catalog--dense .chassis-view-tabs { padding: .18rem; border-radius: .58rem; }
.chassis-catalog--dense .chassis-view-tabs button { min-height: 2rem; padding: 0 .62rem; border-radius: .42rem; font-size: .61rem; }
.chassis-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; }
.chassis-result-meta strong { color: var(--core-text-color); }
.chassis-result-meta > span { font-size: .56rem; }
.chassis-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(--chassis-accent) 5%, var(--chassis-surface-soft)); border: 1px solid var(--chassis-line-soft); border-radius: .5rem; }
.chassis-affiliate-note > i { color: var(--chassis-accent); font-size: .85rem; }
.chassis-affiliate-note p { flex: 1; color: var(--core-secondary-text-color); font-size: .62rem; line-height: 1.4; }
.chassis-affiliate-note strong { color: var(--core-text-color); }
.chassis-affiliate-note a { color: var(--chassis-accent) !important; font-size: .62rem; font-weight: 800; text-decoration: none; }
.chassis-catalog--dense .chassis-filter-chips { margin: .2rem 0 .45rem; }
.chassis-catalog--dense .chassis-table-shell { border-radius: .65rem; }
.chassis-catalog--dense .chassis-table { min-width: 1200px; table-layout: fixed; }
.chassis-catalog--dense[data-view="specs"] .chassis-table { min-width: 1320px; }
.chassis-catalog--dense[data-view="workloads"] .chassis-table { min-width: 1160px; }
.chassis-catalog--dense .chassis-table th, .chassis-catalog--dense .chassis-table td { padding: .42rem .48rem; }
.chassis-catalog--dense .chassis-table thead th { height: 34px; padding-block: .35rem; font-size: .54rem; }
.chassis-catalog--dense .chassis-table tbody tr { height: 66px; }
.chassis-catalog--dense .chassis-table__compare { width: 38px; }
.chassis-catalog--dense .chassis-table__product { width: 310px; min-width: 310px; }
.chassis-catalog--dense .chassis-col { width: 122px; min-width: 0; font-size: .66rem; }
.chassis-catalog--dense[data-view="specs"] .chassis-col--specs { overflow-wrap: anywhere; white-space: normal; }
.chassis-catalog--dense[data-view="workloads"] .chassis-col--workloads { overflow-wrap: anywhere; white-space: normal; }
.chassis-catalog--dense .chassis-product { grid-template-columns: 40px minmax(0, 1fr); gap: .58rem; }
.chassis-catalog--dense .chassis-product__image { width: 40px; height: 40px; border-radius: .48rem; }
.chassis-catalog--dense .chassis-product__copy > a { margin: .2rem 0 0; font-size: .7rem; }
.chassis-catalog--dense .chassis-product__copy > small { display: none; }
.chassis-catalog--dense .chassis-product__badges { gap: .2rem; }
.chassis-catalog--dense .chassis-product__badges span { padding: .1rem .28rem; font-size: .43rem; }
.chassis-catalog--dense .chassis-table td > strong, .chassis-catalog--dense .chassis-price a, .chassis-catalog--dense .chassis-price strong { font-size: .68rem; }
.chassis-catalog--dense .chassis-table td > small, .chassis-catalog--dense .chassis-price small, .chassis-catalog--dense .chassis-updated { margin-top: .12rem; font-size: .49rem; }
.chassis-price__source { display: block; color: var(--core-secondary-text-color); line-height: 1.25; white-space: nowrap; }
.chassis-price__source i { margin-right: .12rem; color: var(--chassis-accent); }
.chassis-catalog--dense .chassis-score { min-width: 0; gap: .26rem; }
.chassis-catalog--dense .chassis-score strong, .chassis-catalog--dense .chassis-value strong { font-size: .69rem; }
.chassis-catalog--dense .chassis-score strong small { color: var(--core-secondary-text-color); font-size: .46rem; font-weight: 650; text-transform: uppercase; }
.chassis-catalog--dense .chassis-score > span { height: 11px; background: color-mix(in srgb, var(--core-text-color) 15%, transparent); }
.chassis-catalog--dense .chassis-value { gap: .26rem; }
.chassis-catalog--dense .chassis-value span { width: 100%; height: 11px; background: color-mix(in srgb, var(--core-text-color) 15%, transparent); }
.chassis-catalog--dense .chassis-status { font-size: .57rem; }
.chassis-catalog--dense .chassis-compare-check span { width: 1.15rem; height: 1.15rem; }
.chassis-catalog--dense .chassis-pagination { margin-top: .75rem; }
.chassis-catalog--dense .chassis-method { margin-top: 1.75rem; padding: 1rem 1.2rem; }
.chassis-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(--chassis-line); border-radius: 2rem; box-shadow: var(--chassis-shadow); font-size: .62rem; font-weight: 800; opacity: 0; pointer-events: none; transform: translate(-50%, -12px); transition: opacity .18s ease, transform .18s ease; }
.chassis-ajax-status.is-visible { opacity: 1; transform: translate(-50%, 0); }
[data-chassis-results-frame] { transition: opacity .15s ease; }
[data-chassis-results-frame].is-loading { opacity: .48; pointer-events: none; }

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

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

@media (max-width: 560px) {
    .chassis-compact-header__stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .chassis-compact-header__stats > div { padding-inline: .38rem; text-align: center; }
    .chassis-compact-header__stats dt { overflow: hidden; font-size: .42rem; letter-spacing: .02em; text-overflow: ellipsis; white-space: nowrap; }
    .chassis-compact-header__title h1 { font-size: 1.8rem; }
    .chassis-compact-header__links a { font-size: .57rem; }
}

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