.search-container-page { width: 100%; max-width: 800px; margin: 0 auto; padding: 20px 0; text-align: left; }
.search-input-wrapper { display: grid; gap: 8px; }
#search-query-page { width: 100%; min-height: 48px; padding: 12px 15px; font-size: 1rem; border: 2px solid #555; background-color: #111; color: #fff; border-radius: 8px; box-sizing: border-box; margin-bottom: 24px; display: block; }
#search-query-page:focus { border-color: #00d1ff; outline: 2px solid #00d1ff; outline-offset: 2px; }
.search-results-large .search-item { background-color: #1a1a1a; border: 1px solid #333; border-radius: 8px; margin-bottom: 15px; overflow: hidden; }
.search-results-large .search-link { display: flex; text-decoration: none; color: #e0e0e0; padding: 15px; align-items: flex-start; gap: 16px; }
.search-results-large .search-link:hover { background-color: #2a2a2a; }
.search-results-large .search-image { flex-shrink: 0; }
.search-results-large .search-image img { width: 120px; height: 90px; object-fit: cover; border-radius: 4px; margin-right: 4px; background-color: #000; }
.search-results-large h3 { margin: 0 0 10px; color: #00d1ff; font-size: 1.1rem; line-height: 1.4; }
.search-results-large .search-snippet { font-size: .9rem; color: #aaa; margin: 0; }
@media (max-width: 600px) { .search-results-large .search-link { flex-direction: column; } .search-results-large .search-image img { width: 100%; height: auto; margin: 0 0 10px; } }