/* Global Search results and the live list in the Search/Help panel: ruled groups, ink labels, no tinted tiles.
   (The masthead's search button is the shell's; nothing here touches it.) */

/* ------------------------------------------------------------ /search */
.search-page-form > label { font-size: var(--text-xs); font-weight: 700; text-transform: uppercase; letter-spacing: var(--tracking-label); color: var(--color-text); }
.search-page-form input[type="search"] { min-height: 44px; border: 2px solid var(--color-text); }
.search-page-form .btn-icon { min-height: 44px; min-width: 48px; }
.search-hint kbd { border-color: var(--color-text); background: none; font-family: var(--font-mono); }

.search-summary {
  align-items: baseline; margin: 24px 0 20px; font-size: var(--text-xs); font-weight: 700;
  text-transform: uppercase; letter-spacing: var(--tracking-label); font-variant-numeric: tabular-nums;
}
.search-summary strong { font-size: var(--text-xl); font-weight: 700; letter-spacing: 0; text-transform: none; }

.search-grid { gap: 40px 40px; }
html[data-shell="r2"] .search-box { overflow: visible; background: none; border: 0; border-top: var(--rule) solid var(--color-text); border-radius: 0; }
html[data-shell="r2"] .search-box-head { align-items: flex-start; padding: 0; background: none; border: 0; }
html[data-shell="r2"] .search-box-head h2 {
  padding: 0 10px; background: var(--color-text); color: var(--color-page-bg);
  font-size: var(--text-sm); font-weight: 700; line-height: 26px; letter-spacing: var(--tracking-label); text-transform: uppercase;
}
.search-box-count { padding-top: 6px; font-size: var(--text-xs); font-weight: 700; text-transform: uppercase; letter-spacing: var(--tracking-label); color: var(--color-text); font-variant-numeric: tabular-nums; }
html[data-shell="r2"] .search-row { min-height: 0; padding: 10px 0; gap: 12px; border-bottom: 1px solid var(--color-border-strong); box-shadow: none; }
html[data-shell="r2"] .search-tile { width: 36px; height: 36px; background: none; box-shadow: inset 0 0 0 2px var(--color-text); border-radius: 0; font-size: var(--text-md); font-weight: 700; }
.search-row-text a { color: var(--color-text); font-weight: 700; }
.search-row-text a:hover { color: var(--color-link); }
html[data-shell="r2"] .search-box-foot { padding: 10px 0 0; background: none; }
.search-box-foot > a { font-weight: 700; text-transform: uppercase; font-size: var(--text-xs); letter-spacing: var(--tracking-label); }

@media screen and (max-width: 1100px) { .search-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media screen and (max-width: 700px) { .search-grid { grid-template-columns: minmax(0, 1fr); } }

/* ------------------------------------------------------------ the live list (Search/Help panel) */
html[data-shell="r2"] .search-suggest-head {
  margin-top: 12px; padding-top: 0; padding-bottom: 0; background: none; border: 0; border-top: var(--rule) solid var(--color-text);
  color: var(--color-text); font-weight: 700; line-height: 26px; align-items: flex-start;
}
html[data-shell="r2"] .search-suggest-group:first-child > .search-suggest-head { border-top: var(--rule) solid var(--color-text); margin-top: 0; }
.search-suggest-head > :first-child { padding: 0 8px; margin-left: -8px; background: var(--color-text); color: var(--color-page-bg); }
.search-suggest-count { font-weight: 700; font-variant-numeric: tabular-nums; }
html[data-shell="r2"] .search-suggest-option { border-bottom: 1px solid var(--color-border); }
html[data-shell="r2"] .search-suggest-tile { background: none; box-shadow: inset 0 0 0 2px var(--color-text); border-radius: 0; font-weight: 700; }
html[data-shell="r2"] .search-suggest-photo { border-radius: 0; }
.search-suggest-title { font-weight: 600; }
html[data-shell="r2"] .search-suggest-option.is-active,
html[data-shell="r2"] a.search-suggest-option:hover { background: var(--color-text); color: var(--color-page-bg); }
html[data-shell="r2"] .search-suggest-option.is-active :is(.search-suggest-title, .search-suggest-sub, .search-suggest-glyph),
html[data-shell="r2"] a.search-suggest-option:hover :is(.search-suggest-title, .search-suggest-sub, .search-suggest-glyph) { color: inherit; }
html[data-shell="r2"] .search-suggest-option.is-active .search-suggest-tile,
html[data-shell="r2"] a.search-suggest-option:hover .search-suggest-tile { color: inherit; box-shadow: inset 0 0 0 2px var(--color-page-bg); }
html[data-shell="r2"] :is(.search-suggest-more, .search-suggest-all) { font-weight: 700; }
html[data-shell="r2"] .search-suggest-ask { border-top: var(--rule) solid var(--color-text); }
html[data-shell="r2"] .search-suggest-ask .search-suggest-glyph { color: var(--color-text); }
html[data-shell="r2"] .search-row.corner-mark { --mark: transparent; }