/* Minimal, modern UI */
.waq-container * { box-sizing: border-box; }
.waq-container { max-width: 840px; margin: 2rem auto; padding: 0 1rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color:#0f172a; }
.waq-card { background:#fff; border:1px solid #e5e7eb; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,0.05); overflow:hidden; }
.waq-header { padding:1.25rem 1.25rem 0.5rem; border-bottom:1px solid #f1f5f9; background:linear-gradient(180deg,#f8fafc 0%,#ffffff 60%); }
.waq-title { margin:0; font-size:1.6rem; line-height:1.2; }
.waq-subtitle { margin:0.5rem 0 1rem; color:#475569; }

.waq-body { padding:1.25rem; }

.waq-field { display:flex; flex-direction:column; flex:1 1 240px; }
.waq-field input { padding:0.6rem 0.75rem; border:1px solid #e5e7eb; border-radius:10px; }

.waq-intro { padding: 1rem 0; color:#475569; }
.waq-intro ul { margin: 0.5rem 0 0 1.25rem; }
.waq-intro .waq-start { margin-top: 1rem; }

.waq-progress { height:4px; width:100%; background:#f1f5f9; }
.waq-progress > div { height:100%; width:0%; background:#111827; transition:width 200ms ease; }

.waq-question { margin: 0 0 1.25rem; }
.waq-qtext { font-weight: 700; margin-bottom: 0.5rem; }
.waq-options { display:grid; gap:0.5rem; }
.waq-option { display:flex; align-items:flex-start; gap:0.6rem; padding:0.65rem 0.75rem; border:1px solid #e5e7eb; border-radius:12px; cursor:pointer; }
.waq-option input { margin-top:0.2rem; }
.waq-option:hover { background:#f8fafc; }
.waq-error { color:#b91c1c; font-size:0.925rem; margin-top:0.5rem; }

.waq-controls { display:flex; flex-wrap:wrap; justify-content:space-between; gap:0.75rem; margin-top:1rem; }
.waq-btn { -webkit-appearance:none; appearance:none; border:1px solid #e5e7eb; background:#111827; color:#fff; padding:0.7rem 1rem; border-radius:12px; font-weight:600; cursor:pointer; }
.waq-btn.secondary { background:#fff; color:#111827; }
.waq-btn[disabled] { opacity:0.5; cursor:not-allowed; }

.waq-results { padding: 0.5rem 0; }
.waq-result-title { font-size:1.25rem; margin:0 0 0.25rem; }
.waq-pill { display:inline-block; background:#eef2ff; color:#3730a3; border:1px solid #c7d2fe; padding:0.25rem 0.5rem; border-radius:9999px; font-size:0.85rem; margin-right:0.5rem; }
.waq-kv { margin:0.25rem 0; color:#475569; }
.waq-list { margin:0.75rem 0 0 1rem; }

.waq-desc { margin-top: 1rem; background:#f8fafc; border:1px solid #e5e7eb; border-radius:12px; padding:0.75rem 1rem; }
.waq-desc h4 { margin:0 0 0.4rem; }
.waq-desc p { margin:0.2rem 0; color:#334155; }

.waq-footer { text-align:center; color:#64748b; font-size:0.9rem; margin-top:0.75rem; }


/* Result hero emphasis */
.waq-hero{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;}
.waq-hero-main{display:flex;flex-wrap:wrap;gap:10px;}
.waq-hero-secondary{display:flex;flex-wrap:wrap;gap:10px;}
.waq-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #e5e7eb;background:#f8fafc;border-radius:9999px;padding:8px 12px;font-weight:700;}
.waq-badge span{opacity:.7;font-weight:600;}
.waq-badge.waq-major{font-size:1.125rem; /* 18px */}
.waq-badge.waq-secondary{font-size:1rem; opacity:.9;}
.waq-section-title{margin-top:1.25rem;}

/* Print: make the key badges larger */
@media print{
  .waq-badge.waq-major{font-size:1.25rem;padding:10px 14px;}
  .waq-badge.waq-secondary{font-size:1.0625rem;}
  .waq-title{font-size:2rem;}
}