/* Keep the flat suggestion DOM and its keyboard indices; only the presentation changes. */
:root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) { container:search-results / inline-size; }
:root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-parent {
  display:block; min-height:52px; padding:12px 16px; background:var(--ui-surface);
}
:root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .search-player-heading {
  display:flex; align-items:center; gap:10px; min-height:28px;
}
:root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .search-player-heading .candidate-name { font-size:15px; font-weight:700; }
.search-result-count { color:var(--ui-muted); font-size:12px; white-space:nowrap; }
.search-key-hint { margin-left:auto; color:var(--ui-muted); font-size:11px; white-space:nowrap; }
:root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-seasonbar {
  display:block; padding:12px 16px 0; background:var(--ui-surface-subtle); border-bottom:1px solid var(--ui-line);
}
.search-season-heading { display:flex; align-items:baseline; gap:12px; margin-bottom:10px; min-width:0; font-size:12px; color:var(--ui-muted); }
.search-season-heading > span { flex-shrink:0; }
.search-season-heading strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--ui-ink); font-size:12px; font-weight:600; }
:root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-season-row {
  width:100%; min-width:0; box-sizing:border-box; flex-wrap:nowrap; overflow-x:auto; gap:6px; padding:3px 3px 9px; scrollbar-width:thin; scrollbar-color:var(--ui-line) transparent;
}
:root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-season-row::-webkit-scrollbar { height:5px; }
:root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-season-row::-webkit-scrollbar-thumb { background:var(--ui-line); border-radius:4px; }
:root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-season-chip { min-height:40px; padding:6px 10px; border-radius:4px; }
:root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-season-count { padding:0; background:none; color:var(--ui-muted); font-size:11px; font-weight:500; }
:root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-active:not(.suggest-seasonbar) { box-shadow:inset 3px 0 var(--ui-focus); }
.search-results-columns { display:none; }
:root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .candidate-price-line strong { font-weight:600; }
@container search-results (min-width:680px) {
  :root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-variant {
    grid-template-columns:56px minmax(90px,1fr) minmax(112px,1fr) minmax(112px,1fr) 112px 32px;
    gap:10px; min-height:80px; padding:8px 16px;
  }
  :root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-variant :is(.candidate-main,.candidate-row-sub,.candidate-left,.candidate-price) { display:contents; }
  :root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-variant .candidate-row-top { grid-column:2; grid-row:1; flex-wrap:wrap; gap:5px; margin:0; padding:0; }
  :root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-variant .candidate-media { grid-column:1; grid-row:1; }
  :root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-variant .search-current-price { grid-column:3; grid-row:1; }
  :root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-variant .search-expected-price { grid-column:4; grid-row:1; }
  :root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-variant .candidate-price-line { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
  :root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-variant .candidate-price-line strong { font-size:14px; }
  :root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-variant .search-metric-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  :root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-variant .candidate-expected { grid-column:5; grid-row:1; display:flex; flex-wrap:wrap; justify-content:center; gap:4px; margin:0; }
  :root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-variant .candidate-price-extra { grid-column:3 / 5; font-size:11px; color:var(--ui-muted); text-align:right; }
  :root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-variant .card-fav-btn { position:absolute; inset:50% 10px auto auto; transform:translateY(-50%); margin:0; width:32px; min-width:32px; }
  .search-results-columns { display:grid; grid-template-columns:56px minmax(90px,1fr) minmax(112px,1fr) minmax(112px,1fr) 112px 32px; gap:10px; padding:12px 0 10px; font-size:11px; color:var(--ui-muted); }
  .search-results-columns span:first-child { grid-column:1 / 3; }
  .search-results-columns span:nth-child(2),.search-results-columns span:nth-child(3) { text-align:right; }
  .search-results-columns span:nth-child(4) { text-align:center; }
}
@media (max-width:767px) {
  .search-key-hint { display:none; }
  :root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-seasonbar { padding-bottom:8px; }
  :root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-season-chip { min-height:44px; }
}

@media (min-width:1024px) {
  :root body.user-service .home-search-results {
    max-height:min(650px,84.5vh,var(--ui-search-space,84.5vh));
  }
}
/* Draw the active/focus indicator on the border, not as a second outer ring. */
:root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-season-chip:is(.active,:focus-visible) {
  outline:2px solid var(--ui-focus);
  outline-offset:-2px;
  border-color:var(--ui-focus);
  box-shadow:none;
}
@media (max-width:767px) {
  :root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-variant {
    grid-template-columns:48px minmax(0,1fr); gap:8px; min-height:88px; padding:7px 10px;
  }
  :root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-variant .candidate-media {
    width:48px; height:58px;
  }
  :root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-variant .candidate-row-top { margin-bottom:2px; }
  :root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-variant .candidate-left { gap:0; }
  :root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-variant .candidate-price { gap:0; line-height:1.45; }
  :root body.user-service :is(#homeSearchSuggest,#searchSuggest,.board-mention-suggest) .suggest-variant .candidate-expected { margin-top:0; gap:3px; }
}

/* Mentions use the same grouped search rows, anchored to the editor caret. */
:root body.user-service .board-mention-suggest { box-sizing:border-box; margin:0; padding:0; list-style:none; border:1px solid var(--ui-line); border-radius:6px; background:var(--ui-surface); box-shadow:0 8px 24px rgba(0,0,0,.12); overscroll-behavior:contain; }
:root body.user-service .board-mention-suggest .search-key-hint { display:none; }
:root body.user-service .board-mention-suggest .suggest-seasonbar { min-height:0; }