body {
  margin: 0;
  background: #f6f4ee;
  color: #17211d;
  font: 15px system-ui, sans-serif;
}

.shell {
  max-width: 1100px;
  margin: auto;
  padding: 32px 20px;
}

.card {
  margin: 16px 0;
  padding: 20px;
  border: 1px solid #d9ddd7;
  border-radius: 14px;
  background: #fffdf8;
}

.facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.fact {
  padding: 12px;
  border: 1px solid #d9ddd7;
  border-radius: 10px;
}

input,
select,
textarea,
button {
  box-sizing: border-box;
  width: 100%;
  margin-top: 7px;
  padding: 9px;
}

select[multiple] {
  height: 110px;
}

.confidence {
  float: right;
  color: #175d43;
  font-weight: 700;
}

.low {
  color: #9a5a11;
}

.muted {
  color: #647169;
}

.error {
  color: #8b1e1e;
}

@media (max-width: 700px) {
  .facts {
    grid-template-columns: 1fr;
  }
}

.demo-banner { background: #b45309; color: #fff; padding: 10px 16px; border-radius: 8px; font-weight: 600; margin-bottom: 16px; }