:root { color-scheme: light dark; }
body { font-family: system-ui, sans-serif; max-width: 720px; margin: 2rem auto; padding: 0 1rem; }
h1 { margin-bottom: 0; }
.sub { color: #666; margin-top: .25rem; }
form { display: flex; gap: .5rem; margin: 1.5rem 0; }
#q { flex: 1; padding: .6rem .8rem; font-size: 1rem; }
button { padding: .6rem 1.2rem; font-size: 1rem; cursor: pointer; }
.answer { border: 1px solid #ddd; border-radius: 8px; padding: 1rem; }
.answer.notcovered { border-color: #e0a800; background: #fff8e1; }
.cites { margin-top: .75rem; }
.cite { display: inline-block; background: #eef; border-radius: 4px; padding: .1rem .5rem; margin: .1rem; font-size: .85rem; }
.conflict { margin-top: .75rem; border-left: 3px solid #d9534f; padding-left: .75rem; }
.tag { color: #8a6d00; font-size: .85rem; }
.error { color: #d9534f; }
.loading { color: #666; }