.vn-w{container-type:inline-size;margin:2rem 0}
.vn{font-family:var(--display,system-ui,sans-serif);color:var(--ink,#17233F)}
.vn__lab{display:block;font-family:var(--mono,monospace);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate,#5A6376);margin:0 0 8px}
.vn__row{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid var(--ink,#17233F);border-radius:4px;padding:0 14px}
.vn__row:focus-within{outline:2px solid var(--stamp,#2B57C4);outline-offset:2px}
.vn__in{flex:1;min-width:0;min-height:56px;border:0;background:none;font-family:var(--mono,monospace);font-size:clamp(1.05rem,3.4vw,1.5rem);letter-spacing:.12em;text-transform:uppercase;color:inherit;padding:0}
.vn__in:focus{outline:none;box-shadow:none}
.vn__cnt{flex:none;font-family:var(--mono,monospace);font-size:.8rem;color:var(--slate,#5A6376)}
.vn__cnt b{font-weight:700;color:var(--ink,#17233F)}
.vn__hint{margin:10px 0 0;font-size:.88rem;line-height:1.55;color:var(--slate,#5A6376)}
.vn__out{margin-top:24px}
.vn__box{background:#fff;border:1px solid var(--rule,#D9DAD3);border-top:3px solid var(--ink,#17233F);border-radius:4px;padding:24px;margin:0 0 20px}
.vn__box h3{margin:0 0 14px;font-size:1.1rem;line-height:1.3}
.vn__ok{color:#14653a}
.vn__bad{color:#a4361f}
.vn__chk{margin:0;padding:0;list-style:none}
.vn__chk li{padding:8px 0;border-top:1px solid var(--rule,#D9DAD3);font-size:.93rem;line-height:1.5}
.vn__chk li:first-child{border-top:0;padding-top:0}
.vn__chk b{font-weight:700}
.vn__strip{display:flex;flex-wrap:wrap;gap:3px;margin:0 0 18px;font-family:var(--mono,monospace)}
.vn__ch{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(26px,5.4cqi,40px);height:clamp(40px,7cqi,52px);background:var(--paper,#F6F6F2);border:1px solid var(--rule,#D9DAD3);font-size:clamp(.95rem,2.8cqi,1.25rem);font-weight:700}
.vn__ch i{position:absolute;top:2px;left:3px;font-style:normal;font-weight:400;font-size:.55rem;color:var(--slate,#5A6376)}
.vn__ch--w{background:#e4ecfb;border-color:#b9c8ee}
.vn__ch--y{background:#fdf1d9;border-color:#e8cf9a}
.vn__ch--c{background:#e9eef3}
.vn__ch--p{background:#e5f3ea;border-color:#a8d3b8}
.vn__ch--s{background:#fff}
.vn__tbl{width:100%;border-collapse:collapse;font-size:.92rem}
.vn__tbl th,.vn__tbl td{padding:10px 8px;border-top:1px solid var(--rule,#D9DAD3);text-align:left;vertical-align:top;line-height:1.5}
.vn__tbl th{font-family:var(--mono,monospace);font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--slate,#5A6376);white-space:nowrap}
.vn__tbl td:first-child{font-family:var(--mono,monospace);font-weight:700;white-space:nowrap}
.vn__btn{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;font:inherit;font-weight:700;color:#fff;background:var(--ink,#17233F);border:0;border-radius:4px;cursor:pointer}
.vn__btn:hover{background:#243357}
.vn__btn:focus-visible{outline:2px solid var(--stamp,#2B57C4);outline-offset:3px}
.vn__btn[disabled]{opacity:.6;cursor:wait}
.vn__note{margin:14px 0 0;font-size:.85rem;line-height:1.55;color:var(--slate,#5A6376)}
.vn__rec{margin:0;padding:0;list-style:none}
.vn__rec li{border-top:1px solid var(--rule,#D9DAD3);padding:12px 0}
.vn__rec li:first-child{border-top:0}
.vn__rec b{display:block;font-size:.95rem}
.vn__rec span{display:block;font-family:var(--mono,monospace);font-size:.75rem;color:var(--slate,#5A6376);margin:2px 0 6px}
.vn__rec details summary{cursor:pointer;font-size:.9rem;color:var(--stamp,#2B57C4)}
.vn__rec details p{margin:8px 0 0;font-size:.88rem;line-height:1.55}
@container (max-width:520px){.vn__tbl th:nth-child(3),.vn__tbl td:nth-child(3){display:none}}