@import url("/static/research_nav.css?v=2");
@import url("/static/control_typography.css?v=1");
/* Approved production-refinement composition. Scoped to Search and catalog pages.
   Passage content/actions, reader assets and the global style.css are unchanged. */
html:has(body[data-research-page]) {scrollbar-gutter:stable}
body[data-research-page] {
 --ui-bg:var(--bg-primary);--ui-panel:var(--bg-secondary);--ui-raised:var(--bg-tertiary);--ui-nav:#080f1a;
 --ui-line:var(--border-color);--ui-soft-line:var(--border-color);--ui-text:#e8eef5;--ui-muted:#a9b6c7;
 --ui-action:#397fae;--ui-link:#9fc7e2;--ui-focus:#b5dfff;
 --research-surface:var(--bg-card);--research-border:var(--border-color);--research-category:color-mix(in srgb,var(--bg-tertiary) 30%,var(--bg-card));
 margin:0;padding:0;background:var(--ui-bg);color:var(--ui-text);
 font:14px/1.5 system-ui,sans-serif;
}
html.light-mode body[data-research-page] {
 --ui-nav:var(--bg-secondary);
 --ui-text:#22334a;--ui-muted:#566980;
 --ui-action:#32678f;--ui-link:#305f82;--ui-focus:#174f86;

}
body[data-research-page] .shared-upper,body[data-research-page] .container,body[data-research-page] .browse-grid-page {
 width:100%;max-width:1400px;margin:0 auto;padding:0 22px;box-sizing:border-box;
}
body[data-research-page] .shared-upper {padding-top:14px;position:static;top:auto;background:none;z-index:auto}
body[data-research-page] .shared-upper form {margin:0;width:100%}
body[data-research-page] .querybar {
 display:grid;grid-template-columns:58px minmax(0,1fr) auto 160px 24px;
 gap:8px;align-items:center;margin:0 0 12px;padding:0;
}
body[data-research-page] .querybar h1 {font:600 17px/1.3 system-ui,sans-serif;margin:0;padding:0;color:var(--ui-text)}
body[data-research-page] .query-field {width:auto;min-width:0;display:block;flex:auto;position:relative}
body[data-research-page] .search-mode-pill {display:none}
body[data-research-page] .query-field input {
 width:100%;height:42px;min-height:42px;padding:8px 10px;margin:0;
 font:16px/24px system-ui,sans-serif;border:1px solid var(--ui-line);border-radius:6px;
 background:var(--ui-panel);color:var(--ui-text);box-shadow:none;
}
body[data-research-page] .shared-upper button,body[data-research-page] .catalog-toolbar button {
 font-family:inherit;cursor:pointer;border:1px solid var(--ui-line);border-radius:6px;
 background:var(--ui-panel);color:var(--ui-text);margin:0;
}
body[data-research-page] .querybar .submit {
 height:42px;min-height:42px;min-width:0;width:auto;padding:8px 18px;
 font:400 14px/21px system-ui,sans-serif;background:var(--ui-action);
 border-color:var(--ui-action);color:#fff;
}
body[data-research-page] .querybar .mode {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:160px;gap:0;flex:auto;margin:0}
body[data-research-page] .mode button {height:42px;min-height:42px;width:100%;margin:0;padding:7px 11px;font-size:13px;border-radius:0;line-height:19.5px}
body[data-research-page] .mode button:first-child {border-radius:6px 0 0 6px}
body[data-research-page] .mode button:last-child {border-radius:0 6px 6px 0}
body[data-research-page] .mode button.active {color:var(--ui-text);background:var(--ui-raised);border-color:var(--ui-line);box-shadow:inset 0 -2px var(--ui-action)}
body[data-research-page] .query-help {position:relative;width:24px}
body[data-research-page] .query-help summary {list-style:none;border:1px solid var(--ui-line);border-radius:50%;text-align:center;cursor:pointer;width:24px;height:24px;padding:0;color:var(--ui-muted)}
body[data-research-page] .query-help p {position:absolute;right:0;top:31px;z-index:20;width:275px;margin:0;padding:12px;font-size:13px;background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:6px}
body[data-research-page] .tradition-panel {
 display:block;padding:11px 13px;margin:0 0 16px;background:var(--research-surface);
 border:1px solid var(--research-border);border-radius:9px;position:static;min-height:0;
}
body[data-research-page] .palette-head {display:grid;grid-template-columns:66px 94px 76px minmax(0,1fr);gap:8px;align-items:center;margin:0 0 9px}
body[data-research-page] .palette-head h2 {font-size:13px;font-weight:600;margin:0;padding:0}
body[data-research-page] .scope-value {font-size:11px;color:var(--ui-muted);border-left:1px solid var(--ui-line);padding-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-research-page] .scope-actions {display:flex;gap:4px;width:76px;margin:0}
body[data-research-page] .scope-actions button {font-size:11px;line-height:16.5px;padding:3px 7px;min-height:28px;flex:none;background:transparent;color:var(--ui-muted)}
body[data-research-page] .scope-accessory {width:100%;height:34px;min-width:0;max-width:540px;margin:0 0 0 8px;align-self:center}
body[data-research-page] .query-scope {display:grid;grid-template-columns:70px minmax(0,1fr) 82px;gap:7px;align-items:center}
body[data-research-page] .query-scope label {font-size:12px;color:var(--ui-muted);white-space:nowrap}
body[data-research-page] .query-scope select {width:100%;max-width:none;min-width:0;height:34px;min-height:34px;padding:5px 9px;font:12px/18px system-ui,sans-serif;border:1px solid var(--ui-line);border-radius:6px;background:var(--ui-panel);color:var(--ui-text)}
body[data-research-page] .query-scope button {height:34px;padding:4px 6px;font-size:11px;white-space:nowrap}
body[data-research-page] .source-clear-placeholder {visibility:hidden}
body[data-research-page] .checks {display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;align-items:stretch;align-content:start;min-height:77px;padding:0;margin:0;width:100%;overflow:visible}

body[data-research-page] .shared-upper .tradition-pill {width:100%;min-width:0;white-space:normal;text-align:center;height:35px;min-height:35px;padding:0 6px;cursor:pointer}



body[data-research-page] .shared-upper .tradition-pill:hover {transform:none;filter:none;box-shadow:inset 0 0 0 .5px currentColor}
body[data-research-page] .palette-controls {display:none}
body[data-research-page] #tradition-hidden-inputs,body[data-research-page] #browse-tradition-hidden-inputs {display:none}
body[data-research-page] :is(.shared-upper,.concepts-sidebar,.catalog-toolbar,.tradition-section) :is(button,a,input,select,summary):focus-visible {outline:3px solid var(--ui-focus);outline-offset:3px}
body[data-research-page=search] .container {display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}
body[data-research-page] .main-content {min-width:0;width:100%;max-width:none;padding:0;margin:0}
body[data-research-page] .concepts-sidebar {width:auto;min-width:0;max-width:none;position:static;max-height:none;overflow:hidden;background:var(--research-surface);border:1px solid var(--research-border);border-radius:9px;padding:0;margin:0}
body[data-research-page] .concepts-content {padding:0}
body[data-research-page] .sidebar-title {font:600 14px/21px system-ui,sans-serif;margin:0;padding:12px 12px 0;border:0;color:var(--ui-text)}
body[data-research-page] .concepts-list {display:block!important;padding:0;margin:0}
body[data-research-page] .concept-section {margin:12px 12px 13px;padding:0;border:1px solid var(--ui-line);border-radius:5px;overflow:hidden;background:var(--research-category)}
body[data-research-page] .concept-section-header {margin:0;padding:7px 8px;border:0;background:none;color:var(--ui-muted);font:600 11px/16.5px system-ui,sans-serif;letter-spacing:.025em;text-transform:uppercase}
body[data-research-page] .concept-buttons {display:grid;grid-template-columns:minmax(0,1fr);gap:5px;padding:0 7px 7px}
body[data-research-page] .concept-buttons .concept-btn {grid-column:auto;margin:0;width:100%;height:40px;min-height:40px;line-height:16px;padding:3px 6px;display:flex;align-items:center;justify-content:flex-start;text-align:left;font:400 12px/16px system-ui,sans-serif;white-space:normal;letter-spacing:0;text-transform:none;border:1px solid var(--ui-line);border-radius:4px;background:var(--research-surface);color:var(--ui-text);box-shadow:inset 0 1px 2px #0003,0 1px 0 #ffffff05}
html.light-mode body[data-research-page] .concept-buttons .concept-btn {box-shadow:inset 0 1px 2px #14253512,0 1px 0 #fff}
body[data-research-page] .concept-buttons .concept-btn:hover {background:color-mix(in srgb,var(--ui-text) 4%,var(--research-surface));border-color:var(--ui-muted);transform:none}
body[data-research-page] .concept-buttons .concept-btn.active {background:linear-gradient(35deg,color-mix(in srgb,var(--ui-action) 28%,var(--ui-panel)),color-mix(in srgb,var(--ui-action) 9%,var(--ui-panel)) 60%,var(--ui-panel));border-color:var(--ui-action);color:var(--ui-link);font-weight:600;box-shadow:inset 0 -2px 0 var(--ui-action)}
body[data-research-page] .concept-buttons .concept-btn:focus-visible {outline-offset:-3px}
body[data-research-page] .concepts-mobile-toggle {display:none}
body[data-research-page] .catalog-toolbar {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0 11px;border-bottom:1px solid var(--ui-line);margin-bottom:12px}
body[data-research-page] .catalog-label {display:flex;align-items:baseline;gap:12px;min-width:0}
body[data-research-page] .catalog-label h2 {font-size:14px;font-weight:600;margin:0}
body[data-research-page] #browse-count {font-size:12px;color:var(--ui-muted)}
body[data-research-page] .catalog-actions {display:flex;align-items:center;gap:14px}
body[data-research-page] .tradition-fold-actions {display:flex;gap:4px}
body[data-research-page] .tradition-fold-actions button {font-size:12px;min-height:35px;padding:6px 9px;color:var(--ui-muted)}
body[data-research-page] .tradition-fold-actions button[aria-disabled=true] {opacity:.55;cursor:default}
body[data-research-page] .view-switch {display:flex;border:1px solid var(--ui-line);border-radius:6px;overflow:hidden}
body[data-research-page] .view-switch a {display:flex;align-items:center;min-height:35px;padding:6px 12px;font-size:12px;color:var(--ui-muted);background:var(--ui-panel);text-decoration:none}
body[data-research-page] .view-switch a[aria-current=page] {background:color-mix(in srgb,var(--ui-action) 20%,var(--ui-panel));color:var(--ui-link);box-shadow:inset 0 -2px var(--ui-action)}
body[data-research-page] .tradition-section {margin-bottom:18px;border:1px solid color-mix(in srgb,var(--tradition-color) 50%,var(--ui-line));border-radius:8px;overflow:hidden;background:var(--ui-panel)}
body[data-research-page] .tradition-header {display:flex;align-items:center;gap:9px;padding:8px 12px;background:color-mix(in srgb,var(--tradition-color) 16%,var(--ui-panel));border:0;border-bottom:1px solid color-mix(in srgb,var(--tradition-color) 40%,var(--ui-line));box-shadow:inset 0 -4px var(--tradition-color);width:100%;margin:0;min-height:42px;text-align:left;cursor:pointer;color:var(--ui-text);font:inherit}
body[data-research-page] .tradition-header .tradition-name {margin-left:auto;font-size:11px;color:var(--ui-muted)}
body[data-research-page] .fold-cue {width:14px;font-size:17px;text-align:center;color:var(--ui-muted)}
body[data-research-page] .tradition-books {display:block;width:100%}
body[data-research-page] .tradition-books[hidden] {display:none}
body[data-research-page] .text-card {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 172px;gap:18px;padding:11px 13px;min-height:0;border:0;border-bottom:1px solid var(--ui-soft-line);border-radius:0;background:transparent;color:var(--ui-text);text-decoration:none;box-shadow:none;transform:none}
body[data-research-page] .text-card:hover {background:var(--ui-raised);transform:none;box-shadow:none}
body[data-research-page] .text-title {font-size:15px;font-weight:500;line-height:1.4;color:var(--ui-link);grid-column:1;grid-row:1;margin:0}
body[data-research-page] .text-translator {font-size:13px;color:var(--ui-muted);grid-column:2;grid-row:1;margin:0;padding:0;border:0;display:flex;align-items:baseline;gap:4px;min-width:0;overflow-wrap:anywhere}
body[data-research-page] .text-translator-name {min-width:0;flex:1}
body[data-research-page] .text-meta {font-size:13px;color:var(--ui-muted);grid-column:3;grid-row:1;display:flex;gap:4px 10px;flex-wrap:wrap;margin:0}
body[data-research-page] .text-meta-count {font-weight:400}
body[data-research-page] .text-card:last-child {border-bottom:0}
body[data-research-page] .browse-group {display:contents}
body[data-research-page] .browse-group-header {position:relative;text-align:left;font:inherit;cursor:pointer}
body[data-research-page] .browse-group-copy {display:contents}
body[data-research-page] .browse-group-header .text-title {font-weight:600;color:var(--ui-text)}
body[data-research-page] .browse-group-toggle-copy {position:absolute;right:10px;top:10px;color:var(--ui-muted)}
body[data-research-page] .browse-group-header .text-meta {padding-right:12px}
body[data-research-page] .browse-group-child {margin-left:14px;border-left:2px solid color-mix(in srgb,var(--tradition-color) 70%,var(--ui-line));padding-left:5px}
body[data-research-page] .browse-group-child[hidden],body[data-research-page] .browse-group-endcap[hidden] {display:none}
body[data-research-page] .browse-group-endcap {font-size:11px;padding:8px 13px;color:var(--ui-muted)}
body[data-research-page] .browse-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;padding:0;margin:0;width:100%}
body[data-research-page] .browse-grid-tile {aspect-ratio:1;min-height:0;height:auto;min-width:0;position:relative;border:1.5px solid color-mix(in srgb,var(--tradition-color) 72%,var(--ui-line))!important;border-radius:8px;background:color-mix(in srgb,var(--tradition-color) 9%,var(--ui-panel))!important;display:grid;grid-template-rows:24px minmax(0,1fr) 22px;padding:10px;box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--tradition-color) 75%,transparent);font:inherit;color:var(--ui-text);transform:none;text-decoration:none}
body[data-research-page] .browse-grid-tile:hover {background:color-mix(in srgb,var(--tradition-color) 17%,var(--ui-panel))!important;box-shadow:inset 0 -3px 0 var(--tradition-color);transform:none}
body[data-research-page] .atlas-tradition {grid-row:1;font-size:10px;line-height:1.2;color:var(--ui-muted);text-align:left}
body[data-research-page] .browse-grid-tile-title {grid-row:2;display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;font-size:14px;font-weight:600;line-height:1.3;color:var(--ui-text);overflow-wrap:anywhere;padding:0}
body[data-research-page] .browse-grid-group-tile {box-shadow:inset 0 -3px 0 var(--tradition-color),inset 0 0 0 3px var(--ui-panel)}
body[data-research-page] .browse-grid-group-chevron {position:static;grid-row:3;justify-self:end;align-self:end}
body[data-research-page] .browse-grid-group-children {
 display:contents;
}
body[data-research-page] .browse-grid-group-children[hidden] {display:none}
body[data-research-page] .browse-grid-group-children .browse-grid-tile {border-style:dashed!important}
body[data-research-page] .browse-grid-tile .external-source-indicator {position:absolute;top:10px;right:10px}
/* Metadata floats outside document flow, beneath the active catalog card. */
body[data-research-page] .grid-hover-tooltip {
 display:none;position:fixed;left:0;top:0;z-index:1100;pointer-events:none;
 box-sizing:border-box;width:max-content;max-width:min(320px,calc(100vw - 16px));
 max-height:calc(100vh - 16px);overflow:hidden;overflow-wrap:anywhere;
 padding:12px 14px;border:1px solid var(--ui-line);border-radius:8px;
 background:var(--ui-panel);color:var(--ui-text);box-shadow:0 8px 24px #0003;
}
body[data-research-page] .grid-hover-tooltip-tradition {font-size:11px;margin-bottom:4px}
body[data-research-page] .grid-hover-tooltip-title {font-weight:600;line-height:1.3;margin-bottom:6px}
body[data-research-page] .grid-hover-tooltip-meta {font-size:12px;color:var(--ui-muted)}
/* The mobile metadata preview uses real tile metadata and real reader links. */
body[data-research-page] .catalog-book-dialog {padding:0;width:440px;max-width:calc(100vw - 28px);max-height:85vh;color:var(--ui-text);background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:10px}
body[data-research-page] .catalog-book-dialog::backdrop {background:#050c148c}
body[data-research-page] .catalog-book-dialog header {padding:15px 18px;border-bottom:1px solid var(--ui-line);display:flex;justify-content:space-between;gap:12px}
body[data-research-page] .catalog-book-dialog h2 {font-size:18px;line-height:1.3;margin:0}
body[data-research-page] .catalog-book-dialog .details-body {padding:18px}
body[data-research-page] .catalog-book-dialog p {margin:0 0 12px;font-size:13px;color:var(--ui-muted)}
body[data-research-page] .catalog-book-dialog a {color:var(--ui-link)}
@media(min-width:651px) and (max-width:1100px) {
 body[data-research-page] .checks {grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:1000px) and (min-width:651px) {
 body[data-research-page=search] .container {grid-template-columns:250px minmax(0,1fr);gap:17px}
 body[data-research-page] .text-card {grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 130px;gap:12px}
}
@media(max-width:650px) {
 body[data-research-page] .shared-upper,body[data-research-page] .container,body[data-research-page] .browse-grid-page {padding-left:13px;padding-right:13px}
 body[data-research-page] .shared-upper {padding-top:12px}
 body[data-research-page] .querybar {grid-template-columns:minmax(0,1fr) 74px;gap:7px;margin-bottom:12px}
 body[data-research-page] .querybar h1 {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 body[data-research-page] .query-field {grid-column:1;grid-row:1}
 body[data-research-page] .querybar .submit {grid-column:2;grid-row:1;padding:8px 10px;width:74px}
 body[data-research-page] .query-field input,body[data-research-page] .querybar .submit {height:43px;min-height:43px}
 body[data-research-page] .querybar .mode {grid-column:1;grid-row:2;justify-self:start}
 body[data-research-page] .mode button {height:38px;min-height:38px}
 body[data-research-page] .query-help {grid-column:2;grid-row:2;justify-self:center}
 body[data-research-page] .tradition-panel {padding:11px 10px;margin-bottom:13px}
 body[data-research-page] .palette-head {grid-template-columns:66px minmax(0,1fr) 76px;gap:7px}
 body[data-research-page] .palette-head h2 {font-size:12px}
 body[data-research-page] .scope-value {width:100%;font-size:10px}
 body[data-research-page] .scope-actions button {min-height:29px;font-size:10px;padding:3px 6px}
 body[data-research-page] .scope-accessory {grid-column:1/-1;max-width:none;width:100%;height:38px;margin:4px 0 0}
 body[data-research-page] .query-scope {grid-template-columns:65px minmax(0,1fr) 76px;gap:6px}
 body[data-research-page] .query-scope label {font-size:11px}
 body[data-research-page] .query-scope select,body[data-research-page] .query-scope button {height:38px;min-height:38px}
 body[data-research-page] .checks {grid-template-columns:none;grid-template-rows:repeat(2,40px);grid-auto-flow:column;grid-auto-columns:145px;gap:6px;min-height:0;overflow-x:auto;overflow-y:hidden;padding:3px 2px 9px;scrollbar-width:thin;scrollbar-color:var(--ui-line) var(--ui-panel)}
 body[data-research-page] .traditions-expanded .checks {grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row;grid-auto-columns:auto;grid-auto-rows:40px;overflow:visible}
 body[data-research-page] .shared-upper .tradition-pill,body[data-research-page] .tradition-card-pill {height:40px;min-height:40px;font-size:12px;padding:0 5px}
 body[data-research-page] .palette-controls {display:flex;justify-content:flex-end;gap:5px;margin:7px 0 0}
 body[data-research-page] .palette-controls .traditions-mobile-toggle {display:block!important;width:auto;border:1px solid var(--ui-line);border-radius:6px;font-size:10px;min-height:30px;padding:4px 9px}
 body[data-research-page=search] .container {display:block}
 body[data-research-page] .concepts-sidebar {margin-bottom:13px}
 body[data-research-page] .concepts-mobile-toggle {display:block!important;background:transparent;border:0;width:100%;text-align:left;padding:9px 12px 0;margin:0;color:var(--ui-text);font-size:13px;line-height:19.5px}
 body[data-research-page] .concepts-sidebar:not(.concepts-expanded) .concepts-mobile-toggle {padding-bottom:9px}
 body[data-research-page] .concepts-content {display:none}
 body[data-research-page] .concepts-expanded .concepts-content {display:block;max-height:560px;overflow:auto}
 body[data-research-page] .sidebar-title {display:none}
 body[data-research-page] .concept-section:first-child {margin-top:9px}
 body[data-research-page] .concept-buttons .concept-btn {height:44px;min-height:44px}
 body[data-research-page] .catalog-toolbar {flex-wrap:wrap;gap:9px;padding:3px 0 11px}
 body[data-research-page] .catalog-label {display:block;flex-basis:100%}
 body[data-research-page] .catalog-label h2 {font-size:13px}
 body[data-research-page] #browse-count {display:block;font-size:11px;margin-top:2px}
 body[data-research-page] .catalog-actions {width:100%;justify-content:space-between;gap:8px}
 body[data-research-page] .tradition-fold-actions button {min-height:44px;padding:7px 9px}
 body[data-research-page] .view-switch a {min-height:44px;padding:8px 12px}
 body[data-research-page] .text-card {grid-template-columns:minmax(0,1fr);gap:5px;padding:11px 10px}
 body[data-research-page] .text-title,body[data-research-page] .text-translator,body[data-research-page] .text-meta {grid-column:1;grid-row:auto}
 body[data-research-page] .text-translator,body[data-research-page] .text-meta {font-size:12px}
 body[data-research-page] .tradition-section {margin-bottom:13px}
 body[data-research-page] .tradition-header {padding:8px 10px;min-height:44px}
 body[data-research-page] .browse-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-section-gap)}
 body[data-research-page] .browse-grid-tile {padding:10px;grid-template-rows:23px minmax(0,1fr) 24px}
 body[data-research-page] .browse-grid-tile-title {font-size:14px;line-height:1.25}
 body[data-research-page] .catalog-book-dialog {width:auto;max-width:none;margin:auto 12px 12px;max-height:80vh}
}
@media(max-width:360px) {
 body[data-research-page] .browse-grid-tile-title {font-size:13px}
}

/* Neutralize the legacy fixed mobile concept drawer within the new inline panel. */
body[data-research-page] .concepts-sidebar.concepts-expanded .concepts-content {position:static;inset:auto;z-index:auto;border:0;border-radius:0;padding:0;background:transparent}
body[data-research-page] .source-filter-inline #source-filter {width:100%;max-width:none;margin:0}
body[data-research-page] .querybar .mode {border:0;padding:0;background:transparent;box-shadow:none}
body[data-research-page] .mode button {box-sizing:border-box}
body[data-research-page] .contact-footer {width:100%;margin:28px 0 0}
body[data-research-page] .mode button {font-weight:400}
body[data-research-page] .concept-section-header {line-height:15.4px}
body[data-research-page] .empty-start {padding:5px 0}
body[data-research-page] .empty-start h1 {font-size:16px;margin:0 0 8px;font-weight:600}
body[data-research-page] .empty-start p {font-size:13px;color:var(--ui-muted);margin:0}
body[data-research-page] .example-line {display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;font-size:12px;color:var(--ui-muted)}
body[data-research-page] .example-line button {font:12px/18px system-ui,sans-serif;min-height:32px;padding:6px 10px;border:1px solid var(--ui-line);background:var(--ui-panel);color:var(--ui-text);border-radius:6px;cursor:pointer}/* Shared slots override legacy mobile grid placement on both pages. */
body[data-research-page] .shared-upper .palette-head .scope-actions {grid-column:3;grid-row:1;justify-self:start;gap:4px}
body[data-research-page] .shared-upper .palette-head .scope-accessory {grid-column:4;grid-row:1}
body[data-research-page] .shared-upper .checks {margin:0}
@media(max-width:650px) {
 body[data-research-page] .shared-upper .palette-head .scope-accessory {grid-column:1/-1;grid-row:2}
}
/* Preserve the passage component's original 16px inherited text size. */
body[data-research-page] .card {font:16px/24px system-ui,sans-serif}
body[data-research-page] .concepts-sidebar .concepts-content {display:block}
@media(max-width:650px) {
 body[data-research-page] .concepts-sidebar:not(.concepts-expanded) .concepts-content {display:none}
}
/* Match the prototype theme control, including legible light-mode strokes. */
body[data-research-page] {transition:none}
body[data-research-page] .pagination-current {background:var(--ui-action);border-color:var(--ui-action)}

@media(max-width:650px) {
 body[data-research-page] .concepts-sidebar.concepts-expanded {max-height:560px;overflow:auto}
 body[data-research-page] .concepts-sidebar.concepts-expanded .concepts-content {max-height:none;overflow:visible}
}
/* New research panels use the prototype's immediate theme surfaces. */
body[data-research-page] .concepts-sidebar,body[data-research-page] .tradition-panel {transition:none}
body[data-research-page] .shared-upper,
body[data-research-page] .container,
body[data-research-page] .browse-grid-page{max-width:1444px}

body[data-research-page] .query-field input {
 height:50px;min-height:50px;padding:12px 16px 12px 104px;
 --query-input-surface:var(--input-bg);
 --query-input-ring:0 0 0 0 transparent;
 border-radius:10px;background:var(--query-input-surface);color:var(--text-primary);
 transition:border-color .2s,background-color .2s,box-shadow .2s;
}
body[data-research-page] .query-field input:focus,
body[data-research-page] .query-field input:focus-visible {outline:none;border-color:var(--accent-primary)}
body[data-research-page] .query-field[data-search-mode-shell="passage_finder"] input {
 border-color:color-mix(in srgb,#1abc9c 58%,var(--border-color));
 --query-input-surface:color-mix(in srgb,var(--input-bg) 90%,#1abc9c 10%);
 --query-input-ring:0 0 0 1px color-mix(in srgb,#1abc9c 16%,transparent);
 background:var(--query-input-surface);box-shadow:var(--query-input-ring);
}
body[data-research-page] .query-field[data-search-mode-shell="passage_finder"] input:focus {
 --query-input-ring:0 0 0 2px color-mix(in srgb,#1abc9c 18%,transparent);
 border-color:#1abc9c;box-shadow:var(--query-input-ring);
}
body[data-research-page] .search-mode-pill {display:inline-flex}
body[data-research-page] .querybar .submit,
body[data-research-page] .querybar .mode button {height:50px;min-height:50px}
body[data-research-page] .mode button[data-search-mode-option="passage_finder"].active {
 background:color-mix(in srgb,#1abc9c 24%,transparent);color:#8ff3df;
 box-shadow:inset 0 -2px #1abc9c;
}
html.light-mode body[data-research-page] .mode button[data-search-mode-option="passage_finder"].active {
 color:#096b5b;background:color-mix(in srgb,#1abc9c 18%,#ffffff);
}
@media(max-width:650px) {
 body[data-research-page] .query-field input,
 body[data-research-page] .querybar .submit,
 body[data-research-page] .querybar .mode button {height:43px;min-height:43px}
 body[data-research-page] .query-field input {padding-top:8px;padding-bottom:8px}
}

/* Keep the page heading available to assistive technology without a label slot. */
body[data-research-page] .querybar h1 {
 position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;
 clip-path:inset(50%);white-space:nowrap;
}
@media(min-width:651px) {
 body[data-research-page] .querybar {grid-template-columns:minmax(0,1fr) auto 160px 24px}
}

/* One rhythm for sibling interface elements sitting on the page background.
   Internal panel/control spacing remains local to each component. */
body[data-research-page] {--ui-section-gap:16px}
body[data-research-page] .shared-upper {padding-top:var(--ui-section-gap);margin-bottom:var(--ui-section-gap)}
body[data-research-page] .querybar {margin-bottom:var(--ui-section-gap)}
body[data-research-page] .tradition-panel {margin-bottom:0}
body[data-research-page=search] .container {gap:var(--ui-section-gap)}
body[data-research-page] .catalog-toolbar,
body[data-research-page] .results-info {padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:var(--ui-section-gap)}
body[data-research-page] .results-info .results-count {margin-bottom:0}
body[data-research-page] .tradition-section,
body[data-research-page] .card {margin-bottom:var(--ui-section-gap)}
body[data-research-page] .browse-grid {gap:var(--ui-section-gap)}
@media(max-width:650px) {
 body[data-research-page] .concepts-sidebar {margin-bottom:var(--ui-section-gap)}
}

/* The Browse toolbar is a free-standing control row, with equal outer gaps. */
body[data-research-page] .catalog-toolbar {border-bottom:0}

/* Guide uses the same surface, type hierarchy and outer spacing. */
body[data-research-page="guide"] .about-wrap {max-width:800px;margin:var(--ui-section-gap) auto 0;padding:0 22px}
body[data-research-page="guide"] .about-surface {background:var(--research-surface);border-color:var(--research-border);border-radius:9px;padding:22px}
body[data-research-page="guide"] .about-section-title {font:600 17px/1.5 system-ui,sans-serif;color:var(--ui-text)}
body[data-research-page="guide"] .about-copy {font-size:15px;line-height:1.7}
body[data-research-page="guide"] .about-subtitle {font-size:14px;color:var(--ui-link)}
body[data-research-page="guide"] .about-traditions {justify-content:center;gap:12px 16px;margin:16px 0}
@media(max-width:650px) {body[data-research-page="guide"] .about-wrap {padding:0 13px}body[data-research-page="guide"] .about-surface {padding:16px}}

/* Center the actual source selector, with balanced label/clear-control slots. */
body[data-research-page] .shared-upper .palette-head .scope-accessory {
 grid-column:1/-1;grid-row:2;justify-self:center;width:540px;max-width:100%;margin:0;
 grid-template-columns:82px minmax(0,1fr) 82px;
}
@media(min-width:1200px) {
 body[data-research-page] .palette-head {position:relative;min-height:34px}
 body[data-research-page] .shared-upper .palette-head .scope-accessory {
 position:absolute;grid-row:1;left:50%;top:0;transform:translateX(-50%);
 }
}

/* All/Clear share identical boxes and source-selector geometry. */
body[data-research-page] {--scope-control-height:34px;--scope-control-radius:6px}
body[data-research-page] .palette-head {grid-template-columns:66px 94px 100px minmax(0,1fr)}
body[data-research-page] .scope-actions {width:100px}
body[data-research-page] .scope-actions button {
 width:48px;height:var(--scope-control-height);min-height:var(--scope-control-height);
 padding:0 6px;display:inline-flex;align-items:center;justify-content:center;
 border-radius:var(--scope-control-radius);font-size:12px;line-height:18px;
}
body[data-research-page] .query-scope select {height:var(--scope-control-height);min-height:var(--scope-control-height);border-radius:var(--scope-control-radius)}
@media(max-width:650px) {
 body[data-research-page] {--scope-control-height:38px}
 body[data-research-page] .palette-head {grid-template-columns:66px minmax(0,1fr) 100px}
}

/* Search pagination separates from results through the shared spacing rhythm. */
body[data-research-page=search] .results-info {border-bottom:0;padding:0;margin-top:0;margin-bottom:var(--ui-section-gap)}

/* Pagination uses the same control surface, border and selected finish as the catalog. */
body[data-research-page=search] :is(.pagination-btn,.pagination-current) {
 display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
 min-width:36px;min-height:var(--scope-control-height);padding:0 12px;
 border:1px solid var(--ui-line);border-radius:var(--scope-control-radius);
 background:var(--ui-panel);color:var(--ui-muted);font:400 12px/18px system-ui,sans-serif;
 box-shadow:none;
}
body[data-research-page=search] .pagination-btn:hover:not(:disabled) {
 background:color-mix(in srgb,var(--ui-text) 4%,var(--ui-panel));
 border-color:var(--ui-muted);color:var(--ui-text);
}
body[data-research-page=search] .pagination-current {
 background:color-mix(in srgb,var(--ui-action) 20%,var(--ui-panel));
 color:var(--ui-link);font-weight:600;box-shadow:inset 0 -2px var(--ui-action);
}
body[data-research-page=search] .pagination-btn:focus-visible {outline:3px solid var(--ui-focus);outline-offset:3px}

html.light-mode body[data-research-page] .concept-buttons .concept-btn.active {box-shadow:inset 0 -2px 0 var(--ui-action)}


/* A rounded header surface sits over its tradition's book panel. */
body[data-research-page=browse] .tradition-header {border-radius:7px}
body[data-research-page=browse] .tradition-header-label {font:600 14px/21px system-ui,sans-serif;color:var(--ui-text)}

/* Help belongs to the query field; the mode control ends at the filter panel edge. */
body[data-research-page] .query-field input {padding-right:48px}
body[data-research-page] .query-field .query-help {
 position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;
}
body[data-research-page] .query-field .query-help summary {
 display:grid;place-items:center;width:28px;height:28px;line-height:1;
 color:var(--ui-muted);background:transparent;opacity:.65;
}
body[data-research-page] .query-field .query-help summary:hover,
body[data-research-page] .query-field .query-help summary:focus-visible,
body[data-research-page] .query-field .query-help[open] summary {opacity:1}
body[data-research-page] .query-field .query-help summary::-webkit-details-marker {display:none}
body[data-research-page] .query-field .query-help p {top:36px}
@media(min-width:651px) {
 body[data-research-page] .querybar {grid-template-columns:minmax(0,1fr) auto 160px}
}
@media(max-width:650px) {
 body[data-research-page] .querybar .mode {grid-column:1/-1;justify-self:end}
 body[data-research-page] .query-field .query-help p {width:calc(100vw - 131px)}
}

/* Compact shared query row, close to the original search field's proportions. */
body[data-research-page] {--query-control-height:44px}
body[data-research-page] .query-field input,
body[data-research-page] .querybar .submit,
body[data-research-page] .querybar .mode button {
 height:var(--query-control-height);min-height:var(--query-control-height);
 padding-top:6px;padding-bottom:6px;
}
@media(max-width:650px) {
 body[data-research-page] {--query-control-height:40px}
}

/* The transformed help control needs its own layer above the source selector. */
body[data-research-page] .query-field .query-help[open] {z-index:1000}


/* Size help to its sentence lines instead of reserving an empty fixed-width box. */
body[data-research-page] .query-field .query-help p {width:max-content;max-width:340px}
@media(max-width:650px) {
 body[data-research-page] .query-field .query-help p {max-width:calc(100vw - 131px)}
}

/* Browser history suggestions retain the theme and Finder focus treatment.
   An inset surface covers the browser's protected autofill background. */
body[data-research-page] .query-field input:is(:autofill, :-webkit-autofill) {
 -webkit-text-fill-color:var(--text-primary);
 caret-color:var(--text-primary);
 box-shadow:inset 0 0 0 1000px var(--query-input-surface),var(--query-input-ring)!important;
}