.vf{max-width:820px;margin:32px 0 0}.vf__head{max-width:68ch}.vf__form{display:flex;flex-direction:column;gap:8px}.vf__form label{font-size:var(--text-body-sm);font-weight:500}.vf__row{display:flex;flex-direction:column;gap:8px}@media(min-width:480px){.vf__row{flex-direction:row}}.vf__row input{flex:1;height:52px;padding:0 16px;border:1px solid var(--color-border-input);border-radius:var(--radius-sm);background:var(--color-paper);font-family:var(--font-mono);font-size:var(--text-body);letter-spacing:.04em}.vf__row input:focus{outline:2px solid var(--color-violet-600);outline-offset:1px}.vf__hint{font-size:var(--text-caption);color:var(--color-ink-mute);margin:4px 0 0}.vf__sample{background:none;border:none;padding:0;font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-violet-700);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.vf__notfound{margin-top:24px;padding:20px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-paper-2)}.vf__notfound strong{display:block;margin-bottom:6px;font-family:var(--font-display)}.vf__notfound p{margin:0;font-size:var(--text-body-sm);color:var(--color-ink-soft)}.vf__notfound a{color:var(--color-violet-700);text-decoration:underline}.vf__result{margin-top:28px;border:1px solid var(--color-hairline);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-paper)}.vf__sample-banner{padding:12px 20px;background:color-mix(in srgb,var(--color-warning) 10%,transparent);border-bottom:1px solid var(--color-hairline);font-size:var(--text-caption);color:var(--color-ink-soft)}.vf__result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 20px;border-bottom:1px solid var(--color-hairline)}.vf__lot{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-mute);margin:0}.vf__result-head h2{font-size:var(--text-h3);margin:4px 0 2px}.vf__sku{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-ink-mute);margin:0}.vf__pass{flex:none;font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-success)}.vf__table{width:100%;border-collapse:collapse;font-size:var(--text-body-sm)}.vf__caption{text-align:left;padding:16px 20px 0;font-size:var(--text-caption);color:var(--color-ink-mute)}.vf__table th,.vf__table td{padding:12px 20px;text-align:left;vertical-align:top}.vf__table thead th{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-mute);font-weight:500;border-bottom:1px solid var(--color-hairline)}.vf__table tbody tr{border-bottom:1px solid var(--color-hairline)}.vf__table tbody tr:last-child{border-bottom:0}.vf__table tbody th{font-weight:600}.vf__mono{font-family:var(--font-mono);font-size:var(--text-caption)}.vf__ok{color:var(--color-success);font-weight:500}.vf__fail{color:var(--color-danger);font-weight:600}.vf__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.vf__meta{margin:0;padding:18px 20px;border-top:1px solid var(--color-hairline);background:var(--color-paper-2);display:flex;flex-direction:column;gap:8px}.vf__meta>div{display:flex;justify-content:space-between;gap:16px;font-size:var(--text-caption)}.vf__meta dt{color:var(--color-ink-mute)}.vf__meta dd{margin:0;text-align:right}.vf__explain{max-width:68ch;margin:64px 0 0}.vf__explain h2{font-size:var(--text-h3);margin:0 0 20px}.vf__explain dl{margin:0;display:flex;flex-direction:column;gap:16px}.vf__explain dt{font-family:var(--font-display);font-weight:600;margin-bottom:3px}.vf__explain dd{margin:0;font-size:var(--text-body-sm);color:var(--color-ink-soft)}.vf__note{margin:24px 0 0;font-size:var(--text-body-sm);color:var(--color-ink-mute)}.vf__note a{color:var(--color-violet-700);text-decoration:underline}.vf__media{max-width:820px;margin:56px 0 0;border-radius:var(--radius-xl);overflow:hidden}