/* 검색 결과와 필터의 접근성 보완. 두 진입점만 이 파일을 읽는다. */
/* 공유 초기화 버튼을 활성 필터 제목 오른쪽에 둔다.
   숨긴 nav는 그대로 숨기며, 접힌 상태에서도 초기화는 사용할 수 있다. */
.vfilters { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; }
.vfilters > :is(#itemfilter, #spellfilter) { display: contents; }
.vfilters > nav > .frow:first-child { grid-column: 1 / -1; grid-row: 1; margin-bottom: 8px; }
.vfilters .search-filter-disclosure { grid-column: 1 / -1; grid-row: 2; min-width: 0; }
.vfilters .freshbadge { grid-column: 1 / -1; grid-row: 3; }
.vfilters > .filters-reset {
  grid-column: 2; grid-row: 2; z-index: 1;
  align-self: start; margin: 0; min-height: var(--m-touch);
  padding: 8px; border: 0; border-image: none; border-radius: 0;
  background: transparent; box-shadow: none; color: var(--muted);
  font-size: var(--fs-sm); font-weight: 400;
}
.vfilters > .filters-reset:hover { color: var(--gold); text-decoration: underline; }
.vfilters > .filters-reset:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.search-filter-disclosure { margin-bottom: 8px; }
.search-filter-disclosure > summary {
  min-height: var(--m-touch);
  box-sizing: border-box;
  padding: 10px 100px 10px 4px;
  cursor: pointer;
  color: var(--cream);
}
.search-filter-disclosure > summary:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}
.homesearch .homeresults li a {
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: var(--m-touch);
}
.homesearch-kind {
  flex: 0 0 auto;
  font-size: .8em;
  color: var(--muted);
}
.homesearch .homeresults li a > span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
}
#homemore { min-height: var(--m-touch); margin-top: 8px; }