:root {
  --tc-blue: #1557b0;
  --tc-ink: #0c1116;
  --tc-muted: #6b7785;
  --tc-bg: #fff;
  --tc-border: #e3e8ee;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font: 15px/1.5 -apple-system, "Segoe UI", Roboto, Inter, system-ui, sans-serif;
  color: var(--tc-ink);
  background: var(--tc-bg);
  padding: 24px;
}
header h1 {
  font-size: 22px;
  margin: 0 0 4px;
  color: var(--tc-blue);
}
.muted { color: var(--tc-muted); }
.small { font-size: 12px; }
form {
  display: flex;
  gap: 8px;
  margin: 16px 0;
}
input[type="text"], input:not([type]) {
  flex: 1;
  padding: 10px 12px;
  border: 1px solid var(--tc-border);
  border-radius: 8px;
  font: inherit;
}
button {
  padding: 10px 16px;
  border: 0;
  background: var(--tc-blue);
  color: #fff;
  border-radius: 8px;
  font: 600 14px/1 inherit;
  cursor: pointer;
}
section#results {
  padding: 12px 14px;
  border: 1px dashed var(--tc-border);
  border-radius: 8px;
  min-height: 48px;
}
footer { margin-top: 24px; }