:root{--dogs-blue:#245ca8;--dogs-text:#172033;--dogs-muted:#738096;--dogs-line:#dfe7f1}
.dogs-page{padding-bottom:70px}
.dogs-hero{padding:46px 0 22px}
.dogs-hero>p{margin:0;color:var(--dogs-blue);font-size:10px;letter-spacing:.16em;font-weight:800}
.dogs-hero h1{margin:6px 0 0;font-size:clamp(48px,8vw,88px);line-height:1}
.dogs-description{display:block;margin-top:13px;color:var(--dogs-muted);font-size:12px;line-height:1.6}
.dogs-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}
.breed-chips{display:flex;flex-wrap:wrap;gap:8px}
.breed-chip{min-height:34px;padding:0 14px;border:1px solid var(--dogs-line);border-radius:999px;background:#fff;color:#3c4656;font:700 12px/1 Inter,"Helvetica Neue",Arial,"Noto Sans JP",sans-serif;cursor:pointer}
.breed-chip.active{border-color:#171717;background:#171717;color:#fff}
.dogs-filter span{color:var(--dogs-muted);font-size:10px}
.dogs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dog-card{overflow:hidden;border:1px solid var(--dogs-line);border-radius:15px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 5px 16px rgba(20,40,70,.045);transition:.2s}
.dog-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(20,40,70,.08)}
.dog-card-image{aspect-ratio:1/1;overflow:hidden;background:#edf2f7}
.dog-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.dog-card-image .fallback{display:grid;width:100%;height:100%;place-items:center;color:var(--dogs-muted);font-size:10px;letter-spacing:.15em;font-weight:800}
.dog-card-body{padding:9px 11px 11px}
.dog-card-body span,.dog-card-body strong{display:block}
.dog-card-body span{overflow:hidden;color:var(--dogs-blue);font-size:8px;letter-spacing:.1em;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.dog-card-body strong{margin-top:4px;font-size:16px;line-height:1.25}
.empty-state{padding:70px 20px;border:1px dashed var(--dogs-line);border-radius:15px;color:var(--dogs-muted);text-align:center}
@media(max-width:1000px){.dogs-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.dogs-grid{grid-template-columns:repeat(2,1fr);gap:8px}.dog-card-body{padding:8px 9px 10px}.dog-card-body strong{font-size:15px}}
@media(max-width:480px){.dogs-filter{align-items:flex-start;flex-direction:column}}