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

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

body.dark-theme .mb-status--available i, body.dark-theme .mb-compact-header__reference dd i, body.dark-theme .mb-relative-control > p > span {
    box-shadow: none;
}

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

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

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

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

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

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

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

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

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

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

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

    .mb-supporting-heading { grid-template-columns: 1fr; gap: .7rem; }
    .mb-answers__grid { grid-template-columns: 1fr; }
    .mb-answers__grid .mb-leaderboard:last-child { grid-column: auto; }
}

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

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

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

.mb-explorer--primary { padding: 1rem 0 3.25rem; }
.mb-catalog--dense .mb-toolbar { top: .45rem; margin-bottom: .55rem; }
.mb-catalog--dense .mb-toolbar__primary { grid-template-columns: minmax(280px, 1fr) auto minmax(235px, auto) auto auto; padding: .42rem; border-radius: .72rem; }
.mb-catalog--dense .mb-search, .mb-catalog--dense .mb-filter-menu summary { min-height: 2.55rem; border-radius: .5rem; }
.mb-catalog--dense .mb-toolbar__select { border-radius: .5rem; }
.mb-catalog--dense .mb-toolbar__select select { height: 2.45rem; }
.mb-catalog--dense .mb-search-submit { min-height: 2.45rem; }
.mb-relative-control { display: grid; min-height: 3.25rem; align-items: center; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; margin-bottom: .5rem; padding: .45rem .6rem; background: color-mix(in srgb, var(--mb-green) 5%, var(--mb-surface-soft)); border: 1px solid color-mix(in srgb, var(--mb-green) 24%, var(--mb-line)); border-radius: .62rem; }
.mb-relative-control label { display: grid; min-width: 0; align-items: center; grid-template-columns: auto minmax(190px, auto) minmax(230px, 390px); gap: .6rem; }
.mb-relative-control label > i { display: grid; width: 2rem; height: 2rem; color: var(--mb-green); background: color-mix(in srgb, var(--mb-green) 11%, transparent); border-radius: .48rem; place-items: center; }
.mb-relative-control label > span { display: grid; min-width: 0; }
.mb-relative-control label small { color: var(--core-secondary-text-color); font-size: .49rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.mb-relative-control label strong { overflow: hidden; color: var(--core-text-color); font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.mb-relative-control select { width: 100%; min-width: 0; height: 2.25rem; margin: 0; padding: 0 1.8rem 0 .65rem; color: var(--core-text-color); background: var(--mb-surface); border: 1px solid var(--mb-line); border-radius: .48rem; font-size: .68rem; font-weight: 750; }
body.dark-theme .mb-relative-control select, body.dark-theme .mb-relative-control select option { color: #f5f2ec; background-color: #171717; color-scheme: dark; }
.mb-relative-control > p { display: flex; max-width: 520px; align-items: center; gap: .45rem; color: var(--core-secondary-text-color); font-size: .57rem; line-height: 1.35; }
.mb-relative-control > p > span { width: 2px; height: 1.55rem; flex: none; background: var(--mb-green); box-shadow: 0 0 7px var(--mb-green); }
.mb-product__badges .mb-reference-badge { color: var(--mb-green); background: color-mix(in srgb, var(--mb-green) 10%, transparent); border-color: color-mix(in srgb, var(--mb-green) 38%, transparent); }
.mb-score > span, .mb-compare-score > span { position: relative; }
.mb-score.has-reference-marker > span::after, .mb-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(--mb-green); content: ""; transform: translateX(-1px); }
.mb-catalog-switch { display: flex; min-height: 2.35rem; align-items: center; gap: .35rem; margin-bottom: .48rem; padding: .3rem .45rem; background: var(--mb-surface-soft); border: 1px solid var(--mb-line-soft); border-radius: .62rem; }
.mb-catalog-switch > span { margin: 0 .2rem; color: var(--core-secondary-text-color); font-size: .52rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.mb-catalog-switch a { display: flex; min-height: 1.72rem; align-items: center; gap: .35rem; padding: 0 .58rem; color: var(--core-secondary-text-color) !important; border: 1px solid transparent; border-radius: .4rem; font-size: .61rem; font-weight: 800; text-decoration: none; }
.mb-catalog-switch a[aria-current="page"] { color: var(--mb-orange) !important; background: color-mix(in srgb, var(--mb-orange) 9%, var(--mb-surface)); border-color: color-mix(in srgb, var(--mb-orange) 35%, transparent); }
.mb-catalog-switch small { margin-left: auto; color: var(--core-secondary-text-color); font-size: .54rem; }
.mb-selected-gpu { display: flex; min-height: 2.25rem; align-items: center; gap: .55rem; margin-bottom: .48rem; padding: .35rem .65rem; color: var(--core-secondary-text-color); background: color-mix(in srgb, var(--mb-orange) 6%, var(--mb-surface-soft)); border: 1px solid color-mix(in srgb, var(--mb-orange) 24%, var(--mb-line)); border-radius: .55rem; }
.mb-selected-gpu > i { color: var(--mb-orange); }
.mb-selected-gpu p { flex: 1; color: var(--core-secondary-text-color); font-size: .62rem; }
.mb-selected-gpu strong { color: var(--core-text-color); }
.mb-selected-gpu a { color: var(--mb-orange) !important; font-size: .58rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.mb-data-controls { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .42rem; }
.mb-sort-presets { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem; }
.mb-sort-presets > span { margin-right: .25rem; color: var(--core-secondary-text-color); font-size: .53rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.mb-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; }
.mb-sort-presets a:hover { color: var(--core-text-color) !important; background: var(--mb-surface); border-color: var(--mb-line); }
.mb-sort-presets a[aria-current="true"] { color: var(--mb-orange) !important; background: color-mix(in srgb, var(--mb-orange) 9%, var(--mb-surface)); border-color: color-mix(in srgb, var(--mb-orange) 35%, transparent); }
.mb-catalog--dense .mb-view-tabs { padding: .18rem; border-radius: .58rem; }
.mb-catalog--dense .mb-view-tabs button { min-height: 2rem; padding: 0 .62rem; border-radius: .42rem; font-size: .61rem; }
.mb-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; }
.mb-result-meta strong { color: var(--core-text-color); }
.mb-result-meta > span { font-size: .56rem; }
.mb-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(--mb-orange) 5%, var(--mb-surface-soft)); border: 1px solid var(--mb-line-soft); border-radius: .5rem; }
.mb-affiliate-note > i { color: var(--mb-orange); font-size: .85rem; }
.mb-affiliate-note p { flex: 1; color: var(--core-secondary-text-color); font-size: .62rem; line-height: 1.4; }
.mb-affiliate-note strong { color: var(--core-text-color); }
.mb-affiliate-note a { color: var(--mb-orange) !important; font-size: .62rem; font-weight: 800; text-decoration: none; }
.mb-catalog--dense .mb-filter-chips { margin: .2rem 0 .45rem; }
.mb-score-note { display: flex; min-height: 2.15rem; align-items: center; gap: .5rem; margin-bottom: .45rem; padding: .38rem .6rem; color: var(--core-secondary-text-color); background: color-mix(in srgb, var(--mb-blue) 5%, var(--mb-surface-soft)); border: 1px solid var(--mb-line-soft); border-radius: .5rem; }
.mb-score-note > i { color: var(--mb-blue); }
.mb-score-note p { color: var(--core-secondary-text-color); font-size: .58rem; line-height: 1.4; }
.mb-score-note strong { color: var(--core-text-color); }

.mb-catalog--dense .mb-table-shell { border-radius: .65rem; }
.mb-catalog--dense .mb-table { min-width: 1200px; table-layout: fixed; }
.mb-catalog--dense[data-view="specs"] .mb-table { min-width: 1320px; }
.mb-catalog--dense[data-view="workloads"] .mb-table { min-width: 1160px; }
.mb-catalog--dense .mb-table th, .mb-catalog--dense .mb-table td { padding: .42rem .48rem; }
.mb-catalog--dense .mb-table thead th { height: 34px; padding-block: .35rem; font-size: .54rem; }
.mb-catalog--dense .mb-table tbody tr { height: 66px; }
.mb-catalog--dense .mb-table__compare { width: 38px; }
.mb-catalog--dense .mb-table__product { width: 310px; min-width: 310px; }
.mb-catalog--dense .mb-col { width: 122px; min-width: 0; font-size: .66rem; }
.mb-catalog--dense .mb-col--vrm { width: 250px; }
.mb-catalog--dense[data-view="specs"] .mb-col--specs { overflow-wrap: anywhere; white-space: normal; }
.mb-catalog--dense[data-view="workloads"] .mb-col--workloads { overflow-wrap: anywhere; white-space: normal; }
.mb-catalog--dense .mb-product { grid-template-columns: 40px minmax(0, 1fr); gap: .58rem; }
.mb-catalog--dense .mb-product__image { width: 40px; height: 40px; border-radius: .48rem; }
.mb-catalog--dense .mb-product__copy > a:not(.mb-product__retail) { margin: .2rem 0 0; font-size: .7rem; }
.mb-catalog--dense .mb-product__copy > small { display: none; }
.mb-catalog--dense .mb-product__badges { gap: .2rem; }
.mb-catalog--dense .mb-product__badges span { padding: .1rem .28rem; font-size: .43rem; }
.mb-catalog--dense .mb-table td > strong, .mb-catalog--dense .mb-price a, .mb-catalog--dense .mb-price strong { font-size: .68rem; }
.mb-catalog--dense .mb-table td > small, .mb-catalog--dense .mb-price small, .mb-catalog--dense .mb-updated { margin-top: .12rem; font-size: .49rem; }
.mb-price__source { display: block; color: var(--core-secondary-text-color); line-height: 1.25; white-space: nowrap; }
.mb-price__source i { margin-right: .12rem; color: var(--mb-orange); }
.mb-catalog--dense .mb-score { min-width: 0; gap: .26rem; }
.mb-catalog--dense .mb-score strong, .mb-catalog--dense .mb-value strong { font-size: .69rem; }
.mb-catalog--dense .mb-score strong small { color: var(--core-secondary-text-color); font-size: .46rem; font-weight: 650; text-transform: uppercase; }
.mb-catalog--dense .mb-score > span { height: 11px; background: color-mix(in srgb, var(--core-text-color) 15%, transparent); }
.mb-vrm-spec { display: block; color: var(--core-secondary-text-color); font-size: .5rem; line-height: 1.35; }
.mb-vrm-spec b { color: var(--core-text-color); font-weight: 800; }
.mb-catalog--dense .mb-value { gap: .26rem; }
.mb-catalog--dense .mb-value span { width: 100%; height: 11px; background: color-mix(in srgb, var(--core-text-color) 15%, transparent); }
.mb-catalog--dense .mb-status { font-size: .57rem; }
.mb-catalog--dense .mb-compare-check span { width: 1.15rem; height: 1.15rem; }
.mb-catalog--dense .mb-pagination { margin-top: .75rem; }
.mb-catalog--dense .mb-method { margin-top: 1.75rem; padding: 1rem 1.2rem; }
.mb-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(--mb-line); border-radius: 2rem; box-shadow: var(--mb-shadow); font-size: .62rem; font-weight: 800; opacity: 0; pointer-events: none; transform: translate(-50%, -12px); transition: opacity .18s ease, transform .18s ease; }
.mb-ajax-status.is-visible { opacity: 1; transform: translate(-50%, 0); }
[data-mb-results-frame] { transition: opacity .15s ease; }
[data-mb-results-frame].is-loading { opacity: .48; pointer-events: none; }

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

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

@media (max-width: 560px) {
    .mb-relative-control label { grid-template-columns: auto minmax(0, 1fr); }
    .mb-relative-control select { grid-column: 1 / -1; }
}

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

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