.sv-wrapper { max-width: 800px; }
    .sv-form { display: flex; gap: 12px; align-items: center; margin-bottom: 20px; }
    .sv-form input[type="text"] { flex: 1; padding: 10px 12px; border: 1px solid #ccd0d4; border-radius: 8px; }
    .sv-form #sv-verify-btn { padding: 10px 16px; border: 0; border-radius: 999px; cursor: pointer; background: #2271b1; color: #fff; font-weight: 600; }
    .sv-form #sv-verify-btn:hover { filter: brightness(0.95); }

    .sv-result { margin-top: 20px; }
    .sv-valid { display:flex; align-items:center; gap:10px; background:#e7f7ee; border:1px solid #b7ebc6; color:#146c2e; padding:12px 14px; border-radius:10px; margin-bottom:12px; font-weight:700; }
    .sv-tick { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; border:2px solid #2ecc71; }
    .sv-table { width:100%; border-collapse: collapse; text-align:left; background:#fff; border:1px solid #e2e8f0; border-radius:10px; overflow:hidden; }
    .sv-table th, .sv-table td { padding: 12px 14px; border-bottom:1px solid #edf2f7; }
    .sv-table th { width: 220px; background:#f8fafc; font-weight:600; }

    /* responsive */
    @media (max-width:600px){
        .sv-form { flex-direction: column; align-items: stretch; }
        .sv-form #sv-verify-btn { width: 100%; }
        .sv-table th { width: 40%; }
    }