body { font-family: system-ui, sans-serif; margin: 0; background: #fafafa; color: #222; }
header { background: #fff; padding: 1rem 2rem; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
main { padding: 2rem; }
.search-form .row { display: grid; grid-template-columns: repeat(5, minmax(120px, 1fr)); gap: .75rem; align-items: end; }
.search-form input { width: 100%; padding: .6rem; border-radius: .5rem; border: 1px solid #ddd; }
.search-form button { padding: .7rem 1rem; border: none; border-radius: .6rem; background: #222; color: #fff; cursor: pointer; }
.dog-list { list-style: none; padding: 0; margin: 1rem 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; }
.dog-card { background: #fff; border: 1px solid #eee; border-radius: .8rem; padding: 1rem; box-shadow: 0 2px 6px rgba(0,0,0,.05); }
.dog-title { font-weight: 700; }
.age { color: #666; font-weight: 400; }
.breed { color: #333; margin-top: .25rem; font-size: .95rem; }
.desc { color: #555; margin: .5rem 0 0; }
.pagination { display: flex; gap: 1rem; align-items: center; margin-top: 1rem; }
.pagination a { text-decoration: none; }