/* Release visual system: quiet surfaces, item art and readable trading data. */
[hidden] { display: none !important; }
body { --muted: #939fb2; --text-dim: #939fb2; }
html[data-theme="light"] body { --muted: #5c6375; --text-dim: #5c6375; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.workspace-heading { display:flex; position:static; height:auto; z-index:auto; background:none; backdrop-filter:none; -webkit-backdrop-filter:none; align-items:center; justify-content:space-between; gap:24px; padding:32px 0 28px; border-bottom:1px solid var(--border); margin-bottom:24px; }
.eyebrow { font:600 11px var(--font-num); letter-spacing:.16em; color:var(--accent); margin:0 0 13px; }
.workspace-heading h1,.rs-head h1 { font-size:clamp(28px,3.8vw,46px); line-height:1.1; letter-spacing:-.045em; margin:0 0 14px; font-weight:650; }
.workspace-heading p:not(.eyebrow),.rs-head>p:not(.eyebrow) { color:var(--text-2); font-size:14px; line-height:1.65; max-width:620px; margin-bottom:0; }
.text-link { color:var(--accent); text-decoration:none; font-weight:600; white-space:nowrap; font-size:13px; }
.skin-workspace { max-width:1440px; margin:auto; padding:0 36px 48px; }
.skin-search-row { display:flex; align-items:center; gap:24px; margin:26px 0; }
.skin-search-row .hero-search-wrap { display:flex; align-items:center; flex:1; max-width:740px; margin:0; background:var(--panel); border:1px solid var(--border); border-radius:8px; }
.skin-search-row .hero-search-input { width:100%; border:0; background:transparent; padding:17px 14px; font-size:14px; font-style:normal; }
.search-symbol { padding-left:18px; font-size:26px; color:var(--muted); }
.catalogue-count { font:11px var(--font-num); color:var(--muted); max-width:280px; line-height:1.6; }
.catalogue-layout { display:grid; grid-template-columns:184px minmax(0,1fr); gap:28px; align-items:start; }
.catalogue-sidebar { position:static; inset:auto; transform:none; transition:none; z-index:auto; width:auto; height:auto; max-height:none; overflow:visible; background:none; border:0; padding:0; }
.catalogue-sidebar h2 { font-size:10px; text-transform:uppercase; letter-spacing:.14em; color:var(--muted); margin:0 0 12px; }
.catalogue-sidebar .cat-chips { display:flex; flex-direction:column; gap:3px; overflow:visible; padding:0; }
.catalogue-sidebar .cat-chip { min-width:0; width:100%; display:grid; grid-template-columns:28px 1fr auto; gap:7px; align-items:center; padding:7px 9px; background:none; border:1px solid transparent; border-radius:6px; text-align:left; }
.catalogue-sidebar .cat-chip:hover { background:var(--panel); transform:none; }
.catalogue-sidebar .cat-chip.active { background:var(--accent-subtle); border-color:var(--accent-border-40); }
.catalogue-sidebar .cat-chip-img,.catalogue-sidebar .cat-chip-img-placeholder { width:28px; height:24px; margin:0; object-fit:contain; font:10px var(--font-num); display:grid; place-items:center; color:var(--muted); }
.catalogue-sidebar .cat-chip-name { font-size:12px; font-weight:500; margin:0; }
.catalogue-sidebar .cat-chip-count { font:10px var(--font-num); color:var(--muted); margin:0; }
.catalogue-refine { margin-top:24px; border-top:1px solid var(--border); padding-top:22px; }
.catalogue-refine .csel { width:100%; margin-bottom:10px; }
.catalogue-refine select { width:100%; font-size:11px; padding:10px; }
.catalogue-refine .st-label { white-space:normal; font-size:10px; padding:8px 0; background:none; border:0; }
.catalogue-content { min-width:0; }
.catalogue-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:14px; min-height:40px; margin-bottom:17px; }
.catalogue-toolbar .result-count { margin-right:auto; font:11px var(--font-num); }
.catalogue-sort { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:11px; }
.catalogue-sort select { padding:8px 10px; font-size:11px; }
.view-switch { display:flex; border:1px solid var(--border); padding:3px; border-radius:7px; }
.view-switch button { border:0; background:none; color:var(--muted); padding:6px 10px; font-size:11px; border-radius:4px; }
.view-switch button[aria-pressed="true"] { background:var(--surface-2); color:var(--text); }
.skin-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.skin-item { min-width:0; background:var(--panel); border:1px solid var(--border); border-radius:9px; overflow:hidden; transition:border-color .16s; }
.skin-item:hover { border-color:var(--rc,var(--accent)); }
.skin-item-art { height:166px; display:flex; align-items:center; justify-content:center; position:relative; border-top:2px solid var(--rc); background:radial-gradient(ellipse at center,color-mix(in srgb,var(--rc) 10%,transparent),transparent 70%); }
.skin-item-art img { max-width:90%; max-height:130px; object-fit:contain; transition:transform .18s; }
.skin-item:hover .skin-item-art img { transform:translateY(-3px) rotate(-3deg); }
.skin-item-rarity { position:absolute; top:11px; left:13px; color:var(--muted); font:9px var(--font-num); text-transform:uppercase; letter-spacing:.06em; }
.art-missing { color:var(--muted); font-size:11px; }
.skin-item-info { padding:0 15px 14px; }
.skin-weapon { font-size:10px; color:var(--muted); margin:0 0 5px; }
.skin-item h2 { font-size:17px; letter-spacing:-.025em; line-height:1.3; margin:0 0 5px; }
.skin-item h2 a { color:var(--text); text-decoration:none; }
.skin-collection { font-size:10px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0 0 17px; min-height:14px; }
.skin-item-price { display:flex; justify-content:space-between; gap:8px; font:10px var(--font-num); color:var(--muted); margin-bottom:15px; }
.skin-item-price strong { color:var(--text); font-size:16px; font-weight:500; margin-left:4px; }
.wear-ladder { display:flex; margin:0; border-top:1px solid var(--border); padding-top:10px; gap:4px; }
.wear-ladder>div { flex:1; min-width:0; }
.wear-ladder dt { font:9px var(--font-num); color:var(--muted); margin-bottom:5px; }
.wear-ladder dd { font:9px var(--font-num); color:var(--text-2); margin:0; overflow-wrap:anywhere; }
.catalogue-footnote { font-size:11px; color:var(--muted); margin-top:24px; line-height:1.6; }
.catalogue-content .dtable-wrap { margin:0; }
.catalogue-content .empty { padding:64px 20px; border:1px dashed var(--border); border-radius:8px; }
.arb-wrap,.rs { max-width:1368px; }
.arb-panel { box-shadow:none; border-radius:9px; }
.arb-note { font-size:12px; line-height:1.7; padding:16px 20px; border-left:2px solid var(--accent); background:var(--accent-subtle); }
.arb-note strong { color:var(--text); }
.arb-dtable tbody tr:hover { background:var(--panel-hover); }
.arb-dtable .dtable-thumb { width:70px; height:48px; object-fit:contain; }
.rs-head { padding-top:30px; padding-bottom:24px; border-bottom:1px solid var(--border); margin-bottom:24px; }
.rs .stat-row { gap:14px; margin:22px 0; }
.rs .stat-box { border-radius:8px; box-shadow:none; }
.rs-actions { padding:16px 0; }
.rs-actions #clearAll { margin-left:auto; background:none; color:var(--muted); }
.journal-empty { padding:52px 24px; background:var(--panel); border:1px solid var(--border); border-radius:10px; text-align:center; }
.journal-mark { display:inline-grid; place-items:center; width:54px; height:54px; margin-bottom:24px; border:1px solid var(--accent-border-40); color:var(--accent); font-size:28px; border-radius:12px; }
.journal-empty h2 { font-size:25px; letter-spacing:-.03em; margin:0 0 14px; }
.journal-empty>p:not(.eyebrow) { max-width:460px; margin:12px auto 24px; color:var(--muted); font-size:13px; line-height:1.7; }
.journal-empty .text-link { display:inline-block; padding:12px 18px; background:var(--accent); color:var(--bg); border-radius:6px; }
.card-disclosure { padding:3px 7px; margin-left:8px; font:10px var(--font-ui); border:1px solid var(--border); background:transparent; color:var(--muted); border-radius:4px; }
.card-disclosure[aria-expanded="true"] { color:var(--accent); }
.card:not(.open) .card-body-wrap { visibility:hidden; }
.card.open .card-body-wrap { visibility:visible; }
.research-note { font-size:11px; line-height:1.6; border-left:2px solid var(--accent); padding:10px; margin:12px 0; background:var(--accent-subtle); }
.finder-guide { margin:44px 0 12px; padding:28px 0; border-top:1px solid var(--border); color:var(--text-2); font-size:13px; line-height:1.7; }
.finder-guide h2 { font-size:23px; color:var(--text); letter-spacing:-.03em; margin:0 0 24px; }
.guide-columns { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:24px; }
.guide-columns h3 { font-size:13px; color:var(--text); }
.finder-guide details { padding:12px 0; border-top:1px solid var(--border); }
.finder-guide summary { cursor:pointer; color:var(--text); }
.finder-guide a,.rs-head a { color:var(--accent); }
.legal { line-height:1.8; }
.legal h1 { font-size:clamp(30px,4vw,44px); line-height:1.15; letter-spacing:-.035em; margin:18px 0 24px; }
.legal h2 { margin-top:36px; scroll-margin-top:90px; }
.legal p + p { margin-top:16px; }
.legal a:not(.btn),.acct .card a:not(.btn-ghost) { color:var(--accent); text-underline-offset:3px; }
.legal a:hover { text-decoration-thickness:2px; }
.legal .eyebrow { color:var(--accent); }
.contact-form { display:grid; gap:14px; margin:28px 0; }
.contact-form label { display:grid; gap:7px; }
.contact-form input,.contact-form textarea { width:100%; }
.affiliate-disclosure { font-size:11px; color:var(--muted); line-height:1.6; margin-top:14px; }
@media(min-width:1500px) { .skin-gallery { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:1050px) { .skin-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); } .skin-workspace { padding:0 22px 32px; } .catalogue-layout { grid-template-columns:155px minmax(0,1fr); gap:20px; } }
@media(max-width:700px) {
  .workspace-heading { align-items:flex-start; flex-direction:column; gap:12px; padding-top:24px; }
  .skin-workspace { padding:0 16px 32px; }
  .skin-search-row { flex-direction:column; align-items:stretch; gap:10px; }
  .catalogue-layout { display:block; }
  .catalogue-sidebar .cat-chips { display:flex; flex-direction:row; overflow-x:auto; padding-bottom:10px; margin-bottom:10px; }
  .catalogue-sidebar .cat-chip { width:auto; display:flex; flex-shrink:0; padding:7px 10px; }
  .catalogue-sidebar .cat-chip-img,.catalogue-sidebar .cat-chip-img-placeholder,.catalogue-sidebar .cat-chip-count { display:none; }
  .catalogue-sidebar>h2 { display:none; }
  .catalogue-refine { display:flex; flex-wrap:wrap; gap:10px; padding:0 0 14px; margin:0; border:0; }
  .catalogue-refine h2 { display:none; }
  .catalogue-refine .csel { flex:1; min-width:100px; margin:0; }
  .catalogue-refine .st-label { flex-basis:100%; }
  .skin-gallery { gap:9px; } .skin-item-art { height:135px; } .skin-item-art img { max-height:105px; }
  .skin-item-info { padding:0 10px 12px; } .skin-item h2 { font-size:15px; }
  .skin-item-price { flex-wrap:wrap; gap:7px; } .wear-ladder { flex-wrap:wrap; row-gap:8px; } .wear-ladder>div { flex:0 0 30%; }
  .catalogue-toolbar { gap:9px; } .catalogue-sort { order:3; width:100%; } .catalogue-sort select { flex:1; }
  .guide-columns { grid-template-columns:1fr; gap:8px; }
  .arb-wrap,.rs { padding-left:16px; padding-right:16px; }
}
@media(prefers-reduced-motion:reduce) { .skin-item,.skin-item-art img { transition:none; } .skin-item:hover .skin-item-art img { transform:none; } }

.spread-check { display:block; color:var(--accent); font-size:10px; margin-top:5px; }
.arb-dtable .dtable-name a { color:var(--text); text-decoration:none; }
a[data-affiliate="true"]::after { content:" · Ad"; font:9px var(--font-ui); color:var(--muted); }
.market-partners { margin-top:32px; padding:24px 0; border-top:1px solid var(--border); }
.market-partners h2 { font-size:18px; margin:0 0 10px; }
.market-partners p { color:var(--text-2); font-size:13px; line-height:1.7; max-width:720px; }
.market-partners a { color:var(--accent); }
.market-partner-links { display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; }
.market-partner-links a { padding:10px 16px; border:1px solid var(--border); border-radius:6px; text-decoration:none; }
.market-partner-links a:hover { border-color:var(--accent); }

/* Product review: predictable sliders, inventory cards and balanced calculator. */
.rng-slider {height:32px;isolation:isolate;overflow:visible;margin:0 10px;}
.rng-track {z-index:0;pointer-events:none;}
.rng-slider input.rng-handle {appearance:none;-webkit-appearance:none;position:absolute;inset:0;width:100%;height:32px;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;}
.rng-handle::-webkit-slider-runnable-track {height:4px;background:transparent;border:0;}
.rng-handle::-moz-range-track {height:4px;background:transparent;border:0;}
.rng-handle::-webkit-slider-thumb {margin-top:-8px;width:20px;height:20px;background:var(--panel);border:3px solid var(--accent);}
.rng-handle::-moz-range-thumb {width:20px;height:20px;background:var(--panel);border:3px solid var(--accent);}
.inventory-gallery {display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:18px 0;}
.inventory-item {display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);text-decoration:none;min-width:0;}
.inventory-item:hover,.inventory-item:focus-visible {border-color:var(--accent);background:var(--panel-hover);}
.inventory-image {height:110px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,rgba(116,159,218,.14),transparent 70%);}
.inventory-image img {max-width:100%;height:100%;object-fit:contain;}
.inventory-count {position:absolute;right:0;top:0;background:var(--bg);padding:2px 7px;border-radius:5px;}
.inventory-item>span,.inventory-price small {color:var(--muted);font-size:.75rem;}
.inventory-price {margin-top:auto;font-variant-numeric:tabular-nums;}
.inventory-price small {display:block;margin-top:4px;}
.inv-import {margin-top:28px;} .inv-import h2 {margin:0 0 14px;}
body[data-page="calculator"] .calc-layout {max-width:1480px;margin:auto;grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);gap:20px;min-height:0;padding:24px;align-items:start;}
body[data-page="calculator"] .inputs-panel,body[data-page="calculator"] .results-panel {padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--panel);min-width:0;}
body[data-page="calculator"] .calc-table-wrap {max-height:65vh;overflow:auto;}
body[data-page="calculator"] .calc-dtable {font-size:.82rem;}
body[data-page="calculator"] .calc-dtable .dtable-name {font-size:.82rem;}
body[data-page="calculator"] .calc-empty {min-height:340px;}
@media(max-width:1000px){body[data-page="calculator"] .calc-layout {grid-template-columns:1fr;padding:16px;} body[data-page="calculator"] .calc-empty {min-height:180px;}}
@media(max-width:480px){.inventory-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inventory-item{padding:10px}.inventory-image{height:90px}body[data-page="calculator"] .slot-grid{grid-template-columns:1fr}}

.proof-outcomes{display:flex;flex-direction:column;gap:10px;max-height:350px;overflow:auto}.proof-outcome{display:flex;gap:10px;align-items:center;padding:8px;border-bottom:1px solid var(--border)}.proof-outcome img{width:62px;height:44px;object-fit:contain}.proof-outcome>span{flex:1}.proof-outcome small{display:block;font-size:.7rem;color:var(--muted);font-weight:400}.proof-outcome strong{text-align:right;font-size:.85rem}.proof-out{min-width:0}

.saved-workspace{max-width:1280px;padding:28px 24px;margin:auto}.saved-alerts,.contract-history{padding:20px;border:1px solid var(--border);background:var(--panel);border-radius:12px;margin-bottom:20px}.saved-workspace .saved-contract{margin:28px 0;padding:16px;border:1px solid var(--border);border-radius:12px}.history-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.history-controls h3{margin-right:auto}.history-plot svg{width:100%;max-height:280px;overflow:visible}.history-plot polyline{fill:none;stroke:var(--accent);stroke-width:2}.history-plot circle{fill:var(--accent)}.history-plot text{font-size:12px;fill:var(--muted)}.history-plot p{font-size:.8rem;color:var(--muted)}

#languageSelect{max-width:100px;font-size:.75rem;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:var(--text);padding:6px}.faq-item{border-bottom:1px solid var(--border);padding:18px 0}.faq-item summary{cursor:pointer;font-weight:600}.faq-answer{line-height:1.7;color:var(--muted);padding:10px 0}.language-note{font-size:.85rem;color:var(--muted)}

@media(max-width:480px){header .header-logo-text{display:none}header{gap:8px}.header-right{gap:8px}#languageSelect{max-width:95px}.saved-workspace{padding:20px 12px}.saved-workspace .saved-contract{padding:10px}.contract-history{padding:12px}.calc-actions{flex-wrap:wrap}}
.slot[role="button"]:focus-visible,.slot-info[role="button"]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
/* Layout review: shared page rhythm, compact controls and content-led widths. */
body { --workspace-width: 1360px; --workspace-gutter: clamp(16px, 2.4vw, 32px); }
body[data-page="home"] .home, .skin-workspace, .arb-wrap, .rs,
body[data-page="markets"] .mk-wrap, body[data-page="inventory"] .inv,
.saved-workspace { max-width:var(--workspace-width); padding:24px var(--workspace-gutter) 48px; }
.workspace-heading, .rs-head { padding:8px 0 20px; margin-bottom:20px; gap:16px; }
.workspace-heading h1, .rs-head h1 { font-size:clamp(27px,2.8vw,36px); margin-bottom:10px; }
.workspace-heading .eyebrow, .rs-head .eyebrow { margin:0 0 8px; }
.workspace-heading p:not(.eyebrow), .rs-head>p:not(.eyebrow) { max-width:760px; line-height:1.55; }
body[data-page="index"] .layout { grid-template-columns:264px minmax(0,1fr); }
body[data-page="index"] .layout.sidebar-hidden { grid-template-columns:1fr; }
body[data-page="index"] main { max-width:1480px; min-width:0; }
body[data-page="index"] .hero-cards.detailed { gap:8px; }
body[data-page="index"] .stats { gap:8px; }
body[data-page="index"] .workspace-heading { padding-top:4px; }
/* Inputs and selects inherit width:100%; constrain them to their toolbar slot. */
.rs .rs-toolbar { display:flex; gap:8px; margin-top:0; }
.rs .rs-toolbar>* { min-width:0; width:auto; flex:1 1 120px; }
.rs .rs-toolbar>input { flex:2 1 240px; }
.rs .rs-toolbar>button { flex:0 0 auto; }
.rs .rs-actions { margin-top:14px; padding:0; margin-bottom:14px; }
.rs .stat-row { margin:16px 0; }
.rs .rs-chart-panel { margin-top:16px; }
.rs .rs-chart-read-sub { display:inline-block; }
/* A compact two-row filter panel keeps the comparison table in view. */
.arb-panel { display:grid; grid-template-columns:minmax(270px,.8fr) minmax(0,1.6fr); gap:12px 24px; padding:16px; }
.arb-panel .arb-row { margin:0; padding:0; border:0; min-width:0; }
.arb-panel .arb-row-selects { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.arb-panel .arb-row-spacer { display:none; }
.arb-panel .arb-row-selects .arb-field { min-width:0; }
.arb-panel .arb-row-selects select, .arb-panel .arb-markets, .arb-panel .arb-markets summary { width:100%; min-width:0; }
.arb-panel .arb-row-selects>button { min-width:0; white-space:nowrap; }
.arb-panel .arb-row-sliders { align-self:center; gap:22px; }
.arb-panel .arb-row-toggles { grid-column:1/-1; padding-top:12px; border-top:1px solid var(--border); }
.arb-note { max-width:none; margin:12px 0; padding:10px 14px; line-height:1.55; }
/* Keep the weapon, rarity and collection controls above the gallery. */
.skin-search-row { margin:16px 0 20px; gap:16px; }
.skin-search-row .hero-search-wrap { max-width:none; }
.skin-search-row .hero-search-input { padding:12px; }
.catalogue-layout { grid-template-columns:164px minmax(0,1fr); gap:24px; }
.catalogue-refine { display:grid; grid-template-columns:minmax(150px,1fr) repeat(2,minmax(140px,1fr)) auto; align-items:end; gap:10px; margin:0 0 14px; padding:0; border:0; }
.catalogue-refine .csel, .catalogue-refine select { margin:0; min-width:0; width:100%; }
.catalogue-refine .weapon-filter { display:grid; gap:6px; margin:0; }
.catalogue-refine .weapon-filter>span { font-size:10px; color:var(--muted); }
.catalogue-refine .st-label { margin:0; padding:10px 0; white-space:nowrap; }
.catalogue-toolbar { margin-bottom:12px; }
.skin-gallery { grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px; }
.skin-item-art { height:138px; }
.skin-item-art img { max-height:112px; }
/* Saved charts adapt their coordinate system to the actual container width. */
.saved-workspace .saved-contract { margin:16px 0; padding:12px; }
.saved-alerts { padding:14px 16px; margin-bottom:16px; }
.saved-alerts p { margin:6px 0; line-height:1.5; }
.saved-alerts .hint { max-width:80ch; }
.saved-alerts #ackAlerts { margin-top:10px; padding:9px 12px; border:1px solid var(--accent-border-40); border-radius:6px; color:var(--accent); background:var(--accent-subtle); font:500 12px var(--font-ui); cursor:pointer; }
.contract-history { display:grid; grid-template-columns:230px minmax(0,1fr); column-gap:24px; padding:16px; margin:10px 0 0; }
.history-controls { display:grid; grid-template-columns:1fr 1fr; align-content:start; gap:12px; }
.history-controls h3 { grid-column:1/-1; margin:0; font-size:15px; }
.history-controls label { min-width:0; font-size:10px; text-align:left; }
.history-controls select { margin-top:6px; padding:8px; font-size:12px; }
.history-plot { grid-column:2; grid-row:1/3; min-width:0; }
.history-plot svg { display:block; width:100%; height:180px; max-height:none; }
.history-plot p { margin:6px 0 0; line-height:1.5; }
.contract-history>.hint { margin:12px 0 0; font-size:11px; line-height:1.6; }
/* Homepage: cost and risk beside the outcome list, without an empty input column. */
body[data-page="home"] .hero { padding:20px 16px 24px; }
body[data-page="home"] .hero h1 { font-size:clamp(30px,3.6vw,46px); }
body[data-page="home"] .hero p { margin-top:14px; max-width:740px; font-size:15px; }
body[data-page="home"] .hero-eyebrow { margin-bottom:14px; }
body[data-page="home"] .hero-cta { margin-top:20px; }
body[data-page="home"] .proof { margin:20px 0; }
body[data-page="home"] .proof-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr); gap:14px 28px; align-items:start; padding:20px; }
body[data-page="home"] .proof-io { display:contents; }
body[data-page="home"] .proof-arrow { display:none; }
body[data-page="home"] .proof-in { grid-column:1; grid-row:1; }
body[data-page="home"] .proof-out { grid-column:2; grid-row:1/5; }
body[data-page="home"] .proof-metrics { grid-column:1; grid-row:2; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
body[data-page="home"] .proof-metrics .stat-tile { padding:10px 12px; }
body[data-page="home"] .proof-metrics .stat-tile:last-child { grid-column:span 2; }
body[data-page="home"] .proof-honest { grid-column:1; grid-row:3; }
body[data-page="home"] .proof-cta { grid-column:1; grid-row:4; justify-self:start; font-size:13px; }
body[data-page="home"] .proof-flat-badge { grid-column:1/-1; grid-row:1; }
body[data-page="home"] .proof-panel-flat .proof-in { grid-row:2; }
body[data-page="home"] .proof-panel-flat .proof-metrics { grid-row:3; }
body[data-page="home"] .proof-panel-flat .proof-honest { grid-row:4; }
body[data-page="home"] .proof-panel-flat .proof-cta { grid-row:5; }
body[data-page="home"] .proof-panel-flat .proof-out { grid-row:2/6; }
.proof-outcomes { max-height:420px; gap:4px; scrollbar-gutter:stable; }
.proof-outcome { padding:8px 0; }
.proof-outcome>span { min-width:0; font-size:13px; }
.proof-outcome strong { flex-shrink:0; }
.proof-outcome strong small { max-width:110px; }
body[data-page="home"] .how { margin:28px 0; }
.home-comparisons { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.home-comparisons>section { min-width:0; }
.home-comparisons .sec-head { flex-wrap:wrap; gap:8px; margin:16px 0 12px; }
.home-comparisons .sec-head .sub { order:3; flex-basis:100%; }
.home-comparisons .dtable-wrap { margin:0; }
body[data-page="home"] .final-cta { margin:28px 0 0; padding:24px; }
/* Comfortable reading widths are intentional on account and text pages. */
body[data-page="profile"] .acct, body[data-page="settings"] .acct { max-width:1040px; padding:28px var(--workspace-gutter) 48px; }
body[data-page="profile"] #signedIn { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:16px; align-items:start; }
body[data-page="profile"] .profile-hero, body[data-page="profile"] .info-grid { margin:0; }
body[data-page="profile"] .acct-actions { margin:0; }
body[data-page="profile"] section.card { grid-column:1/-1; padding:20px; margin:0; cursor:default; }
body[data-page="profile"] section.card p { max-width:80ch; font-size:13px; color:var(--muted); line-height:1.7; margin:12px 0; }
body[data-page="settings"] .set-select { width:auto; min-width:170px; max-width:50%; flex-shrink:0; }
body[data-page="faq"] .acct { max-width:960px; padding:28px var(--workspace-gutter) 48px; }
body[data-page="faq"] .faq-item { padding:0; }
.faq-item summary { padding:16px 18px; line-height:1.5; }
.faq-answer { padding:0 18px 16px; }
body[data-page="skin_detail"] .sd-wrap { max-width:1200px; padding:24px var(--workspace-gutter) 48px; }
body[data-page="skin_detail"] .sd-hero { margin-bottom:20px; padding:18px; }
.inventory-toolbar { display:flex; gap:16px; align-items:end; }
.inventory-sort { display:flex; gap:10px; align-items:center; margin:0; }
.inventory-sort select { width:auto; max-width:260px; }
.inventory-sort>span { white-space:nowrap; font-size:11px; }
.inventory-recommendations { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.inventory-recommendations>section { min-width:0; }
.inventory-recommendations .sec-head { flex-wrap:wrap; }
.inventory-recommendations .cards { grid-template-columns:1fr; }
@media(max-width:1100px) {
  .catalogue-refine { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .arb-panel { grid-template-columns:1fr; }
  .arb-panel .arb-row-selects .arb-field { flex:0 1 190px; }
  .arb-panel .arb-row-selects button { flex:0 1 auto; }
  .arb-panel .arb-row-selects { grid-template-columns:1fr 1fr auto auto; }
  .home-comparisons { grid-template-columns:1fr; }
  .rs .rs-toolbar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .rs .rs-toolbar input { grid-column:1/-1; }
  .contract-history { grid-template-columns:190px minmax(0,1fr); gap:16px; }
}
@media(max-width:900px) {
  body[data-page="index"] .layout { grid-template-columns:1fr; }
  .inventory-recommendations { grid-template-columns:1fr; gap:8px; }
  body[data-page="home"] .proof-panel { display:flex; }
  body[data-page="home"] .proof-io { display:grid; width:100%; }
  body[data-page="home"] .proof-in, body[data-page="home"] .proof-out { grid-column:auto; grid-row:auto; }
  body[data-page="home"] .proof-metrics { width:100%; grid-template-columns:repeat(3,minmax(0,1fr)); }
  body[data-page="home"] .proof-metrics .stat-tile:last-child { grid-column:auto; }
  .contract-history { display:block; }
  .history-controls { grid-template-columns:1fr 120px 100px; align-items:center; margin-bottom:10px; }
  .history-controls h3 { grid-column:auto; }
  body[data-page="profile"] #signedIn { grid-template-columns:1fr; }
}
@media(max-width:700px) {
  .workspace-heading, .rs-head { padding:0 0 16px; margin-bottom:16px; gap:8px; }
  .workspace-heading h1,.rs-head h1 { margin-bottom:8px; }
  .workspace-heading p:not(.eyebrow),.rs-head>p:not(.eyebrow) { font-size:13px; }
  .skin-search-row { margin:12px 0 16px; gap:8px; }
  .catalogue-layout { display:block; }
  .catalogue-refine { gap:8px; margin-bottom:10px; }
  .catalogue-refine .st-label { white-space:normal; }
  .catalogue-refine .weapon-filter>span { display:none; }
  .skin-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .skin-item-art { height:120px; }
  .skin-item-art img { max-height:98px; }
  .catalogue-toolbar { gap:8px; margin-bottom:12px; }
  .catalogue-sort { order:0; width:auto; flex:1; min-width:0; }
  .catalogue-toolbar .result-count { width:100%; }
  .catalogue-sort select { min-width:0; width:100%; }
  .arb-panel .arb-row-selects { grid-template-columns:1fr 1fr; }
  .arb-panel .arb-row-sliders { grid-template-columns:1fr; gap:14px; }
  .rs .rs-toolbar { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rs .rs-toolbar #fCollection { grid-column:1/-1; grid-row:3; }
  .rs .rs-actions { gap:8px; }
  .rs .rs-actions button { padding:9px 10px; }
  .rs-chart-read-sub { margin:4px 0 0; }
  .history-controls { grid-template-columns:1fr 1fr; }
  .history-controls h3 { grid-column:1/-1; }
  .contract-history { padding:12px; }
  .saved-workspace .saved-contract { padding:10px; }
  body[data-page="home"] .hero { padding:6px 0 18px; }
  body[data-page="home"] .hero-eyebrow { font-size:9px; letter-spacing:.06em; }
  body[data-page="home"] .proof-panel { padding:14px; }
  body[data-page="home"] .proof-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-page="home"] .proof-metrics .stat-tile:last-child { grid-column:1/-1; }
  .proof-outcome { gap:6px; }
  .proof-outcome img { width:42px; height:34px; }
  .proof-outcome strong { font-size:12px; }
  .proof-outcome strong small { max-width:80px; font-size:10px; }
  body[data-page="skin_detail"] .sd-hero { gap:12px; flex-wrap:wrap; }
  body[data-page="skin_detail"] .sd-hero-img { width:110px; height:90px; }
  body[data-page="skin_detail"] .sd-table { min-width:640px; }
  body[data-page="skin_detail"] .sd-table-wrap { overflow-x:auto; }
  .inventory-sort { width:100%; }
  .inventory-sort select { flex:1; max-width:none; min-width:0; }
  body[data-page="inventory"] .inv-bar input { min-width:0; flex-basis:100%; }
  body[data-page="settings"] .set-row { flex-wrap:wrap; }
  body[data-page="settings"] .set-select { max-width:100%; }
}

@media(min-width:1101px) {
  body[data-page="home"] .hero { display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:12px 32px; text-align:left; padding:16px 0 24px; }
  body[data-page="home"] .hero-eyebrow { grid-column:1; justify-self:start; margin:0; }
  body[data-page="home"] .hero h1 { grid-column:1; grid-row:2; font-size:clamp(32px,3.2vw,44px); }
  body[data-page="home"] .hero p { grid-column:1; grid-row:3; margin:0; }
  body[data-page="home"] .hero-cta { grid-column:2; grid-row:2; align-self:end; margin:0; }
  body[data-page="home"] .hero-secondary { grid-column:2; grid-row:3; margin:0; }
}

.saved-alerts summary { cursor:pointer; line-height:1.6; }
.saved-alerts details[open] summary { margin-bottom:12px; }
.table-scroll-hint { display:none; }
@media(max-width:700px) { .table-scroll-hint { display:block; font-size:11px; color:var(--muted); margin:8px 0; } }

.site-footer { margin-top:32px; }
.site-footer-inner,.site-footer-bar { max-width:var(--workspace-width); padding-left:var(--workspace-gutter); padding-right:var(--workspace-gutter); }
.site-footer>.affiliate-disclosure { max-width:var(--workspace-width); margin:0 auto; padding:0 var(--workspace-gutter) 18px; font-size:12px; line-height:1.6; }
.catalogue-sidebar .cat-chip { grid-template-columns:24px minmax(0,1fr) auto; }
.catalogue-sidebar .cat-chip-name { min-width:0; overflow-wrap:anywhere; line-height:1.35; }
@media(min-width:901px) {
  body[data-page="profile"] .info-grid { grid-column:2; grid-row:1/3; }
  body[data-page="profile"] .acct-actions { grid-column:1; grid-row:2; align-self:end; }
  body[data-page="profile"] section.card { grid-row:3; }
}
/* The market picker must fit when its trigger is the right-hand mobile field. */
.arb-panel .arb-markets-panel { right:0; max-width:calc(100vw - 48px); }
.arb-panel .arb-mkt-opt { text-align:left; justify-content:flex-start; }
.arb-panel .arb-mkt-opt input { width:auto; flex:0 0 auto; margin:0; }
.arb-panel .arb-mkt-opt span { min-width:0; overflow-wrap:anywhere; }

@media(max-width:900px) {
  body[data-page="home"] .proof-io { display:flex; flex-direction:column; gap:16px; }
  body[data-page="home"] .proof-in,body[data-page="home"] .proof-out { width:100%; }
}