.vpc-search{--vpc-blue:#0055a4;max-width:100%;padding:24px;background:#fff;color:#14213d}.vpc-search form{display:flex;gap:12px;align-items:end}.vpc-search label{flex:1;font-weight:600}.vpc-search input{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:14px;border:1px solid #b9c8d8;border-radius:8px;font:inherit}.vpc-search button{padding:15px 24px;background:var(--vpc-blue);color:white;border:0;border-radius:8px;font:inherit;cursor:pointer}.vpc-search input:focus-visible,.vpc-search button:focus-visible,.vpc-search a:focus-visible{outline:3px solid #f5b800;outline-offset:3px}.vpc-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.vpc-results article{border:1px solid #e0e7ef;border-radius:12px;padding:16px}.vpc-results img{width:100%;height:180px;object-fit:contain}.vpc-results h3{font-size:16px;line-height:1.4}.vpc-results a{color:var(--vpc-blue)}.vpc-results article>p{font-weight:700}@media(max-width:600px){.vpc-search{padding:12px}.vpc-search form{display:block}.vpc-search button{width:100%;margin-top:12px}}
.vpc-search .vpc-refine{box-sizing:border-box;margin:clamp(20px,3vw,44px) 0 18px;padding:clamp(16px,2vw,30px);background:#f5f8fc;border:1px solid #d8e3ef;border-radius:14px}
.vpc-refine h1{margin:0;color:#123459;font-size:clamp(21px,2vw,28px);line-height:1.25}
.vpc-refine p{margin:6px 0 15px;color:#394e63}
.vpc-refine label{min-width:0}
.vpc-refine input{background:#fff}
@media(max-width:600px){.vpc-search .vpc-refine{margin-top:60px}}
.vpc-field{position:relative;display:block;flex:1;min-width:0}.vpc-field input{box-sizing:border-box}
.vpc-refine{position:relative}.vpc-refine h1{padding-right:32px}
.vpc-header-form[aria-busy=true] .vpc-field::after,.vpc-refine[aria-busy=true]::after{content:"";position:absolute;box-sizing:border-box;width:18px;height:18px;border:3px solid #b8cce0;border-top-color:#0055a4;border-right-color:#0055a4;border-radius:50%;pointer-events:none;animation:vpc-spin .8s linear infinite}
.vpc-header-form .vpc-field::after{right:10px;top:calc(50% - 9px)}.vpc-refine::after{right:18px;top:18px}
@keyframes vpc-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.vpc-header-form[aria-busy=true] .vpc-field::after,.vpc-refine[aria-busy=true]::after{animation:none}}