#vng-container { max-width: 720px; margin: 24px auto; font-family: inherit; text-align: center; padding: 0 12px; }
.vng-title { display:block; font-size:15px; margin:12px 0; font-weight:600; }
.vng-input { width:100%; max-width:420px; padding:10px 12px; border:1px solid #999; border-radius:6px; box-sizing:border-box; margin:0 auto; font-size:15px; }
.vng-buttons { margin-top:12px; display:flex; justify-content:center; gap:12px; }
.vng-btn { padding:8px 14px; border-radius:6px; border:none; cursor:pointer; font-weight:600; font-size:14px; background:#0b1220; color:#fff; }
.vng-ghost { background:#0b1220; color:#fff; opacity:0.12; }
.vng-btn:hover { transform:translateY(-1px); }
#vng-results { margin-top:18px; text-align:left; }
.vng-subtitle { display:none; margin-top:12px; font-size:16px; font-weight:700; text-align:center; }
.vng-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:0; width:100%; max-width:420px; margin:10px auto 18px; border:2px solid #000; background:#fff; }
.vng-cell { border:1px solid #000; padding:18px 6px; min-height:60px; display:flex; align-items:center; justify-content:center; font-size:16px; }
.vng-cell span { display:inline-block; }
.vng-text { text-align:justify; font-size:15px; line-height:1.6; margin-top:8px; }
.vng-pattern { border-top:1px dashed #e5e7eb; padding-top:12px; margin-top:14px; }
.red { color:#b91c1c; font-weight:700; }
.bold { font-weight:700; }

@media (max-width:600px) {
  .vng-input { max-width:320px; }
  .vng-subtitle { font-size:14px; }
  .vng-cell { padding:12px 6px; min-height:48px; font-size:14px; }
}