/* Scoped additions only: underlying layout.css and vin-search.css stay unchanged. */
.vin-stats{--vs-dark:#173e51;--vs-alt:#bd8759;--vs-grey:#b8c5cc;color:inherit}
.vin-stats .vs-muted{font-size:.86em;opacity:.78;margin-top:12px}
.vin-stats .vs-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.vin-stats .vs-metric{padding:15px;border:1px solid #dce4e7;border-radius:5px;min-width:0;background:#f8fafb}
.vin-stats .vs-metric strong{display:block;font-size:clamp(1.5rem,3vw,2rem);font-variant-numeric:tabular-nums;color:var(--vs-dark);line-height:1.15}
.vin-stats .vs-metric span{display:block;font-size:.83rem;margin-top:8px;line-height:1.4}
.vin-stats .vs-section{padding:19px 0;border-top:1px solid #dce4e7;min-width:0}
.vin-stats .vs-section p{margin:9px 0 14px}
.vin-stats .vs-legend{display:flex;flex-wrap:wrap;gap:13px;font-size:.83rem;margin:9px 0}
.vin-stats .vs-dot{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:2px;background:var(--vs-dark)}
.vin-stats .vs-dot.vs-no{background:var(--vs-alt)}.vin-stats .vs-dot.vs-other{background:var(--vs-grey)}
.vin-stats .vs-chart{width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.vin-stats .vs-chart svg{display:block;width:100%;min-width:410px;height:auto;font-family:inherit}
.vin-stats .vs-chart .vs-axis{fill:#56636e;font-size:12px}
.vin-stats select{margin:4px 0 15px 8px;max-width:100%;padding:5px;border:1px solid #a9b8c0;background:#fff;color:#263943}
.vin-stats .vs-ranks{display:grid;gap:12px}.vin-stats .vs-label{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:.88rem}
.vin-stats .vs-label span{overflow-wrap:anywhere}.vin-stats .vs-label strong{white-space:nowrap;font-variant-numeric:tabular-nums}
.vin-stats .vs-track{height:9px;margin-top:5px;background:#e6edef;border-radius:3px;overflow:hidden}
.vin-stats .vs-fill{height:100%;background:var(--vs-dark)}.vin-stats .vs-country .vs-fill{background:#637f91}
@media(min-width:1150px){.vin-stats .vs-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:480px){.vin-stats .vs-cards{gap:8px}.vin-stats .vs-metric{padding:10px}.vin-stats .vs-metric span{font-size:.75rem}}