.search-page { width: min(1100px, calc(100% - 40px)); margin: 0 auto; padding: 48px 0 80px; }
.search-page > p:first-child a { color: #376220; }
.result-search { display: flex; gap: 10px; margin: 24px 0; }
.result-search input { flex: 1; min-width: 0; padding: 14px 16px; border: 1px solid #c8c8bd; border-radius: 12px; font: inherit; }
.result-search button { padding: 0 24px; border: 0; border-radius: 12px; background: #376220; color: white; font: inherit; font-weight: 700; }
.result-status { margin: 20px 0; color: #5e6258; }
.result-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.result-card { overflow: hidden; border: 1px solid #e7e3d9; border-radius: 18px; background: white; box-shadow: 0 8px 24px rgb(45 49 38 / 6%); }
.result-image { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: #f1eee5; }
.result-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.result-image:hover img { transform: scale(1.03); }
.result-content { padding: 20px; }
.result-content > p:first-child { color: #6d842f; font-size: .8rem; font-weight: 700; }
.result-card h2 { margin: 6px 0; font-size: 1.25rem; }
.result-card h2 a { color: inherit; text-decoration: none; }
.result-name-en { color: #777; font-size: .82rem; }
.result-link { display: inline-block; margin-top: 12px; color: #376220; font-weight: 700; }
@media (max-width: 560px) { .result-search { flex-direction: column; } .result-search button { padding: 14px; } }