/* Site search page (src/app/(frontend)/search) */
.sform { display: flex; gap: 10px; margin-top: 28px; max-width: 640px; }
.sform input {
  flex: 1; min-width: 0; padding: 13px 16px; border-radius: 6px; border: 1.5px solid var(--line);
  background: var(--card); color: var(--ink); font: 500 16px/1.2 var(--body);
}
.sform input:focus { outline: 2px solid var(--blue); outline-offset: 1px; border-color: var(--blue); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.scount { color: var(--soft); font-size: 14px; margin-bottom: 18px; }
.sresults { display: flex; flex-direction: column; gap: 12px; max-width: 820px; }
.sr {
  display: flex; flex-direction: column; gap: 6px; padding: 20px 22px; border-radius: 10px;
  border: 1px solid var(--line); background: var(--card); color: inherit; text-decoration: none;
  transition: transform .18s, box-shadow .18s;
}
.sr:hover { transform: translateY(-2px); box-shadow: var(--shadow-sm); }
.sr .k { font: 650 10px/1 var(--mono); letter-spacing: .13em; text-transform: uppercase; color: var(--blue); }
.sr b { font: 650 17px/1.35 var(--disp); color: var(--ink); }
.sr .sx { color: var(--soft); font-size: 14px; line-height: 1.6; }
.sr .sp { color: var(--soft); font-size: 12px; opacity: .8; }
@media (max-width: 560px) { .sform { flex-direction: column; } }