/* Search results page. Reuses style.css/shared.css tokens like every other
   page's own stylesheet — no separate palette. */

.search-form-page{display:flex;gap:10px;max-width:520px;margin-top:18px;}
.search-input-page{
  flex:1;padding:12px 16px;border-radius:10px;border:1px solid var(--card-border);
  background:var(--card);color:var(--text);font-family:inherit;font-size:0.95rem;
}
.search-input-page:focus{outline:none;border-color:var(--line1);box-shadow:0 0 0 3px rgba(2,132,199,0.12);}
.search-submit-page{
  /* Real vertical padding rather than relying on flexbox stretch for height —
     .search-form-page switches to flex-direction:column on mobile, where stretch
     affects width instead of height, collapsing the button to just its text
     line-height. Matches .search-input-page's own 12px vertical padding so the
     two stay the same height in the row layout too. */
  padding:12px 22px;border:none;border-radius:10px;font-weight:600;font-size:0.9rem;color:#fff;
  background:var(--accent-text);cursor:pointer;
  transition:transform .15s,box-shadow .15s;
}
.search-submit-page:hover{transform:translateY(-1px);background:#075985;}
.search-summary{color:var(--muted);font-size:0.9rem;margin-top:14px;}
.search-empty{color:var(--muted);padding:20px 0;}

.search-results-list{display:flex;flex-direction:column;gap:12px;}
.search-result-item{
  display:block;background:var(--card);border:1px solid var(--card-border);border-radius:14px;
  padding:16px 18px;transition:border-color .15s,transform .15s,box-shadow .15s;
}
.search-result-item:hover{border-color:var(--line1);transform:translateY(-2px);box-shadow:0 14px 28px -18px rgba(2,132,199,0.25);}
.search-result-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px;}
.search-result-type{
  font-size:0.68rem;text-transform:uppercase;letter-spacing:0.04em;font-weight:700;
  color:var(--accent-text);background:rgba(2,132,199,0.09);border-radius:20px;padding:3px 10px;
  flex-shrink:0;
}
.search-result-item h2{font-size:1.02rem;line-height:1.3;}
.search-result-excerpt{font-size:0.86rem;color:var(--muted);margin-bottom:6px;line-height:1.5;}
.search-result-url{font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:0.76rem;color:var(--mono);}

@media(max-width:520px){
  .search-form-page{flex-direction:column;}
}