.search-page{display:flex;width:100%;max-width:1920px;height:calc(100vh - 76px);padding:0 clamp(12px,1.8vw,34px) 10px;flex-direction:column;overflow:hidden}
.search-page .search-heading{display:flex;flex:0 0 88px;height:88px;align-items:center;justify-content:space-between;gap:16px;padding:3px 0 7px}
.search-page .search-heading h1{font:48px Georgia,serif}
.search-page .search-heading .eyebrow{margin-bottom:4px}
.search-page .active-deck{display:flex;min-width:0;align-items:center;gap:10px;padding:7px 12px;background:transparent;color:var(--ink);border:1px solid var(--line)}
.search-page .active-deck p{display:none}.search-page .active-deck strong,.search-page .active-deck span,.search-page .active-deck a{display:inline;margin:0}.search-page .active-deck span{color:var(--muted)}
.card-search-workspace{display:grid;grid-template-columns:minmax(0,1fr) 240px;flex:1 1 auto;min-height:0;overflow:hidden}
.card-search-main{min-width:0;min-height:0;overflow:hidden}
.card-search-main .search-layout{grid-template-columns:minmax(250px,300px) minmax(0,1fr);height:100%;gap:12px}
.card-search-main .search-controls,.card-search-main .results-panel{height:100%;min-height:0;overflow-y:auto}
.card-search-main .search-controls{position:static;top:auto}
.card-search-main .results-panel{padding:18px}
.card-search-main .search-results{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:16px}
.card-search-analysis{grid-column:2;grid-row:1;border-right:0;border-left:1px solid var(--line);overflow-y:auto}
/* Without an active deck the analysis column has nothing to analyse: it showed 0, 0.00, --
 * and three entirely empty panels, because renderDeckAnalysis returns before populating the
 * curve and the mana bars. The class was already being toggled and no rule ever claimed it,
 * so the column stayed on screen as furniture. Now it collapses and the results take the
 * width — which matters more since Card Search opened to signed-out visitors, for whom
 * there is no active deck to have. */
.card-search-analysis.no-active-deck{display:none}
.card-search-workspace:has(.card-search-analysis.no-active-deck){grid-template-columns:minmax(0,1fr)}
@media(max-width:850px){.search-page{height:auto;padding:0 12px 30px;overflow:visible}.search-page .search-heading{align-items:flex-start;flex-direction:column}.search-page .active-deck{width:100%;flex-wrap:wrap}.card-search-workspace{display:block;overflow:visible}.card-search-main{overflow:visible}.card-search-main .search-layout{grid-template-columns:1fr;height:auto}.card-search-main .search-controls,.card-search-main .results-panel{height:auto;overflow:visible}.card-search-analysis{display:none}}