/* Scoped styles only; does NOT touch body/html/global backgrounds */
:root{
  --wvit-hid-text: var(--wvit-text, inherit);
  --wvit-hid-muted: var(--wvit-muted, rgba(100,116,139,1));
  --wvit-hid-border: var(--wvit-border, rgba(15,23,42,.12));
  --wvit-hid-shadow: var(--wvit-shadow, 0 10px 30px rgba(2,6,23,.10));
  --wvit-hid-radius: var(--wvit-radius, 18px);
  --wvit-hid-accent: var(--wvit-accent, #4fd1c5);
  --wvit-hid-accent2: var(--wvit-accent2, #60a5fa);
  --wvit-hid-cardbg: var(--wvit-surface, rgba(255,255,255,.85));
}

.wvit-hid-section{margin:22px 0}
.wvit-hid-card{
  background: var(--wvit-hid-cardbg);
  border:1px solid var(--wvit-hid-border);
  border-radius: var(--wvit-hid-radius);
  box-shadow: var(--wvit-hid-shadow);
  padding:18px;
}
.wvit-hid-note{margin:6px 0 0;color:var(--wvit-hid-muted);font-size:13px;line-height:1.45}
.wvit-hid-h2{margin:0;font-size:24px;line-height:1.15}
.wvit-hid-industry-title{margin:0 0 12px;font-size:18px;font-weight:850}
.wvit-hid-industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.wvit-hid-industry-tile{
  padding:14px;border-radius:16px;border:1px solid var(--wvit-hid-border);
  background: var(--wvit-hid-cardbg);
  display:flex;flex-direction:column;gap:6px;
  cursor:pointer;transition:transform .12s ease, border-color .12s ease;
}
.wvit-hid-industry-tile:hover{transform: translateY(-1px); border-color: rgba(79,209,197,.35)}
.wvit-hid-industry-tile:focus{outline:2px solid rgba(79,209,197,.25); outline-offset:2px}
.wvit-hid-industry-name{font-weight:950}
.wvit-hid-industry-micro{color:var(--wvit-hid-muted);font-size:13px;line-height:1.35}
.wvit-hid-industry-cta{margin-top:8px;font-weight:800;font-size:13px;opacity:.9}
.wvit-hid-industry-cta span{opacity:.75}

.wvit-hid-downloads-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.wvit-hid-filterbar{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 0}
.wvit-hid-filterchip{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:999px;
  border:1px solid var(--wvit-hid-border);
  background: var(--wvit-hid-cardbg);
  color: var(--wvit-hid-muted);
  font-weight:800;font-size:12px;
  cursor:pointer;
}
.wvit-hid-filterchip[aria-pressed="true"]{
  color: inherit;
  background: rgba(79,209,197,.10);
  border-color: rgba(79,209,197,.35);
}
.wvit-hid-carousel{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--wvit-hid-border);background: transparent}
.wvit-hid-track{display:flex;gap:14px;align-items:stretch;padding:14px;will-change:transform}
.wvit-hid-carousel-controls{display:flex;gap:10px}
.wvit-hid-iconbtn{
  width:40px;height:40px;border-radius:999px;
  border:1px solid var(--wvit-hid-border);
  background: var(--wvit-hid-cardbg);
  font-weight:900;cursor:pointer;
}
.wvit-hid-dl-card{
  flex:0 0 auto;width:290px;min-height:220px;
  padding:14px;border-radius:16px;border:1px solid var(--wvit-hid-border);
  background: var(--wvit-hid-cardbg);
  display:flex;flex-direction:column;gap:10px;
}
.wvit-hid-dl-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.wvit-hid-dl-left{display:flex;align-items:center;gap:10px}
.wvit-hid-badge{
  display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:30px;border-radius:10px;border:1px solid var(--wvit-hid-border);
  background: transparent;
  font-weight:900;font-size:12px;
}
.wvit-hid-dl-icon{width:44px;height:44px;border-radius:12px;object-fit:cover;border:1px solid var(--wvit-hid-border);background: transparent}
.wvit-hid-ind{color:var(--wvit-hid-muted);font-size:12px;font-weight:900}
.wvit-hid-tags{color:var(--wvit-hid-muted);font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:175px}
.wvit-hid-title{font-weight:950;font-size:16px;line-height:1.25}
.wvit-hid-desc{color:var(--wvit-hid-muted);font-size:13px;line-height:1.45}
.wvit-hid-btn{
  margin-top:auto;align-self:flex-start;
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;border-radius:999px;
  background: linear-gradient(135deg, var(--wvit-hid-accent2), var(--wvit-hid-accent));
  color:#08101d;text-decoration:none;font-weight:900;font-size:13px;
}

@media (max-width: 980px){ .wvit-hid-industry-grid{grid-template-columns:1fr 1fr} }
@media (max-width: 600px){ .wvit-hid-industry-grid{grid-template-columns:1fr} .wvit-hid-dl-card{width:260px} }