:root {
    color-scheme: dark light;
}

html[data-theme='dark'] {
    --bs-bg:#0b1220;
    --bs-page:#10192b;
    --bs-panel:#141d2f;
    --bs-panel-2:#10192b;
    --bs-border:#263854;
    --bs-border-strong:#31486c;
    --bs-text:#e6edf7;
    --bs-muted:#c9d7ef;
    --bs-soft:#93a4c2;
    --bs-accent:#60a5fa;
    --bs-accent-strong:#93c5fd;
    --bs-good:#34d399;
    --bs-good-bg:rgba(16,185,129,.14);
    --bs-bad:#f87171;
    --bs-warn:#fb923c;
    --bs-chip:#111d31;
    --bs-shadow:0 12px 30px rgba(0,0,0,.22);
}

html[data-theme='light'] {
    --bs-bg:#eaf1fa;
    --bs-page:#f7fbff;
    --bs-panel:#ffffff;
    --bs-panel-2:#f5f9ff;
    --bs-border:#cbd9ee;
    --bs-border-strong:#b9cbe5;
    --bs-text:#0b1930;
    --bs-muted:#2f405b;
    --bs-soft:#64748b;
    --bs-accent:#2563eb;
    --bs-accent-strong:#1d4ed8;
    --bs-good:#00835b;
    --bs-good-bg:rgba(16,185,129,.13);
    --bs-bad:#c20f17;
    --bs-warn:#c65a08;
    --bs-chip:#eef5ff;
    --bs-shadow:0 12px 28px rgba(18,37,63,.08);
}

* {
    box-sizing:border-box;
}

/* Prevent unloaded Material icon ligatures from expanding icon-only controls. */
:is(span, i).material-icons,
:is(span, i).material-icons-outlined,
:is(span, i).material-symbols-outlined,
:is(span, i).material-symbols-rounded {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:1em;
    min-width:1em;
    height:1em;
    overflow:hidden;
    white-space:nowrap;
    line-height:1;
}

html {
    scroll-behavior:smooth;
}

body {
    margin:0;
    min-height:100vh;
    font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    -webkit-font-smoothing:antialiased;
    background:var(--bs-bg);
    color:var(--bs-text);
}

body::before {
    content:'';
    position:fixed;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 10% 0%, rgba(37,99,235,.08), transparent 28%),
        radial-gradient(circle at 85% 5%, rgba(96,165,250,.07), transparent 28%);
}

.material-symbols-outlined {
    font-variation-settings:'FILL' 0,'wght' 650,'GRAD' 0,'opsz' 24;
    font-size:20px;
    line-height:1;
}

.page {
    width:min(1180px, calc(100% - 32px));
    margin:0 auto;
    position:relative;
}

.topbar {
    min-height:64px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}

.brand {
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--bs-text);
    text-decoration:none;
}

.brand .material-symbols-outlined {
    color:var(--bs-accent);
    font-size:22px;
}

.brand strong {
    font-size:1.2rem;
    letter-spacing:-.03em;
}

.topnav {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}

.topnav a,
.theme-toggle,
.primary-cta,
.text-cta,
.small-action {
    min-height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    border-radius:10px;
    font-family:inherit;
    font-weight:760;
    font-size:.82rem;
    line-height:1;
    text-decoration:none;
    transition:all .18s ease;
    white-space:nowrap;
}

.topnav a,
.theme-toggle {
    padding:8px 12px;
    border:1px solid var(--bs-border-strong);
    background:var(--bs-panel);
    color:var(--bs-text);
}

.topnav a:hover,
.theme-toggle:hover,
.primary-cta:hover,
.small-action:hover {
    transform:translateY(-1px);
    border-color:var(--bs-accent);
}

.theme-toggle {
    cursor:pointer;
}

.primary-cta {
    padding:9px 13px;
    border:1px solid #2c62ed;
    background:linear-gradient(135deg,#2563eb,#4f46e5);
    color:white;
    box-shadow:0 8px 16px rgba(37,99,235,.20);
}

.text-cta {
    color:var(--bs-accent-strong);
    padding:8px 4px;
}

main {
    padding-bottom:24px;
}

.hero {
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(360px,.74fr);
    gap:34px;
    align-items:center;
    background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.10));
    padding:34px 18px 30px;
    border-radius:0 0 16px 16px;
}

html[data-theme='dark'] .hero {
    background:linear-gradient(135deg,rgba(20,29,47,.50),rgba(16,25,43,.20));
}

.eyebrow {
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-bottom:10px;
    color:var(--bs-accent-strong);
    font-weight:850;
    font-size:.78rem;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.eyebrow .material-symbols-outlined {
    font-size:18px;
}

.hero-copy { padding:8px 0 8px 4px; }

.hero h1 {
    margin:0;
    max-width:760px;
    font-size:clamp(2.1rem, 4.6vw, 3.25rem);
    line-height:1.05;
    letter-spacing:-.062em;
}

.hero p {
    margin:16px 0 0;
    max-width:660px;
    color:var(--bs-muted);
    font-size:1.02rem;
    line-height:1.62;
}

.hero-actions {
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
    margin-top:24px;
}

.seller-facts,
.snapshot-card,
.panel {
    border:1px solid var(--bs-border);
    border-radius:14px;
    background:var(--bs-panel);
    box-shadow:var(--bs-shadow);
}

.seller-facts {
    padding:18px 20px;
}

.fact-row {
    display:grid;
    grid-template-columns:28px minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    min-height:58px;
    border-bottom:1px solid var(--bs-border);
}

.fact-row:last-child {
    border-bottom:0;
}

.fact-icon {
    color:var(--bs-soft);
    font-size:20px;
}

.fact-row small {
    display:block;
    color:var(--bs-muted);
    font-size:.78rem;
    font-weight:820;
}

.fact-row span:not(.material-symbols-outlined) {
    display:block;
    color:var(--bs-soft);
    font-size:.82rem;
    margin-top:2px;
}

.fact-row strong {
    text-align:right;
    white-space:nowrap;
    font-weight:850;
}

.snapshot-card {
    display:grid;
    grid-template-columns:64px minmax(0,1fr);
    gap:18px;
    align-items:start;
    padding:20px 22px;
    margin:0 0 20px;
    background:linear-gradient(135deg,var(--bs-panel),var(--bs-panel-2));
}

.round-icon {
    width:50px;
    height:50px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:rgba(37,99,235,.10);
    border:1px solid var(--bs-border);
    color:var(--bs-accent);
}

.snapshot-card h2,
.section-head h2 {
    margin:0;
    font-size:1.07rem;
    letter-spacing:-.02em;
}

.snapshot-card ul {
    margin:8px 0 0;
    padding:0;
    list-style:none;
    display:grid;
    gap:6px;
}

.snapshot-card li {
    color:var(--bs-muted);
    line-height:1.5;
    position:relative;
    padding-left:18px;
}

.snapshot-card li::before {
    content:'';
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--bs-accent);
    position:absolute;
    left:0;
    top:.55em;
}

.panel {
    padding:18px;
    margin-bottom:20px;
}

.section-head {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:14px;
}

.section-head.compact {
    margin-bottom:12px;
}

.section-head p {
    margin:6px 0 0;
    color:var(--bs-muted);
    line-height:1.55;
    font-size:.92rem;
}

.date-pill {
    display:inline-flex;
    align-items:center;
    gap:7px;
    border:1px solid var(--bs-border-strong);
    border-radius:10px;
    padding:8px 11px;
    color:var(--bs-accent-strong);
    background:var(--bs-panel-2);
    font-size:.82rem;
    font-weight:800;
    white-space:nowrap;
}

.table-shell {
    width:100%;
    overflow-x:auto;
    border:1px solid var(--bs-border);
    border-radius:11px;
    background:var(--bs-panel-2);
    -webkit-overflow-scrolling:touch;
}

.data-table {
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    min-width:650px;
}

.data-table th,
.data-table td {
    padding:13px 15px;
    text-align:left;
    border-bottom:1px solid var(--bs-border);
    vertical-align:middle;
    font-size:.9rem;
}

.data-table th {
    color:var(--bs-soft);
    text-transform:uppercase;
    letter-spacing:.065em;
    font-size:.72rem;
    font-weight:850;
    background:rgba(96,165,250,.06);
}

.data-table tr:last-child td {
    border-bottom:0;
}

.data-table th:not(:first-child),
.data-table td:not(:first-child) {
    text-align:right;
}

.metal-cell {
    display:inline-flex;
    align-items:center;
    gap:10px;
}

.metal-dot {
    width:22px;
    height:22px;
    border-radius:50%;
    border:1px solid rgba(100,116,139,.35);
    box-shadow:inset 0 1px 3px rgba(255,255,255,.55);
    flex:0 0 auto;
}

.metal-dot.silver { background:linear-gradient(135deg,#f8fafc,#aab5c4,#f8fafc); }
.metal-dot.gold { background:linear-gradient(135deg,#ffe7a6,#d99b16,#fff2ba); }
.metal-dot.platinum { background:linear-gradient(135deg,#e9eef7,#8a9ab1,#f8fafc); }

.pos {
    color:var(--bs-good);
    font-weight:850;
}

.neg {
    color:var(--bs-bad);
    font-weight:850;
}

.slash {
    color:var(--bs-soft);
    margin:0 5px;
}

.rate-chip {
    min-width:76px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    padding:5px 9px;
    background:var(--bs-good-bg);
    color:var(--bs-good);
    font-weight:850;
}

.info-note {
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    gap:12px;
    margin-top:14px;
    padding:13px 14px;
    border-radius:11px;
    border:1px solid var(--bs-border);
    background:var(--bs-panel-2);
}

.info-note .material-symbols-outlined {
    color:var(--bs-accent);
    font-size:21px;
}

.info-note strong {
    display:block;
    margin-bottom:4px;
}

.info-note p {
    margin:0;
    color:var(--bs-muted);
    line-height:1.5;
    font-size:.88rem;
}

.two-col {
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:20px;
    align-items:start;
}

.leaderboard-panel .data-table {
    min-width:760px;
}

.leaderboard-score {
    min-width:70px;
}

.listing-boards .panel {
    height:100%;
}

.seller-name {
    color:var(--bs-accent-strong);
}

.alt-links {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:14px;
}

.alt-links span {
    border:1px solid var(--bs-border);
    background:var(--bs-panel-2);
    color:var(--bs-muted);
    border-radius:999px;
    padding:6px 10px;
    font-size:.8rem;
    font-weight:750;
}

.listing-stack {
    display:grid;
    gap:10px;
}

.listing-card {
    display:grid;
    grid-template-columns:68px minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    border:1px solid var(--bs-border);
    background:var(--bs-panel-2);
    border-radius:11px;
    padding:10px;
}

.product-visual {
    width:62px;
    height:62px;
    display:grid;
    place-items:center;
    border:1px solid var(--bs-border);
    border-radius:10px;
    background:linear-gradient(145deg,#f8fafc,#dce4ee);
    overflow:hidden;
    position:relative;
}

html[data-theme='dark'] .product-visual {
    background:linear-gradient(145deg,#e5e7eb,#9ca3af);
}

.product-visual.bar .bar-shell {
    width:34px;
    height:46px;
    border-radius:6px;
    border:2px solid rgba(15,23,42,.30);
    display:grid;
    place-items:center;
    color:#64748b;
    font-weight:900;
    font-size:.78rem;
    background:linear-gradient(145deg,#f8fafc,#bfc8d6);
}

.product-visual.bar.large .bar-shell {
    width:38px;
    height:48px;
}

.product-visual.bar.gold,
.product-visual.gold {
    background:linear-gradient(145deg,#fff2bd,#d59c1a);
}

.product-visual .bar-shell i {
    display:block;
    width:22px;
    height:2px;
    border-radius:999px;
    background:rgba(100,116,139,.28);
}

.product-visual.coin {
    border-radius:50%;
    background:radial-gradient(circle at 35% 30%,#fff3be,#d4981e 52%,#8b5c0b);
}

.coin-ring {
    position:absolute;
    inset:8px;
    border:2px solid rgba(255,255,255,.45);
    border-radius:50%;
}

.coin-shine {
    position:absolute;
    width:22px;
    height:60px;
    background:rgba(255,255,255,.22);
    transform:rotate(22deg);
}

.listing-body h3 {
    margin:0 0 8px;
    font-size:1rem;
    line-height:1.3;
    letter-spacing:-.015em;
}

.listing-body dl {
    margin:0;
    display:grid;
    grid-template-columns:repeat(4,minmax(68px,1fr));
    gap:9px;
}

.listing-body dt {
    margin:0 0 2px;
    color:var(--bs-soft);
    font-size:.67rem;
    font-weight:850;
    letter-spacing:.055em;
    text-transform:uppercase;
}

.listing-body dd {
    margin:0;
    color:var(--bs-text);
    font-size:.84rem;
    font-weight:800;
}

.small-action {
    border:1px solid var(--bs-border-strong);
    padding:7px 10px;
    color:var(--bs-accent-strong);
    background:var(--bs-panel);
}

.small-action .material-symbols-outlined {
    font-size:18px;
}

.section-link {
    display:inline-flex;
    margin-top:12px;
    color:var(--bs-accent-strong);
    font-weight:850;
    text-decoration:none;
}

.section-link:hover {
    text-decoration:underline;
}

.activity-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.activity-card {
    border:1px solid var(--bs-border);
    background:var(--bs-panel-2);
    border-radius:12px;
    padding:14px;
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:12px;
    align-items:center;
}

.activity-card > .material-symbols-outlined {
    color:var(--bs-accent);
    font-size:27px;
}

.activity-card strong {
    display:block;
    font-size:1.06rem;
    letter-spacing:-.02em;
}

.activity-card span:not(.material-symbols-outlined) {
    display:block;
    margin-top:3px;
    font-weight:800;
}

.activity-card small {
    display:block;
    color:var(--bs-soft);
    margin-top:2px;
}

.tone-green > .material-symbols-outlined,
.tone-green strong { color:var(--bs-good); }
.tone-orange > .material-symbols-outlined,
.tone-orange strong { color:var(--bs-warn); }
.tone-purple > .material-symbols-outlined,
.tone-purple strong { color:#8b5cf6; }

.fineprint {
    margin:10px 2px 0;
    color:var(--bs-soft);
    font-size:.78rem;
}

@media (max-width: 1040px) {
    .hero,
    .two-col {
        grid-template-columns:1fr;
    }
}

@media (max-width: 760px) {
    .page {
        width:min(100% - 18px, 620px);
    }

    .topbar {
        align-items:flex-start;
        min-height:auto;
        padding:12px 0;
    }

    .brand strong {
        font-size:1.05rem;
    }

    .topnav {
        gap:6px;
    }

    .topnav a,
    .theme-toggle {
        min-height:31px;
        padding:6px 8px;
        font-size:.74rem;
        border-radius:9px;
    }

    .hero {
        padding:16px 12px 18px;
        gap:14px;
        background:transparent;
        border-radius:12px;
    }

    .hero-copy {
        padding:0;
    }

    .eyebrow {
        font-size:.72rem;
        margin-bottom:8px;
    }

    .hero-copy { padding:8px 0 8px 4px; }

.hero h1 {
        font-size:clamp(1.74rem, 8vw, 2.15rem);
        line-height:1.08;
        letter-spacing:-.052em;
    }

    .hero p {
        font-size:.9rem;
        line-height:1.55;
        margin-top:12px;
    }

    .hero-actions {
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
        margin-top:16px;
    }

    .primary-cta,
    .text-cta {
        width:100%;
        justify-content:center;
        min-height:36px;
    }

    .seller-facts {
        padding:12px 14px;
    }

    .fact-row {
        grid-template-columns:24px minmax(0,1fr) auto;
        min-height:50px;
        gap:9px;
    }

    .fact-row small {
        font-size:.72rem;
    }

    .fact-row strong {
        font-size:.82rem;
    }

    .snapshot-card {
        grid-template-columns:1fr;
        gap:10px;
        padding:16px;
    }

    .round-icon {
        width:42px;
        height:42px;
    }

    .panel {
        padding:14px;
        margin-bottom:14px;
    }

    .section-head {
        display:block;
    }

    .date-pill {
        margin-top:10px;
    }

    .table-shell {
        overflow:visible;
        border:0;
        background:transparent;
    }

    .data-table {
        min-width:0;
        display:block;
    }

    .data-table thead {
        display:none;
    }

    .data-table tbody {
        display:grid;
        gap:8px;
    }

    .data-table tr {
        display:grid;
        gap:8px;
        border:1px solid var(--bs-border);
        border-radius:11px;
        background:var(--bs-panel-2);
        padding:11px;
    }

    .data-table td {
        display:grid;
        grid-template-columns:118px minmax(0,1fr);
        gap:12px;
        align-items:center;
        padding:0;
        border:0;
        text-align:left !important;
        font-size:.88rem;
    }

    .data-table td::before {
        content:attr(data-label);
        color:var(--bs-soft);
        font-size:.68rem;
        font-weight:850;
        text-transform:uppercase;
        letter-spacing:.055em;
    }

    .metal-cell {
        justify-content:flex-start;
    }

    .info-note {
        grid-template-columns:1fr;
    }

    .listing-card {
        grid-template-columns:56px minmax(0,1fr);
        align-items:start;
    }

    .product-visual {
        width:52px;
        height:52px;
    }

    .listing-body dl {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .small-action {
        grid-column:2;
        justify-self:start;
        margin-top:2px;
    }

    .activity-grid {
        grid-template-columns:1fr;
    }
}

@media (max-width: 430px) {
    .page {
        width:min(100% - 14px, 430px);
    }

    .topbar {
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
    }

    .topnav {
        justify-content:flex-start;
    }

    .hero-copy { padding:8px 0 8px 4px; }

.hero h1 {
        font-size:1.8rem;
    }
}


.date-pill.mini {
    padding:6px 9px;
    font-size:.76rem;
    min-height:30px;
}

.activity-label {
    display:inline-flex;
    width:max-content;
    margin-top:8px;
    border-radius:999px;
    padding:4px 8px;
    background:rgba(37,99,235,.10);
    color:var(--bs-accent-strong);
    font-size:.76rem;
    font-weight:800;
}

/* ------------------------------------------------------------------
   Legacy/static page compatibility
   About / Contact / Privacy / Terms still use .spotter-* classes and
   inline dark defaults. This keeps those pages styled correctly while
   the seller-review page uses the newer --bs-* design system.
------------------------------------------------------------------- */

html[data-theme='dark'] {
    --spotter-bg:#0b1220;
    --spotter-panel:#141d2f;
    --spotter-panel-2:#10192b;
    --spotter-border:#22314f;
    --spotter-border-strong:#2c4064;
    --spotter-text:#e6edf7;
    --spotter-muted:#c9d7ef;
    --spotter-soft:#97a6bf;
    --spotter-link:#cfe0ff;
    --spotter-accent:#60a5fa;
    --spotter-shadow:0 10px 28px rgba(0,0,0,.22);
}

html[data-theme='light'] {
    --spotter-bg:#eaf1fa;
    --spotter-panel:#ffffff;
    --spotter-panel-2:#f7fbff;
    --spotter-border:#cbd9ee;
    --spotter-border-strong:#b9cbe5;
    --spotter-text:#0b1930;
    --spotter-muted:#30405b;
    --spotter-soft:#64748b;
    --spotter-link:#1d4ed8;
    --spotter-accent:#2563eb;
    --spotter-shadow:0 12px 28px rgba(18,37,63,.08);
}

body:has(.spotter-page) {
    background:var(--spotter-bg) !important;
    color:var(--spotter-text) !important;
}

.spotter-page {
    min-height:100vh;
}

.spotter-shell {
    max-width:960px;
    margin:0 auto;
}

.spotter-top-bar {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:14px;
    padding:0 4px;
    gap:12px;
}

.spotter-top-brand {
    font-size:1.15rem;
    font-weight:800;
    letter-spacing:-0.02em;
    color:var(--spotter-text) !important;
    text-decoration:none;
}

.spotter-top-actions {
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    justify-content:flex-end;
}

.spotter-pill-link {
    display:inline-flex;
    align-items:center;
    border:1px solid var(--spotter-border-strong) !important;
    border-radius:999px;
    padding:8px 14px;
    font-size:.84rem;
    font-weight:700;
    text-decoration:none;
    background:var(--spotter-panel-2) !important;
    color:var(--spotter-muted) !important;
    transition:all .2s;
}

.spotter-pill-link:hover {
    border-color:var(--spotter-accent) !important;
    color:var(--spotter-text) !important;
}

.spotter-theme-toggle {
    border:1px solid var(--spotter-border-strong) !important;
    border-radius:999px;
    padding:7px 10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:34px;
    font-family:inherit;
    font-size:.8rem;
    line-height:1.2;
    font-weight:750;
    cursor:pointer;
    white-space:nowrap;
    background:var(--spotter-panel-2) !important;
    color:var(--spotter-muted) !important;
}

.spotter-theme-toggle:hover {
    border-color:var(--spotter-accent) !important;
    color:var(--spotter-text) !important;
    filter:none;
}

.spotter-theme-toggle .material-symbols-outlined {
    font-size:18px;
    line-height:1;
}

.spotter-hero,
.spotter-card,
.spotter-footer {
    border:1px solid var(--spotter-border) !important;
    border-radius:12px;
    background:var(--spotter-panel) !important;
    color:var(--spotter-text) !important;
    box-shadow:var(--spotter-shadow) !important;
}

.spotter-hero {
    margin:0 0 14px;
    padding:22px;
}

.spotter-hero h1 {
    margin:0;
    font-size:1.35rem;
    line-height:1.25;
    letter-spacing:-0.015em;
    color:var(--spotter-text) !important;
}

.spotter-hero p {
    margin:8px 0 0;
    max-width:820px;
    font-size:.95rem;
    line-height:1.55;
    color:var(--spotter-muted) !important;
}

.spotter-card {
    padding:20px 22px;
    margin-bottom:14px;
}

.spotter-card h2 {
    margin:0 0 8px;
    font-size:1rem;
    color:var(--spotter-text) !important;
}

.spotter-card h3 {
    margin:18px 0 6px;
    font-size:.92rem;
    color:var(--spotter-text) !important;
}

.spotter-card p,
.spotter-card li {
    font-size:.92rem;
    line-height:1.58;
    color:var(--spotter-muted) !important;
}

.spotter-card p {
    margin:0 0 12px;
}

.spotter-card ul {
    margin:0 0 12px;
    padding-left:20px;
}

.spotter-note {
    border:1px solid var(--spotter-border-strong) !important;
    border-radius:11px;
    background:var(--spotter-panel-2) !important;
    padding:13px;
    margin-top:14px;
}

.spotter-note p {
    margin:0;
    font-size:.86rem;
    color:var(--spotter-muted) !important;
}

.spotter-email {
    color:var(--spotter-link) !important;
    font-weight:750;
    text-decoration:none;
}

.spotter-email:hover {
    text-decoration:underline;
}

.spotter-footer {
    margin-top:14px;
    padding:16px 18px;
    display:flex;
    justify-content:space-between;
    gap:18px;
    align-items:flex-start;
}

.spotter-footer-brand {
    max-width:720px;
}

.spotter-footer-brand strong {
    display:block;
    margin-bottom:6px;
    color:var(--spotter-text) !important;
}

.spotter-footer p {
    margin:0;
    font-size:.84rem;
    line-height:1.45;
    color:var(--spotter-muted) !important;
}

.spotter-footer-links {
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    justify-content:flex-end;
}

.spotter-footer-links a {
    font-size:.84rem;
    font-weight:600;
    text-decoration:none;
    color:var(--spotter-link) !important;
}

.spotter-footer-links a:hover {
    text-decoration:underline;
}

html[data-theme='light'] .spotter-page,
html[data-theme='light'] .spotter-shell {
    color:var(--spotter-text) !important;
}

@media (max-width:900px) {
    body:has(.spotter-page) {
        padding:12px 8px 24px !important;
    }

    .spotter-top-bar {
        align-items:flex-start;
    }

    .spotter-top-actions {
        gap:8px;
    }

    .spotter-pill-link {
        padding:7px 10px;
        font-size:.8rem;
    }

    .spotter-hero,
    .spotter-card,
    .spotter-footer {
        border-radius:0;
        border-left:0 !important;
        border-right:0 !important;
    }

    .spotter-hero {
        padding:16px 12px;
    }

    .spotter-hero h1 {
        font-size:1.16rem;
    }

    .spotter-card {
        padding:16px 12px;
    }

    .spotter-footer {
        padding:15px 12px;
        flex-direction:column;
    }

    .spotter-footer-links {
        justify-content:flex-start;
    }
}


.empty-state {
    border:1px dashed var(--bs-border);
    background:var(--bs-panel-2);
    border-radius:11px;
    padding:14px;
    color:var(--bs-muted);
}
.empty-state strong {
    display:block;
    color:var(--bs-text);
    margin-bottom:4px;
}
.empty-state p {
    margin:0;
    line-height:1.45;
    font-size:.88rem;
}


.product-visual.has-photo {
    background:var(--bs-panel);
    overflow:hidden;
}

.product-visual.has-photo img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}



/* Seller-page refinements: split lowest premium tables, seller links, readable values */
.comparison-table th:nth-child(2),
.comparison-table td:nth-child(2) {
    text-align:left !important;
}

.seller-name-link {
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    color:var(--bs-accent-strong);
    text-decoration:none;
    font-weight:850;
}

.seller-name-link:hover .seller-name {
    text-decoration:underline;
}

.seller-page-chip {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:22px;
    padding:3px 7px;
    border:1px solid var(--bs-border-strong);
    border-radius:999px;
    color:var(--bs-muted);
    background:var(--bs-panel-2);
    font-size:.68rem;
    font-weight:850;
    line-height:1;
}

.metal-listing-groups {
    display:grid;
    gap:16px;
}

.metal-listing-group {
    display:grid;
    gap:8px;
}

.metal-group-title {
    margin:0;
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:.9rem;
    color:var(--bs-text);
}

.metal-group-title::before {
    content:'';
    width:12px;
    height:12px;
    border-radius:50%;
    background:var(--bs-accent);
    box-shadow:0 0 0 3px rgba(96,165,250,.12);
}

.listing-table-shell {
    overflow-x:auto;
    border:1px solid var(--bs-border);
    border-radius:11px;
    background:var(--bs-panel-2);
}

.listing-table {
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    min-width:620px;
}

.listing-table th,
.listing-table td {
    padding:10px 11px;
    border-bottom:1px solid var(--bs-border);
    vertical-align:middle;
    text-align:left;
    font-size:.84rem;
}

.listing-table tr:last-child td {
    border-bottom:0;
}

.listing-table th {
    color:var(--bs-soft);
    text-transform:uppercase;
    letter-spacing:.06em;
    font-size:.66rem;
    font-weight:850;
    background:rgba(96,165,250,.06);
}

.listing-title-cell {
    display:grid;
    grid-template-columns:46px minmax(0, 1fr);
    gap:10px;
    align-items:center;
    min-width:0;
}

.listing-title-cell .product-visual {
    width:46px;
    height:46px;
    border-radius:8px;
}

.listing-title-cell strong {
    display:block;
    min-width:0;
    overflow-wrap:anywhere;
    line-height:1.28;
    font-size:.88rem;
}

.seller-source-subtext {
    display:block;
    margin-top:3px;
    color:var(--bs-soft);
    font-size:.72rem;
    line-height:1.2;
}

.money-value {
    color:var(--bs-text);
    font-weight:850;
    white-space:nowrap;
}

.premium-value {
    display:inline-flex;
    width:max-content;
    border-radius:999px;
    padding:4px 8px;
    background:var(--bs-good-bg);
    color:var(--bs-good);
    font-weight:900;
    white-space:nowrap;
}

.activity-value {
    color:var(--bs-accent-strong);
    font-weight:850;
    white-space:nowrap;
}

.detail-subline {
    display:block;
    margin-top:2px;
    color:var(--bs-soft);
    font-size:.7rem;
    line-height:1.15;
    white-space:nowrap;
}

.product-visual.has-photo {
    background:var(--bs-panel);
    overflow:hidden;
}

.product-visual.has-photo img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

@media (max-width:760px) {
    .listing-table-shell {
        overflow:visible;
        border:0;
        background:transparent;
    }

    .listing-table {
        min-width:0;
        display:block;
    }

    .listing-table thead {
        display:none;
    }

    .listing-table tbody {
        display:grid;
        gap:8px;
    }

    .listing-table tr {
        display:grid;
        gap:8px;
        border:1px solid var(--bs-border);
        border-radius:11px;
        background:var(--bs-panel-2);
        padding:10px;
    }

    .listing-table td {
        display:grid;
        grid-template-columns:90px minmax(0,1fr);
        gap:10px;
        border:0;
        padding:0;
        font-size:.84rem;
    }

    .listing-table td::before {
        content:attr(data-label);
        color:var(--bs-soft);
        font-size:.66rem;
        font-weight:850;
        text-transform:uppercase;
        letter-spacing:.055em;
    }

    .listing-title-cell {
        grid-template-columns:48px minmax(0,1fr);
    }

    .listing-table td[data-label="Listing"] {
        grid-template-columns:1fr;
    }

    .listing-table td[data-label="Listing"]::before {
        display:none;
    }
}



/* Full-width seller listing boards; avoid half-width cutoffs */
.listing-board-panel {
    width:100%;
}

.listing-board-panel .listing-table {
    min-width:0;
    table-layout:fixed;
}

.listing-board-panel .listing-table th:nth-child(1),
.listing-board-panel .listing-table td:nth-child(1) {
    width:46%;
}

.listing-board-panel .listing-table th:nth-child(2),
.listing-board-panel .listing-table td:nth-child(2) {
    width:14%;
}

.listing-board-panel .listing-table th:nth-child(3),
.listing-board-panel .listing-table td:nth-child(3) {
    width:14%;
}

.listing-board-panel .listing-table th:nth-child(4),
.listing-board-panel .listing-table td:nth-child(4) {
    width:12%;
}

.listing-board-panel .listing-table th:last-child,
.listing-board-panel .listing-table td:last-child {
    width:86px;
    text-align:right;
}

.listing-board-panel .listing-title-cell strong {
    overflow-wrap:anywhere;
}

.listing-board-panel .listing-table-shell {
    overflow-x:visible;
}

.money-value,
.premium-value,
.activity-value {
    white-space:normal;
}

.premium-value {
    color:var(--bs-good) !important;
    background:var(--bs-good-bg);
}

html[data-theme='dark'] .premium-value {
    color:#34d399 !important;
}

.metal-listing-group-silver .metal-group-title::before {
    background:linear-gradient(135deg,#f8fafc,#aab5c4,#f8fafc);
}

.metal-listing-group-gold .metal-group-title::before {
    background:linear-gradient(135deg,#ffe7a6,#d99b16,#fff2ba);
}

.metal-listing-group-platinum .metal-group-title::before {
    background:linear-gradient(135deg,#e9eef7,#8a9ab1,#f8fafc);
}

@media (max-width:760px) {
    .listing-board-panel .listing-table,
    .listing-board-panel .listing-table-shell {
        width:100%;
    }

    .listing-board-panel .listing-table th,
    .listing-board-panel .listing-table td {
        width:auto !important;
    }
}



/* Better mobile table cards for seller pages */
@media (max-width:760px) {
    .leaderboard-panel .table-shell,
    .feedback-table .table-shell {
        overflow:visible;
    }

    .comparison-table tbody,
    .feedback-table tbody {
        gap:10px;
    }

    .comparison-table tr,
    .feedback-table tr {
        padding:12px;
    }

    .comparison-table td,
    .feedback-table td {
        grid-template-columns:108px minmax(0,1fr);
        gap:10px;
        align-items:center;
    }

    .comparison-table td[data-label="Seller"] {
        grid-template-columns:108px minmax(0,1fr);
    }

    .comparison-table .seller-name-link {
        justify-content:flex-start;
        min-width:0;
        flex-wrap:wrap;
    }

    .comparison-table .seller-name {
        overflow-wrap:anywhere;
    }

    .comparison-table .slash {
        display:inline;
        margin:0 4px;
        color:var(--bs-soft);
    }

    .comparison-table .pos,
    .comparison-table .neg {
        display:inline;
    }

    .comparison-table .rate-chip {
        width:max-content;
        min-width:74px;
        max-width:100%;
    }

    .feedback-table .rate-chip {
        width:max-content;
        min-width:96px;
    }

    .data-table td[data-label="Avg. positive"] {
        overflow:hidden;
    }

    .data-table td[data-label="Avg. positive"] .rate-chip {
        justify-self:start;
    }

    .data-table td[data-label="Silver"],
    .data-table td[data-label="Gold"],
    .data-table td[data-label="Platinum"] {
        white-space:nowrap;
    }
}

/* Very narrow phones: make the cards use less horizontal space */
@media (max-width:430px) {
    .page {
        width:min(100% - 10px, 430px);
    }

    .panel {
        padding:12px 10px;
    }

    .comparison-table td,
    .feedback-table td,
    .listing-table td {
        grid-template-columns:92px minmax(0,1fr);
        gap:8px;
    }

    .seller-page-chip {
        min-height:20px;
        padding:2px 6px;
        font-size:.64rem;
    }
}



/* Clean mobile-only cards; do not force desktop tables into mobile card layout */
.mobile-card-view {
    display:none;
}

.desktop-data-view {
    display:block;
}

@media (max-width:760px) {
    .desktop-data-view {
        display:none !important;
    }

    .mobile-card-view {
        display:grid !important;
        gap:10px;
    }

    .feedback-mobile-cards,
    .leaderboard-mobile-cards,
    .mobile-listing-stack {
        display:grid;
        gap:10px;
    }

    .mobile-feedback-card,
    .mobile-leader-card,
    .mobile-listing-card {
        border:1px solid var(--bs-border);
        border-radius:12px;
        background:var(--bs-panel-2);
        padding:12px;
        box-shadow:none;
        overflow:hidden;
    }

    .mobile-card-title,
    .mobile-leader-head {
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:10px;
        margin-bottom:10px;
        min-width:0;
    }

    .mobile-card-title strong,
    .mobile-leader-head strong {
        min-width:0;
        overflow-wrap:anywhere;
    }

    .mobile-card-title .rate-chip {
        flex:0 0 auto;
    }

    .mobile-stat-grid,
    .mobile-metal-score-grid,
    .mobile-listing-details {
        display:grid;
        grid-template-columns:repeat(3, minmax(0,1fr));
        gap:8px;
    }

    .mobile-stat-grid div,
    .mobile-metal-score-grid div,
    .mobile-listing-details div,
    .mobile-leader-foot div {
        min-width:0;
        border:1px solid rgba(96,165,250,.14);
        background:rgba(96,165,250,.045);
        border-radius:10px;
        padding:8px;
    }

    .mobile-stat-grid span,
    .mobile-metal-score-grid span,
    .mobile-listing-details span,
    .mobile-leader-foot span {
        display:block;
        margin-bottom:3px;
        color:var(--bs-soft);
        font-size:.65rem;
        font-weight:850;
        letter-spacing:.055em;
        text-transform:uppercase;
    }

    .mobile-stat-grid strong,
    .mobile-metal-score-grid strong,
    .mobile-listing-details strong,
    .mobile-leader-foot strong {
        display:block;
        color:var(--bs-text);
        font-size:.88rem;
        line-height:1.2;
        overflow-wrap:anywhere;
    }

    .mobile-metal-score-grid .slash {
        display:inline;
        margin:0 4px;
    }

    .mobile-metal-score-grid .pos,
    .mobile-metal-score-grid .neg {
        display:inline;
    }

    .rank-pill {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-width:34px;
        height:28px;
        padding:0 8px;
        border-radius:999px;
        background:var(--bs-chip);
        color:var(--bs-accent-strong);
        font-weight:900;
        border:1px solid var(--bs-border);
    }

    .mobile-seller-link {
        display:inline-flex;
        align-items:center;
        gap:8px;
        margin-left:auto;
        color:var(--bs-accent-strong);
        text-decoration:none;
        min-width:0;
    }

    .mobile-seller-link:hover strong {
        text-decoration:underline;
    }

    .mobile-leader-foot {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:8px;
        margin-top:8px;
    }

    .mobile-leader-foot .rate-chip,
    .mobile-listing-details .premium-value {
        display:inline-flex;
        width:max-content;
        max-width:100%;
    }

    .mobile-listing-top {
        display:grid;
        grid-template-columns:54px minmax(0,1fr);
        gap:10px;
        align-items:center;
        margin-bottom:10px;
    }

    .mobile-listing-top .product-visual {
        width:54px;
        height:54px;
        border-radius:10px;
    }

    .mobile-listing-top strong {
        display:block;
        line-height:1.28;
        overflow-wrap:anywhere;
    }

    .mobile-listing-details {
        grid-template-columns:repeat(3, minmax(0,1fr));
    }

    .mobile-listing-details small {
        display:block;
        margin-top:2px;
        color:var(--bs-soft);
        font-size:.68rem;
        line-height:1.15;
    }

    .mobile-listing-action {
        margin-top:10px;
        width:100%;
    }

    .activity-label {
        display:inline-flex;
        width:max-content;
        margin-top:6px;
        border-radius:999px;
        padding:4px 8px;
        background:rgba(37,99,235,.10);
        color:var(--bs-accent-strong);
        font-size:.76rem;
        font-weight:800;
    }

    .comparison-table,
    .feedback-table,
    .listing-table {
        display:table;
    }
}

@media (max-width:430px) {
    .mobile-stat-grid,
    .mobile-metal-score-grid,
    .mobile-listing-details {
        grid-template-columns:1fr;
    }

    .mobile-leader-head {
        align-items:flex-start;
    }

    .mobile-seller-link {
        margin-left:0;
        flex-wrap:wrap;
        justify-content:flex-start;
    }

    .mobile-card-title {
        align-items:flex-start;
        flex-wrap:wrap;
    }

    .mobile-card-title .rate-chip {
        margin-left:30px;
    }
}



/* Mobile Variation 2: compact production rows */
.mobile-v2-view {
    display:none;
}

@media (max-width:760px) {
    .desktop-data-view {
        display:none !important;
    }

    .mobile-card-view {
        display:none !important;
    }

    .mobile-v2-view {
        display:grid !important;
    }

    .feedback-v2-list,
    .leaderboard-v2-list {
        gap:8px;
    }

    .feedback-v2-list {
        border:1px solid var(--bs-border);
        border-radius:13px;
        background:var(--bs-panel-2);
        padding:7px;
    }

    .feedback-v2-row {
        display:grid;
        grid-template-columns:24px minmax(74px,1fr) minmax(48px,.65fr) minmax(48px,.65fr) minmax(48px,.65fr) auto 18px;
        align-items:center;
        gap:8px;
        min-height:52px;
        padding:9px 6px;
        color:var(--bs-text);
        text-decoration:none;
        border-bottom:1px solid var(--bs-border);
    }

    .feedback-v2-row:last-child {
        border-bottom:0;
    }

    .feedback-v2-row .metal-dot {
        width:20px;
        height:20px;
    }

    .feedback-v2-metal {
        font-weight:850;
        font-size:.92rem;
    }

    .feedback-v2-stat small {
        display:block;
        margin-bottom:2px;
        color:var(--bs-soft);
        font-size:.58rem;
        font-weight:850;
        letter-spacing:.045em;
        text-transform:uppercase;
    }

    .feedback-v2-stat strong {
        display:block;
        font-size:.83rem;
        line-height:1.1;
    }

    .feedback-v2-rate {
        min-width:66px;
        padding:5px 8px;
        font-size:.82rem;
        justify-self:end;
        white-space:nowrap;
    }

    .row-chevron,
    .seller-link-arrow {
        color:var(--bs-accent-strong);
        font-size:19px;
    }

    .leader-v2-card {
        display:block;
        border:1px solid var(--bs-border);
        border-radius:13px;
        background:var(--bs-panel-2);
        padding:9px;
        color:var(--bs-text);
        text-decoration:none;
    }

    .leader-v2-main {
        display:grid;
        grid-template-columns:36px minmax(0,1fr) auto 18px;
        align-items:center;
        gap:9px;
        min-width:0;
    }

    .rank-pill {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:34px;
        height:34px;
        border:1px solid var(--bs-border-strong);
        border-radius:11px;
        background:rgba(37,99,235,.08);
        color:var(--bs-accent-strong);
        font-weight:900;
        font-size:.9rem;
    }

    .rank-pill::before {
        content:'#';
    }

    .leader-v2-name {
        min-width:0;
    }

    .leader-v2-name strong {
        display:block;
        color:var(--bs-accent-strong);
        font-size:.96rem;
        line-height:1.18;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .leader-v2-name small {
        display:block;
        margin-top:2px;
        color:var(--bs-muted);
        font-size:.74rem;
        line-height:1.1;
    }

    .leader-v2-rate {
        min-width:64px;
        justify-content:center;
        padding:5px 8px;
        font-size:.83rem;
        white-space:nowrap;
    }

    .leader-v2-metals {
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:0;
        margin-top:8px;
        padding-top:8px;
        border-top:1px solid var(--bs-border);
    }

    .leader-v2-metals div {
        min-width:0;
        padding:0 8px;
        border-right:1px solid var(--bs-border);
    }

    .leader-v2-metals div:first-child {
        padding-left:0;
    }

    .leader-v2-metals div:last-child {
        border-right:0;
        padding-right:0;
    }

    .leader-v2-metals span {
        display:block;
        margin-bottom:3px;
        color:var(--bs-soft);
        font-size:.65rem;
        font-weight:850;
        letter-spacing:.045em;
        text-transform:none;
    }

    .leader-v2-metals strong {
        display:block;
        font-size:.78rem;
        line-height:1.15;
        white-space:nowrap;
    }

    .leader-v2-metals .slash {
        margin:0 3px;
        color:var(--bs-soft);
    }

    .leader-v2-card:hover .leader-v2-name strong {
        text-decoration:underline;
    }

    .seller-page-chip {
        display:none !important;
    }
}

@media (max-width:430px) {
    .feedback-v2-row {
        grid-template-columns:22px minmax(66px,1fr) minmax(42px,.55fr) minmax(42px,.55fr) minmax(42px,.55fr) auto 14px;
        gap:6px;
        padding:8px 4px;
    }

    .feedback-v2-metal {
        font-size:.86rem;
    }

    .feedback-v2-stat small {
        font-size:.53rem;
    }

    .feedback-v2-stat strong {
        font-size:.78rem;
    }

    .feedback-v2-rate {
        min-width:58px;
        font-size:.76rem;
        padding:4px 6px;
    }

    .leader-v2-main {
        grid-template-columns:32px minmax(0,1fr) auto 14px;
        gap:8px;
    }

    .rank-pill {
        width:30px;
        height:30px;
        border-radius:10px;
        font-size:.82rem;
    }

    .leader-v2-name strong {
        font-size:.9rem;
    }

    .leader-v2-name small {
        font-size:.7rem;
    }

    .leader-v2-rate {
        min-width:58px;
        font-size:.78rem;
        padding:4px 6px;
    }

    .leader-v2-metals div {
        padding:0 5px;
    }

    .leader-v2-metals span {
        font-size:.59rem;
    }

    .leader-v2-metals strong {
        font-size:.72rem;
    }
}



/* Mobile Variation 3: deliberately designed cards, not crushed tables */
.mobile-v3-view {
    display:none;
}

@media (max-width:760px) {
    .desktop-data-view,
    .mobile-card-view,
    .mobile-v2-view {
        display:none !important;
    }

    .mobile-v3-view {
        display:grid !important;
    }

    .feedback-v3-list {
        gap:8px;
    }

    .feedback-v3-card {
        display:block;
        border:1px solid var(--bs-border);
        border-radius:13px;
        background:linear-gradient(180deg, var(--bs-panel-2), rgba(96,165,250,.045));
        padding:10px;
        color:var(--bs-text);
        text-decoration:none;
        box-shadow:0 8px 18px rgba(15,23,42,.035);
    }

    .feedback-v3-top {
        display:grid;
        grid-template-columns:22px minmax(0,1fr) auto 18px;
        align-items:center;
        gap:8px;
        min-width:0;
    }

    .feedback-v3-top .metal-dot {
        width:20px;
        height:20px;
    }

    .feedback-v3-top strong {
        font-size:.96rem;
        line-height:1.15;
        min-width:0;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .feedback-v3-rate {
        min-width:70px;
        justify-content:center;
        padding:5px 9px;
        font-size:.82rem;
        white-space:nowrap;
    }

    .feedback-v3-stats {
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:7px;
        margin-top:9px;
        padding-top:9px;
        border-top:1px solid var(--bs-border);
    }

    .feedback-v3-stats span {
        min-width:0;
        border-radius:9px;
        background:rgba(96,165,250,.055);
        padding:7px 8px;
    }

    .feedback-v3-stats small,
    .leader-v3-metals small {
        display:block;
        color:var(--bs-soft);
        font-size:.62rem;
        font-weight:900;
        letter-spacing:.055em;
        text-transform:uppercase;
        line-height:1.05;
        margin-bottom:3px;
    }

    .feedback-v3-stats b {
        display:block;
        font-size:.9rem;
        line-height:1.1;
    }

    .leaderboard-v3-list {
        gap:9px;
    }

    .leader-v3-card {
        display:block;
        border:1px solid var(--bs-border);
        border-radius:13px;
        background:linear-gradient(180deg, var(--bs-panel-2), rgba(96,165,250,.035));
        padding:10px;
        color:var(--bs-text);
        text-decoration:none;
        box-shadow:0 8px 18px rgba(15,23,42,.035);
    }

    .leader-v3-card:hover .leader-v3-name strong {
        text-decoration:underline;
    }

    .leader-v3-top {
        display:grid;
        grid-template-columns:34px minmax(0,1fr) auto 18px;
        align-items:center;
        gap:9px;
        min-width:0;
    }

    .rank-pill {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:32px;
        height:32px;
        border-radius:11px;
        border:1px solid var(--bs-border-strong);
        background:rgba(37,99,235,.09);
        color:var(--bs-accent-strong);
        font-weight:950;
        font-size:.86rem;
        line-height:1;
    }

    .rank-pill::before {
        content:'#';
    }

    .leader-v3-name {
        display:block;
        min-width:0;
    }

    .leader-v3-name strong {
        display:block;
        color:var(--bs-accent-strong);
        font-size:.98rem;
        line-height:1.16;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .leader-v3-name small {
        display:block;
        margin-top:2px;
        color:var(--bs-muted);
        font-size:.72rem;
        line-height:1.08;
        white-space:nowrap;
    }

    .leader-v3-rate {
        min-width:64px;
        padding:5px 8px;
        justify-content:center;
        font-size:.82rem;
        white-space:nowrap;
    }

    .leader-v3-metals {
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:7px;
        margin-top:9px;
        padding-top:9px;
        border-top:1px solid var(--bs-border);
    }

    .leader-v3-metals span {
        min-width:0;
        border-radius:9px;
        background:rgba(96,165,250,.052);
        padding:7px 7px;
    }

    .leader-v3-metals b {
        display:block;
        color:var(--bs-text);
        font-size:.78rem;
        line-height:1.12;
        white-space:nowrap;
    }

    .leader-v3-metals .slash {
        display:inline;
        margin:0 3px;
        color:var(--bs-soft);
    }

    .leader-v3-metals .pos,
    .leader-v3-metals .neg {
        display:inline;
    }

    .row-chevron {
        color:var(--bs-accent-strong);
        font-size:18px;
    }

    .seller-page-chip {
        display:none !important;
    }

    .section-head.compact {
        margin-bottom:10px;
    }
}

@media (max-width:430px) {
    .feedback-v3-card,
    .leader-v3-card {
        padding:9px;
        border-radius:12px;
    }

    .feedback-v3-top {
        grid-template-columns:21px minmax(0,1fr) auto 14px;
        gap:7px;
    }

    .feedback-v3-rate {
        min-width:60px;
        padding:4px 7px;
        font-size:.76rem;
    }

    .feedback-v3-stats {
        gap:6px;
    }

    .feedback-v3-stats span {
        padding:6px;
    }

    .feedback-v3-stats small,
    .leader-v3-metals small {
        font-size:.56rem;
        letter-spacing:.04em;
    }

    .feedback-v3-stats b {
        font-size:.82rem;
    }

    .leader-v3-top {
        grid-template-columns:30px minmax(0,1fr) auto 14px;
        gap:7px;
    }

    .rank-pill {
        width:29px;
        height:29px;
        border-radius:10px;
        font-size:.78rem;
    }

    .leader-v3-name strong {
        font-size:.9rem;
    }

    .leader-v3-name small {
        font-size:.67rem;
    }

    .leader-v3-rate {
        min-width:56px;
        padding:4px 6px;
        font-size:.75rem;
    }

    .leader-v3-metals {
        gap:6px;
    }

    .leader-v3-metals span {
        padding:6px 5px;
    }

    .leader-v3-metals b {
        font-size:.70rem;
        letter-spacing:-.01em;
    }
}

@media (max-width:360px) {
    .feedback-v3-stats,
    .leader-v3-metals {
        grid-template-columns:1fr;
    }

    .leader-v3-metals b,
    .feedback-v3-stats b {
        font-size:.84rem;
    }

    .feedback-v3-top,
    .leader-v3-top {
        grid-template-columns:28px minmax(0,1fr) auto;
    }

    .feedback-v3-top .row-chevron,
    .leader-v3-top .row-chevron {
        display:none;
    }
}



/* Fix mobile listing boards: show real item cards, not only headers/links */
@media (max-width:760px) {
    .listing-board-panel .mobile-listing-stack.mobile-v3-view {
        display:grid !important;
        gap:9px;
    }

    .listing-board-panel .desktop-data-view {
        display:none !important;
    }

    .mobile-listing-card {
        display:block;
        border:1px solid var(--bs-border);
        border-radius:13px;
        background:linear-gradient(180deg, var(--bs-panel-2), rgba(96,165,250,.035));
        padding:10px;
        color:var(--bs-text);
        text-decoration:none;
        box-shadow:0 8px 18px rgba(15,23,42,.035);
    }

    .mobile-listing-top {
        display:grid;
        grid-template-columns:54px minmax(0,1fr);
        gap:10px;
        align-items:center;
    }

    .mobile-listing-top .product-visual {
        width:54px;
        height:54px;
        border-radius:10px;
    }

    .mobile-listing-top strong {
        display:block;
        min-width:0;
        color:var(--bs-text);
        font-size:.92rem;
        line-height:1.25;
        overflow-wrap:anywhere;
    }

    .mobile-listing-details {
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:7px;
        margin-top:9px;
        padding-top:9px;
        border-top:1px solid var(--bs-border);
    }

    .mobile-listing-details div {
        min-width:0;
        border-radius:9px;
        background:rgba(96,165,250,.055);
        padding:7px 8px;
    }

    .mobile-listing-details span {
        display:block;
        margin-bottom:3px;
        color:var(--bs-soft);
        font-size:.62rem;
        font-weight:900;
        letter-spacing:.055em;
        text-transform:uppercase;
        line-height:1.05;
    }

    .mobile-listing-details strong {
        display:block;
        font-size:.82rem;
        line-height:1.15;
        overflow-wrap:anywhere;
    }

    .mobile-listing-details small {
        display:block;
        margin-top:2px;
        color:var(--bs-soft);
        font-size:.68rem;
        line-height:1.12;
    }

    .mobile-listing-action {
        width:100%;
        margin-top:9px;
        justify-content:center;
    }

    .leader-v3-metals small {
        display:flex;
        align-items:center;
        gap:5px;
    }

    .leader-v3-metals .metal-dot {
        width:11px;
        height:11px;
        flex:0 0 11px;
    }

    .leader-v3-metals b {
        padding-left:16px;
    }
}

/* Remove leftover seller alternative chips under leaderboard */
.leaderboard-panel .seller-alternatives,
.leaderboard-panel .alternatives,
.leaderboard-panel .seller-tags {
    display:none !important;
}

@media (max-width:430px) {
    .mobile-listing-details {
        grid-template-columns:1fr;
    }

    .mobile-listing-details strong {
        font-size:.86rem;
    }
}


/* Trust polish: avoid giant listing titles breaking rows */
.listing-title-cell strong,
.mobile-listing-top strong {
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.premium-value {
    white-space:nowrap;
}



/* Seller page DOM-safe layout guards */
main > .panel,
main > .listing-board-panel,
main > .leaderboard-panel,
main > .snapshot-card {
    max-width:100%;
    box-sizing:border-box;
}

.table-shell,
.listing-table-shell {
    max-width:100%;
    box-sizing:border-box;
}

.listing-table {
    width:100%;
}

@media (min-width:761px) {
    .listing-table {
        table-layout:fixed;
    }

    .listing-table th:last-child,
    .listing-table td:last-child {
        width:84px;
        min-width:84px;
        max-width:84px;
        text-align:right;
    }

    .listing-table .small-action {
        max-width:72px;
        padding-left:9px;
        padding-right:9px;
        white-space:nowrap;
    }
}


.seller-page-version {
    margin:8px 0 0;
    color:var(--bs-soft);
    font-size:.72rem;
    text-align:center;
    opacity:.72;
}



/* v1.04: Premium is buyer cost, not a green "good" signal */
.premium-value {
    color:var(--bs-text) !important;
    background:rgba(100, 116, 139, .15) !important;
    border:1px solid rgba(100, 116, 139, .22);
}

html[data-theme='dark'] .premium-value {
    color:var(--bs-text) !important;
    background:rgba(148, 163, 184, .15) !important;
    border-color:rgba(148, 163, 184, .24);
}



/* v1.04: Give listing action column enough room */
@media (min-width:761px) {
    .listing-table th:last-child,
    .listing-table td:last-child {
        width:110px !important;
        min-width:110px !important;
        max-width:110px !important;
        text-align:right;
    }

    .listing-table .small-action {
        max-width:100% !important;
        width:auto;
        min-width:88px;
        padding-left:10px;
        padding-right:10px;
        white-space:nowrap;
        box-sizing:border-box;
        justify-content:center;
    }
}



/* v1.05: premium over melt is a cost metric, use restrained blue instead of green */
.premium-value {
    color:#1d4ed8 !important;
    background:rgba(59, 130, 246, .12) !important;
    border:1px solid rgba(59, 130, 246, .24) !important;
}

html[data-theme='dark'] .premium-value {
    color:#93c5fd !important;
    background:rgba(59, 130, 246, .16) !important;
    border-color:rgba(147, 197, 253, .25) !important;
}

/* v1.05: desktop listing tables get explicit balanced columns */
@media (min-width:761px) {
    .listing-table {
        table-layout:fixed;
        width:100%;
    }

    .listing-table th,
    .listing-table td {
        vertical-align:middle;
    }

    .listing-table th:nth-child(1),
    .listing-table td:nth-child(1) {
        width:46%;
    }

    .listing-table th:nth-child(2),
    .listing-table td:nth-child(2) {
        width:11%;
    }

    .listing-table th:nth-child(3),
    .listing-table td:nth-child(3) {
        width:14%;
    }

    .listing-table th:nth-child(4),
    .listing-table td:nth-child(4) {
        width:12%;
    }

    .listing-table th:nth-child(5):last-child,
    .listing-table td:nth-child(5):last-child {
        width:110px !important;
        min-width:110px !important;
        max-width:110px !important;
        text-align:right;
    }

    .listing-table th:nth-child(5):not(:last-child),
    .listing-table td:nth-child(5):not(:last-child) {
        width:105px !important;
        min-width:105px !important;
        max-width:105px !important;
        text-align:center;
    }

    .listing-table th:nth-child(6):last-child,
    .listing-table td:nth-child(6):last-child {
        width:110px !important;
        min-width:110px !important;
        max-width:110px !important;
        text-align:right;
    }

    .listing-table .small-action {
        max-width:100% !important;
        min-width:88px;
        white-space:nowrap;
        justify-content:center;
        box-sizing:border-box;
    }

    .activity-count-value {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-width:34px;
        padding:5px 9px;
        border-radius:999px;
        color:#1d4ed8;
        background:rgba(59, 130, 246, .10);
        border:1px solid rgba(59, 130, 246, .22);
        font-weight:850;
        white-space:nowrap;
        line-height:1;
    }

    html[data-theme='dark'] .activity-count-value {
        color:#93c5fd;
        background:rgba(59, 130, 246, .14);
        border-color:rgba(147, 197, 253, .22);
    }
}



/* v1.05b: make the top-selling sales/action columns stop squeezing */
@media (min-width:761px) {
    .listing-table {
        table-layout:fixed !important;
        width:100% !important;
    }

    .listing-table th:nth-child(1),
    .listing-table td:nth-child(1) {
        width:43% !important;
    }

    .listing-table th:nth-child(2),
    .listing-table td:nth-child(2) {
        width:11% !important;
    }

    .listing-table th:nth-child(3),
    .listing-table td:nth-child(3) {
        width:14% !important;
    }

    .listing-table th:nth-child(4),
    .listing-table td:nth-child(4) {
        width:12% !important;
    }

    .listing-table th:nth-child(5):not(:last-child),
    .listing-table td:nth-child(5):not(:last-child) {
        width:120px !important;
        min-width:120px !important;
        max-width:120px !important;
        text-align:center !important;
    }

    .listing-table th:nth-child(6):last-child,
    .listing-table td:nth-child(6):last-child,
    .listing-table th:nth-child(5):last-child,
    .listing-table td:nth-child(5):last-child {
        width:116px !important;
        min-width:116px !important;
        max-width:116px !important;
        text-align:right !important;
    }

    .activity-count-value {
        min-width:34px;
        padding:5px 10px;
        white-space:nowrap;
    }
}



/* v1.06: leaderboard loads all sellers, shows top 10 first */
.seller-leaderboard-wrap [hidden] {
    display:none !important;
}

.leaderboard-more {
    display:flex;
    justify-content:center;
    margin-top:12px;
}

.leaderboard-toggle {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:1px solid var(--bs-border-strong);
    border-radius:999px;
    background:var(--bs-panel-2);
    color:var(--bs-accent-strong);
    padding:8px 13px;
    font-weight:850;
    cursor:pointer;
    line-height:1;
    box-shadow:0 8px 18px rgba(15,23,42,.04);
}

.leaderboard-toggle:hover {
    border-color:var(--bs-accent-strong);
    background:rgba(59,130,246,.08);
}

.leaderboard-toggle .material-symbols-outlined {
    font-size:18px;
}

@media (max-width:760px) {
    .leaderboard-more {
        margin-top:10px;
    }

    .leaderboard-toggle {
        width:100%;
        padding:10px 12px;
    }
}



/* v1.08: sortable seller leaderboard */
.table-sort-btn {
    display:inline-flex;
    align-items:center;
    gap:4px;
    border:0;
    background:transparent;
    color:inherit;
    font:inherit;
    font-weight:850;
    padding:0;
    cursor:pointer;
}

.table-sort-btn:hover,
.table-sort-btn.is-active {
    color:var(--bs-accent-strong);
}

.sort-arrow {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:12px;
    color:var(--bs-accent-strong);
    font-weight:900;
}

.leaderboard-sort-mobile {
    display:none;
}

@media (max-width:760px) {
    .leaderboard-sort-mobile {
        display:flex;
        gap:8px;
        margin:10px 0 8px;
    }

    .leaderboard-sort-chip {
        flex:1;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:5px;
        border:1px solid var(--bs-border);
        border-radius:999px;
        background:var(--bs-panel-2);
        color:var(--bs-muted);
        padding:8px 10px;
        font-weight:850;
        cursor:pointer;
    }

    .leaderboard-sort-chip.is-active {
        border-color:var(--bs-accent-strong);
        color:var(--bs-accent-strong);
        background:rgba(59,130,246,.08);
    }
}


/* v1.11: keep mobile feedback numbers aligned even with Neg./neutral label */
@media (max-width:760px) {
    .feedback-v3-stats {
        align-items:stretch;
    }

    .feedback-v3-stats span {
        min-height:48px;
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        gap:4px;
    }

    .feedback-v3-stats small {
        white-space:nowrap;
        font-size:.66rem;
        line-height:1;
        letter-spacing:.01em;
    }

    .feedback-v3-stats b {
        line-height:1.05;
    }
}



/* v1.12: modest current-seller highlight in leaderboard */
.comparison-table tr.is-current-seller td {
    background:rgba(59, 130, 246, .075);
    border-top:1px solid rgba(59, 130, 246, .28);
    border-bottom:1px solid rgba(59, 130, 246, .28);
}

.comparison-table tr.is-current-seller td:first-child {
    border-left:3px solid rgba(59, 130, 246, .72);
}

.current-seller-badge {
    display:inline-flex;
    align-items:center;
    margin-left:6px;
    padding:2px 6px;
    border-radius:999px;
    background:rgba(59, 130, 246, .12);
    color:#1d4ed8;
    border:1px solid rgba(59, 130, 246, .22);
    font-size:.68rem;
    line-height:1;
    font-weight:850;
    vertical-align:middle;
    white-space:nowrap;
}

html[data-theme='dark'] .current-seller-badge {
    color:#93c5fd;
    background:rgba(59, 130, 246, .16);
    border-color:rgba(147, 197, 253, .25);
}

/* v1.12: make mobile leaderboard rows visible */
@media (max-width:760px) {
    .seller-leaderboard-wrap .desktop-data-view {
        display:none !important;
    }

    .seller-leaderboard-wrap .mobile-v3-view,
    .seller-leaderboard-wrap .leaderboard-v3-list {
        display:grid !important;
    }

    .leader-v3-card.is-current-seller {
        border-color:rgba(59, 130, 246, .42);
        background:linear-gradient(180deg, rgba(59, 130, 246, .12), rgba(59, 130, 246, .045));
        box-shadow:0 10px 22px rgba(15,23,42,.08);
    }

    .leader-v3-card.is-current-seller .rank-pill {
        border-color:rgba(59, 130, 246, .38);
        color:#1d4ed8;
        background:rgba(59, 130, 246, .12);
    }

    html[data-theme='dark'] .leader-v3-card.is-current-seller .rank-pill {
        color:#93c5fd;
    }
}

/* v1.12: compact mobile listing metrics into one row */
@media (max-width:760px) {
    .mobile-listing-details,
    .mobile-listing-meta,
    .listing-mobile-details,
    .listing-mobile-meta,
    .mobile-listing-stats,
    .listing-card-details {
        display:grid !important;
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap:7px;
        align-items:stretch;
    }

    .mobile-listing-details > *,
    .mobile-listing-meta > *,
    .listing-mobile-details > *,
    .listing-mobile-meta > *,
    .mobile-listing-stats > *,
    .listing-card-details > * {
        min-width:0;
    }

    .mobile-listing-details span,
    .mobile-listing-meta span,
    .listing-mobile-details span,
    .listing-mobile-meta span,
    .mobile-listing-stats span,
    .listing-card-details span,
    .mobile-listing-details .detail-pill,
    .mobile-listing-meta .detail-pill,
    .listing-mobile-details .detail-pill,
    .listing-mobile-meta .detail-pill {
        display:flex !important;
        flex-direction:column;
        align-items:flex-start;
        justify-content:center;
        gap:2px;
        min-height:42px;
        padding:7px 8px;
        border-radius:12px;
        background:rgba(100, 116, 139, .08);
        border:1px solid rgba(100, 116, 139, .12);
        box-sizing:border-box;
        overflow:hidden;
    }

    .mobile-listing-details small,
    .mobile-listing-meta small,
    .listing-mobile-details small,
    .listing-mobile-meta small,
    .mobile-listing-stats small,
    .listing-card-details small {
        font-size:.63rem;
        line-height:1;
        white-space:nowrap;
        color:var(--bs-muted);
    }

    .mobile-listing-details b,
    .mobile-listing-meta b,
    .listing-mobile-details b,
    .listing-mobile-meta b,
    .mobile-listing-stats b,
    .listing-card-details b {
        max-width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        line-height:1.05;
    }

    .mobile-listing-details .premium-value,
    .mobile-listing-meta .premium-value,
    .listing-mobile-details .premium-value,
    .listing-mobile-meta .premium-value {
        display:inline-flex !important;
        min-height:auto;
        padding:4px 7px;
        width:auto;
    }
}



/* v1.13: slim mobile listing metrics; no bulky metric boxes */
@media (max-width:760px) {
    .mobile-listing-details,
    .mobile-listing-meta,
    .listing-mobile-details,
    .listing-mobile-meta,
    .mobile-listing-stats,
    .listing-card-details {
        display:flex !important;
        flex-wrap:nowrap;
        gap:10px;
        align-items:flex-start;
        justify-content:space-between;
        padding:8px 0 0 !important;
        margin-top:8px !important;
        border-top:1px solid rgba(148, 163, 184, .22);
    }

    .mobile-listing-details > *,
    .mobile-listing-meta > *,
    .listing-mobile-details > *,
    .listing-mobile-meta > *,
    .mobile-listing-stats > *,
    .listing-card-details > * {
        flex:1 1 0;
        min-width:0;
    }

    .mobile-listing-details span,
    .mobile-listing-meta span,
    .listing-mobile-details span,
    .listing-mobile-meta span,
    .mobile-listing-stats span,
    .listing-card-details span,
    .mobile-listing-details .detail-pill,
    .mobile-listing-meta .detail-pill,
    .listing-mobile-details .detail-pill,
    .listing-mobile-meta .detail-pill {
        display:block !important;
        min-height:0 !important;
        padding:0 !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        overflow:hidden;
    }

    .mobile-listing-details small,
    .mobile-listing-meta small,
    .listing-mobile-details small,
    .listing-mobile-meta small,
    .mobile-listing-stats small,
    .listing-card-details small {
        display:block;
        margin:0 0 3px;
        font-size:.62rem;
        line-height:1;
        font-weight:850;
        letter-spacing:.045em;
        text-transform:uppercase;
        color:var(--bs-muted);
        white-space:nowrap;
    }

    .mobile-listing-details b,
    .mobile-listing-meta b,
    .listing-mobile-details b,
    .listing-mobile-meta b,
    .mobile-listing-stats b,
    .listing-card-details b {
        display:block;
        max-width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        font-size:.86rem;
        line-height:1.1;
    }

    .mobile-listing-details .premium-value,
    .mobile-listing-meta .premium-value,
    .listing-mobile-details .premium-value,
    .listing-mobile-meta .premium-value,
    .mobile-listing-stats .premium-value,
    .listing-card-details .premium-value {
        display:inline-flex !important;
        width:auto !important;
        min-height:0 !important;
        padding:2px 7px !important;
        border-radius:999px !important;
        font-size:.82rem;
        line-height:1.1;
    }

    .mobile-listing-details + .small-action,
    .mobile-listing-meta + .small-action,
    .listing-mobile-details + .small-action,
    .listing-mobile-meta + .small-action,
    .mobile-listing-stats + .small-action,
    .listing-card-details + .small-action {
        margin-top:10px;
    }
}

/* v1.13: At-a-glance icon sits beside the heading on mobile */
@media (max-width:760px) {
    .snapshot-card,
    .seller-snapshot,
    .at-a-glance-card {
        position:relative;
    }

    .snapshot-card .snapshot-icon,
    .snapshot-card .section-icon,
    .snapshot-card > .icon-badge,
    .seller-snapshot .snapshot-icon,
    .seller-snapshot .section-icon,
    .seller-snapshot > .icon-badge,
    .at-a-glance-card .snapshot-icon,
    .at-a-glance-card .section-icon,
    .at-a-glance-card > .icon-badge {
        float:left;
        margin:0 10px 4px 0 !important;
    }

    .snapshot-card h2,
    .snapshot-card h3,
    .seller-snapshot h2,
    .seller-snapshot h3,
    .at-a-glance-card h2,
    .at-a-glance-card h3 {
        display:flex;
        align-items:center;
        min-height:38px;
        margin-top:0;
    }

    .snapshot-card ul,
    .seller-snapshot ul,
    .at-a-glance-card ul {
        clear:both;
    }
}



/* v1.13b: target current seller page listing cards directly */
@media (max-width:760px) {
    .listing-card .listing-meta,
    .listing-card .listing-facts,
    .listing-card .listing-details,
    .listing-row-card .listing-meta,
    .listing-row-card .listing-facts,
    .listing-row-card .listing-details {
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        gap:10px !important;
        padding:8px 0 0 !important;
        margin:8px 0 0 !important;
        border-top:1px solid rgba(148, 163, 184, .22) !important;
    }

    .listing-card .listing-meta > *,
    .listing-card .listing-facts > *,
    .listing-card .listing-details > *,
    .listing-row-card .listing-meta > *,
    .listing-row-card .listing-facts > *,
    .listing-row-card .listing-details > * {
        flex:1 1 0 !important;
        min-width:0 !important;
        padding:0 !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
    }
}



/* v1.14: mobile sorter belongs above leaderboard cards */
@media (max-width:760px) {
    .seller-leaderboard-wrap .leaderboard-sort-mobile {
        order:-1;
        display:flex !important;
        margin:0 0 10px !important;
    }

    .seller-leaderboard-wrap {
        display:flex;
        flex-direction:column;
    }
}

/* v1.14: force At-a-glance icon and title into one row on mobile */
@media (max-width:760px) {
    .snapshot-card {
        display:block;
    }

    .snapshot-card > .icon-badge,
    .snapshot-card > .snapshot-icon,
    .snapshot-card > .section-icon,
    .snapshot-card > .material-symbols-outlined:first-child {
        float:none !important;
        display:inline-flex !important;
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        margin:0 8px 0 0 !important;
        vertical-align:middle;
    }

    .snapshot-card > h2:first-of-type,
    .snapshot-card > h3:first-of-type {
        display:inline-flex !important;
        align-items:center !important;
        min-height:34px !important;
        margin:0 0 10px !important;
        vertical-align:middle;
    }

    .snapshot-card > ul {
        clear:both;
        margin-top:8px;
    }

    /* Some builds use a generic panel with icon badge before heading */
    .panel:has(> .icon-badge) > .icon-badge + h2,
    .panel:has(> .icon-badge) > .icon-badge + h3,
    .seller-snapshot:has(> .icon-badge) > .icon-badge + h2,
    .seller-snapshot:has(> .icon-badge) > .icon-badge + h3,
    .at-a-glance-card:has(> .icon-badge) > .icon-badge + h2,
    .at-a-glance-card:has(> .icon-badge) > .icon-badge + h3 {
        display:inline-flex !important;
        align-items:center !important;
        min-height:34px !important;
        margin:0 0 10px !important;
        vertical-align:middle;
    }

    .panel:has(> .icon-badge) > .icon-badge,
    .seller-snapshot:has(> .icon-badge) > .icon-badge,
    .at-a-glance-card:has(> .icon-badge) > .icon-badge {
        display:inline-flex !important;
        float:none !important;
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        margin:0 8px 0 0 !important;
        vertical-align:middle;
    }
}



@media (max-width:760px) {
    .snapshot-title-inline {
        display:inline-flex !important;
        align-items:center !important;
        min-height:34px !important;
        margin:0 0 10px !important;
        vertical-align:middle;
    }

    .icon-badge + .snapshot-title-inline,
    .snapshot-icon + .snapshot-title-inline,
    .section-icon + .snapshot-title-inline {
        display:inline-flex !important;
    }
}



/* v1.15: hidden leaderboard cards must stay hidden on mobile unless JS exposes top 10/current */
.seller-leaderboard-wrap [hidden] {
    display:none !important;
}



/* v1.16: mobile collapsed leaderboard intentionally shows only the current seller */
@media (max-width:760px) {
    .seller-leaderboard-wrap:not(.is-expanded) .leader-v3-card[hidden] {
        display:none !important;
    }
}

.hero-meta-line{margin-top:8px;color:var(--bs-soft);font-size:.82rem;}
.listing-title-cell .seller-source-subtext{grid-column:2;display:block;}
@media (max-width:760px){
  .leaderboard-sort-mobile{display:flex;max-width:100%;overflow-x:auto;overflow-y:hidden;gap:6px;padding-bottom:2px;-webkit-overflow-scrolling:touch;}
  .leaderboard-sort-chip{flex:0 0 auto;min-width:0;padding:6px 9px;font-size:.78rem;white-space:nowrap;}
  .seller-leaderboard-wrap .leaderboard-sort-mobile{max-width:100%;}
}


/* v1.18: top-market leaderboard fixes */
.sr-only {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}

.hero-meta-line {
    margin:8px 0 0;
    color:var(--bs-soft);
    font-size:.82rem;
    line-height:1.35;
}

.leaderboard-premium-value {
    background:rgba(251,146,60,.12);
    color:var(--bs-warn);
}

.leader-v3-premium-line {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:9px;
    padding:7px 8px;
    border:1px solid rgba(251,146,60,.18);
    border-radius:9px;
    background:rgba(251,146,60,.07);
}

.leader-v3-premium-line span {
    color:var(--bs-soft);
    font-size:.67rem;
    font-weight:900;
    letter-spacing:.045em;
    text-transform:uppercase;
}

.leader-v3-premium-line strong {
    color:var(--bs-warn);
    font-size:.86rem;
    white-space:nowrap;
}

.listing-title-link {
    color:var(--bs-text);
    text-decoration:none;
}

.listing-title-link:hover strong {
    color:var(--bs-accent-strong);
    text-decoration:underline;
}

.listing-title-text {
    display:block;
    min-width:0;
}

.listing-title-cell .seller-source-subtext {
    grid-column:auto;
    display:block;
}

.icon-action {
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    border:1px solid var(--bs-border-strong);
    background:var(--bs-panel);
    color:var(--bs-accent-strong);
    text-decoration:none;
    transition:all .18s ease;
}

.icon-action:hover {
    border-color:var(--bs-accent);
    transform:translateY(-1px);
}

.icon-action .material-symbols-outlined {
    font-size:18px;
}

.listing-inline-open {
    color:var(--bs-accent-strong);
    font-size:18px;
    opacity:.9;
}

.activity-label,
.activity-count-value {
    background:rgba(251,146,60,.13) !important;
    color:var(--bs-warn) !important;
    border:1px solid rgba(251,146,60,.28) !important;
}

html[data-theme='dark'] .activity-label,
html[data-theme='dark'] .activity-count-value {
    background:rgba(251,146,60,.16) !important;
    color:#fdba74 !important;
    border-color:rgba(251,146,60,.30) !important;
}

@media (min-width:761px) {
    .listing-table th:last-child,
    .listing-table td:last-child {
        width:48px !important;
        min-width:48px !important;
        max-width:48px !important;
        text-align:center !important;
    }

    .listing-table .small-action {
        min-width:0;
    }

    .comparison-table-market {
        min-width:860px;
    }
}

@media (max-width:760px) {
    .hero {
        grid-template-columns:1fr;
    }

    .seller-leaderboard-wrap[data-market-leaderboard="1"] .leader-v3-card:nth-of-type(n+11):not([hidden]) {
        display:block;
    }

    .leaderboard-panel {
        overflow:hidden;
    }

    .leaderboard-sort-mobile {
        display:flex;
        max-width:100%;
        overflow-x:auto;
        overflow-y:hidden;
        gap:5px;
        margin:8px 0 8px;
        padding:1px 2px 7px;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:thin;
    }

    .leaderboard-sort-chip {
        flex:0 0 auto;
        min-width:0;
        padding:5px 8px;
        border-radius:999px;
        font-size:.72rem;
        line-height:1.12;
        white-space:nowrap;
    }

    .leaderboard-sort-chip span {
        margin-left:1px;
    }

    .mobile-listing-top.mobile-listing-link {
        grid-template-columns:54px minmax(0,1fr) 20px;
        color:var(--bs-text);
        text-decoration:none;
        margin-bottom:10px;
    }

    .mobile-listing-top.mobile-listing-link:hover strong {
        color:var(--bs-accent-strong);
        text-decoration:underline;
    }

    .mobile-listing-copy {
        display:block;
        min-width:0;
    }

    .mobile-listing-action {
        display:none !important;
    }

    .mobile-listing-card {
        padding:10px;
    }

    .mobile-listing-details {
        gap:6px;
    }
}