.vl-page{max-width:1760px;margin:0 auto;padding:1rem 1.2rem 2rem}.vl-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:.8rem 0 1rem;border-bottom:1px solid var(--bs-border-color)}.vl-heading h1{font-size:clamp(1.55rem,2.5vw,2.25rem);margin:.1rem 0 .25rem}.vl-heading p:not(.vl-eyebrow){margin:0;color:var(--bs-secondary-color);max-width:900px}.vl-eyebrow{margin:0;color:#4162c5;font-size:.7rem;font-weight:800;letter-spacing:.12em}.vl-total{display:flex;flex-direction:column;text-align:right;line-height:1}.vl-total strong{font-size:1.8rem}.vl-total span{font-size:.72rem;text-transform:uppercase;color:var(--bs-secondary-color);letter-spacing:.08em}.vl-filter-shell{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,2.1fr);align-items:end;gap:.45rem;margin:.8rem 0;background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:10px;padding:.7rem;box-shadow:0 5px 18px rgba(31,45,70,.06)}.vl-search>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vl-sort>span{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--bs-secondary-color);font-weight:700;margin-bottom:.2rem}.vl-search>div{position:relative}.vl-search i{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--bs-secondary-color)}.vl-search input{width:100%;height:38px;padding:.5rem .75rem .5rem 2.2rem;border:1px solid var(--bs-border-color);border-radius:7px;background:var(--bs-tertiary-bg);color:var(--bs-body-color)}.vl-filter-row{display:flex;flex-wrap:wrap;align-items:end;gap:.45rem;margin:0}.vl-filter>.btn{height:38px;border:1px solid var(--bs-border-color);background:var(--bs-body-bg);color:var(--bs-body-color);font-size:.78rem;min-width:125px;text-align:left;display:flex;justify-content:space-between;align-items:center}.vl-filter>.btn span:not(:empty){margin-left:.4rem;border-radius:999px;background:#4162c5;color:#fff;font-size:.65rem;padding:.05rem .35rem}.vl-filter .dropdown-menu{width:min(340px,90vw);max-height:340px;overflow:auto;padding:.35rem}.vl-filter-option{display:grid;grid-template-columns:20px 1fr auto;gap:.4rem;align-items:start;padding:.42rem;border-radius:5px;font-size:.78rem;cursor:pointer}.vl-filter-option:hover{background:var(--bs-tertiary-bg)}.vl-filter-option small{color:var(--bs-secondary-color)}.vl-filter-option input{margin-top:.15rem}.vl-sort{margin-left:auto}.vl-sort select{height:38px;border:1px solid var(--bs-border-color);border-radius:6px;background:var(--bs-body-bg);color:var(--bs-body-color);padding:0 .5rem;font-size:.78rem}.vl-active-filters{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.45rem}.vl-filter-chip{border:1px solid #a9b8e8;background:color-mix(in srgb,#4162c5 8%,var(--bs-body-bg));color:var(--bs-body-color);border-radius:999px;padding:.18rem .5rem;font-size:.68rem}.vl-results-bar{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:.6rem 0;color:var(--bs-secondary-color)}.vl-results-bar>span{font-weight:700;color:var(--bs-body-color)}.vl-results{display:flex;flex-direction:column;gap:.65rem}.vl-card{display:grid;grid-template-columns:220px minmax(0,1fr) 175px;border:1px solid var(--bs-border-color);border-radius:10px;overflow:hidden;background:var(--bs-body-bg);min-height:154px;transition:border-color .15s,box-shadow .15s}.vl-card:hover{border-color:#8399dd;box-shadow:0 7px 22px rgba(28,43,67,.08)}.vl-preview{position:relative;background:#121722;min-height:154px;display:block;overflow:hidden}.vl-preview img{width:100%;height:100%;position:absolute;object-fit:cover}.vl-preview::after{content:'\F4F4';font-family:'bootstrap-icons';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.92);color:#315bd8;font-size:1.4rem;box-shadow:0 2px 9px rgba(0,0,0,.35)}.vl-card-main{padding:.75rem 1rem}.vl-card-tags{display:flex;gap:.35rem;flex-wrap:wrap}.vl-card-tags span{font-size:.63rem;border:1px solid var(--bs-border-color);border-radius:999px;padding:.12rem .4rem;color:var(--bs-secondary-color)}.vl-card-tags .carbon{border-color:#90a7ee;color:#315bd8}.vl-card h2{font-size:1.03rem;margin:.4rem 0 .2rem}.vl-meta{display:flex;flex-wrap:wrap;gap:.8rem;font-size:.72rem;color:var(--bs-secondary-color)}.vl-learn{font-size:.8rem;margin:.55rem 0 0;line-height:1.45}.vl-learn strong{color:var(--bs-body-color)}.vl-card-side{border-left:1px solid var(--bs-border-color);padding:.75rem;display:flex;flex-direction:column;gap:.45rem;justify-content:center}.vl-ranking{display:flex;align-items:center;gap:.4rem;font-size:.72rem}.vl-ranking strong{font-size:1.25rem;color:#315bd8}.vl-card-side .btn{font-size:.72rem}.vl-company-link{font-size:.7rem;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vl-state{padding:3rem;text-align:center;border:1px dashed var(--bs-border-color);border-radius:10px;color:var(--bs-secondary-color)}.vl-state[hidden]{display:none}.vl-pagination{display:flex;justify-content:center;align-items:center;gap:.7rem;padding:1rem}.vl-pagination span{font-size:.78rem}.vl-fallback{display:grid;place-items:center;width:100%;height:100%;color:#bac5d8;font-size:2rem;background:linear-gradient(135deg,#172033,#33415a)}
@media(max-width:950px){.vl-filter-shell{grid-template-columns:minmax(0,1fr);min-width:0}.vl-search,.vl-filter-row{min-width:0}.vl-card{grid-template-columns:180px minmax(0,1fr)}.vl-card-side{grid-column:1/-1;border-left:0;border-top:1px solid var(--bs-border-color);flex-direction:row;align-items:center;justify-content:flex-start}.vl-card-side .btn{margin-left:auto}.vl-filter-shell{position:relative}.vl-sort{margin-left:0}}
@media(max-width:620px){.vl-page{padding:.65rem;overflow-x:hidden}.vl-heading{align-items:start}.vl-card{grid-template-columns:1fr}.vl-preview{height:190px}.vl-card-side{grid-column:auto;flex-wrap:wrap}.vl-card-side .btn{margin-left:0}.vl-results-bar small{display:none}.vl-filter-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem;min-width:0}.vl-filter{flex:0 0 auto}.vl-sort{flex:0 0 auto}.vl-heading .vl-total{display:none}}
[data-bs-theme="dark"] .vl-card:hover{box-shadow:none}.vl-filter-option:focus-within{outline:2px solid #6480d9;outline-offset:-2px}