/* Квиз: белая карточка с шагом, прогрессом и кнопками-плашками */
.qz{--qz-accent:#1677ff;--qz-accent-hover:#0f5fd6;--qz-accent-soft:#eaf3ff;--qz-error:#d93025;--qz-brown:#5e3324;--qz-text:#333;--qz-line:#e8e8e8;
  background:#fff;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.1);color:var(--qz-text);font-family:'Inter',system-ui,sans-serif;overflow:hidden;max-width:760px;margin:0 auto}
.qz-body{padding:16px 24px 20px}
.qz-progress{height:4px;background:var(--qz-line);border-radius:2px;margin:8px 0 22px;overflow:hidden}
.qz-progress-fill{height:100%;background:var(--qz-accent);border-radius:2px;transition:width .3s ease}
.qz-title{font-size:18px;font-weight:500;line-height:1.4;margin:0 0 12px}
.qz-text{font-size:15px;color:#555;line-height:1.6;margin:0 0 16px;white-space:pre-line}
.qz-text strong{color:var(--qz-text)}
.qz-grid{display:grid;gap:8px}
.qz-btn{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;border:2px solid transparent;border-radius:8px;background:#f4f4f4;color:var(--qz-text);font-family:inherit;font-size:14px;line-height:1.4;text-align:left;cursor:pointer;transition:all .15s ease}
.qz-btn:hover,.qz-btn:focus-visible{border-color:var(--qz-brown);outline:none}
.qz-btn.is-picked{background:var(--qz-accent-soft);border-color:var(--qz-accent)}
.qz-ico{flex-shrink:0;width:22px;height:22px}
.qz-radio{flex-shrink:0;position:relative;width:18px;height:18px;border-radius:50%;border:2px solid var(--qz-accent)}
.qz-btn.is-picked .qz-radio:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:var(--qz-accent)}

.qz-input{display:block;width:100%;padding:14px 16px;font-family:inherit;font-size:16px;line-height:1.4;border:2px solid var(--qz-accent);border-radius:8px;outline:none;color:var(--qz-text);background:#fff}
.qz-input.is-error{background:#fff6f4;border-color:var(--qz-error)}
.qz-input-phone{margin-top:8px}
.qz-consent{display:flex;align-items:center;gap:8px;margin:12px 0 4px;font-size:12px;color:#666}
.qz-consent input{width:16px;height:16px;accent-color:var(--qz-accent)}
.qz-consent a{color:var(--qz-accent);text-decoration:underline}
.qz-error{min-height:18px;margin-top:6px;font-size:13px;color:var(--qz-error)}
.qz-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.qz-foot{padding:12px 24px 20px;border-top:1px solid var(--qz-line)}
.qz-primary{display:block;width:100%;padding:16px;border:0;border-radius:8px;background:var(--qz-accent);color:#fff;font-family:inherit;font-size:15px;font-weight:600;line-height:1.2;text-align:center;cursor:pointer;transition:background .15s}
.qz-primary:hover{background:var(--qz-accent-hover)}
.qz-primary:disabled{background:#ccc;cursor:not-allowed}
.qz-link{display:block;margin:12px auto 0;padding:4px;border:0;background:none;color:#888;font-family:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
.qz-done-buttons{display:flex;flex-wrap:wrap;gap:10px}
.qz-done-buttons .qz-primary{flex:1 1 calc(50% - 5px);text-decoration:none;padding:14px 12px;font-size:14px}

@media (max-width:700px){
  .qz{border-radius:12px}
  .qz-body{padding:16px 16px 20px}
  .qz-foot{padding:12px 16px 20px}
  .qz-done-buttons .qz-primary{flex-basis:100%}
}