/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V4
 * component: search results workspace · genre: modern-minimal · theme: legacy green
 * states: default · hover · focus · active · disabled · loading · error · success
 * contrast: pass (40-41)
 */
:root{
  --search-results-paper:oklch(99% .004 170);
  --search-results-soft:oklch(97% .008 170);
  --search-results-rule:oklch(90% .012 170);
  --search-results-ink:oklch(25% .025 170);
  --search-results-muted:oklch(47% .02 170);
  --search-results-accent:oklch(47% .13 170);
  --search-results-accent-strong:oklch(39% .12 170);
  --search-results-accent-ink:oklch(98% .006 170);
  --search-results-focus:oklch(43% .15 170);
  --search-results-shadow:oklch(28% .025 170 / .08);
  --search-results-space-1:4px;
  --search-results-space-2:8px;
  --search-results-space-3:12px;
  --search-results-space-4:16px;
  --search-results-space-5:24px;
  --search-results-space-6:32px;
  --search-results-radius:6px;
  --search-results-duration:120ms;
  --search-results-ease:cubic-bezier(.16,1,.3,1);
}
html,body{overflow-x:clip}
.search-page{display:grid;gap:var(--search-results-space-4);margin-block:var(--search-results-space-4) var(--search-results-space-6)}
.search-page__toolbar{display:grid;gap:var(--search-results-space-5);padding:var(--search-results-space-5);background:var(--search-results-paper);color:var(--search-results-ink);border:1px solid var(--search-results-rule);border-radius:var(--search-results-radius)}
.search-page__intro{min-width:0}
.search-page__intro h1,.search-page__intro p{margin:0}
.search-page__intro h1{font-size:24px;line-height:1.2;font-weight:800;overflow-wrap:anywhere}
.search-page__intro p{margin-top:var(--search-results-space-1);color:var(--search-results-muted);font-size:14px}
.search-page__form{display:grid;gap:var(--search-results-space-2);min-width:0}
.search-page__form>label{color:var(--search-results-ink);font-size:14px;font-weight:700}
.search-page__form .home-search-control{width:100%}
.search-page__results{min-width:0;color:var(--search-results-ink)}
.search-results__header{display:flex;align-items:center;justify-content:space-between;gap:var(--search-results-space-4);padding:var(--search-results-space-4) 0;border-bottom:1px solid var(--search-results-rule)}
.search-results__header h2{min-width:0;margin:0;font-size:18px;line-height:1.35;font-weight:700;overflow-wrap:anywhere}
.search-results__header>span{flex:none;color:var(--search-results-muted);font-size:14px;white-space:nowrap}
.search-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--search-results-space-3);margin:0;padding:var(--search-results-space-4) 0;list-style:none}
.search-result-grid>li{min-width:0}
.search-tool-card{display:grid;grid-template-columns:56px minmax(0,1fr) 20px;align-items:center;gap:var(--search-results-space-3);min-height:88px;padding:var(--search-results-space-4);border:1px solid var(--search-results-rule);border-radius:var(--search-results-radius);outline:2px solid transparent;outline-offset:1px;background:var(--search-results-paper);color:var(--search-results-ink);transition:transform var(--search-results-duration) var(--search-results-ease)}
.search-tool-card:focus-visible{outline-color:var(--search-results-focus)}
.search-tool-card:active{transform:translateY(1px)}
.search-tool-card__icon{position:relative;display:grid;place-items:center;width:56px;height:56px;overflow:hidden;border:1px solid var(--search-results-rule);border-radius:var(--search-results-radius);background:var(--search-results-soft);color:var(--search-results-accent);font-size:24px}
.search-tool-card__icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--search-results-paper);color:var(--search-results-ink)}
.search-tool-card__content{display:block;min-width:0}
.search-tool-card__content strong,.search-tool-card__content>span{display:block}
.search-tool-card__content strong{overflow:hidden;color:var(--search-results-ink);font-size:16px;line-height:1.4;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.search-tool-card__content>span{display:-webkit-box;overflow:hidden;margin-top:var(--search-results-space-1);color:var(--search-results-muted);font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.search-tool-card__arrow{color:var(--search-results-muted);font-size:16px}
.search-results__empty{display:grid;justify-items:center;gap:var(--search-results-space-2);padding:var(--search-results-space-6) var(--search-results-space-4);color:var(--search-results-muted);text-align:center}
.search-results__empty>i{font-size:30px;color:var(--search-results-accent)}
.search-results__empty strong{color:var(--search-results-ink);font-size:16px}
.search-results__empty p{margin:0}
.search-results__empty a{min-height:44px;margin-top:var(--search-results-space-2);padding:10px var(--search-results-space-4);border:1px solid var(--search-results-accent);border-radius:var(--search-results-radius);outline:2px solid transparent;outline-offset:1px;color:var(--search-results-accent-strong);font-weight:700;white-space:nowrap}
.search-results__empty a:focus-visible{outline-color:var(--search-results-focus)}
.search-results__empty a:active{transform:translateY(1px)}
@media(hover:hover) and (pointer:fine){.search-tool-card:hover{transform:translateY(-1px);border-color:var(--search-results-accent)}.search-results__empty a:hover{background:var(--search-results-accent);color:var(--search-results-accent-ink)}}
@media(min-width:60rem){.search-page__toolbar{grid-template-columns:minmax(180px,.45fr) minmax(420px,1fr);align-items:end;padding:var(--search-results-space-6)}.search-page__form{width:100%;max-width:720px;justify-self:end}}
@media(prefers-reduced-motion:reduce){.search-tool-card{transition:none}.search-tool-card:hover,.search-tool-card:active,.search-results__empty a:active{transform:none}}