:root { font-family: system-ui, sans-serif; color: #1a1a1a; }
body { margin: 0; }
header { padding: .6rem 1rem; background: #14532d; color: #fff; }
header a { color: #fff; text-decoration: none; }
main { max-width: 56rem; margin: 1.2rem auto; padding: 0 1rem; }
#q { width: 100%; max-width: 32rem; padding: .5rem; font-size: 1rem; }
#results { list-style: none; padding: 0; margin: .25rem 0; max-width: 32rem; }
#results li { padding: .35rem .5rem; cursor: pointer; }
#results li:hover, #results li[aria-selected="true"] { background: #e8f0e8; }
.badge { padding: .1rem .4rem; border-radius: .25rem; background: #ddd; font-size: .8rem; }
.badge.historical { background: #fde68a; } .badge.vanished { background: #fca5a5; } .badge.current { background: #bbf7d0; }
table { border-collapse: collapse; } td, th { border: 1px solid #ddd; padding: .2rem .5rem; text-align: left; }
.meta code { font-size: .8rem; color: #555; } .hint { color: #555; } .more { color: #555; font-size: .9em; }