.wq-wrap { border: 1px solid #e5e5e5; padding: 16px; border-radius: 12px; max-width: 860px; }
.wq-title { margin: 0 0 12px; }
.wq-subtitle { margin: 8px 0; }
.wq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.wq-field label { display: block; font-weight: 600; margin-bottom: 6px; }
.wq-field input, .wq-field select, .wq-field textarea { width: 100%; padding: 10px; border: 1px solid #d9d9d9; border-radius: 10px; }
.wq-field small { display:block; margin-top: 6px; opacity: .8; }
.wq-check label { font-weight: 600; display:flex; gap: 8px; align-items:center; }
.wq-wide { grid-column: 1 / -1; }
.wq-hr { margin: 14px 0; }
.wq-actions { display:flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.wq-btn { padding: 10px 14px; border-radius: 10px; border: 1px solid #d9d9d9; cursor: pointer; background: #fff; }
.wq-btn-primary { border-color: #111; }
.wq-result { margin-top: 12px; padding: 12px; border-radius: 10px; display:none; }
.wq-ok { border: 1px solid #cde7d1; background: #f2fbf3; }
.wq-bad { border: 1px solid #f0c7c7; background: #fff3f3; }
.wq-muted { opacity:.8; font-size: 0.95em; margin-top: 4px; }
.wq-success { margin-top: 10px; font-weight: 600; }
.wq-smallprint { margin-top: 12px; font-size: 0.95em; opacity: .85; }
@media (max-width: 720px) {
  .wq-grid { grid-template-columns: 1fr; }
}