.cq-page { padding-bottom: 40px; }
.cq-breadcrumb { padding-top: 72px; font: 700 13px/1.2 Poppins, sans-serif; color: #64748b; }
.cq-breadcrumb a { color: #2563eb; text-decoration: none; }
.cq-breadcrumb span { margin: 0 4px; }
.cq-hero { text-align: center; padding: 12px 0 10px; }
.cq-hero h1 { margin: 0 0 8px; font: 700 34px/1.15 Poppins, sans-serif; color:#0f172a; }
.cq-hero p { margin: 0 auto; max-width: 760px; font: 400 18px/1.5 Nunito, sans-serif; color:#475569; }
.cq-seo-block, .cq-screen, .cq-settings, .cq-controls { background: #fff; border:1px solid #e2e8f0; border-radius:14px; margin-top:16px; }
.cq-seo-block { padding: 16px 18px; }
.cq-seo-block p { font: 400 15px/1.6 Nunito,sans-serif; color:#475569; margin:0 0 10px; }
.cq-settings summary { cursor:pointer; padding:14px 16px; font:700 16px/1.2 Poppins,sans-serif; color:#0f172a; }
.cq-settings-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; padding: 0 16px 16px; }
.cq-field { display:flex; flex-direction:column; gap:6px; }
.cq-field label { font:700 13px/1.2 Poppins,sans-serif; color:#334155; }
.cq-field select, .cq-field input[type="text"] { border:1px solid #cbd5e1; border-radius:10px; padding:9px 10px; font:600 14px/1.2 Nunito,sans-serif; }
.cq-checkboxes { border:1px solid #e2e8f0; border-radius:10px; padding:8px; max-height:160px; overflow:auto; background:#f8fafc; }
.cq-controls { padding:14px; display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.btn { cursor:pointer; }
.btn.danger { background:#dc2626; border-color:#dc2626; color:#fff; }
.cq-warning { margin:0; font:700 13px/1.3 Nunito,sans-serif; color:#b45309; }
.cq-screen { padding: 18px; min-height: 240px; }
.cq-card h2 { margin:0 0 8px; font:700 24px/1.2 Poppins,sans-serif; }
.cq-card p, .cq-card li { font:400 15px/1.6 Nunito,sans-serif; color:#475569; }
.cq-option-list { display:grid; gap:10px; margin-top:12px; }
.cq-option { text-align:left; padding:10px 12px; border:1px solid #cbd5e1; border-radius:10px; background:#f8fafc; }
.cq-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:8px; margin:12px 0; }
.cq-stat { border:1px solid #e2e8f0; border-radius:10px; padding:8px; background:#f8fafc; }
.cq-stat strong { display:block; font:700 12px/1 Poppins,sans-serif; color:#64748b; margin-bottom:3px; text-transform:uppercase; }
.cq-stat span { font:700 16px/1.2 Poppins,sans-serif; color:#0f172a; }
.cq-inline-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
.cq-choice-feedback { margin-top:12px; padding:10px 12px; border-radius:10px; background:#ecfeff; border:1px solid #bae6fd; }
.cq-report table { width:100%; border-collapse: collapse; font: 600 14px/1.4 Nunito,sans-serif; }
.cq-report td { border-bottom:1px solid #e2e8f0; padding:7px 5px; }
@media print {
  body * { visibility: hidden; }
  .cq-screen, .cq-screen * { visibility: visible; }
  .cq-screen { position: absolute; inset: 0; border: none; }
  .cq-controls, .cq-settings, .cq-breadcrumb, #site-header, footer, .cq-seo-block { display:none !important; }
}