.nh-results { border: 1px solid var(--line); background: var(--panel); }
.nh-section-title { margin: 0; padding: 6px 8px; border-bottom: 1px solid var(--line); background: var(--header); font-size: 12px; }
.nh-grid { display: block; }

.nh-card {
  display: grid;
  grid-template-columns: 84px minmax(180px,2fr) minmax(180px,1.2fr) 105px;
  grid-template-areas:
    "cover title tags action"
    "cover language tags action"
    "cover meta tags action";
  align-items: start;
  gap: 3px 9px;
  min-height: 126px;
  padding: 5px 7px;
  border-bottom: 1px solid var(--line-soft);
  background: #272727;
}
.nh-card:nth-child(even) { background: #2d2d2d; }
.nh-card:last-child { border-bottom: 0; }
.nh-cover { grid-area: cover; display: block; width: 80px; height: 116px; border: 1px solid #666; background: #111; }
.nh-cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
.nh-title { grid-area: title; color: var(--link); font-weight: bold; text-decoration: none; overflow-wrap: anywhere; }
.nh-title:hover { color: var(--link-hover); text-decoration: underline; }
.nh-language { grid-area: language; justify-self: start; padding: 1px 4px; border: 1px solid #666; color: #ddd; font-size: 10px; }
.nh-language.language-english { color: #a9dba9; }
.nh-language.language-japanese { color: #f2b0b0; }
.nh-language.language-chinese { color: #e2c98f; }
.nh-meta { grid-area: meta; margin: 0; color: var(--muted); font-size: 10px; }
.nh-tags { grid-area: tags; display: flex; align-content: flex-start; flex-wrap: wrap; gap: 3px; }
.nh-tags .tag { cursor: pointer; }
.nh-card > .smallbutton { grid-area: action; align-self: center; }

.tag-browser { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.tag-choice { display: flex; justify-content: space-between; gap: 8px; min-height: 31px; padding: 5px 7px; border: 0; border-right: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); background: #292929; color: var(--text); text-align: left; cursor: pointer; }
.tag-choice:hover { background: #3a3232; }
.tag-choice b { overflow-wrap: anywhere; }
.tag-choice span { color: var(--muted); font-size: 10px; white-space: nowrap; }

@media (max-width: 900px) {
  .nh-card { grid-template-columns: 74px minmax(150px,1.5fr) minmax(130px,1fr); grid-template-areas:"cover title action" "cover language action" "cover meta action" "cover tags tags"; }
  .nh-cover { width: 70px; height: 102px; }
  .tag-browser { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 620px) {
  .nh-card { grid-template-columns: 64px minmax(0,1fr) 78px; min-height: 96px; gap: 2px 6px; padding: 4px; }
  .nh-cover { width: 60px; height: 88px; }
  .nh-tags { display: none; }
  .nh-card > .smallbutton { padding: 3px 5px; }
  .tag-browser { grid-template-columns: 1fr 1fr; }
}