.vpd{margin-top:35px;padding-top:30px}
.vpd[hidden]{display:none!important}
.vpd-heading h2{font-size:clamp(27px,3.5vw,42px);line-height:1.2;margin:12px 0}
.vpd-heading>p:last-child{color:#b7c9db;line-height:1.8;max-width:750px}
.vpd-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);border:1px solid #294159;border-radius:20px;overflow:hidden;background:#101e30;margin-top:25px}
.vpd-picture{background:#152c40;align-self:start}
.vpd-picture svg{display:block;width:100%;height:auto}
.vpd-panel{padding:25px}
.vpd-panel h3{font-size:23px;line-height:1.35;min-height:64px;margin:12px 0 22px}
.vpd-label{font-size:10px;letter-spacing:1.5px;color:#a6bed1}
.vpd-plate{display:flex;align-items:stretch;max-width:245px;border:3px solid #c6d6e1;border-radius:8px;background:#fff;color:#142332;overflow:hidden}
.vpd-plate>span{display:flex;align-items:center;padding:12px 8px;background:#245ac0;color:#fff;font:700 11px Arial,sans-serif}
.vpd-plate b{flex:1;text-align:center;padding:11px 8px;font:700 25px Arial,sans-serif;letter-spacing:1px;white-space:nowrap}
.vpd-steps{padding-left:22px;color:#9eb4c8;font-size:13px;line-height:1.6;margin:24px 0}
.vpd-steps li{padding:6px 0}
.vpd-steps li.is-active{color:#75f2d3}
#vpd-start{border:0;border-radius:10px;padding:13px 20px;background:#2574ff;color:white;font:700 14px inherit;cursor:pointer}
#vpd-start:disabled{opacity:.55;cursor:wait}
#vpd-start:focus-visible,.vpd-tabs button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.vpd-small{font-size:11px;color:#a3b7ca;line-height:1.8;margin-top:16px}
#vpd-arm{transform-origin:603px 273px}
#vpd.vpd-reading #vpd-scan{opacity:.17}
#vpd.vpd-reading #vpd-plate-box{opacity:1}
#vpd.vpd-approved #vpd-gate-led{fill:#60efb0}
.vpd-tabs{display:flex;flex-wrap:wrap;gap:10px;padding-top:8px;padding-bottom:28px}
.vpd-tabs button{padding:12px 20px;border:1px solid #35516c;border-radius:10px;background:#101e30;color:#c9d9e7;font:inherit;cursor:pointer}
.vpd-tabs button[aria-pressed="true"]{background:#65ccec;color:#071522;border-color:#65ccec}
@media(max-width:850px){.vpd-layout{grid-template-columns:1fr}.vpd-panel h3{min-height:0}.vpd-panel{padding:22px}}