.hero{padding:80px 0 40px}
.searchbox{position:relative;max-width:520px;margin-top:26px}
#q{width:100%;padding:13px 16px;border-radius:10px;border:1px solid var(--line-2);
   background:var(--panel);color:var(--text);font:inherit;font-size:15px}
#q::placeholder{color:var(--dim)}
#q:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 3px rgba(182,245,0,.12)}
#results{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:20;
  background:var(--panel);border:1px solid var(--line-2);border-radius:12px;overflow:hidden;
  box-shadow:0 24px 60px -24px rgba(0,0,0,.9);max-height:60vh;overflow-y:auto}
#results a{display:block;padding:13px 16px;border-bottom:1px solid var(--line);text-decoration:none}
#results a:last-child{border-bottom:0}
#results a:hover,#results a.on{background:var(--panel-2)}
#results b{display:block;color:var(--text);font-size:14.5px;font-weight:620;margin-bottom:3px}
#results span{display:block;color:var(--mute);font-size:13px;line-height:1.5}
#results em{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--lime);font-style:normal;margin-bottom:5px}
#results .none{padding:16px;color:var(--mute);font-size:14px}
.cats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.cat{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:24px 22px}
.cat h2{margin:0 0 6px;font-size:18px;border:0;padding:0}
.cat h2 a{color:var(--text);text-decoration:none}
.cat h2 a:hover{color:var(--lime)}
.cat>p{margin:0 0 16px;font-size:14px;color:var(--mute)}
.artlist{list-style:none;padding:0;margin:0}
.artlist li{margin:0}
.artlist a{display:block;padding:7px 0;font-size:14.5px;color:var(--text-2);
  text-decoration:none;border-bottom:1px solid var(--rule-2)}
.artlist li:last-child a{border-bottom:0}
.artlist a:hover{color:var(--lime)}
.kicker a{color:var(--lime);text-decoration:none}
.kicker a:hover{text-decoration:underline}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin:20px 0}
.tbl table{margin:0;border:0}
.ask{margin-top:52px;padding:22px;border:1px solid var(--line);border-left:3px solid var(--lime);
  border-radius:0 12px 12px 0;background:var(--panel)}
.ask b{display:block;color:var(--text);margin-bottom:6px}
.ask p{margin:0;font-size:14.5px;color:var(--mute)}
@media (max-width:760px){.cats{grid-template-columns:1fr}}