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

/* Vrata se vysouvají svisle do překladu. */
#vgd-arm{transform-origin:0 0}