/* CS2 Inventory Value Calculator. Scoped under .rsk-iv, site tokens. */
.rsk-iv{
  --iv-bg:var(--rsk-bg,hsl(220 20% 7%));
  --iv-elev:var(--rsk-bg-elev,hsl(220 18% 10%));
  --iv-border:var(--rsk-border,hsl(220 15% 18%));
  --iv-red:var(--rsk-red,hsl(0 80% 50%));
  --iv-green:hsl(145 65% 45%);
  --iv-gold:hsl(45 90% 55%);
  --iv-fg:var(--rsk-fg,hsl(0 0% 95%));
  --iv-fg2:var(--rsk-fg-2,hsl(0 0% 78%));
  --iv-muted:hsl(220 10% 55%);
  --iv-r-sm:.5rem;--iv-r:.75rem;--iv-r-lg:1rem;
  --iv-head:var(--rsk-font-head,'Rajdhani',system-ui,sans-serif);
  --iv-mono:var(--rsk-font-mono,'JetBrains Mono',ui-monospace,Menlo,monospace);
}
.rsk-iv *,.rsk-iv *::before,.rsk-iv *::after{box-sizing:border-box}
.rsk-iv-lede{max-width:780px;color:var(--iv-fg2);font-size:1rem;line-height:1.7;margin:0 0 16px}
.rsk-iv-lede strong{color:var(--iv-fg);font-weight:600}

/* form */
.rsk-iv-form{display:flex;gap:10px;flex-wrap:wrap;max-width:720px}
.rsk-iv-input{flex:1;min-width:240px;padding:13px 15px;border-radius:var(--iv-r-sm);border:1px solid var(--iv-border);background:var(--iv-elev);color:var(--iv-fg);font:inherit;font-size:15px}
.rsk-iv-input:focus{outline:none;border-color:hsl(0 80% 50% / .6)}
.rsk-iv-go{padding:13px 22px;border-radius:var(--iv-r-sm);border:none;background:linear-gradient(135deg,hsl(0 80% 45%),hsl(0 90% 55%));color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:filter .15s}
.rsk-iv-go:hover{filter:brightness(1.1)}
.rsk-iv-go:disabled{opacity:.6;cursor:default}
.rsk-iv-hint{margin:8px 0 0;font-size:12.5px;color:var(--iv-muted)}

/* result */
.rsk-iv.is-loading{opacity:.7}
.rsk-iv-result{margin-top:22px}
.rsk-iv-msg{padding:26px;text-align:center;color:var(--iv-fg2);background:hsl(220 16% 12% / .5);border:1px solid var(--iv-border);border-radius:var(--iv-r-lg);font-size:14px}
.rsk-iv-msg.is-err{border-color:hsl(0 80% 50% / .4);background:hsl(0 60% 12% / .28);color:var(--iv-fg)}
.rsk-iv-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 20px;border:1px solid var(--iv-border);border-radius:var(--iv-r-lg);background:linear-gradient(145deg,hsl(220 18% 12%),hsl(220 18% 8%));margin-bottom:16px}
.rsk-iv-av{width:56px;height:56px;border-radius:var(--iv-r-sm);border:1px solid var(--iv-border)}
.rsk-iv-who{min-width:0}
.rsk-iv-persona{font-family:var(--iv-head);font-weight:700;font-size:1.25rem;color:var(--iv-fg);line-height:1.1}
.rsk-iv-subline{color:var(--iv-muted);font-size:13px;margin-top:2px}
.rsk-iv-total{margin-left:auto;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.rsk-iv-total-lbl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--iv-muted);font-weight:600}
.rsk-iv-total-val{font-family:var(--iv-mono);font-weight:700;font-size:1.9rem;color:var(--iv-green);line-height:1}
.rsk-iv-refresh{margin-top:5px;padding:5px 12px;border-radius:var(--iv-r-sm);border:1px solid var(--iv-border);background:var(--iv-elev);color:var(--iv-fg2);font-size:12px;font-weight:600;cursor:pointer}
.rsk-iv-refresh:hover{border-color:var(--iv-red);color:var(--iv-fg)}

.rsk-iv-basis{margin:-6px 0 14px;font-size:12.5px;color:var(--iv-muted);line-height:1.5}
.rsk-iv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.rsk-iv-item{display:flex;flex-direction:column;border:1px solid var(--iv-border);border-radius:var(--iv-r-sm);background:hsl(220 16% 12% / .55);overflow:hidden;text-decoration:none;transition:transform .15s,border-color .15s}
.rsk-iv-item:hover{transform:translateY(-2px);border-color:hsl(0 80% 50% / .5)}
.rsk-iv-img{position:relative;height:96px;display:flex;align-items:center;justify-content:center;padding:8px;background:radial-gradient(70% 70% at 50% 40%,hsl(220 16% 16%),hsl(220 18% 9%))}
.rsk-iv-img img{max-width:100%;max-height:100%;object-fit:contain}
.rsk-iv-qty{position:absolute;top:5px;right:6px;font-family:var(--iv-mono);font-size:11px;font-weight:700;color:var(--iv-fg);background:hsl(220 22% 5% / .8);padding:1px 6px;border-radius:5px}
.rsk-iv-nm{padding:8px 9px 2px;font-size:12px;font-weight:600;color:var(--iv-fg);line-height:1.25;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.rsk-iv-px{padding:0 9px 9px;font-family:var(--iv-mono);font-weight:700;font-size:12.5px;color:var(--iv-green)}

/* disclaimer */
.rsk-iv-disc{display:flex;gap:11px;align-items:flex-start;margin:20px 0 0;padding:14px 16px;border:1px solid hsl(0 80% 50% / .28);background:hsl(0 60% 12% / .28);border-radius:var(--iv-r);color:var(--iv-fg2);font-size:13px;line-height:1.6}
.rsk-iv-disc p{margin:0}
.rsk-iv-disc .rsk-tu-disc-ico{font-size:18px;line-height:1.4;flex:0 0 auto;color:var(--iv-gold)}

/* SEO content */
.rsk-iv-seo{margin-top:40px}
.rsk-iv-seo .rsk-seo-inner{max-width:860px}
.rsk-iv-seo h2{font-family:var(--iv-head);font-weight:700;font-size:clamp(1.4rem,2.4vw,1.85rem);letter-spacing:-.01em;color:var(--iv-fg);margin:34px 0 12px}
.rsk-iv-seo h2:first-child{margin-top:0}
.rsk-iv-seo p{color:var(--iv-fg2);font-size:1rem;line-height:1.7;margin:0 0 12px}
.rsk-iv-seo strong{color:var(--iv-fg);font-weight:600}
.rsk-iv-seo ul{margin:0 0 14px;padding-left:0;list-style:none}
.rsk-iv-seo ul li{position:relative;color:var(--iv-fg2);font-size:1rem;line-height:1.6;padding:0 0 0 20px;margin:0 0 9px}
.rsk-iv-seo ul li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--iv-red)}
.rsk-iv-seo h3{font-family:var(--iv-head);font-weight:700;font-size:1.12rem;color:var(--iv-fg);margin:24px 0 8px}
.rsk-iv-seo table{width:100%;border-collapse:collapse;margin:6px 0 18px;font-size:.95rem}
.rsk-iv-seo th,.rsk-iv-seo td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--iv-border);vertical-align:top}
.rsk-iv-seo thead th{font-family:var(--iv-head);font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--iv-muted);background:hsl(220 16% 12% / .5)}
.rsk-iv-seo tbody td{color:var(--iv-fg2)}
.rsk-iv-seo tbody td:first-child{color:var(--iv-fg);font-weight:600}
.rsk-tu-faq{max-width:760px;margin-top:8px}
