:root {--browse-evidence-color:#9fc7e2}
html.light-mode {--browse-evidence-color:#305f82}
/* Scoped additions use the released catalog/Reader surfaces and theme tokens. */
.browse-search-status,.browse-locate-notice,.browse-match-navigation {display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0;padding:10px 12px;border:1px solid var(--border-color);border-radius:7px;background:var(--bg-card);color:var(--text-secondary);font-size:13px}
.browse-search-status>span {flex:1;min-width:180px}
.browse-search-status[hidden],.browse-locate-notice[hidden],.browse-title-suggestions[hidden] {display:none}
.browse-search-status button,.browse-locate-notice button,.browse-match-navigation button,.browse-title-suggestion button,.browse-title-suggestion a {font:inherit;color:var(--text-primary);border:1px solid var(--border-color);border-radius:5px;background:var(--bg-secondary);padding:5px 9px;cursor:pointer;text-decoration:none;white-space:nowrap}
.browse-match-navigation button:disabled {opacity:.4;cursor:default}
.browse-match-count {display:inline-block;font-size:11px;line-height:1.4;color:var(--browse-evidence-color);font-weight:500;margin:3px 6px;white-space:normal}
.browse-grid-tile>.browse-match-count {position:absolute;bottom:8px;left:4px;right:4px;text-align:center;font-size:10px;max-height:32px;overflow:hidden}
.browse-grid-tile.browse-has-matches {box-shadow:inset 0 0 0 1px var(--browse-evidence-color)}
.text-card.browse-has-matches {background:color-mix(in srgb,var(--browse-evidence-color) 5%,var(--bg-card))}

body[data-research-page] :is(.text-card,.browse-grid-tile).browse-located {
 /* Corner direction scales with the card, including very wide List rows. */
 background:linear-gradient(to top right,color-mix(in srgb,var(--ui-action) 40%,var(--ui-panel)),color-mix(in srgb,var(--ui-action) 15%,var(--ui-panel)) 60%,var(--ui-panel))!important;
 outline:none!important;
}
body[data-research-page] .browse-located :is(.text-title,.browse-grid-tile-title) {color:var(--ui-link);font-weight:600}
body[data-research-page] .text-card.browse-located {box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-action) 45%,transparent)}
body[data-research-page] .browse-grid-tile.browse-located {border-color:color-mix(in srgb,var(--ui-action) 45%,var(--ui-line))!important;box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--tradition-color) 75%,transparent)}
/* Fill behind the rounded header only when the located row sits below it. */
body[data-research-page] .tradition-section:has(.browse-located)>.tradition-header {position:relative;z-index:1}
body[data-research-page] .tradition-books>.text-card.browse-located:nth-child(1 of :not([data-browse-result-hidden]):not([hidden])) {position:relative}
body[data-research-page] .tradition-books>.text-card.browse-located:nth-child(1 of :not([data-browse-result-hidden]):not([hidden]))::before {content:"";position:absolute;left:0;right:0;top:-7px;height:7px;background:inherit;pointer-events:none}
.browse-title-suggestions {position:absolute;top:100%;left:0;right:0;z-index:60;margin-top:4px;padding:6px;border:1px solid var(--border-color);border-radius:7px;background:var(--bg-card);box-shadow:0 8px 24px #0004;max-height:380px;overflow:auto}
.browse-suggestion-help {font-size:11px;color:var(--text-secondary);margin:2px 6px 6px}
.browse-title-suggestion {display:flex;align-items:center;gap:6px;padding:7px 4px;border-top:1px solid var(--border-color)}
.browse-title-suggestion>div {flex:1;min-width:0}
.browse-title-suggestion strong,.browse-title-suggestion small {display:block;overflow-wrap:anywhere}
.browse-title-suggestion strong {font-size:13px;color:var(--text-primary)}
.browse-title-suggestion small {font-size:11px;color:var(--text-secondary)}
.browse-passage-match {box-shadow:inset 2px 0 var(--browse-evidence-color);padding-left:10px}
.browse-passage-match-label {font-size:11px;color:var(--browse-evidence-color);margin-left:8px}
mark.browse-wording-evidence {background:color-mix(in srgb,var(--browse-evidence-color) 25%,transparent);color:inherit;border-radius:2px}
.browse-match-position {font-size:12px;color:var(--text-secondary)}
.reader-container~.browse-search-status {max-width:100%}
@media(max-width:650px) {.browse-title-suggestion {gap:4px}.browse-title-suggestion button,.browse-title-suggestion a {padding:6px}.browse-match-count {font-size:10px}.browse-search-status,.browse-match-navigation {margin:8px 12px}.browse-match-navigation {gap:6px}.browse-title-suggestions {max-height:300px}}

.reader-chapter-bar>.browse-match-navigation {flex:1 0 100%;box-sizing:border-box;pointer-events:auto;margin:0;padding:6px 0 0;border:0;border-top:1px solid var(--border-color);border-radius:0;background:transparent;gap:6px}
.browse-match-navigation[hidden] {display:none}
.browse-match-navigation button:focus-visible,.browse-title-suggestion :is(button,a):focus-visible,.browse-search-status button:focus-visible {outline:3px solid var(--browse-evidence-color);outline-offset:2px}
@media(max-width:768px) {.browse-match-navigation button {min-height:44px;padding:6px 8px;font-size:12px}.browse-title-suggestion :is(button,a) {min-height:36px;display:inline-flex;align-items:center;box-sizing:border-box}.reader-chapter-bar>.browse-match-navigation {margin:0}}

/* Keep long chapter headings from covering the reading viewport when match
   controls share the sticky bar. The full title remains in the chapter list. */
@media(max-width:768px) {
 .reader-chapter-bar:has(.browse-match-navigation) .reader-chapter {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}

[data-browse-result-hidden] {display:none!important}
.browse-search-empty[hidden] {display:none}
.browse-search-empty {color:var(--text-secondary);padding:16px 0}
body[data-research-page] #tradition-pills .tradition-pill {position:relative}
.browse-tradition-match-count {position:absolute;top:-5px;right:-5px;width:22px;height:22px;box-sizing:border-box;padding:0 1px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-secondary);color:inherit;border:0;box-shadow:inset 0 0 0 1.25px var(--tradition-color);font:600 10px/1 system-ui,sans-serif;white-space:nowrap;pointer-events:none;z-index:1}
.browse-tradition-match-description {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body[data-research-page] #tradition-pills .tradition-pill.browse-no-hits {filter:grayscale(1);background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important;opacity:1}
body[data-research-page] #tradition-pills .tradition-pill.browse-no-hits:hover,body[data-research-page] #tradition-pills .tradition-pill.browse-no-hits:focus-visible {box-shadow:inset 0 0 0 .5px currentColor}


.browse-tradition-match-count.browse-count-capped {font-size:9px}