.search-shell{padding:72px 0 90px}
.search-hero{max-width:880px}
.search-hero h1{font-family:"Playfair Display","Noto Sans SC";font-size:56px;line-height:1.15;margin:10px 0 14px}
.search-hero p{max-width:640px;color:var(--muted);font-size:16px}
.search-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin:30px 0 14px;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 16px 44px rgba(20,45,34,.06)}
.search-form input{border:0;background:transparent;color:var(--ink);outline:0;padding:13px 14px;font-size:16px}
.search-hints{display:flex;flex-wrap:wrap;gap:8px}
.search-hints button{border:1px solid var(--line);background:rgba(255,255,255,.45);border-radius:999px;padding:7px 12px;color:var(--forest);font-size:12px;cursor:pointer}
.search-hints button:hover{background:#dff1e8}
.search-status{margin:42px 0 16px;color:var(--muted);font-size:13px}
.search-results{display:grid;gap:14px;max-width:940px}
.search-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 24px;box-shadow:0 14px 34px rgba(26,55,42,.05)}
.search-card:hover{transform:translateY(-1px);box-shadow:0 20px 44px rgba(26,55,42,.08)}
.search-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:10px;color:var(--muted)}
.search-card-meta span{border:1px solid var(--line);border-radius:999px;padding:3px 8px;background:rgba(255,255,255,.45)}
.search-card-meta .symbol-chip{background:#173d2f;color:white;border-color:#173d2f}
.search-card h2{font-size:24px;line-height:1.35;margin:0 0 9px}
.search-card h2 a:hover{color:var(--forest)}
.search-card p{font-size:14px;line-height:1.8;color:#5d6862;margin:0 0 16px}
.search-card footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:11px}
.search-empty{padding:34px;border:1px dashed var(--line);border-radius:16px;background:var(--card);color:var(--muted);text-align:center}
body.dark .search-card p{color:#b6c7bf}
body.dark .search-hints button,body.dark .search-card-meta span{background:rgba(255,255,255,.06)}

@media(max-width:700px){
  .search-shell{padding:48px 0 70px}
  .search-hero h1{font-size:40px}
  .search-form{grid-template-columns:1fr}
  .search-card footer{display:grid}
}