/* Basic styles to match the React preview */
.facts-widget { max-width:900px; margin:20px auto; border:4px solid #0d4ba0; padding:20px; border-radius:16px; background:#fff; }
.facts-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.facts-header h3 { color:#0d4ba0; font-size:20px; margin:0; }
.facts-content { display:flex; gap:20px; flex-wrap:wrap; }
.facts-left { flex:1; min-width:250px; }
.fact-card { background:linear-gradient(to bottom,#eaf1ff,#fff); border:1px solid rgba(13,75,160,0.15); padding:16px; border-radius:12px; margin-bottom:10px; text-align:center; }
.fact-value { color:#0d4ba0; font-weight:700; font-size:18px; }
.fact-desc { color:#444; font-size:13px; }
.facts-right { flex:1; min-width:250px; }
.facts-poll { list-style:none; padding:0; margin:0; }
.poll-item { background:#fafafa; border:1px solid #eee; padding:10px; border-radius:10px; margin-bottom:8px; cursor:pointer; }
.poll-row { display:flex; justify-content:space-between; margin-bottom:6px; font-weight:600; color:#0d4ba0; }
.poll-bar { background:#e5e7eb; height:18px; border-radius:999px; overflow:hidden; }
.poll-bar-fill { height:18px; border-radius:999px; background:#0d4ba0; width:0%; transition:width .4s ease; }
/* color per option */
.poll-item[data-key="veryGood"] .poll-bar-fill { background:#e29518; }
.poll-item[data-key="good"] .poll-bar-fill { background:#6b7280; }
.poll-item[data-key="bad"] .poll-bar-fill { background:#b91c1c; }
.poll-total { text-align:right; color:#666; margin-top:8px; }